/*スマホサイズ&タブレットのメディアクエリ*/
@media only screen and (max-width: 960px) {
    
}

/*共通フォント*/
body {
font-family: "Josefin Sans", sans-serif;
font-style: normal;
font-weight: 700;
background-color: #ffffff
}

/*PC背景*/
body {
    background-image: url('../images/compositionBASE.gif');
        background-size: cover;
    background-position: top;
    background-position: center;
    margin-top: 0px;
    height: 1300px; 
}

/*背景をスマホで非表示*/
@media only screen and (max-width: 960px) {
body {
    background-image: none; 
}
}

/* パソコン用ヘッダーをスマホで非表示 */
@media only screen and (max-width: 960px) {
header2 {
    display: none; 
}
}

/*スマホ専用ヘッダーをPCで非表示*/
@media only screen and (min-width: 960px) {
header {
    display: none; 
  }
}

/*スマホ専用ヘッダーをスマホのみで表示*/
@media only screen and (max-width: 960px) {
header {
    display: block; 
  }

header {
text-align: center;
margin-bottom: 90px;
}

/*ロゴ（カミングスーン）*/
p .logo {
margin-top: 80px;
text-align: center;
}

header p .container {
text-align: center;
margin-top: 20px;
width: 350px 
}

p .mv {
text-align: center;
max-width: 100%; 
height: auto;
margin-top: 20px;  
}
}


/*パソコン専用メニュー*/
main .container {
    font-size: 30px;
    letter-spacing: 2px;
}

main {
    display: flex;
    justify-content: center;
    
}

.menu_reserve {
    margin-left: 0px;
    margin-right: 30px;
    margin-top: 0px;
    transition: .3s;
    cursor: pointer;
}

.menu_reserve:hover {
    opacity: 0.3;
    transition: .3s;
}

.menu_contact {
    margin-left: 0px;
    margin-right: 30px;
    margin-top: 0px;
    transition: .3s;
}

.menu_contact:hover {
    opacity: 0.3;
    transition: .3s;
}

.menu_about {
    margin-left: 0px;
    margin-right: 40px;
    margin-top: 0px;
    transition: .3s;
}

.menu_about:hover {
    opacity: 0.3;
    transition: .3s;
}

/* パソコン用メニューをスマホで非表示 */
@media only screen and (max-width: 960px) {
.menu_reserve {
    display: none; 
}

.menu_contact {
    display: none; 
}

.menu_about {
    display: none; 
}
}

/*スマホ専用メニューをPCで非表示*/
@media only screen and (min-width: 960px) {
section {
    display: none; 
  }
}

/*スマホ専用メニューをスマホのみで表示*/

/* スマホ専用 予約リンク */
@media only screen and (max-width: 960px) {
section .menu_reserve {
    display: block;
}
}
@media only screen and (max-width: 960px) {
section .menu_reserve {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    transition: .3s;
    margin: 0 auto;
}
}

/* スマホ専用 問合リンク */
@media only screen and (max-width: 960px) {
section .menu_contact {
    display: block;
}
}
@media only screen and (max-width: 960px) {
section .menu_contact {
text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 40px;
    transition: .3s;
}
}

/* スマホ専用 概要リンク */
@media only screen and (max-width: 960px) {
section .menu_about {
    display: block;
}
}
@media only screen and (max-width: 960px) {
section .menu_about {
text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 40px;
    transition: .3s;
}
}

/*フッターをPCで非表示*/
@media only screen and (min-width: 960px) {
footer {
    display: none; 
  }
}

/*フッターをスマホのみで表示*/
@media only screen and (max-width: 960px) {
footer {
    display: block;
}

footer {
text-align: center;
}
}

footer p .container {
margin-top: 300px;
max-width: 100%; 
height: auto;
margin-bottom: 180px;
}


/*フッター2*/
.row {
text-align: center;
font-size: 10px;
font-weight: 300;
letter-spacing: 1px;
margin-top: 870px;
}

/*フッター2をスマホ用のみで表示*/
@media only screen and (max-width: 960px) {
.row {
text-align: center;
font-size: 10px;
font-weight: 300;
letter-spacing: 1px;
margin-top: 0px;
margin-bottom: 0px;
}
}


/*PC背景-ABOUT-*/
body .page_mv {
    background-image: url('../images/compositionBASE.gif');
        background-size: cover;
    background-position: top;
    background-position: center;
    margin-top: 0px;
    height: 1300px; 
    background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
}

/*背景をスマホで非表示-ABOUT-*/
@media only screen and (max-width: 960px) {
body .page_mv{
    background-image: none; 
}
}