@charset "UTF-8";

/* ============================================================
   style.css — yoyakuban 統合スタイルシート
   ① noto-sans-jp.css → ② reset.css → ③ griddo1200_12_m00.css
   → ④ main.css → ⑤ common.css → ⑥ otherLangheader.css
   ============================================================ */

/* ============================================================
   ① noto-sans-jp.css
   ============================================================ */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('NotoSansJP-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('NotoSansJP-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('NotoSansJP-500.woff2') format('woff2');
}

/* ============================================================
   ② reset.css
   ============================================================ */


/* @group Reset */

html {
	font-family: 'Noto Sans JP','Hind Madurai',-apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
	color:#000000;
	font-weight: 400;
	font-variant-ligatures : none;
	letter-spacing: 1px;
	overflow-x: hidden;
}

.customer_font_min{
	/* 明朝体 */
	font-family:  "Noto Serif JP", "游明朝体","YuMincho", "游明朝", "Yu Mincho", "Crimson Text","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Noto Serif JP', serif,'EB Garamond';
	
	font-weight: 400;

}

.customer_font_EB{
	font-family:  'EB Garamond',"Noto Serif JP","游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Crimson Text","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Noto Serif JP', serif;
	line-height:1.8;
	font-weight: 400;
}
.customer_font_Poppins{
	font-family:  'Poppins','Noto Sans JP',-apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
	font-weight: 400;
}
.customer_font_Roboto{
	font-family:  'Roboto','Noto Sans JP',-apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
	font-weight: 400;
}

.customer_font_Hind{
	font-family:  'Hind Madurai','Noto Sans JP',-apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
	font-weight: 400;
}

body {
	-webkit-text-size-adjust: 100%; 
	-webkit-overflow-scrolling:touch;
	word-wrap:break-word;
	font-feature-settings: "palt" 1;/*文字間を自動調節*/
	overflow-x: hidden;
}
#customer_main{
	overflow-x: hidden;
}

*{ margin: 0;padding: 0; filter: inherit; }

ul, ol { list-style : none; }

img { 
	border:0;
	display:block;
	width: auto;
	height:auto;
	max-width: 100%;
}


/*ｈタグフォントサイズの設定*/
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: 500;}

@media (min-width : 768px) {
	h1,h2,h3,h4,h5,h6 {font-size: 100%;}
	
	body {
		font-feature-settings:initial;
	}
}


.customer_alcenter {	text-align:center;	margin: 0 auto; }

.customer_aljust { text-align:justify; }

.customer_alleft { text-align:left; }

.customer_alright { text-align:right; }

.customer_float_L { float:left;}

.customer_float_R { float:right;}

.customer_center_img img { margin:0 auto;}


a{ 
	color:#000000;
	text-decoration:underline;
}
a img{ 
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

a:hover{ color:#000000;text-decoration:none; }

a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

.customer_clearfix:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.customer_clearfix{ 
	display:block;
	clear:both;
	overflow:hidden; 
}

/*** 位置設定 ================================================== */
.customer_ma_to05 {margin-top:0.5em;}
.customer_ma_to10 {margin-top:1em;}
.customer_ma_to15 {margin-top:1.5em;}
.customer_ma_to20 {margin-top:2em;}
.customer_ma_to30 {margin-top:3em;}
.customer_ma_to40 {margin-top:4em;}
.customer_ma_to50 {margin-top:5em;}
.customer_ma_to60 {margin-top:6em;}
.customer_ma_to70 {margin-top:7em;}

.customer_ma_bo05 {margin-bottom:0.5em;}
.customer_ma_bo10 {margin-bottom:1em;}
.customer_ma_bo15 {margin-bottom:1.5em;}
.customer_ma_bo20 {margin-bottom:2em;}
.customer_ma_bo30 {margin-bottom:3em;}
.customer_ma_bo40 {margin-bottom:4em;}
.customer_ma_bo50 {margin-bottom:5em;}
.customer_ma_bo60 {margin-bottom:6em;}
.customer_ma_bo70 {margin-bottom:7em;}

.customer_ma_tobo05 {margin:0.5em 0;}
.customer_ma_tobo10 {margin:1em 0;}
.customer_ma_tobo20 {margin:2em 0;}
.customer_ma_tobo30 {margin:3em 0;}


.customer_pa_to80 {padding-top:8em;}
.customer_pa_to70 {padding-top:7em;}
.customer_pa_to60 {padding-top:6em;}
.customer_pa_to50 {padding-top:5em;}
.customer_pa_to40 {padding-top:4em;}
.customer_pa_to30 {padding-top:3em;}
.customer_pa_to20 {padding-top:2em;}
.customer_pa_to15 {padding-top:1.5em;}
.customer_pa_to12 {padding-top:1.2em;}
.customer_pa_to10 {padding-top:1em;}
.customer_pa_to07 {padding-top:0.7em;}
.customer_pa_to05 {padding-top:0.5em;}
.customer_pa_to03 {padding-top:0.3em;}
.customer_pa_to02 {padding-top:0.2em;}

.customer_pa_bo80 {padding-bottom:8em;}
.customer_pa_bo70 {padding-bottom:7em;}
.customer_pa_bo60 {padding-bottom:6em;}
.customer_pa_bo50 {padding-bottom:5em;}
.customer_pa_bo40 {padding-bottom:4em;}
.customer_pa_bo30 {padding-bottom:3em;}
.customer_pa_bo20 {padding-bottom:2em;}
.customer_pa_bo15 {padding-bottom:1.5em;}
.customer_pa_bo10 {padding-bottom:1em;}
.customer_pa_bo07 {padding-bottom:0.7em;}
.customer_pa_bo05 {padding-bottom:0.5em;}
.customer_pa_bo03 {padding-bottom:0.3em;}
.customer_pa_bo02 {padding-bottom:0.2em;}


.customer_pa_tobo30 {padding:3em 0;}
.customer_pa_tobo20 {padding:2em 0;}
.customer_pa_tobo10 {padding:1em 0;}
.customer_pa_tobo05 {padding:0.5em 0;}



/* @end */


/* ============================================================
   ③ griddo1200_12_m00.css
   ============================================================ */
/*******************************************************/
/*                                                     */
/*　　　このレスポンシブサイトの画面設計サイズ         */
/*                                                     */
/*   1200px巾　12カラム　1カラム100px　両マージン0px   */
/*                                                     */
/*******************************************************/
/** 768px未満　スマホ　サイズ画面 **/
html { font-size:87%; }

.customer_clu01,
.customer_clu02,
.customer_clu03,
.customer_clu04,
.customer_clu05,
.customer_clu06,
.customer_clu07,
.customer_clu08,
.customer_clu09,
.customer_clu10,
.customer_clu11,
.customer_clu12 { width:100%;}

.customer_mal00,
.customer_mal01,
.customer_mal02,
.customer_mal03,
.customer_mal04,
.customer_mal05,
.customer_mal06,
.customer_mal07,
.customer_mal08,
.customer_mal09,
.customer_mal10,
.customer_mal11 { margin-left:0;}

.customer_mar00,
.customer_mar01,
.customer_mar02,
.customer_mar03,
.customer_mar04,
.customer_mar05,
.customer_mar06,
.customer_mar07,
.customer_mar08,
.customer_mar09,
.customer_mar10,
.customer_mar11 { margin-right:0;}


/** 768px以上 ipad　サイズ画面 **/
@media (min-width : 768px) {
html { font-size:95%; }

.customer_clu01 { width: 8.3333333%;/*100 1200*/ }
.customer_clu02 { width:16.6666666%;/*200 1200*/ }
.customer_clu03 { width:25%;/*300 1200*/ }
.customer_clu04 { width:33.3333333%;/*400 1200*/ }
.customer_clu05 { width:41.6666666%;/*500 1200*/ }
.customer_clu06 { width:50%;/*600 1200*/ }
.customer_clu07 { width:58.3333333%;/*700 1200*/ }
.customer_clu08 { width:66.6666666%;/*800 1200*/ }
.customer_clu09 { width:75%;/*900 1200*/ }
.customer_clu10 { width:83.3333333%;/*1000 1200*/ }
.customer_clu11 { width:91.6666666%;/*1100 1200*/ }
.customer_clu12 { width:100%;/*1200 1200*/ }

.customer_mal00 { margin-left: 0; }
.customer_mal01 { margin-left:8.3333%;}
.customer_mal02 { margin-left:16.6666%;}
.customer_mal03 { margin-left:25%;}
.customer_mal04 { margin-left:33.3333%;}
.customer_mal05 { margin-left:41.6666%;}
.customer_mal06 { margin-left:50%;}
.customer_mal07 { margin-left:58.3333%;}
.customer_mal08 { margin-left:66.6666%;}
.customer_mal09 { margin-left:75%;}
.customer_mal10 { margin-left:83.3333%;}
.customer_mal11 { margin-left:91.6666%;}


.customer_mar00 { margin-right: 0; }
.customer_mar01 { margin-right:8.3333%;}
.customer_mar02 { margin-right:16.6666%;}
.customer_mar03 { margin-right:25%;}
.customer_mar04 { margin-right:33.3333%;}
.customer_mar05 { margin-right:41.6666%;}
.customer_mar06 { margin-right:50%;}
.customer_mar07 { margin-right:58.3333%;}
.customer_mar08 { margin-right:66.6666%;}
.customer_mar09 { margin-right:75%;}
.customer_mar10 { margin-right:83.3333%;}
.customer_mar11 { margin-right:91.6666%;}}

/** 1140px以上 PC　サイズ画面 **/
@media (min-width : 1200px) { 
html { font-size:100%; } 
img { width : auto; height:auto; }

.customer_clu01 { width: 100px; }
.customer_clu02 { width: 200px; }
.customer_clu03 { width: 300px; }
.customer_clu04 { width: 400px; }
.customer_clu05 { width: 500px; }
.customer_clu06 { width: 600px; }
.customer_clu07 { width: 700px; }
.customer_clu08 { width: 800px; }
.customer_clu09 { width: 900px; }
.customer_clu10 { width: 1000px; }
.customer_clu11 { width:1100px; }
.customer_clu12 { width:1200px; }

.customer_mal00 { margin-left:   0px;}
.customer_mal01 { margin-left: 100px;}
.customer_mal02 { margin-left: 200px;}
.customer_mal03 { margin-left: 300px;}
.customer_mal04 { margin-left: 400px;}
.customer_mal05 { margin-left: 500px;}
.customer_mal06 { margin-left: 600px;}
.customer_mal07 { margin-left: 700px;}
.customer_mal08 { margin-left: 800px;}
.customer_mal09 { margin-left: 900px;}
.customer_mal10 { margin-left: 1000px;}
.customer_mal11 { margin-left: 1200px;}

.customer_mar00 { margin-right:   0px;}
.customer_mar01 { margin-right: 100px;}
.customer_mar02 { margin-right: 200px;}
.customer_mar03 { margin-right: 300px;}
.customer_mar04 { margin-right: 400px;}
.customer_mar05 { margin-right: 500px;}
.customer_mar06 { margin-right: 600px;}
.customer_mar07 { margin-right: 700px;}
.customer_mar08 { margin-right: 800px;}
.customer_mar09 { margin-right: 900px;}
.customer_mar10 { margin-right: 1000px;}
.customer_mar11 { margin-right: 1200px;}

}

/* ============================================================
   ④ main.css
   ============================================================ */
/*=================================================================================*/
/** 768px未満 スマホサイズ画面 ＜これが基本＞ **/
/*=============================
	全体共通
=============================*/
*, *::before, *::after {
  box-sizing: border-box;
}

.customer_en {
  font-family: "Barlow Condensed", sans-serif;
}

.customer_jp {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

/*=============================
	サブ共通
=============================*/
.customer_contents {
  padding-top: 53px;
}
@media (min-width: 768px) {
  .customer_contents {
    padding-top: 86px;
  }
}

/* ========================================
  下層ページ共通 ページヒーロー
======================================== */
.customer_subHero #customer_sub01 {
  max-width: 950px;
  width: 92%;
  margin-inline: auto;
}

.customer_subHero__texts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.customer_subHero__ttlBox.customer_news {
  max-width: 212px;
  width: 100%;
}
@media (min-width: 768px) {
  .customer_subHero__ttlBox.customer_news {
    max-width: 272px;
  }
}

.customer_subHero__subTtl {
  display: inline-block;
  width: fit-content;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.25em;
  align-items: center;
  gap: 10px;
  padding-inline: 1.5em;
}
@media (min-width: 768px) {
  .customer_subHero__subTtl {
    font-size: 22px;
    padding-inline: 2em;
  }
}

/* ========================================
  下層ページ共通 パンくず
======================================== */
.customer_breadcrumb #customer_sub02 {
  padding-block: 2em;
}

.customer_breadcrumb__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em 20px;
  font-size: 12px;
  color: #666;
}

