@charset "UTF-8";

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

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

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

.forsp { display:block; }
.forpc { display:none; }
.onlysp { opacity: 1; height: inherit; }

#parts01 h1 { width:18%; }

#parts02 h2 { font-size: 1.2rem; white-space: nowrap; }


.parts.half { margin-bottom: -1px; }

/* スライド */
.slide_sp { display: block; position: relative; width: 100%; background: #000; overflow: hidden; }

.slide_sp_1,
.slide_sp_2,
.slide_sp_3,
.slide_sp_4,
.slide_sp_5 { height: 110vmin; }


@keyframes slideshow{
  0%{
    opacity: 0;
  }
  30%{
    opacity: 1;
  }
  50%{
    opacity: 1
  }
  70%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}

.slide_sp img {
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 0;
  animation :slideshow 10s linear infinite;
}
.slide_sp img:first-child { animation-delay: -2s; }
.slide_sp img:nth-child(2){ animation-delay: 3s; }

.venobox { cursor: pointer; }
.venobox:focus { outline: none; }

.vbox-next, .vbox-prev { transform: scale(0.6); }
.vbox-prev { left: 5px; }
.vbox-next { right:5px; }

.more{
    display: block;
	position:absolute;
    left: 0.1%;
    bottom: 0;
	display:inline-block;
	bottom:0.5%;
	width:32px;
	height:32px;
	border:1px solid #fff;
	transform:scale(0.4);
	cursor:pointer;
	transition: opacity .7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	visibility: visible;
	z-index: 100;
}
.more::before{
	content:"";
	position:absolute;
	display:inline-block;
	top:4px;
	left:16px;
	width:1px;
	height:24px;
	border:0;
	margin:0;
	padding:0;
	background-color:#fff;
	transform:rotate(45deg);
}
.more::after{
	content:"";
	position:absolute;
	display:inline-block;
	top:4px;
	left:16px;
	width:1px;
	height:24px;
	border:0;
	margin:0;
	padding:0;
	background-color:#fff;
	transform:rotate(-45deg);
}

/*.sec_last { background-image: url("../images/plage_22_sp.jpg"); }*/


/****** 文字要素設定 ******/
.sec_last { margin-bottom: -1px; background-position: 100% center; overflow: hidden; }
.sec_staff { padding: 5vmin 0 16vmin; transform: scale(0.85); }
.logo_foot { width:16%; padding-bottom: 3vmin; }

.txt_staff p { font-size: 0.8rem; letter-spacing:0.04em; }

.sec_credit_wrapper { display: none; position: static; }
.sec_credit { padding: 1em; text-align: center; }
.sec_credit p a { color:#000; }
.sec_credit p a .sec_item { text-decoration: underline; }


/*アニメーション*/
.parts.half .col:first-child { transform: translateX(-10%); }
.parts.half .col:last-child { transform: translateX(10%); }

/*実行後*/
.parts.half.addanim .col { transform:translateX(0); }

/*アニメーション*/





/*----------------------------------------
		フッター
------------------------------------------*/
.gnav { width:auto; margin:0 5%; padding-bottom:5vmin; white-space: normal; text-align:center; }
.gnav ul { line-height: 1.2; }
.gnav li { float:none; display:inline-block; margin-right:8%; line-height:140%; letter-spacing:0.04em; font-size: 0.9rem; font-weight: normal; }
.gnav li.gnav_blog { margin-right: 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 { display: none; /*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 (orientation: landscape) {

.sec_staff { padding: 5vmax 0 16vmax; }
.logo_foot { padding-bottom: 2vmax; }

#parts01 h1,
.logo_foot { width:12%; }

.slide_sp_1,
.slide_sp_2,
.slide_sp_3,
.slide_sp_4,
.slide_sp_5 { height: 110vmax; }

.gnav { padding-bottom: 4vmax; }


}


}




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