/*
Theme Name: Luxe Cruise
*/
@charset "UTF-8";
@import url("css/common.css");
@import url("css/base.css?var=20150501");
@import url("css/contents.css?var=20150501");

/* 2018.10.18 Added SP Drawer ブログリンク赤色+太字 */
.fw600{
	font-weight:600;
}

.fw600 a{
	color:#CC0000!important;
}



/*　2022.11.29 webp差し替え */
.webp-support .sub-head-point {
    background: url(img/top/sub-head-point-bg.png.webp) top right/cover no-repeat;
    padding: 80px 0;
}
.webp-support #topKey_contents .keyContent {
	width: 576px;
	height: 478px;
	background: url(img/top/top_key_frame.png.webp) no-repeat;
}
.webp-support .colona_text {
	background: url(img/top/corona-bg.png.webp);
	color: #fff;
	flex: 1;
	margin: 0 30px 30px;
	padding: 30px 15px;
}
.webp-support #section-top-about {
	text-align: left;
	background: url(img/top/top-about-324.png.webp) no-repeat;
	background-size: 50%;
	background-position: right top;
}
.webp-support #section-top-think {
  background: url(img/top/section-top-think.png.webp) no-repeat;
  background-size: 50%;
  background-position: left;
}
.webp-support #section-top-image-box {
  background: url(img/top/section-top-image.png.webp) no-repeat;
  background-size: cover;
  margin-top: 100px;
  position: relative;
  height: 500px;
}
.webp-support .section-top-plan-img {
  width: 50%;
  background: url(img/top/section-top-plan-img01.png.webp) no-repeat;
  background-size: cover;
}
.webp-support .section-top-plan-img2 {
  width: 50%;
  background: url(img/top/section-top-plan-img02.png.webp) no-repeat;
  background-size: cover;
}
.webp-support .section-top-plan-img3 {
  width: 50%;
  background: url(img/top/section-top-plan-img03.png.webp) no-repeat;
  background-size: cover;
}
.webp-support .section-top-plan-img4 {
  width: 50%;
  background: url(img/top/section-top-plan-img04.png.webp) no-repeat;
  background-size: cover;
}
.webp-support #section-top-sceans {
  background: url(img/top/section-top-sceans.png.webp) no-repeat;
  background-size: cover;
  position: relative;
  padding: 0px 0 50px 0;
  text-align: left;
  background-position: center right;
}
.webp-support #section-top-ships-more {
  background: url(img/top/section-top-ships-more.png.webp) no-repeat;
  background-size: cover;
  position: relative;
  padding: 0;
  text-align: left;
  background-position: center right;
  text-align: left;
  position: relative;
}
.webp-support .section-top-spot-img {
  background: url(img/top/section-top-spot-img.png.webp) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 45%;
}
.webp-support #topKeyImg{
	position:relative;
	background: url(img/top/top_key.jpg.webp);
	background-attachment: fixed;
	 background-position: center bottom;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	height: 980px;
	min-height: 600px;
	max-height: 980px;
	overflow:hidden;
	visibility: hidden;
}
.webp-support #topKeyImg .keyContent{
	position:absolute;
	top:70px;
	width:576px;
	height:478px;
	background: url(img/top/top_key_frame.png.webp) no-repeat;
}
.webp-support #top #dishes .dishesLink{
	position:relative;
	background:#000 url(img/top/top_dishes_bg01.jpg.webp) no-repeat;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	background-position:50% 50%;
	height:184px;
	padding-top:116px;
}

.webp-support #pageKeyImg .pageKeyImgInner.keyImg_value{
	background-image: url(img/value/value_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_scene{
	background-image:url(img/scene/scene_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_tokyo{
	background-image:url(img/spot/tokyo_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_yokohama{
	background-image:url(img/spot/yokohama_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_cruiser{
	background-image:url(img/cruiser/cruiser_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_price{
	background-image:url(img/price/price_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_dishes{
	background-image:url(img/dishes/dishes_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_faq{
	background-image:url(img/faq/faq_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_company{
	background-image:url(img/company/company_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_blog{
	background-image:url(img/blog/blog_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_voice{
	background-image:url(img/blog/voice_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_flow{
	background-image:url(img/flow/flow_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_boarding{
	background-image:url(img/boarding/boarding_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_member{
	background-image:url(img/member/member_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_request{
	background-image:url(img/request/request_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_terms{
	background-image:url(img/page/terms_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_privacy{
	background-image:url(img/page/terms_key.jpg.webp);
}
.webp-support #pageKeyImg .pageKeyImgInner.keyImg_luxe_sitemap{
	background-image:url(img/page/sitemap_key.jpg.webp);
}