.customer_breadcrumb__item {
  display: flex;
  align-items: center;
}
.customer_breadcrumb__item > a {
  color: #666;
}
.customer_breadcrumb__item > a:hover > img {
  transform: translateY(0);
  opacity: 1;
}

.customer_breadcrumb__sep {
  color: #999;
}

.customer_breadcrumb__homeIcon {
  width: 14px;
  height: auto;
  display: block;
}

/* ========================================
  下層ページ共通 セクション見出し
======================================== */
@media (min-width: 768px) {
  .customer_secHeading--pleft {
    padding-left: 3%;
  }
}

.customer_secHeading__en {
  font-size: 45px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .customer_secHeading__en {
    font-size: 64px;
  }
}

.customer_secHeading__ja {
  font-size: 18px;
  margin-top: -3px;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .customer_secHeading__ja {
    padding-left: 20px;
  }
}

/*==================
  見出しパーツ
==================*/
.customer_partsHeadingRow, .customer_partsHeadingRow--subTextSmall, .customer_partsHeadingRow--colorBlack {
  font-size: 45px;
  color: #FFF;
}
@media (min-width: 768px) {
  .customer_partsHeadingRow, .customer_partsHeadingRow--subTextSmall, .customer_partsHeadingRow--colorBlack {
    font-size: 64px;
  }
}
.customer_partsHeadingRow > span:last-child, .customer_partsHeadingRow--subTextSmall > span:last-child, .customer_partsHeadingRow--colorBlack > span:last-child {
  display: inline-block;
  font-size: 0.266em;
  line-height: 2;
  letter-spacing: 0.26em;
  vertical-align: middle;
  transform: translateY(-6px);
}
.customer_partsHeadingRow--colorBlack {
  color: #1A1A1A;
}
.customer_partsHeadingRow--subTextSmall > span:last-child {
  font-size: 0.203em;
}

/*====================
  会員様限定ベストレート保証 検索フォーム
===================*/
.customer_footerForm__tel {
  width: 92%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.5em 33px;
}
@media (min-width: 768px) {
  .customer_footerForm__tel {
    flex-direction: row;
  }
}

.customer_footerForm__text {
  max-width: 309px;
  width: 100%;
}

.customer_footerForm__telText {
  display: block;
  max-width: 380px;
  width: 100%;
}

.customer_bestRate, .customer_bestRate--footer {
  position: relative;
  z-index: 2;
  margin-top: -14.6153846154vw;
}
@media (min-width: 768px) {
  .customer_bestRate, .customer_bestRate--footer {
    margin-top: -28px;
  }
}
.customer_bestRate--footer {
  margin-top: 0;
}
@media (min-width: 768px) {
  .customer_bestRate--footer .customer_bestRate__header {
    justify-content: flex-end;
    padding-inline: 1em 4%;
  }
}
@media (min-width: 990px) {
  .customer_bestRate--footer .customer_bestRate__header {
    padding-inline: 1em 12.9%;
  }
}

.customer_bestRate__box {
  background: #fff;
  box-shadow: 4.38px 4.38px 4.38px rgba(0, 0, 0, 0.15);
  width: 93%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .customer_bestRate__box {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
    width: 96%;
    max-width: 1100px;
  }
}

.customer_bestRate__header {
  padding: 10px 20px 10px 37%;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 2em;
}
@media (min-width: 768px) {
  .customer_bestRate__header {
    justify-content: flex-end;
    padding-inline: 1em 12.9%;
  }
}

.customer_bestRate__badgeWrap {
  position: absolute;
  left: 5.85%;
  width: 27.487179vw;
}
@media (min-width: 768px) {
  .customer_bestRate__badgeWrap {
    display: none;
    width: 141px;
  }
}

.customer_bestRate__badgeImg {
  width: 100%;
  display: block;
}

.customer_bestRate__ttlBox {
  position: relative;
}

.customer_bestRate__ttl {
  font-size: 3.0769230769vw;
}
@media (min-width: 768px) {
  .customer_bestRate__ttl {
    position: relative;
    font-size: 22px;
  }
}

.customer_bestRate__ttlBadgeWrap {
  display: none;
}
@media (min-width: 768px) {
  .customer_bestRate__ttlBadgeWrap {
    display: block;
    width: 141px;
    position: absolute;
    top: -73px;
    left: -150px;
  }
}
@media (min-width: 990px) {
  .customer_bestRate__ttlBadgeWrap {
    width: 150px;
    position: absolute;
    top: -82px;
    left: -172px;
  }
}

.customer_bestRate__desc--pc {
  display: none;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .customer_bestRate__desc--pc {
    display: block;
  }
}
.customer_bestRate__desc--sp {
  display: block;
  font-size: 2.0820512821vw;
  padding-left: 33%;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .customer_bestRate__desc--sp {
    display: none;
  }
}

.customer_bestRate__formWrap {
  padding: 0 20px 20px;
}
@media (min-width: 768px) {
  .customer_bestRate__formWrap {
    padding-block: 1.5em 2.1em;
    padding-inline: 3.8% 5.1%;
  }
}

.customer_bestRate__formRow {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (min-width: 768px) {
  .customer_bestRate__formRow {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2%;
    margin-top: 0;
  }
}
@media (min-width: 990px) {
  .customer_bestRate__formRow {
    gap: 3.3%;
  }
}

.customer_bestRate__dateGroup {
  display: flex;
  flex-direction: row;
  gap: 0.6em;
  width: 100%;
}
@media (min-width: 768px) {
  .customer_bestRate__dateGroup {
    flex-direction: column;
    width: 36%;
  }
}
@media (min-width: 990px) {
  .customer_bestRate__dateGroup {
    width: 30.8%;
  }
}
.customer_bestRate__dateGroup .customer_bestRate__label > span:last-child {
  margin-top: -5px;
}
@media (min-width: 768px) {
  .customer_bestRate__dateGroup .customer_bestRate__label > span:last-child {
    margin-top: 0;
  }
}

.customer_bestRate__roomGroup {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  width: 27.9%;
}
@media (min-width: 768px) {
  .customer_bestRate__roomGroup {
    width: 12.9%;
  }
}
.customer_bestRate__roomGroup .customer_bestRate__label {
  justify-content: flex-start;
}

.customer_bestRate__label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 9px;
  gap: 0 0.5em;
}
@media (min-width: 768px) {
  .customer_bestRate__label {
    font-size: 11px;
    white-space: nowrap;
    gap: 1.5em;
  }
}
@media (min-width: 990px) {
  .customer_bestRate__label {
    font-size: 13px;
    gap: 2em;
  }
}

/* UIボックス */
.customer_bestRate__dateRow {
  width: 100%;
  position: relative;
  cursor: pointer;
}

