@charset "UTF-8";

/*
======== table of content. ===============

summary:ワイヤーフレーム要素

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

html,body { height: 100%; }
.forsp { display:block; }
.forpc { display:none; }
.onlysp { opacity: 1; height: inherit; }

#wrapper { width:auto; overflow-x:hidden; }

#plage_content { padding: 0; }

/*左右振り分け*/
.pl_parts { flex-direction: column; }

/*左右*/
.sec_l,
.sec_l_main,
.sec_r { flex-basis: 100%; }

.sec_l,
.sec_r { padding-left: 3%; padding-right: 3%; }


.sec_l figure,
.sec_r figure { margin-bottom: 2.7%; }

#sec_2.sec_l figure,
#sec_6.sec_l figure,
#sec_8.sec_l figure,
#sec_11.sec_r figure.first,
#sec_12.sec_l figure { margin-bottom: 9.6%; } 

.sec_l_main figure { margin-bottom: 6.7%; }


h1,.txt_season,.sec_staff { padding-left: 3%; padding-right: 3%; text-align: center; }

h1 { margin-bottom: 4%; font-size: 8vmin; }
.txt_season { margin-bottom: 4%; font-size: 4vmin; }

@media screen and (orientation: landscape) {
h1 { font-size: 8vmax; }
.txt_season { font-size: 4vmax; }
}

/*アニメーション*/
.photo_main,
.txt_plage,
.txt_season,
.sec_staff { transform: translateX(0); }

.photo_13 { transform: translateY(0); }


/****** 文字要素設定 ******/
/* スタクレ */
.sec_staff { margin-bottom: 20%;  text-align: center; }

.logo { width:25%; margin: 0 auto 10%; }

/* クレジット */
.sec_credit { margin-bottom: 20%; }

.sec_credit p,
.vbox-inline p { font-size: 1rem; }



#pl_2 .sec_l,
#pl_2 .sec_r,
#pl_3 .sec_l,
#pl_3 .sec_r,
#pl_4 .sec_l,
#pl_4 .sec_r,
#pl_5 .sec_l,
#pl_5 .sec_r,
#pl_6 .sec_l,
#pl_6 .sec_r,
#pl_7 .sec_l,
#pl_7 .sec_r { margin-top: 0; }


.sec_movie_frame { margin:0 3% 15%; }
.sec_movie {
  margin-top: 0;
}




/*----------------------------------------
		フッター
------------------------------------------*/
.gnav,
#main_inner { width:100%; }

.gnav { margin-top: 10.6666%; margin-bottom: 8%; white-space: normal; text-align:center; }
.gnav li { float:none; display:inline-block; margin-right:5%; line-height:220%; letter-spacing:0; }
#cruise_footer { width:350px; margin: auto; padding:2.6666% 0 8%; box-sizing: border-box; }

@media screen and (max-width:320px) {
#cruise_footer { width:320px; }
}

#cruise_footer .nav_inquiry a { padding-right: 0; }
#cruise_footer .nav_inquiry a::after { content:""; }

.bt_online_footer { margin:4em 3.98% 3em; box-sizing: border-box; text-align: center; }
.btn_online { margin-bottom: 1.2em; }
.btn_online a { display: block; margin-bottom: .5em; padding: 1.5em; border:1px solid #000; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight:500; }
.btn_online a span { display: inline-block; padding-left: 20px; background: url("../images/icon_cart.png") no-repeat 0 0.2em; background-size: 14px auto; }

.bt_online_footer .text_to_online { margin-left: -3.98%; margin-right: -3.98%; font-size: 9px; font-weight: 700; letter-spacing: 0.05em; line-height: 220%; }
	
/*----------------------------------------
		ヘッダー
------------------------------------------*/    
#global-nav {
	position: absolute;
	width: 160px;
	padding: 70px 10px 20px 30px;
}
/* ハンバーガー */
#nav-toggle { top:3vmin; right:3%; }
#nav-toggle span {
    background: #444;
}
#nav-toggle span:nth-child(2) {
    top: 9px;
}
#nav-toggle span:nth-child(3) {
    top: 18px;
}




	
}




@media screen and (max-width:320px) {
}