﻿
 @Charset "Shift_JIS";

  /*------------------------------------------------------------------- Personal  Computer -------------------------------------------------------------------*/

    @media only screen and (min-width : 1025px) {

     /*----- @media (min-width : 〇〇〇px) … スクリーンが 〇〇〇px以上（ ～ から ） のときにCSSを適用。-----*/
     /*----- @media (max-width : 〇〇〇px) … スクリーンが 〇〇〇px以下（ ～ まで ） のときにCSSを適用。-----*/

  /*----------------------------------------------------------- ここから通常の CSS を記述 ----------------------------------------------------------*/

     body {
           line-height : 1.7;
           font-size : 100%;                                /*----- 100% ＝ 16px -----*/
           color : #333;                                    /* #000 */
           background-color : #FFF;
           text-size-adjust : 100%;                         /*----- Safari : iPhoneで、フォントサイズの自動調整機能を制御するCSSのプロパティ -----*/
           -webkit-text-size-adjust : 100%;                 /*-----                                    〃                                    -----*/
          }

  /*--------------------------------------------------------------------- wrap ---------------------------------------------------------------------*/

    .wrap {
           margin : 0 auto;
           margin-bottom : 0;
           width : 100%;
           height : 100%;
          }



  /*------------------------------------------------------- 背景画像をパララックス -------------------------------------------------------*/

     .section {
               text-align : center;
               height : 100vh;            /* 90vh */
               padding : 5% 0 0;
               box-sizing : border-box;             /*----- 要素の幅 ( width )・高さ( height )に、paddingとborderを要素の幅と高さに含める -----*/
              }

  /*------------------------------------------------------ コンテンツ部分 ------------------------------------------------------*/

     .section1, .section3, .section5 {
                                      background: #fff;
                                     }


  /*------------------------------------------------- 背景画像を表示させる部分 -------------------------------------------------*/

     .section2, .section4 {
                           height : 600px;
                          }



  /*---------------------------------------------------- PCの場合の背景画像 ----------------------------------------------------*/

    @media screen and (min-width: 1025px) {

                                           .section2 {
                                                      background : url("../img/All/fudou.jpeg") no-repeat fixed center center /cover;
                                                     }

                                           .section4 {
                                                      background : url("../img/All/P-1.jpg") no-repeat fixed center center /cover;
                                                     }
                                          }

/*  @media screen and (max-width: 736px) {

     /* スマホの場合の背景画像 */
/*                                        .section2::before{
                                                            content : "";
                                                            position : fixed;
                                                            top : 0;
                                                            left : 0;
                                                            width : 100%;
                                                            height : 100%;
                                                            background-position : center center;
                                                            background-repeat : no-repeat;
                                                            background-size : cover;
                                                            z-index : -1;
                                                           }

     /* スマホの場合は同じ要素の背景画像を変更する */

/*                                        .section2.bgA::before{
                                                                background-image: url("../img/SP/miko.jpeg");
                                                               }

                                          .section2.bgB::before{
                                                                background-image: url("../img/SP/taki.jpeg");
                                                               }
                                         }   */



  /*-------------------------------------------------------------------- footer --------------------------------------------------------------------*/

    .footer {
             background-color : #1F2C37;
            }










  /*----------------------------------------- 非表示指定 -----------------------------------------*/

     .STSD { display : none; }

  /*---------------------------------------------------------------------- End ---------------------------------------------------------------------*/

                                                }               /*----- @media  1370px ～  End -----*/
  /*----------------------------------------------------------------------------------------------------------------------------------------------------------*/










  /*-------------------------------------------------------------------------- LINE --------------------------------------------------------------------------*/

  /*----------------------------------------------------------------------------  ----------------------------------------------------------------------------*/

  /*-----------------------------------------------------------------------  -----------------------------------------------------------------------*/

  /*------------------------------------------------------------------  ------------------------------------------------------------------*/

  /*-------------------------------------------------------------  -------------------------------------------------------------*

  /*----------------------------------------------  ----------------------------------------------*/

  /*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