/* 入力フィールド */
.customer_dateRangePicker {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.customer_bestRate__dateInput {
  display: flex;
  justify-content: center;
  gap: 1em;
  width: 100%;
  padding-block: 8.5px;
  padding-inline: 16px 40px;
  border-radius: 7px;
  border: 1px solid #E6E6E6;
  font-size: 2.1794871795vw;
}
@media (min-width: 768px) {
  .customer_bestRate__dateInput {
    border-radius: 12px;
    font-size: 11px;
    gap: 0.5em;
    padding-block: 12.5px;
    padding-inline: 16px 40px;
  }
}
@media (min-width: 990px) {
  .customer_bestRate__dateInput {
    font-size: 13px;
    gap: 1em;
  }
}

/* 区切り */
.customer_separator {
  color: #999;
}

/* カレンダーアイコン */
.customer_bestRate__calendarIcon {
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/common/icon_schedule_gray.svg") center/contain no-repeat;
  opacity: 0.6;
  pointer-events: none;
  width: 14.4px;
  aspect-ratio: 14.4/14.8;
}

.customer_flatpickr-day.customer_sunday {
  color: red !important;
}

.customer_flatpickr-day.customer_saturday {
  color: blue !important;
}

@media (max-width: 767px) {
  .customer_flatpickr-calendar {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
  }
}
.customer_bestRate__guestRoomWrap {
  display: flex;
  flex-direction: row;
  gap: 0.6em;
  width: 100%;
}
@media (min-width: 768px) {
  .customer_bestRate__guestRoomWrap {
    display: contents;
  }
}

.customer_bestRate__guestGroup {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  width: 70%;
}
@media (min-width: 768px) {
  .customer_bestRate__guestGroup {
    gap: 0.6em;
    width: 32.6%;
  }
}
.customer_bestRate__guestGroup .customer_bestRate__label {
  justify-content: flex-start;
}

.customer_bestRate__selectRow {
  display: flex;
  gap: 0.6em;
}
@media (min-width: 768px) {
  .customer_bestRate__selectRow {
    gap: 1em;
  }
}

.customer_bestRate__selectWrap {
  position: relative;
  flex: 1;
}
.customer_bestRate__selectWrap::after {
  content: "";
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/common/icon_arrow_gray.svg") center/contain no-repeat;
  width: 8px;
  aspect-ratio: 8/9.3;
  pointer-events: none;
}

.customer_bestRate__select {
  text-align: center;
  text-align-last: center;
  width: 100%;
  border-radius: 7px;
  padding-block: 11.5px;
  padding-inline: 10px 28px;
  border: 1px solid #E6E6E6;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  cursor: pointer;
  font-size: 2.1794871795vw;
}
@media (min-width: 768px) {
  .customer_bestRate__select {
    border-radius: 12px;
    padding-block: 16.5px;
    padding-inline: 10px 28px;
    font-size: 11px;
  }
}
@media (min-width: 990px) {
  .customer_bestRate__select {
    font-size: 13px;
  }
}

.customer_bestRate__btnWrap {
  width: 100%;
}
@media (min-width: 768px) {
  .customer_bestRate__btnWrap {
    width: 13%;
  }
}

.customer_bestRate__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  border: none;
  border-radius: 7px;
  padding: 11px 20px;
  cursor: pointer;
  transition: opacity 0.2s;
  width: 100%;
}
@media (min-width: 768px) {
  .customer_bestRate__btn {
    border-radius: 12px;
    white-space: nowrap;
    padding: 17px 24px;
  }
}

.customer_bestRate__btnIco {
  display: inline-block;
  width: 11.7px;
  height: 11.7px;
  background: url("../img/common/icon_outlink_white.svg") center/contain no-repeat;
}

/*==================
  電話番号タップ
==================*/
a.customer_telLink0 {
  cursor: pointer;
  pointer-events: auto;
  text-decoration: underline;
  color: #000000;
}
@media (min-width: 768px) {
  a.customer_telLink0 {
    display: inline-block;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
  }
}

svg {
  height: auto;
  max-height: 100%;
}

img[src$=".svg"] {
  width: auto;
}

.customer_disp_p {
  display: none; /*PC時だけ表示*/
  /*PC時・タブレット時表示*/
}
@media (min-width: 768px) {
  .customer_disp_p {
    display: block;
  }
}

.customer_disp_s {
  display: block; /*スマホ時だけ表示*/
}
@media (min-width: 768px) {
  .customer_disp_s {
    display: none;
  }
}

.customer_disp_pt {
  display: none; /*PC時とタブレット時表示*/
}
@media (min-width: 1200px) {
  .customer_disp_pt {
    display: block;
  }
}

.customer_disp_st {
  display: block; /*スマホ時とタブレット時表示*/
}
@media (min-width: 1200px) {
  .customer_disp_st {
    display: none;
  }
}

.customer_disp_fix {
  position: relative;
  z-index: 500;
  width: 100%;
}

/*============
nav
=============*/
.customer_nav_s {
  display: block;
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  bottom: 0;
  background: #082a54;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all 0.5s;
  z-index: 3;
  opacity: 0;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 768px) {
  .customer_nav_s {
    right: -65%;
    width: 65%;
  }
}
@media (min-width: 1200px) {
  .customer_nav_s {
    right: -30%;
    width: 30%;
  }
}

.customer_nav_s::-webkit-scrollbar {
  display: none;
}

#customer_menu-toggle {
  display: none;
}

#customer_menu-toggle:checked ~ .customer_nav_s {
  right: 0;
  opacity: 1;
}

.customer_nav_s .customer_inner {
  padding: 5em 2em 2em;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .customer_nav_s .customer_inner {
    padding: 6em 3em 3em;
  }
}

.customer_nav_s .customer_inner > ul {
  list-style: none;
  margin: 0;
}

.customer_nav_s .customer_inner > ul > li {
  position: relative;
  padding: 0.7em 0.5em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.customer_nav_s .customer_inner > ul > li > a {
  color: #ffffff;
  text-decoration: none;
  transition-duration: 0.2s;
  display: block;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
}
.customer_nav_s .customer_inner > ul > li > a:hover {
  color: rgba(255, 255, 255, 0.7);
}

/*============
.customer_toggle_btn
=============*/
.customer_toggle_btn {
  display: block;
  /*width: 30px;
  /height: 30px;*/
  transition: all 0.5s;
  cursor: pointer;
  z-index: 2;
  position: relative;
}
@media (min-width: 1100px) {
  .customer_toggle_btn {
    display: none;
  }
}

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.customer_openbtn2 {
  position: relative; /*ボタン内側の基点となるためrelativeを指定*/
  width: 36px;
  height: 53px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .customer_openbtn2 {
    width: 72px;
    height: 87px;
  }
}

/*ボタン内側*/
.customer_openbtn2 span {
  display: inline-block;
  transition: all 0.4s; /*アニメーションの設定*/
  position: absolute;
  left: 7px;
  height: 2px;
  background-color: #082a54;
}

.customer_openbtn2 span:nth-of-type(1) {
  top: 22px;
  width: 50%;
}
@media (min-width: 768px) {
  .customer_openbtn2 span:nth-of-type(1) {
    top: 34px;
    width: 40%;
  }
}

.customer_openbtn2 span:nth-of-type(2) {
  top: 27px;
  width: 50%;
}
@media (min-width: 768px) {
  .customer_openbtn2 span:nth-of-type(2) {
    top: 44px;
    width: 40%;
  }
}

/*チェック状態で線が回転して×に*/
#customer_menu-toggle:checked ~ .customer_toggle_btn .customer_openbtn2 span:nth-of-type(1) {
  top: 20px;
  left: 7px;
  transform: translateY(6px) rotate(-45deg);
  width: 45%;
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  #customer_menu-toggle:checked ~ .customer_toggle_btn .customer_openbtn2 span:nth-of-type(1) {
    top: 34px;
  }
}

#customer_menu-toggle:checked ~ .customer_toggle_btn .customer_openbtn2 span:nth-of-type(2) {
  top: 32px;
  left: 7px;
  transform: translateY(-6px) rotate(45deg);
  width: 45%;
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  #customer_menu-toggle:checked ~ .customer_toggle_btn .customer_openbtn2 span:nth-of-type(2) {
    top: 47px;
  }
}

/*============
#customer_mask
=============*/
#customer_mask {
  display: none;
  transition: all 0.5s;
}

#customer_menu-toggle:checked ~ #customer_mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  z-index: 2;
  cursor: pointer;
}

/*==========================
	ヘッダー
=========================***/
/* ===== .customer_navi ===== */
.customer_navi {
  padding-inline: 1.2em 0;
  box-sizing: border-box;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  background: #fff !important;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .customer_navi {
    padding-inline: 1.7em 0;
    background: rgba(255, 255, 255, 0.5) !important;
  }
}
.customer_navi.customer_is-sub {
  background: #fff !important;
}

.customer_black .customer_navi {
  background: rgba(0, 0, 0, 0.8);
}

/* ===== .customer_navi>ul ===== */
.customer_navi > ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 0;
}

/* ===== .customer_navi>ul>li（共通） ===== */
.customer_navi > ul > li {
  /*padding:0 1em;*/
  box-sizing: border-box;
}

.customer_navi > ul > li a {
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.customer_navi > ul > li a:hover {
  color: #FFFFFF;
}

.customer_navi > ul > li a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.customer_navi a {
  color: #FFFFFF;
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.customer_navi a:hover {
  color: #FFFFFF;
}

/* ===== .customer_navi>ul>li:nth-child(1) ===== */
.customer_navi > ul > li:nth-child(1) { /*1600 245*/
  max-width: 113px;
  width: 100%;
  margin: 0 1%;
}
@media (min-width: 768px) {
  .customer_navi > ul > li:nth-child(1) {
    max-width: 162px;
    width: 45%;
  }
}
@media (min-width: 1200px) {
  .customer_navi > ul > li:nth-child(1) {
    max-width: 162px;
    width: 20%;
    margin: 1.1em 1%;
  }
}

/* ===== .customer_navi>ul>li:nth-child(2) ===== */
.customer_navi > ul > li:nth-child(2) {
  margin-left: 0.9%;
}

.customer_navi > ul > li:nth-child(2) .customer_header-nav__lang {
  display: none;
  flex-direction: column;
  gap: 0.2em;
}
@media (min-width: 1100px) {
  .customer_navi > ul > li:nth-child(2) .customer_header-nav__lang {
    display: flex;
  }
}

.customer_navi > ul > li:nth-child(2) > .customer_header-nav__lang > a {
  display: flex;
  color: #082A54;
}
.customer_navi > ul > li:nth-child(2) > .customer_header-nav__lang > a::before {
  content: "-";
  display: inline-block;
  color: #082A54;
  margin-right: 1em;
}

/* ===== .customer_navi>ul>li:nth-child(3) ===== */
.customer_navi > ul > li:nth-child(3) {
  max-width: 430px;
  width: 30%;
}
@media (max-width: 1099px) {
  .customer_navi > ul > li:nth-child(3) {
    width: 0;
    max-width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1100px) {
  .customer_navi > ul > li:nth-child(3) {
    max-width: none;
    width: auto;
    flex: 1;
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .customer_navi > ul > li:nth-child(3) {
    max-width: 1050px;
    width: 74%;
    margin-left: auto;
  }
}

/* ===== .customer_navi>ul>li:nth-child(4) ===== */
@media (max-width: 1099px) {
  .customer_navi > ul > li:nth-child(4) {
    flex: 1;
    width: auto;
    max-width: none;
  }
}

/* .customer_navi a { color: #fff } (specificity [0,1,1]) に勝つため .customer_navi を前置 */
.customer_navi .customer_header-nav__link {
  display: block;
  padding: 0.3em 0.875vw;
  color: #082a54;
  text-decoration: none;
  font-size: 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: all 0.2s ease;
}
@media (min-width: 1400px) {
  .customer_navi .customer_header-nav__link {
    font-size: 13px;
    padding: 0.3em 1.8125vw;
  }
}
@media (min-width: 1600px) {
  .customer_navi .customer_header-nav__link {
    padding: 0.3em 29px;
  }
}
.customer_navi .customer_header-nav__link:hover {
  color: #082a54;
}

.customer_hmb_block a {
  display: block;
}

.customer_hmb_block a.customer_toggle {
  cursor: pointer !important;
}

.customer_hmb_block .customer_inner {
  width: 100%;
  padding: 0.5em 0 1em;
}

.customer_hmb_block .customer_inner li {
  padding: 0.5em 0;
}

.customer_hmb_block .customer_hmb_block_title .customer_hmb_h3 {
  display: block;
  padding: 0 3em 0 0;
  position: relative;
}

.customer_hmb_block .customer_hmb_block_title .customer_hmb_h3:after {
  position: absolute;
  content: "";
  background: url("../img/common/hbg_plus.svg") no-repeat;
  background-size: contain;
  width: 9px;
  height: 6px;
  top: 50%;
  right: 2%;
  transform: translate(-50%, -50%);
}

.customer_hmb_block .customer_hmb_block_title.customer_active .customer_hmb_h3:after {
  position: absolute;
  content: "";
  background: url("../img/common/hbg_mainasu.svg") no-repeat;
  background-size: contain;
  width: 9px;
  height: 6px;
  top: 50%;
  right: 2%;
  transform: translate(-50%, -50%);
}

.customer_head00 {
  width: 100%;
  margin: -1px auto 0;
  /*background:#000000;*/
  /*box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.23);*/
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .customer_head00 {
    box-shadow: none;
    background: none;
  }
}

.customer_navi_cont {
  margin-left: 0;
}
@media (min-width: 768px) {
  .customer_navi_cont {
    margin-left: 2em;
  }
}

.customer_navi_cont > ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1099px) {
  .customer_navi_cont > ul {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}

.customer_navi_cont > ul > li:nth-child(1) {
  width: 62%;
  padding: 0.1em 1% 0 0;
  max-width: 1000px;
}
@media (min-width: 1200px) {
  .customer_navi_cont > ul > li:nth-child(1) {
    width: 61%;
    padding: 0.1em 0 0 0;
    max-width: 1000px;
  }
}

.customer_navi_cont > ul > li:nth-child(2) {
  padding: 0;
  max-width: 36px;
  min-width: 36px;
}
@media (min-width: 768px) {
  .customer_navi_cont > ul > li:nth-child(2) {
    max-width: 50px;
    min-width: 50px;
  }
}
@media (min-width: 1100px) {
  .customer_navi_cont > ul > li:nth-child(2) {
    display: none;
  }
}

@media (max-width: 1099px) {
  .customer_navi_cont > ul > li:nth-child(3) {
    width: auto;
    max-width: none;
    padding: 0;
  }
}

/* 既存の li:nth-child(1) width: 62% / display:none を上書き */
.customer_navi_cont > ul > li.customer_header-cta {
  display: flex;
  align-items: stretch;
  width: auto;
  max-width: none;
  padding: 0;
}

.customer_navi_cont_btn > ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

.customer_navi_cont_btn > ul > li {
  padding: 0 1em;
  box-sizing: border-box;
}

.customer_foot__logoWrap {
  display: flex;
  align-items: center;
  gap: 24px;
}

.customer_foot_logo {
  max-width: 204px;
  min-width: 204px;
  width: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  .customer_foot_logo {
    max-width: 204px;
    min-width: unset;
  }
}
@media (min-width: 990px) {
  .customer_foot_logo {
    max-width: 204px;
    min-width: 204px;
  }
}

.customer_foot_logo > a:hover {
  opacity: 1;
}

.customer_foot__lang {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  transform: translateY(4px);
}

.customer_foot__langLink {
  display: flex;
  text-decoration: none;
  white-space: nowrap;
}
.customer_foot__langLink::before {
  content: "-";
  display: inline-block;
  color: #fff;
  margin-right: 1em;
}

.customer_foot__detailsWrap {
  padding-left: 0.8em;
}

.customer_foot__tel {
  max-width: 198px;
  width: 100%;
}
.customer_foot__tel > a:hover {
  opacity: 1;
}

.customer_foot__details {
  font-size: 11px;
  line-height: 1.82;
  letter-spacing: 0.1em;
  color: #fff;
}

.customer_foot_icon > ul {
  justify-content: flex-start;
}

.customer_foot__telList {
  display: flex;
  gap: 0.5em;
}

.customer_footer .customer_foot__telItem {
  text-decoration: none;
}

.customer_foot__sns {
  display: flex;
  align-items: center;
  gap: 14px;
}

.customer_foot__snsItem {
  max-width: 53px;
  width: 100%;
}
.customer_foot__snsItem > a:hover {
  opacity: 1;
}

.customer_nav_s .customer_foot03_01 > ul {
  justify-content: center;
}

.customer_child {
  display: none;
}

/*===============================
  下固定バナー
===============================*/
.customer_kote_bg {
  width: 100%;
  position: fixed;
  z-index: 5;
  bottom: 0;
}

.customer_kote_block_bg img {
  width: 100%;
  height: 100%;
}

.customer_kote_s > ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.customer_kote_s > ul > li {
  width: 80%;
  max-width: 430px;
  margin: 0 auto 0.5em;
}

@media (min-width: 768px) {
  .customer_cv_block > ul > li {
    width: 40%;
    margin: 0 1%;
  }
}

/***  ページTOP  ***/
#customer_page_tops {
  position: fixed;
  display: block;
  width: auto;
  max-width: 15%;
  z-index: 50000;
  bottom: 0;
  right: 1em;
}
@media (min-width: 768px) {
  #customer_page_tops {
    bottom: 1em;
    right: 1em;
  }
}
@media (min-width: 1200px) {
  #customer_page_tops {
    width: auto;
  }
}

/*==========================
	フッター
=========================***/
.customer_footer .customer_sub00 {
  max-width: 1104px;
  width: 94%;
  margin-inline: auto;
}

.customer_foot_block {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 1%;
}

.customer_foot_blockimg {
  max-width: 300px;
  width: 100%;
  margin-inline: auto;
  order: 2;
}
@media (min-width: 768px) {
  .customer_foot_blockimg {
    width: auto; /*1200 264*/
    margin: 0;
    order: 1;
  }
}

.customer_foot_blocktext {
  width: 90%;
  margin: 0 auto;
  order: 1;
  font-size: 93%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .customer_foot_blocktext {
    flex: 1;
    width: auto;
    margin: 0 0 0 5%;
    order: 2;
  }
}
@media (min-width: 990px) {
  .customer_foot_blocktext {
    margin: 0 0 0 9%;
  }
}

.customer_sns_block {
  order: 2;
  padding: 0 0 1em 0;
}
@media (min-width: 768px) {
  .customer_sns_block {
    width: 100%;
    order: 1;
    padding: 1em 0;
    border-bottom: #9E9E9E 1px solid;
  }
}

.customer_foot01_01 {
  display: flex;
  flex-direction: column;
  width: 100%;
  order: 1;
  padding: 0 0 3em;
}
@media (min-width: 768px) {
  .customer_foot01_01 {
    flex-direction: row;
    justify-content: space-between;
    order: 2;
    padding-block: 0.2em 0;
  }
}

.customer_foot01_01 > ul {
  margin-bottom: 0;
}

.customer_foot01_01 a {
  display: block;
  padding: 0 0.5em;
  box-sizing: border-box;
  color: #808080;
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .customer_foot01_01 a {
    display: inline-block;
    padding: 0;
  }
}
.customer_foot01_01 a.customer_is-icon::after {
  content: "";
  display: inline-block;
  background: url("../img/common/icon_outlink_white.svg") center/contain no-repeat;
  width: 11.6px;
  height: 11.6px;
  margin-left: 14.6px;
}

.customer_foot01_01 a:hover {
  color: #A28E80;
}

/*
.customer_foot01_01 > ul:nth-child(2) > li > a::before, .customer_foot01_01 > ul:nth-child(3) > li > a::before {
  content: "-";
  display: inline-block;
  color: #fff;
  margin-right: 1em;
}
*/
.customer_foot01_01 > ul > li > a::before {
  content: "-";
  display: inline-block;
  color: #fff;
  margin-right: 1em;
}

.customer_foot01_01 > ul > li {
  width: 100%;
  padding: 0.5em 0;
  border-bottom: 1px solid #FFFFFF;
}
@media (min-width: 768px) {
  .customer_foot01_01 > ul > li {
    padding: 0;
    border: none;
  }
}

.customer_foot01_01 > ul > li > a {
  font-size: 11px;
  line-height: 2.82;
  letter-spacing: 0.1em;
  font-weight: normal;
  color: #fff;
}

.customer_foot01_01 .customer_hmb_block .customer_inner li {
  padding: 0.3em 0;
}

.customer_sns_block > ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.customer_sns_block > ul > li {
  width: 96%;
  margin: 0 2% 1em;
}
@media (min-width: 768px) {
  .customer_sns_block > ul > li {
    width: 48%;
    margin: 0 1% 1em;
  }
}

.customer_sns01_01 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}

.customer_sns01_01img {
  width: 0;
}
@media (min-width: 768px) {
  .customer_sns01_01img {
    width: 25%;
  }
}

.customer_sns01_01text {
  width: 100%;
  padding: 0 1em;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .customer_sns01_01text {
    width: 75%;
    padding: 0 1em;
    box-sizing: border-box;
  }
}

@media (min-width: 768px) {
  .customer_sns01_01text > dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}

.customer_sns01_01text > dl > dt {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .customer_sns01_01text > dl > dt {
    width: 100%;
  }
}

.customer_sns01_01text > dl > dd {
  display: inline-block;
  padding: 0 0 0 1em;
  box-sizing: border-box;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .customer_sns01_01text > dl > dd {
    width: 100%;
    padding: 0.5em 0;
  }
}

/* =============================================
   ヘッダー追加スタイル
   ブレークポイント: 1100px以上でPCナビを表示
   理由: 5項目（最長「交通案内・周辺施設」含む）＋
         電話番号エリアが1行に収まる最小幅として設定
   ============================================= */
/*======================================
  PCグローバルナビ
======================================*/
.customer_header-nav__pc {
  display: none;
}
@media (min-width: 1100px) {
  .customer_header-nav__pc {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 2%;
  }
}

.customer_header-nav__list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
}

.customer_header-nav__item {
  white-space: nowrap;
}

/*======================================
  PCナビ：電話番号エリア
======================================*/
.customer_header-nav__tel {
  display: flex;
  align-items: center;
  gap: 0.4em;
  white-space: nowrap;
  padding: 0 0.5em;
}
.customer_header-nav__tel-icon {
  width: 14px;
  height: auto;
  flex-shrink: 0;
  /* svg はネイビーのため .customer_black 時に白にフィルタ */
}
.customer_black .customer_header-nav__tel-icon {
  filter: brightness(0) invert(1);
}
.customer_header-nav__tel-number {
  color: #082a54;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.customer_black .customer_header-nav__tel-number {
  color: #ffffff;
}

/*======================================
  tel アイコン SVG 幅の上書き
  img[src$=".svg"] { width: auto } (specificity [0,1,1]) に勝つため
  img タグ＋クラスセレクター (specificity [0,1,1]) で cascade 順で後勝ち
======================================*/
.customer_header-nav__tel .customer_header-nav__telLink {
  display: flex;
  flex-direction: column;
  max-width: 10vw;
  min-width: 10vw;
  color: #082a54;
}
@media (min-width: 1400px) {
  .customer_header-nav__tel .customer_header-nav__telLink {
    max-width: 10.5vw;
    min-width: 10.5vw;
  }
}
@media (min-width: 1600px) {
  .customer_header-nav__tel .customer_header-nav__telLink {
    max-width: 168px;
    min-width: 168px;
  }
}
.customer_header-nav__tel .customer_header-nav__telLink:hover > img {
  transform: translateY(0);
}

.customer_header-nav__telNumberWrap {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

img.customer_header-nav__tel-icon {
  width: 14px;
  height: auto;
}

/*======================================
  SP言語切替（英語ページ・中国語ページ）
======================================*/
.customer_header-sp-nav__item--lang {
  display: flex;
  gap: 1em;
  padding: 0.7em 0.5em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.customer_header-sp-nav__link--lang {
  text-align: center;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.85rem;
  padding: 0.3em 0.8em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  transition: background 0.2s ease;
}
.customer_header-sp-nav__link--lang:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

/* 言語切替 li には nav_s の li デフォルトpadding/border を上書き */
.customer_nav_s .customer_inner > ul > li.customer_header-sp-nav__item--lang {
  padding: 0;
  border-bottom: none;
  padding-top: 1em;
}

/*======================================
  SPナビ下部ロゴ
======================================*/
.customer_header-sp-nav__logo {
  margin-top: 2em;
  width: 60%;
  max-width: 180px;
}
.customer_header-sp-nav__logo img {
  width: 100%;
  height: auto;
  /* ネイビーロゴを白に */
  filter: brightness(0) invert(1);
}

/*======================================
  団体予約・宿泊予約ボタン
======================================*/
.customer_header-cta__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 71.5px;
  min-width: 71.5px;
  width: 100%;
  min-height: 53px;
  color: #ffffff;
  text-decoration: none;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}
@media (min-width: 768px) {
  .customer_header-cta__btn {
    max-width: 143px;
    min-width: 143px;
    min-height: 87px;
  }
}
@media (min-width: 1100px) {
  .customer_header-cta__btn {
    max-width: 8.9375vw;
    min-width: 8.9375vw;
    font-size: 0.85rem;
    padding: 0;
  }
}
@media (min-width: 1600px) {
  .customer_header-cta__btn {
    max-width: 143px;
    min-width: 143px;
  }
}
.customer_header-cta__btn:hover {
  opacity: 0.7;
  color: #ffffff;
}
.customer_header-cta__btn--group {
  background: #082a54;
}
.customer_header-cta__btn--stay {
  background: #9b0b00;
  gap: 9px;
}
@media (min-width: 768px) {
  .customer_header-cta__btn--stay::after {
    content: "";
    display: inline-block;
    background: url("https://storage.489ban.net/storage/customer/315/img/common/icon_outlink_white.svg") center/contain no-repeat;
    width: 10px;
    height: 10px;
  }
}

/*======================================
  電話アイコン丸ボタン（SP用）
  PC(1100px+)では header-nav__tel で表示するため非表示
======================================*/
.customer_header-cta__tel-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 53px;
  border-radius: 50%;
  flex-shrink: 0;
  transition: background 0.2s ease, border-color 0.2s ease;
  padding-inline: 14px 7px;
}
@media (min-width: 768px) {
  .customer_header-cta__tel-btn {
    height: 87px;
    padding-inline: 28px 14px;
  }
}
@media (min-width: 1100px) {
  .customer_header-cta__tel-btn {
    display: none;
  }
}

img.customer_header-cta__tel-icon {
  width: 18px;
  height: auto;
}
@media (min-width: 768px) {
  img.customer_header-cta__tel-icon {
    width: 36px;
  }
}

/* ============================================
   スマホメニュー開閉（:target）
   ============================================ */

/* メニュー展開 */
#customer_sp-nav:target {
  right: 0;
  opacity: 1;
}

/* マスク表示 */
#customer_sp-nav:target ~ #customer_mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .5;
  z-index: 2;
  cursor: pointer;
}

/* ハンバーガー → × アニメーション */
#customer_sp-nav:target ~ .customer_toggle_btn .customer_openbtn2 span:nth-of-type(1) {
  top: 20px;
  left: 7px;
  transform: translateY(6px) rotate(-45deg);
  width: 45%;
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  #customer_sp-nav:target ~ .customer_toggle_btn .customer_openbtn2 span:nth-of-type(1) {
    top: 34px;
  }
}

#customer_sp-nav:target ~ .customer_toggle_btn .customer_openbtn2 span:nth-of-type(2) {
  top: 32px;
  left: 7px;
  transform: translateY(-6px) rotate(45deg);
  width: 45%;
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  #customer_sp-nav:target ~ .customer_toggle_btn .customer_openbtn2 span:nth-of-type(2) {
    top: 47px;
  }
}

/* メニュー閉じるボタン */
.customer_nav-close {
  display: block;
  position: absolute;
  top: 18px;
  right: 14px;
  width: 36px;
  height: 36px;
  z-index: 10;
}
@media (min-width: 768px) {
  .customer_nav-close {
    top: 30px;
    right: 24px;
    width: 48px;
    height: 48px;
  }
}
.customer_nav-close::before,
.customer_nav-close::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45%;
  height: 2px;
  background-color: #FFFFFF;
}
.customer_nav-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.customer_nav-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* テキストコンテンツ非表示（空タグ代替） */
.customer_nav-close,
.customer_openbtn2 > span,
#customer_mask {
  font-size: 0;
}

/* ============================================================
   ⑤ common.css
   ============================================================ */


/*========================================
	背景色　基本設定 ここから
========================================*/

.customer_back_FFFFFF{background:#FFFFFF;}
.customer_back_EEEEEE{background:#EEEEEE;}
.customer_back_DDDDDD{background:#DDDDDD;}
.customer_back_E7E7E7{background:#E7E7E7;}
.customer_back_F0F0E1{background:#F0F0E1;}
.customer_back_F9F9F9{background:#F9F9F9;}
.customer_back_F3F3F3{background:#F3F3F3;}
.customer_back_F3F3F3{background:#F3F3F3;}
.customer_back_F8F8F5{background:#F8F8F5;}
.customer_back_444444{background:#444444;}
.customer_back_333333{background:#333333;}
.customer_back_F7F7F8{background:#F7F7F8;}
.customer_back_FBFBF4{background:#FBFBF4;}
.customer_back_F6F6F6{background:#F6F6F6;}

.customer_back_F4F4F4{background:#F4F4F4;}
.customer_back_F2F2F2{background:#F2F2F2;}

.customer_back_000000{background:#000000;}

/*背景色　お客様ごとの設定　ここを追加or削除していく*/
.customer_back_082A54{background:#082A54;}

.customer_back_292929{
	background: #292929;
}
.customer_back_1A1A1A{
	background: #1A1A1A;
}
.customer_back_EDEDED{
	background:#EDEDED;
}

.customer_back_4073BE{
	background:#4073BE;
}

.customer_back_EDF6F9{
	background:#EDF6F9;
}

.customer_back_082A54{
  background:#082A54;
}
.customer_back_E4EFF4 {
  background:#E4EFF4;
}

/*========================================
	背景色　お客様ごとの設定ここまで
========================================*/

/*==================================================
	ホバーで動く　ここから
	リンク付きの画像に設置
	<div class="hover"><a><img src~~ /></a></div>
	※上に動くので余白に注意（埋まること有）
==================================================*/

.customer_hover a img,
.customer_hover a,
.customer_hover button{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.customer_hover a:hover img,
.customer_hover a:hover,
.customer_hover button:hover{
	-webkit-transform: translate(0,-3px);
	-moz-transform: translate(0,-3px);
	-ms-transform: translate(0,-3px);
	-o-transform: translates(0,-3px);
}
/*==================================================
	ホバーで動く　ここまで
==================================================*/



/*==================================================
	ホバーで拡大　ここから
	リンク付きの画像に設置
	<div class="zoom"><a><img src~~ /></a></div>
	※動くので余白に注意
	（画像ぼやけるのであまり使用しない）
==================================================*/

.customer_zoom a img{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}
.customer_zoom a svg{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.customer_zoom a:hover img{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.customer_zoom a:hover svg{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/*==================================================
	ホバーで拡大　ここまで
==================================================*/


/*===========================================*/
/*基本設定　大西*/
/*===========================================*/
#customer_sub01,
#customer_sub02,
#customer_sub03,
#customer_sub04,
#customer_sub05,
#customer_sub06,
#customer_sub07,
#customer_sub08,
#customer_sub09,
#customer_sub10,
#customer_sub11,
#customer_sub12,
#customer_sub13,
#customer_sub14,
#customer_sub15,
.customer_sub00,
.customer_sub00_100 {
	width:92%;
	margin:0 auto;
	text-align:left;
	padding:2em 0;
	
}
.customer_sub00{
	padding:0;
}
.customer_sub00_100{
	width:100%;
	padding:0;
}

/*1600の土台設定*/
.customer_block_1600{/*1600pxの領域*/
	max-width:1600px;
	width:90%;
	margin:0 auto;
	padding:2em 0;
}
.customer_block_1600_100{/*1600pxの領域*/
	max-width:1600px;
	width:100%;
	margin:0 auto;
	padding:2em 0;
}

.customer_block_1600_00{/*1600pxの領域*/
	max-width:1600px;
	width:90%;
	margin:0 auto;
	padding:0;
}
.customer_block_1600_100_00{/*1600pxの領域*/
	max-width:1600px;
	width:100%;
	margin:0 auto;
	padding:0;
}

.customer_block_1400{/*1600pxの領域*/
	max-width:1400px;
	width:90%;
	margin:0 auto;
	padding:2em 0;
}

.customer_block_1400_100{/*1600pxの領域*/
	max-width:1400px;
	width:100%;
	margin:0 auto;
	padding:2em 0;
}

.customer_block_1500{/*1600pxの領域*/
	max-width:1500px;
	width:90%;
	margin:0 auto;
	padding:2em 0;
}

/*=======================================
	文字色　基本設定
	aタグ用も一緒に設置していく
=======================================*/
.customer_colo_FFFFFF{color:#FFFFFF !important;}
.customer_colo_FFFFFF a{color:#FFFFFF !important;}

.customer_colo_FF0000{color:#FF0000 !important;}
.customer_colo_FF0000 a{color:#FF0000 !important;}

.customer_colo_000000{ color:#000000 !important;}
.customer_colo_000000 a{color:#000000 !important;}

.customer_colo_666666{ color:#666666 !important;}
.customer_colo_666666 a{color:#666666 !important;}

.customer_colo_777777{ color:#777777 !important;}
.customer_colo_777777 a{color:#777777 !important;}

.customer_colo_888888{ color:#888888 !important;}
.customer_colo_888888 a{color:#888888 !important;}

.customer_colo_DDDDDD{ color:#DDDDDD !important;}
.customer_colo_DDDDDD a{color:#DDDDDD !important;}

.customer_colo_333333{ color:#333333 !important; }
.customer_colo_333333 a{ color:#333333 !important; }

.customer_colo_4D4D4D{ color:#4D4D4D !important; }
.customer_colo_4D4D4D a{ color:#4D4D4D !important; }

.customer_colo_BBBBBB{ color:#BBBBBB !important;}
.customer_colo_BBBBBB a{color:#BBBBBB !important;}

.customer_colo_1A1A1A{ color:#1A1A1A !important;}
.customer_colo_1A1A1A a{color:#1A1A1A !important;}

.customer_colo_E6E6E6{ color:#E6E6E6 !important;}
.customer_colo_E6E6E6 a{color:#E6E6E6 !important;}


/*文字色　お客様ごとの設定　ここを追加or削除していく*/


.customer_colo_CCCCCC{color:#CCCCCC !important;}
.customer_colo_CCCCCC a{color:#CCCCCC !important;}
.customer_colo_B3B3B3{color:#B3B3B3 !important;}
.customer_colo_B3B3B3 a{color:#B3B3B3 !important;}
.customer_colo_999999{color:#999999 !important;}
.customer_colo_999999 a{color:#999999 !important;}
.customer_colo_14508C{color:#14508C !important;}
.customer_colo_14508C a{color:#14508C !important;}
.customer_colo_D3B998{color:#D3B998 !important;}
.customer_colo_D3B998 a{color:#D3B998 !important;}
.customer_colo_1A1A1A{color:#1A1A1A !important;}
.customer_colo_1A1A1A a{color:#1A1A1A !important;}
.customer_colo_63170D{color:#63170D !important;}
.customer_colo_63170D a{color:#63170D !important;}
.customer_colo_808080{color:#808080 !important;}
.customer_colo_808080 a{color:#808080 !important;}
.customer_colo_073484{color:#073484 !important;}
.customer_colo_073484 a{color:#073484 !important;}
.customer_colo_002A66{color:#002A66 !important;}
.customer_colo_002A66 a{color:#002A66 !important;}
.customer_colo_383838{color:#383838 !important;}
.customer_colo_383838 a{color:#383838 !important;}
.customer_colo_082A54{color:#082A54 !important;}
.customer_colo_082A54 a{color:#082A54 !important;}

/* グラデーション */

.customer_gradient_blue_dark {
  background: 
  radial-gradient(ellipse 60% 70% at 0% 0%, #1a8080 0%, transparent 55%),                                radial-gradient(ellipse 50% 60% at 100% 0%, #1e3a9a 0%, transparent 55%),                                linear-gradient(160deg, #0f2575 0%, #0a1260 100%);
}
.customer_gradient_red { background: linear-gradient(to right, #B20000, #3D0000); }
.customer_gradient_blue_side { background: linear-gradient(to right, #0a4e5c, #0d1a52); }

/* テキストグラデーション */
.customer_text_blue_gradient {
  background: linear-gradient(to right, #0052A0, #082A54);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.customer_text_blue_gradient_to_top {
  background: linear-gradient(to top, #082A54, #0052A0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.customer_text_red_gradient {
  background: linear-gradient(to right, #9B0B00 0%, #3F0000 120%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*aタグ　マーカーで引いたような下線をホバーで表示*/

.customer_mark_FFFF99_a a{
	text-decoration: none;
}
.customer_mark_FFFF99_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #ffff99 0);
	background:-webkit-linear-gradient(transparent 50%, #ffff99 0);
	background:-ms-linear-gradient(transparent 50%, #ffff99 0);
	background:-o-linear-gradient(transparent 50%, #ffff99 0);
	background:linear-gradient(transparent 50%, #ffff99 0);
}

.customer_mark_FDD7E9_a a{
	text-decoration: none;
}
.customer_mark_FDD7E9_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #FDD7E9 0);
	background:-webkit-linear-gradient(transparent 50%, #FDD7E9 0);
	background:-ms-linear-gradient(transparent 50%, #FDD7E9 0);
	background:-o-linear-gradient(transparent 50%, #FDD7E9 0);
	background:linear-gradient(transparent 50%, #FDD7E9 0);
}


.customer_mark_F5F2EE_a a{
	text-decoration: none;
}
.customer_mark_F5F2EE_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #F5F2EE 0);
	background:-webkit-linear-gradient(transparent 50%, #F5F2EE 0);
	background:-ms-linear-gradient(transparent 50%, #F5F2EE 0);
	background:-o-linear-gradient(transparent 50%, #F5F2EE 0);
	background:linear-gradient(transparent 50%, #F5F2EE 0);
}

.customer_mark_FFFF00{
	background:-moz-linear-gradient(transparent 50%, #FFFF00 0);
	background:-webkit-linear-gradient(transparent 50%, #FFFF00 0);
	background:-ms-linear-gradient(transparent 50%, #FFFF00 0);
	background:-o-linear-gradient(transparent 50%, #FFFF00 0);
	background:linear-gradient(transparent 50%, #FFFF00 0);
}
.customer_mark_FDBE00{
	background:-moz-linear-gradient(transparent 50%, #FDBE00 0);
	background:-webkit-linear-gradient(transparent 50%, #FDBE00 0);
	background:-ms-linear-gradient(transparent 50%, #FDBE00 0);
	background:-o-linear-gradient(transparent 50%, #FDBE00 0);
	background:linear-gradient(transparent 50%, #FDBE00 0);
}

.customer_mark_DDD2B7_20{
	background:-moz-linear-gradient(transparent 20%, rgba(221,210,183,0.6) 0);
	background:-webkit-linear-gradient(transparent 20%, rgba(221,210,183,0.6) 0);
	background:-ms-linear-gradient(transparent 20%, rgba(221,210,183,0.6) 0);
	background:-o-linear-gradient(transparent 20%, rgba(221,210,183,0.6) 0);
	background:linear-gradient(transparent 20%, rgba(221,210,183,0.6) 0);
}
.customer_mark_FFF100_20{
	background:-moz-linear-gradient(transparent 20%, rgba(255,241,0,0.6)0);
	background:-webkit-linear-gradient(transparent 20%, rgba(255,241,0,0.6) 0);
	background:-ms-linear-gradient(transparent 20%, rgba(255,241,0,0.6) 0);
	background:-o-linear-gradient(transparent 20%, rgba(255,241,0,0.6) 0);
	background:linear-gradient(transparent 20%, rgba(255,241,0,0.6) 0);
}

.customer_mark_C1272D_90{
	background:-moz-linear-gradient(transparent 90%, rgba(193,39,45,1) 0);
	background:-webkit-linear-gradient(transparent 90%, rgba(193,39,45,1) 0);
	background:-ms-linear-gradient(transparent 90%, rgba(193,39,45,1) 0);
	background:-o-linear-gradient(transparent 90%, rgba(193,39,45,1) 0);
	background:linear-gradient(transparent 90%, rgba(193,39,45,1) 0);
}


.customer_mark_D6D6D6_a a{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

}
.customer_mark_D6D6D6_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #D6D6D6 0);
	background:-webkit-linear-gradient(transparent 50%, #D6D6D6 0);
	background:-ms-linear-gradient(transparent 50%, #D6D6D6 0);
	background:-o-linear-gradient(transparent 50%, #D6D6D6 0);
	background:linear-gradient(transparent 50%, #D6D6D6 0);
}


.customer_mark_222222_a a{
	text-decoration: none;
}
.customer_mark_222222_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #222222 0);
	background:-webkit-linear-gradient(transparent 50%, #222222 0);
	background:-ms-linear-gradient(transparent 50%, #222222 0);
	background:-o-linear-gradient(transparent 50%, #222222 0);
	background:linear-gradient(transparent 50%, #222222 0);
}

.customer_hov_A28E80 a{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.customer_hov_A28E80 a:hover{
	color:#A28E80 !important;
}

.customer_hov_222222 a{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.customer_hov_222222 a:hover{
	color:#222222 !important;
}

.customer_hov_14508C a{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.customer_hov_14508C a:hover{
	color:#14508C !important;
}


.customer_hov_FFFFFF a{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.customer_hov_FFFFFF a:hover{
	color:#FFFFFF !important;
}
.customer_hov_B79769 a{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.customer_hov_B79769 a:hover{
	color:#B79769 !important;
}

/*==============================
    ホバーしたら線を動的に出す
==============================*/
.customer_underline_FFFFFF a{
	display: inline-block;
	padding-bottom: 1px;
	position: relative;
	text-decoration: none;
}

.customer_underline_FFFFFF a:hover::after {
	width: 100%;
}

.customer_underline_FFFFFF a::after{
	background-color:#FFFFFF;
	bottom: 0;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	transition: .3s all;
	width: 0;
}




.customer_bord_D6D6D6_t1{
	border-top:#D6D6D6 solid 1px;
}
.customer_bord_EEEEEE_t1{
	border-top:#EEEEEE 1px solid;
}
.customer_bord_FFFFFF_t1{
	border-top:#FFFFFF 1px solid;
}

.customer_bord_FFFFFF_t2{
	border-top:#FFFFFF 1px solid;
}

.customer_bord_D6D6D6_1{
	border:#D6D6D6 1px solid;
}

.customer_bord_DDDDDD_t1{
	border-top:#DDDDDD 1px solid;
}

.customer_bord_000000_t1{
	border-top:1px #000000 solid;
}

.customer_bord_E6E6E6_t1{
	border-top:#E6E6E6 1px solid;
}
.customer_bord_AAAAAA_t1{
	border-top:#AAAAAA 1px solid;
}

.customer_bord_CCCCCC_t1{
	border-top:1px solid #CCCCCC;
}

.customer_bord_EDDAAB_t1{
	border-top:#EDDAAB 1px solid;
}

.customer_bord_9E9E9E_t1{
	border-top:#9E9E9E solid 1px;
}

.customer_bord_000000_t2{
	border-top:2px #000000 solid;
}

/*テキストインデント*/
.customer_txt_ind01{padding-left: 1em;text-indent: -1em;}/*1文字分*/
.customer_txt_ind015{padding-left: 1.5em;text-indent: -1.5em;}/*1.5文字分*/
.customer_txt_ind02{padding-left: 2em;text-indent: -2em;}/*2文字分*/
.customer_txt_ind03{padding-left: 3em;text-indent: -3em;}/*3文字分*/

/*==スマホ時width設定=================*/
.customer_w_100{width:100% !important;margin:0 !important;}
.customer_w_96{width:96% !important;margin:0 2% !important;}
.customer_w_94{width:94% !important;margin:0 3% !important;}
.customer_w_90{width:90% !important;margin:0 5% !important;}
.customer_w_80{width:80% !important;margin:0 10% !important;}
.customer_w_70{width:70% !important;margin:0 15% !important;}
.customer_w_60{width:60% !important;margin:0 20% !important;}
.customer_w_50{width:50% !important;margin:0 25% !important;}
.customer_w_40{width:40% !important;margin:0 30% !important;}
.customer_w_30{width:30% !important; margin:0 35% !important;}

.customer_w_100l{width:100% !important;margin:0 !important;}
.customer_w_96l{width:96% !important;margin:0 4% 0 0 !important;}
.customer_w_90l{width:90% !important;margin:0 10% 0 0 !important;}
.customer_w_80l{width:80% !important;margin:0 20% 0 0 !important;}
.customer_w_70l{width:70% !important;margin:0 30% 0 0 !important;}
.customer_w_60l{width:60% !important;margin:0 40% 0 0 !important;}
.customer_w_50l{width:50% !important;margin:0 50% 0 0 !important;}
.customer_w_40l{width:40% !important;margin:0 60% 0 0 !important;}
.customer_w_30l{width:30% !important;margin:0 70% 0 0 !important;}

.customer_w_100r{width:100% !important;margin:0 !important;}
.customer_w_96r{width:96% !important;margin:0 0 0 4% !important;}
.customer_w_90r{width:90% !important;margin:0 0 0 10% !important;}
.customer_w_80r{width:80% !important;margin:0 0 0 20% !important;}
.customer_w_70r{width:70% !important;margin:0 0 0 30% !important;}
.customer_w_60r{width:60% !important;margin:0 0 0 40% !important;}
.customer_w_50r{width:50% !important;margin:0 0 0 50% !important;}
.customer_w_40r{width:40% !important;margin:0 0 0 60% !important;}
.customer_w_30r{width:30% !important;margin:0 0 0 70% !important;}

.customer_w_100 img,
.customer_w_96 img,
.customer_w_94 img,
.customer_w_90 img,
.customer_w_80 img,
.customer_w_70 img,
.customer_w_60 img,
.customer_w_50 img,
.customer_w_40 img,
.customer_w_30 img{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}
.customer_w_100l img,
.customer_w_96l img,
.customer_w_90l img,
.customer_w_80l img,
.customer_w_70l img,
.customer_w_60l img,
.customer_w_50l img,
.customer_w_40l img,
.customer_w_30l img,
.customer_w_100r img,
.customer_w_96r img,
.customer_w_90r img,
.customer_w_80r img,
.customer_w_70r img,
.customer_w_60r img,
.customer_w_50r img,
.customer_w_40r img,
.customer_w_30r img{
	width:auto;
	max-width: 100%;
	margin:0;
}


.customer_img_100 img{
	width:100% !important;
	margin:0 auto;
}
.customer_img_90 img{
	width:90% !important;
	margin:0 auto;
}
.customer_img_80 img{
	width:80% !important;
	margin:0 auto;
}
.customer_img_70 img{
	width:70% !important;
	margin:0 auto;
}
.customer_img_60 img{
	width:60% !important;
	margin:0 auto;
}
.customer_img_50 img{
	width:50% !important;
	margin:0 auto;
}
.customer_img_40 img{
	width:40% !important;
	margin:0 auto;
}

.customer_img_30 img{
	width:30% !important;
	margin:0 auto;
}



/*===================*/
/*PCでのtextの幅設定（全サイズ縮める）*/
.customer_p_w70,
.customer_p_w80,
.customer_p_w90,
.customer_p_w94,
.customer_p_w96,
.customer_p_w98{width:90% !important; margin:0 5% !important;}


.customer_bold{font-weight:bold;}
.customer_bold_900{font-weight:900;}
.customer_bold_800{font-weight:800;}
.customer_bold_700{font-weight:700;}
.customer_bold_600{font-weight:600;}
.customer_bold_500{font-weight:500;}
.customer_bold_400{font-weight:400;}
.customer_bold_300{font-weight:300;}
.customer_bold_200{font-weight:200;}
.customer_bold_100{font-weight:100;}
.customer_normal{ font-weight:normal !important;}

.customer_font_ital{font-style: italic;}

.customer_font10sp{font-size:68%;}
.customer_font11sp{font-size:85%;}
.customer_font12sp{font-size:90%;}
.customer_font13sp{font-size:93%;}
.customer_font20sp{font-size: 170%;}

.customer_font10{font-size:68%;}
.customer_font11{font-size:80%;}
.customer_font12{font-size:90%; line-height:1.3;}
.customer_font13{font-size:93%;}

.customer_font14{font-size:100%; line-height:1.5;}
.customer_font15{font-size:108%; line-height:1.5;}
.customer_font16{font-size:115%; line-height:1.5;}
.customer_font17{font-size:120%;  line-height:1.4;}
.customer_font18{font-size:130%; line-height:1.4;}
.customer_font19{font-size:140%; line-height:1.4;}

.customer_font20{font-size:170%; line-height:1.4;}

.customer_font25{font-size:200%; line-height:1.4;}

.customer_font30{font-size:200%; line-height:1.4;}

.customer_underline{
	text-decoration: underline;
}
.customer_underline_h a{
	text-decoration: underline;
}
.customer_underline_h a:hover{
	text-decoration: none;
}

.customer_line_height12{
	line-height:1.2 !important;
}
.customer_line_height14{
	line-height:1.4 !important;
}
.customer_line_height16{
	line-height:1.6 !important;
}
.customer_line_height18{
	line-height:1.8 !important;
}
.customer_line_height20{
	line-height:2 !important;
}
.customer_le_sp_m02{letter-spacing: -2px;}
.customer_le_sp_m01{letter-spacing: -1px;}
.customer_le_sp00{letter-spacing: -1px;}
.customer_le_sp01{letter-spacing: 1px;}
.customer_le_sp02{letter-spacing: 2px;}
.customer_le_sp03{letter-spacing: 3px;}
.customer_le_sp04{letter-spacing: 4px;}
.customer_le_sp05{letter-spacing: 5px;}
.customer_le_sp06{letter-spacing: 6px;}
.customer_le_sp07{letter-spacing: 7px;}
.customer_le_sp08{letter-spacing: 8px;}
.customer_le_sp09{letter-spacing: 9px;}
.customer_le_sp10{letter-spacing: 10px;}


/*PCの場合brを付ける*/
.customer_p_br br{
	display:none;
}

/*スマホの場合brを付ける*/
.customer_s_br br{
	display:block;
}

/*スマホとタブレットの場合brを付ける*/
.customer_st_br br{
	display: block;
}


/*スマホの場合左寄せ*/
.customer_p_cen_s_le{
	text-align:left;
}
/*スマホの場合センター*/
.customer_p_le_s_cen{
	text-align:center;
}
/*スマホの場合真ん中寄せ*/
.customer_p_ri_s_cen{
	text-align: center;
}

.customer_p_cen_s_ri{
	text-align: right;
}

.customer_p_le_s_ri{
	text-align:right;
	
}

.customer_txt_shadow{
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}

.customer_vr_n p,
.customer_vr_n h2,
.customer_vr_n h3,
.customer_vr_n h4,
.customer_vr_n h5,
.customer_vr_n ul,
.customer_vr_n li,
.customer_vr_n div,
.customer_vr_n dl,
.customer_vr_n dt,
.customer_vr_n dd{
	display: inline-block;
}

.customer_vr_m p,
.customer_vr_m h1,
.customer_vr_m h2,
.customer_vr_m h3,
.customer_vr_m h4,
.customer_vr_m h5,
.customer_vr_m ul,
.customer_vr_m li,
.customer_vr_m div,
.customer_vr_m dl,
.customer_vr_m dt,
.customer_vr_m dd{
	display: inline-block;
	vertical-align: middle;
}

.customer_vr_m_img p,
.customer_vr_m_img h1,
.customer_vr_m_img h2,
.customer_vr_m_img h3,
.customer_vr_m_img h4,
.customer_vr_m_img h5,
.customer_vr_m_img ul,
.customer_vr_m_img div,
.customer_vr_m_img dl,
.customer_vr_m_img dt,
.customer_vr_m_img dd{
	display: inline-block;
	vertical-align: middle;
}
.customer_vr_m_img p img,
.customer_vr_m_img h2 img,
.customer_vr_m_img h3 img,
.customer_vr_m_img h4 img,
.customer_vr_m_img h5 img,
.customer_vr_m_img ul img,
.customer_vr_m_img div img,
.customer_vr_m_img dl img,
.customer_vr_m_img dt img,
.customer_vr_m_img dd img{
	display: inline-block;
	vertical-align: middle;
}


.customer_vr_b p,
.customer_vr_b h2,
.customer_vr_b h3,
.customer_vr_b h4,
.customer_vr_b h5,
.customer_vr_b ul,
.customer_vr_b div{
	display: inline-block;
	vertical-align: text-bottom;
}


.customer_po_rela{
	position: relative;
}




/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {


/*===========================================*/
/*基本設定　大西*/
/*===========================================*/

#customer_sub01,
#customer_sub02,
#customer_sub03,
#customer_sub04,
#customer_sub05,
#customer_sub06,
#customer_sub07,
#customer_sub08,
#customer_sub09,
#customer_sub10,
#customer_sub11,
#customer_sub12,
#customer_sub13,
#customer_sub14,
#customer_sub15,
.customer_sub00{
	width:92%;
}
.customer_sub00_100{
	width:100%;
}
.customer_block_1400_100{/*1600pxの領域*/
	width:92%;
}

.customer_w_100l,
.customer_w_96l,
.customer_w_90l,
.customer_w_80l,
.customer_w_70l,
.customer_w_60l,
.customer_w_50l,
.customer_w_40l,
.customer_w_30l,
.customer_w_100r,
.customer_w_96r,
.customer_w_90r,
.customer_w_80r,
.customer_w_70r,
.customer_w_60r,
.customer_w_50r,
.customer_w_40r,
.customer_w_30r,
.customer_w_30,
.customer_w_40,
.customer_w_50,
.customer_w_60,
.customer_w_70,
.customer_w_80,
.customer_w_90,
.customer_w_94,
.customer_w_96,
.customer_w_100{width:auto !important;margin:0 !important;}

.customer_w_100 img,
.customer_w_96 img,
.customer_w_94 img,
.customer_w_90 img,
.customer_w_80 img,
.customer_w_70 img,
.customer_w_60 img,
.customer_w_50 img,
.customer_w_40 img,
.customer_w_30 img{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}
.customer_w_100l img,
.customer_w_96l img,
.customer_w_90l img,
.customer_w_80l img,
.customer_w_70l img,
.customer_w_60l img,
.customer_w_50l img,
.customer_w_40l img,
.customer_w_30l img{
	width:auto;
	max-width: 100%;
	margin:0;
}

.customer_img_100 img{
	width:100%;
}


.customer_p_w70{width:70% !important; margin:0 15% !important;}
.customer_p_w80{width:80% !important; margin:0 10% !important;}
.customer_p_w90{width:90% !important; margin:0 5% !important;}
.customer_p_w94{width:94% !important; margin:0 3% !important;}
.customer_p_w96{width:96% !important; margin:0 2% !important;}
.customer_p_w98{width:98% !important; margin:0 1% !important;}
	

.customer_pc_60{width:60% !important; margin:0 20% !important;}
.customer_pc_70{width:70% !important; margin:0 15% !important;}
.customer_pc_80{width:80% !important; margin:0 10% !important;}
.customer_pc_85{width:85% !important; margin:0 7.5% !important;}
.customer_pc_90{width:90% !important; margin:0 5% !important;}
.customer_pc_94{width:94% !important; margin:0 3% !important;}
.customer_pc_96{width:96% !important; margin:0 2% !important;}
.customer_pc_98{width:98% !important; margin:0 1% !important;}

	
	
.customer_p_br br{
	display:block;
}
.customer_s_br br{
	display:none;
}
/*スマホとタブレットの場合brを付ける*/
.customer_st_br br{
	display: block;
}
	
	
/*スマホの場合左寄せ*/
.customer_p_cen_s_le{
	text-align:center;
}
/*スマホの場合センター*/
.customer_p_le_s_cen{
	text-align:left;
}
/*スマホの場合真ん中寄せ*/
.customer_p_ri_s_cen{
	text-align: right;
}
	
.customer_p_cen_s_ri{
	text-align: center;
}
	
.customer_p_le_s_ri{
	text-align:left;
}
	
	
.customer_font10sp{font-size:100%;}
.customer_font11sp{font-size:100%;}
.customer_font12sp{font-size:100%;}
.customer_font13sp{font-size:100%;}
.customer_font20sp{font-size: 100%;}

	
.customer_font10{font-size:68%;}
.customer_font11{font-size:80%;}
.customer_font12{font-size:90%; line-height:1.3;}
.customer_font13{font-size:93%;}
	
.customer_font14{font-size:105%; line-height:1.7;}
.customer_font15{font-size:110%; line-height:1.7;}
.customer_font16{font-size:120%; line-height:1.7;}
.customer_font17{font-size:130%;  line-height:1.6;}
.customer_font18{font-size:140%; line-height:1.6;}
.customer_font19{font-size:150%; line-height:1.6;}
.customer_font20{font-size:190%; line-height:1.5;}


.customer_font30{font-size:300%; line-height:1.4;}

/*PC・タブレットの時だけ大きくしたい場合*/
.customer_font14pc{font-size:106%;}
.customer_font15pc{font-size:110%;}
.customer_font16pc{font-size:120%;}
.customer_font17pc{font-size:130%;}
.customer_font18pc{font-size:140%;}
.customer_font19pc{font-size:150%;}

.customer_font20pc{font-size:170%;}

/*PC・タブレットの時だけ文字間空けたいとき*/
.customer_le_sp01pc{letter-spacing: 1px;}
.customer_le_sp02pc{letter-spacing: 2px;}
.customer_le_sp03pc{letter-spacing: 3px;}
.customer_le_sp04pc{letter-spacing: 4px;}
.customer_le_sp05pc{letter-spacing: 5px;}
.customer_le_sp06pc{letter-spacing: 6px;}
.customer_le_sp07pc{letter-spacing: 7px;}
.customer_le_sp08pc{letter-spacing: 8px;}
.customer_le_sp09pc{letter-spacing: 9px;}
.customer_le_sp10pc{letter-spacing: 10px;}
.customer_le_sp15pc{letter-spacing: 15px;}

	
.customer_txt_ind02pc{padding-left: 2em;text-indent: -2em;}/*2文字分*/
	

}
/*=================================================================================*/
/** 1140px以上 PCサイズ画面 **/
@media (min-width : 1200px) {



/*===========================================*/
/*基本設定　大西*/
/*===========================================*/

#customer_sub01,
#customer_sub02,
#customer_sub03,
#customer_sub04,
#customer_sub05,
#customer_sub06,
#customer_sub07,
#customer_sub08,
#customer_sub09,
#customer_sub10,
#customer_sub11,
#customer_sub12,
#customer_sub13,
#customer_sub14,
#customer_sub15{
	max-width:1100px;
	margin:0 auto;
	padding:3em 0;
}

.customer_sub00{
	max-width:1100px;
	margin:0 auto;
	padding:0;
}
.customer_sub00_100{
	max-width:1100px;
	margin:0 auto;
	padding:0;
}
	
/*スマホとタブレットの場合brを付ける*/
.customer_st_br br{
	display: none;
}

}
/*=================================================================================*/
/** 1450px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1450px) {
/***  各ページ共通部  ***/

.customer_font20{font-size:200%; line-height:1.4;}

}

/* ============================================================
   ⑥ otherLangheader.css
   ============================================================ */
.customer_otherLangHeader {
  background: #fff;
  display: flex;
  justify-content: center;
  padding-block: 1em;
}

.customer_otherLangHeader__logo {
  display: block;
  max-width: 250px;
  width: 100%;
  transition: all .3s ease-in-out;
  @media screen and (min-width: 769px) {
    max-width: 300px;
  }

  &:hover {
    opacity: 1;
    transform: translateY(-6px);
  }
}

.customer_otherLangHeader__logo > img {
  display: block;
  width: 100%;
  height: auto;
}