@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.施設紹介
02-01.庭園＆足湯
02-02.温泉
02-02-01.あかすり
02-03.貸切露天風呂
02-04.岩盤浴
02-05.食い倒れ横丁
02-06.弁天縁日
02-07.買いもん横丁
02-08.すぱ之町
02-09.居眠町
02-10.変身・写真
02-11.エステ
02-12.お手軽アウトドア
03.空庭の楽しみ方
04.ショー＆営業時間
04-01.ショー詳細
05.飲食
06.SNS映えスポット
07.料金案内
07-01.入退館方法
07-02.浴衣の着方
08.町方マガジン
08-01.町方マガジン詳細
09.宿泊
10.アクセス
11.よくある質問・お問い合わせ
12.新着情報一覧
12-01.お知らせ詳細
13.サイト・プライバシー・利用規約
14.会社概要
15.個別ページ
15-01.SKDドリンク
16.キッズ
17.検索結果
18.女子会
19.１周年記念
--------------------*/

/*--------------------
02.施設紹介
--------------------*/

#explore .mainvisual{
background-color: #CBBA1D;
}

#explore .page_contents{
width: 100%;
background:url("../img/explore/bg01_explore.png") repeat center center;
background-size: 197.5px;
padding: 40px 0 0;
}

/*（共通）施設紹介のページナビゲーション*/

.explore_map_nav{
max-width: 400px;
width: 100%;
margin: 10px auto 30px;
}

.explore_map_nav a{
display: inline-block;
width: 100%;
position: relative;
border-radius: 5px;
background: #CBBB1D;
padding: 0 58px 0 0;
text-align: center;
}

.explore_map_nav .icon_img{
display: inline-block;
max-width: 76px;
width: 100%;
margin: 0 auto;
vertical-align: middle;
}

.explore_map_nav .menu_text{
color: #fff;
font-size: 22px;
font-weight: 700;
display: inline-block;
vertical-align: middle;
}

.explore_innerpage_nav {
display: flex;
flex-wrap: wrap;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
max-width: 966px;
margin: 0 auto 50px;
width: 100%;
}

.explore_innerpage_nav:after {
	display: block;
	content: '';
	max-width: 290px;
	margin: 7px;
	width: calc(33% - 14px);
}

.explore_innerpage_nav li {
/* max-height: 55px; */
width: calc(33% - 14px);
/* height: 235px; */
max-width: 290px;
border: 3px solid #C7B606;
border-radius: 5px;
background: #fff;
margin: 7px;
position: relative;
}

/* .explore_innerpage_nav li:first-child{
margin: 0 7px 0 0;
}
.explore_innerpage_nav li:last-child{
margin: 0 0 0 7px;
} */
.explore_innerpage_nav li.nav_bw {
	border-color: #B797CF;
}
.explore_innerpage_nav li a {
align-items: center;
display: flex;
justify-content: flex-start;
padding: 0;
}

.explore_innerpage_nav li .icon_img{
max-width: 48px;
margin: 5px;
}

.explore_innerpage_nav li .menu_text{
	display: inline-block;
	writing-mode:unset;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: -0.05em;
	text-align: left;
	margin: 3px 0 2px;
	width: auto;
	position: static;
} 

.explore_innerpage_nav li.nav_bbq .menu_text,
.explore_innerpage_nav li.nav_bw .menu_text {
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: 1.2;
}
.explore_innerpage_nav li.nav_bbq .menu_text {
  align-items: flex-start;
  flex-direction: column;
}
.explore_innerpage_nav li.nav_bbq .menu_text .small_text {
  font-size: 0.8em;
}

/*（共通）施設紹介のページナビゲーション　おわり*/
#explore #cnt_area01{
max-width: 966px;
width: 100%;
margin: 0 auto 90px;
}
#explore #cnt_area01 .cnt_g {
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
margin: 0 auto 20px;
position: relative;
}
#explore #cnt_area01 .cnt_g.g01 {
flex-direction: row;
}
#explore #cnt_area01 .cnt_g.g02 {
flex-direction: row-reverse;
}
#explore #cnt_area01 .cnt_g .cnt_img {
width: 42.75%;
max-height: 330px;
}
#explore #cnt_area01 .cnt_g .type_h3 {
width: 100%;
background: #CBBB1D;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 43px;
/*letter-spacing: 0.1em;*/
padding: 13px 24px 14px;
position: absolute;
right: 0;
top: 0;
width: 57.24%;
}
#explore #cnt_area01 .cnt_g.g02 .type_h3 {
	left: 0;
	right: auto;
}
#explore #cnt_area01 .cnt_g .type_h3::after {
content: '';
display: inline-block;
width: 91px;
height: 79px;
background-image: url("../img/explore/icon_rooftop-garden.png");
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
position: absolute;
bottom: 0;
right: 43px;
}
#explore #cnt_area01 #explore_02.cnt_g .type_h3::after {
width: 119px;
height: 63px;
background-image: url("../img/explore/icon02_onsen.png");
background-size: contain;
bottom: 13px;
right: 20px;
}
#explore #cnt_area01 #explore_03.cnt_g .type_h3::after {
width: 92px;
height: 92px;
background-image: url("../img/explore/icon_private-bath.png");
background-size: contain;
bottom: 4px;
right: 37px;
}
#explore #cnt_area01 #explore_04.cnt_g .type_h3::after {
width: 145.8px;
height: 77.2px;
background-image: url("../img/explore/icon04_ganbanyoku.png");
background-size: contain;
bottom: 10px;
right: 70px;
}
#explore #cnt_area01 #explore_05.cnt_g .type_h3::after {
width: 88.7px;
height: 74.3px;
background-image: url("../img/explore/icon05_kaimon.png");
background-size: contain;
bottom: 10px;
right: 20px;
}
#explore #cnt_area01 #explore_06.cnt_g .type_h3::after {
width: 108.6px;
height: 74.7px;
background-image: url("../img/explore/icon06_spa.png");
background-size: contain;
top: -4px;
right: 18px;
}
#explore #cnt_area01 #explore_07.cnt_g .type_h3::after {
width: 98.1px;
height: 88.3px;
background-image: url("../img/explore/icon07_kuidaore.png");
background-size: contain;
bottom: 6px;
right: 19px;
}
#explore #cnt_area01 #explore_08.cnt_g .type_h3::after {
width: 98px;
height: 91px;
background-image: url("../img/explore/icon08_benten_v2.png");
background-size: contain;
bottom: -2px;
right: 17px;
}
#explore #cnt_area01 #explore_09.cnt_g .type_h3::after {
width: 107.1px;
height: 87.6px;
background-image: url("../img/explore/icon09_inemuri.png");
background-size: contain;
bottom: 0;
right: 38px;
}
#explore #cnt_area01 #explore_11.cnt_g .type_h3::after {
width: 99px;
height: 109px;
background-image: url("../img/explore/icon12_beautytreatment.png");
background-size: contain;
bottom: 0;
right: 38px;
}
#explore #cnt_area01 #explore_13.cnt_g .type_h3::after {
width: 99px;
height: 86px;
background-image: url("../img/explore/icon13_uosyuya.png");
background-size: contain;
bottom: 0;
right: 38px;
}
#explore #cnt_area01 #explore_14.cnt_g .type_h3::after {
width: 115px;
height: 109px;
background-image: url("../img/explore/outdoor/icon_h2_v2.png");
background-size: contain;
bottom: 15px;
right: 2%;
}
#explore #cnt_area01 .cnt_g.g02 .type_h3 .small_text {
  font-size: 0.8em;
  margin-bottom: -0.2em;
  display: block;
}
#explore #cnt_area01 .cnt_g .cnt_box {
width: 57.24%;
background: #fff;
}
#explore #cnt_area01 .cnt_g .cnt_box .inner {
/*max-width: 480px;*/
background: #fff; /*margin: 24px auto 33px;*/
padding: 94px 37px 33px 36px;
}
#explore #cnt_area01 #explore_14.cnt_g .cnt_box .inner {
	padding-top: 137px;
}
#explore #cnt_area01 .cnt_g .cnt_box h4 {
color: #27335C;
font-size: 15px;
font-weight: bold;
line-height: 30px;
margin: 0 auto 20px;
}

#explore #cnt_area01 .cnt_g .cnt_box .contents_desc{
font-size: 13px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0.05em;
margin: 0 auto 20px;
}

#explore #cnt_area01 .cnt_g .cnt_box .next_btn{
font-size: 16px;
line-height: 27px;
text-align: right;
}
#onsen #cnt_area01 .cnt_g .cnt_box .next_btn{
display: block;
font-size: 16px;
line-height: 27px;
text-align: right;
}
#onsen #cnt_area01 .cnt_g .cnt_box .next_btn a{
text-decoration: underline;
}
#explore #cnt_area01 .cnt_g .cnt_box .next_btn a{
text-decoration: underline;
}

#explore #cnt_area01 .cnt_g .cnt_box .next_btn::after{
content: '';
display: inline-block;
width: 17px;
height: 17px;
background-image: url("../img/explore/arrow_right.png");
background-size: contain;
vertical-align: middle;
margin-left: 20px;
}

#explore #cnt_area01 .cnt_g .cnt_box .text_note{
border: 1px solid #000;
padding: 16px 31px 14px;
margin: 0 auto 30px;
}

#explore #cnt_area01 .cnt_g .cnt_box .text_note li{
font-size: 14px;
line-height: 30px;
text-indent: -1em;
padding: 0 0 0 1em;
}
#explore #cnt_area01 #explore_04.cnt_g .cnt_box .text_note li,
#explore #cnt_area01 #explore_06.cnt_g .cnt_box .text_note li {
text-indent: 0;
padding: 0;
}
#explore #cnt_area01 #explore_06.cnt_g .cnt_box .text_note {
	border-color: #2f5597; 
	color: #2f5597;
	font-weight: bold; 
	font-size: 13px;
	margin-bottom: 15px;
	padding: 10px 15px 14px;
	text-indent: 0; 
}
#explore #cnt_area02 {
width: 100%;
background: #fff;
}


#explore #explore_10{
max-width: 1240px;
width: 100%;
margin: 0 auto;
padding-bottom: 50px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

#explore #explore_10 .title_box {
    max-width: 86px;
    width: 100%;
    max-height: 284px;
    border: 2px solid #C7B606;
    border-radius: 0 0 5px 5px;
    background: #fff;
    /* margin: -30px 0 0 38px; */
    margin: 0 38px;
}


#explore #explore_10 .title_box .contents_title{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #C7B606;
font-size: 18px;
line-height: 1.2em;
text-align: center;
margin: 41px auto 0;
}

#explore #explore_10 .cnt_img {
    /* background: url(../img/explore/img_floormap_bg.jpg) left top / cover no-repeat; */
    max-width: 1113px;
}

#explore #floor_map {
padding: 0;
}
#explore #cnt_area01 #explore_06.cnt_g .type_h3 {
	background-color: #C69CC4;
}
#explore #cnt_area01 #explore_06.cnt_g .cnt_box .inner {
	padding-top: 137px;
}
#explore #cnt_area01 #explore_06.cnt_g .cnt_box h4 {
	color: #a662bb;
}
/* ふわふわ雲ボタン */
#explore #flowBtn {
  height: 1px;
  margin: 0 auto;
  max-width: 1500px;
  position: relative;
  width: 100%;
  z-index: 2;
}
#explore #flowBtn .flowBtn_item {
  animation-name: floating-x;
	animation-fill-mode: forwards;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-direction: alternate-reverse;
  bottom: 0;
  left: 2%;
  position: absolute;
  max-width: 530px;
  width: 43vw;
}
#explore #flowBtn .flowBtn_item a {
  animation-name: floating-y;
	animation-fill-mode: forwards;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(0.35, 0.26, 0.19, 1.07);
	animation-delay: 0s;
	animation-direction: alternate-reverse;
  display: block;
  width: 100%;
}
#explore #flowBtn .flowBtn_item a img {
  filter: drop-shadow(0px 5px 7px #00000041);
}

@keyframes floating-x {
  0% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(40%);
  }
}
@keyframes floating-y {
  0% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(10%);
  }
}
#explore .bannerArea {
  margin: 0 auto 2em;
  max-width: calc(1000px);
  padding: 0;
  position: relative;
  width: 94%;
  z-index: 1;
}
#explore .bannerArea_item {
  display: block;
}

#explore .notelist li {
    font-size: 0.8em;
    line-height: normal;
    margin-top: 0.5em;
    margin-left: 1em;
    text-indent: -1em;
}
/*--------------------
02-00.施設紹介下層共通
--------------------*/

.under_page.third .pankuzu_area{
background: #CBBA1D;
}

.under_page.third h1{
background: url("../img/explore/rooftop_garden/bg_title01_under.png")no-repeat center center;
background-size: cover;
color: #fff;
font-size: 25px;
font-weight: bold;
line-height: 37px;
text-align: center;
letter-spacing: 0.1em;
padding: 30px 0 17px;
text-shadow:0px 3px 6px rgba(0,0,0,0.16);
position: relative;
}

.under_page.third h1::before{
content: '';
display: inline-block;
width: 78.5px;
height: 68.8px;
background-image: url("../img/explore/icon_rooftop-garden.png");
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
position: absolute;
top: -45px;
right: 0;
left: 0;
margin: 0 auto;
}

.under_page.third .cnt_area .cnt_block{
max-width: 1164px;
/*width: 100%;*/
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

.under_page.third .cnt_area .cnt_block{
max-width: 1164px;
/*width: 100%;*/
margin: 0 auto;
}

.under_page.third .grad-trigger {
display: none; /*チェックボックスは常に非表示*/
}

.under_page.third .cnt_area .cnt_block .h3_g{
position: relative;
}

.under_page.third .cnt_area .cnt_block h3,
.under_page.third .cnt_area .cnt_block .h3{
align-items: center;
display: flex;
width: 54px;
height: 210px;
background: url("../img/explore/onsen/bg_title02.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #fff;
line-height: 22px;
padding: 27px 17px;
margin: 0 44px 0 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}

.under_page.third .cnt_area .cnt_block .cnt_g{
max-width: 1166px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

.under_page.third .cnt_area .cnt_block .cnt_g .cnt_img{
width: 54.03%;
display: block;
}

.under_page.third .cnt_area .cnt_block .cnt_g .cnt_box{
width: 37.8%;
margin: 0 auto 0 25px;
}

.under_page.third .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #6776A4;
font-size: 16px;
font-weight: bold;
line-height: 32px;
margin: 0 auto 25px;
}

.under_page.third .cnt_area .cnt_block .cnt_g .cnt_box .contents_desc{
font-size: 14px;
line-height: 30px;
}

.under_page.third .cnt_area .deco_img{
position: absolute;
}

.under_page.third .cnt_area .cnt_block .cnt_g .type_g{
max-width: 983px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

.under_page.third .type_g .type_box{
box-sizing: border-box;
width: 50%;
margin: 0 15px 0 0;
}

.under_page.third .cnt_area .cnt_block .type_g .type_box .cnt_img{
width: 100%;
}

.under_page.third .type_g .type_box .cnt_title{
box-sizing: border-box;
width: 100%;
font-size: 20px;
font-weight: bold;
color: #fff;
background: url("../img/explore/bg_title02_under.png") no-repeat;
background-size: cover;
padding: 15px 20px;
border-top: #6C7CAD 14px solid;
}
.under_page.third .type_g .type_box .cnt_text{
box-sizing: border-box;
width: 100%;
font-size: 14px;
line-height: 30px;
background-size: 100% auto;
padding: 15px 20px;
}

/*--------------------
02-01.庭園＆足湯
--------------------*/
#rooftop_garden .cnt_area{
width: 100%;
}

#rooftop_garden #cnt_area01.cnt_area .cnt_block{
margin: 46px auto 25px;
}

#rooftop_garden .cnt_area .cnt_block .h3_g{
position: relative;
}

#rooftop_garden .cnt_area .cnt_block h3{
background: url("../img/explore/rooftop_garden/bg_title02.png") no-repeat center center;
background-size: cover;
height: fit-content;
}

#rooftop_garden .cnt_area .cnt_block .cnt_g{
max-width: 1166px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

#rooftop_garden .cnt_area .cnt_block .cnt_g .cnt_img{
width: 54.03%;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}

#rooftop_garden .cnt_area .cnt_block .cnt_g .cnt_img .img_box:first-of-type{
width:100%;
margin-bottom: 10px;
}
#rooftop_garden .cnt_area .cnt_block .cnt_g .cnt_img .img_box:nth-of-type(n+2){
width: 48.9%;
}

#rooftop_garden .cnt_area .cnt_block .cnt_g .cnt_box{
width: 37.8%;
margin: 0 auto 0 25px;
}

#rooftop_garden .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #53937A;
}

#rooftop_garden .cnt_area .deco_img.deco01{
width: 131.36px;
top: 190px;
left: -55px;
}

#rooftop_garden .cnt_area.area02{
background: url("../img/explore/rooftop_garden/bg01_contents.png") repeat;
background-size: 80px;
padding: 46px 0 25px;
}

#rooftop_garden #cnt_area02.cnt_area .cnt_block h3 span{
font-size: 14px;
line-height: 15px;
display: inline-block;
margin: 5px 0 0 0;
}

#rooftop_garden #cnt_area02.cnt_area .cnt_block .hurigana_text{
color: #4F9D7F;
font-size: 14px;
font-weight: 500;
position: absolute;
right: 20px;
top: 30px;
}

#rooftop_garden .cnt_area .deco_img.deco02{
width: 88.74px;
bottom: -7px;
left: -5px;
}

#rooftop_garden #cnt_area03.cnt_area .cnt_block{
margin: 18px auto;
}

#rooftop_garden .cnt_area .deco_img.deco03{
width: 96.91px;
bottom: 120px;
left: -38px;
}

#rooftop_garden .cnt_area .deco_img.deco04{
width: 67.84px;
bottom: 26%;
left: -7px;
}

#rooftop_garden #cnt_area05.cnt_area .cnt_block{
margin: 23px auto 28px;
}

#rooftop_garden .cnt_area .deco_img.deco05{
width: 87.59px;
bottom: -13px;
left: 3px;
}

#rooftop_garden #cnt_area07.cnt_area .cnt_block{
margin: 15px auto 50px;
}



/*--------------------
02-02.温泉
--------------------*/
#onsen.under_page.third h1 {
background: url(../img/explore/onsen/bg_title01_under.png)no-repeat center center;
background-size: cover;
}

#onsen.under_page.third h1::before {
background-image: url(../img/explore/onsen/icon_h2.png);
width: 102px;
height: 54px;
top: -30px;
}

#onsen .cnt_area{
width: 100%;
}

#onsen #cnt_area01.cnt_area .cnt_block{
margin: 46px auto 25px;
}

#onsen .cnt_area .cnt_block h3{
background: url("../img/explore/onsen/bg_title02.png") no-repeat center center;
background-size: cover;
height: 280px;
}

#onsen .cnt_area .deco_img.deco01{
width: 70px;
top: 290px;
left: -8px;
}

#onsen #cnt_area02.cnt_area .cnt_block h3{
height: 350px;
}

#onsen .cnt_area .deco_img.deco02{
width: 108px;
bottom: 0;
top: 360px;
left: -25px;
}

#onsen .cnt_area.area02 {
padding: 46px 0 25px;
}

#onsen #cnt_area02.cnt_area .cnt_block .cnt_g{
display: block;
}

#onsen #cnt_area02 .type_sub{
max-width: 983px;
width: 100%;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
padding: 0 15px 25px 0;
}

#onsen #cnt_area02 .type_sub .cnt_title{
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 24px;
background: #6C7CAD;
padding: 15px 20px;
min-width: 120px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}

#onsen #cnt_area02 .type_sub .cnt_title::before{
content: '';
position: absolute;
width: 0;
height: 0;
right: 50%;
top: -9px;
border-style: solid;
border-color: transparent transparent #6C7CAD transparent;
border-width: 0 0 14px 13px;
}

#onsen #cnt_area02 .type_sub .cnt_title::after{
content: '';
position: absolute;
width: 0;
height: 0;
left: 50%;
top: -9px;
border-style: solid;
border-color: transparent transparent #6C7CAD transparent;
border-width: 0 13px 14px 0;
}

#onsen #cnt_area02 .type_sub .cnt_text{
box-sizing: border-box;
color: #6C7CAD;
font-size: 14px;
line-height: 30px;
background: #E2E5EF;
padding: 10px 20px;
}

#onsen #cnt_area02 .type_g .type_box.kawari{
background: #6C7CAD;
}

#onsen #cnt_area02 .type_g .type_box.kawari .cnt_img{
padding: 15px;
}

#onsen #cnt_area02 .type_g .type_box.kawari .cnt_title{
background: none;
border: none;
}

#onsen #cnt_area02 .type_g .type_box.kawari .cnt_text{
color: #fff;
padding-top: 0;
}

#onsen #cnt_area02 .kawariburo{
color: #6C7CAD;
padding: 0;
background: url("../img/explore/onsen/bg_kawari01.png") repeat-y center top;
background-color: #6C7CAD;
background-size: 100% auto;
position: relative;
}

#onsen #cnt_area02 .kawariburo .contents_in{
position: relative;
padding: 33px 0 0;
}

#onsen #cnt_area02 .kawariburo .title{
background: #fff;
max-width: 54px;
width: 100%;
height: fit-content;
padding: 18px 17px 15px;
font-size: 20px;
font-weight: 700;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
top: 0;
left: 0;
}

#onsen #cnt_area02 .kawariburo .kawariburo_g{
max-width: 762px;
width: 85.47%;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
z-index: 1;
padding: 0 0 0 35px;
}

#onsen #cnt_area02 .kawariburo .kawariburo_g .kawariburo_box{
max-width: 339px;
width: 46.63%;
background: #fff;
border-radius: 5px;
margin: 0 0 36px;
}

#onsen #cnt_area02 .kawariburo .kawariburo_g .kawariburo_box .date_box{
background: url(../img/explore/onsen/bg_title_kawari.png) no-repeat center center;
background-size: cover;
max-width: 202px;
width: 100%;
margin: 0 auto 0;
color: #fff;
font-weight: 700;
font-size: 14px;
padding: 44px 0 11px;
text-align: center;
position: relative;
top: -15px;
}

#onsen #cnt_area02 .kawariburo .kawariburo_g .kawariburo_box .cnt_img{
max-width: 325px;
width: 95.87%;
margin: -16px auto 5px;
}

#onsen #cnt_area02 .kawariburo .kawariburo_g .kawariburo_box .cnt_img img{
width: 100%;
height: auto;
border-radius: 5px;
}

#onsen #cnt_area02 .kawariburo .kawariburo_g .kawariburo_box .cnt_text{
font-weight: 700;
font-size: 20px;
line-height: 32px;
text-align: center;
padding: 0 0 12px;
color: #000;
}

#onsen #cnt_area02 .kawariburo .deco_img{
position: absolute;
}

#onsen #cnt_area02 .kawariburo .deco_img.deco_img.deco04_pc {
max-width: 172px;
width: 14.78%;
top: 194px;
left: 75px;
}

#onsen #cnt_area02 .kawariburo .deco_img.deco_img.deco05_pc {
max-width: 180px;
width: 15.47%;
top: 124px;
right: 0;
}

#onsen #cnt_area02.cnt_area .cnt_block .cnt_g .type_g04{
margin: 0 0 0 98px;
padding-top: 25px;
}


#onsen #cnt_area02.cnt_area .cnt_block .cnt_g .next_btn{
font-size: 16px;
line-height: 27px;
text-align: right;
}

#onsen #cnt_area02.cnt_area .cnt_block .cnt_g .next_btn a{
text-decoration: underline;
}

#onsen #cnt_area02.cnt_area .cnt_block .cnt_g .next_btn::after{
content: '';
display: inline-block;
width: 17px;
height: 17px;
background-image: url("../img/explore/arrow_right.png");
background-size: contain;
vertical-align: middle;
margin-left: 20px;
}
/*--------------------
02-02-01.あかすり
--------------------*/
#akasuri.under_page.third h1 {
	background: url(../img/explore/spa/akasuri/bg_title01_under.png)no-repeat center center;
	background-size: cover;
}
#akasuri.under_page.third h1::before{
	background-image: none;
}
#akasuri .cnt_area {
	width: 100%;
}
#akasuri .cnt_area .cnt_block {
	margin: 46px auto 25px;
	display: flex;
	justify-content: left;
}
#akasuri .cnt_area .cnt_block .h3_g{
	display: flex;
}
#akasuri .cnt_box .next_btn{
	max-width: 354px;
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0.1em;
	background-color: #27345C;
	text-align: center;
	margin: 50px auto 30px;
	border-radius: 5px;
	border: 1px solid #27345C;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#akasuri .cnt_box .next_btn a{
	width: 100%;
	color: #fff;
	display: inline-block;
	padding: 20px 10px 19px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#akasuri .btn_book_box{
	display: flex;
	align-items: start;
	margin: 40px auto;
	justify-content: center;
	max-width: 1164px;
	width: 100%;
}
#akasuri .btn_book{
	max-width: 354px;
	width: 100%;
	text-align: center;
}
#akasuri .btn_book a{
	display: inline-block;
	width: 100%;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	padding: 35px 0;
	background-color: #A37A42;
	text-align: center;
	position: relative;
	
}
#akasuri .cnt_area .cnt_block .sub_block01{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: center;
}
#akasuri .cnt_area .cnt_block h3 ,
#akasuri .cnt_area .cnt_block .h3 {
	width: 54px;
	height: 215px;
	background: url("../img/explore/spa/akasuri/bg_title02.png") no-repeat center center;
	background-size: cover;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 22px;
	padding: 27px 17px;
	margin: 0 44px 0 0;
	writing-mode: vertical-rl;
}

#akasuri .cnt_area.area02 {
	padding: 46px 0 90px;
}
#akasuri .cnt_area.area02 .cnt_block .manga_block #manga {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

#akasuri #manga .book{
	position: relative;
	width: 355px;
	height: 500px;
}
#akasuri #manga .paper{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	perspective: 1500px;
}
#akasuri #manga .front,
#akasuri #manga .back{
	background-color: white;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform-origin: left;
	transition: transform 0.5s;
}
#akasuri #manga .front{
	z-index: 1;
	backface-visibility: hidden;
}
#akasuri #manga .back{
	z-index: 0;
}
#akasuri #manga .front-content,
#akasuri #manga .back-content{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#akasuri #manga .back-content{
	transform: rotateY(180deg);
}
/* paper flip effect */
#akasuri #manga .flipped .front,
#akasuri #manga .flipped .back{
	transform: rotateY(-180deg);
}
#akasuri #manga .book img{
	border: 2px solid gray;
}
/* Controller Buttons */
#akasuri #manga .button {
	width: 33px;
    border: none;
    background-color: transparent;
    margin: 10px;
    transition: transform 0.5s;
}
#akasuri #manga .d-none{
	display: none;
}
#akasuri #manga .button:focus {
    outline: none;
}
#akasuri #manga .button:hover img{
    color: #636363;
}
/* paper stack roder */
#akasuri #manga #p1{
	z-index: 9;
}
#akasuri #manga #p2{
	z-index: 8;
}
#akasuri #manga #p3{
	z-index: 7;
}
#akasuri #manga #p4{
	z-index: 6;
}
#akasuri #manga #p5{
	z-index: 5;
}
@media only screen and (min-width: 751px){
	#akasuri #cnt_area03 .cnt_block .for_sp{
		display: none;
	}
	#akasuri .cnt_area .cnt_block .h3.long{
		position: relative;
		height: 260px;
		padding: 27px 2px;
		margin: 0;
	}
}
#akasuri #cnt_area03 .type_area {
	display: none;
}
#akasuri #cnt_area03 .type_area.active {
	display: block;
}
#akasuri #cnt_area03 .cnt_block {
	display: flex;
	align-items: start;
}
#akasuri #cnt_area03 .manga_block {
	position: relative;
	margin: 0;
}
#akasuri #cnt_area03 .cnt_g {
	max-width: 661px;
	width: 100%;
	display: flex;
	align-items: start;
	flex-wrap: wrap;
}
#akasuri #cnt_area03 .cnt_box {
	max-width: 314px;
	width: 32.13%;
	margin: 0 1.2% 44px 0;
}
#akasuri #cnt_area03 .cnt_box .cnt_img::after {
	content: "";
	display: block;
	max-width: 59px;
	width: 18.79%;
	height: 37px;
	background: url('../img/price/yukata/icon_arrow01.png') no-repeat left top;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -13.38%;
}
#akasuri #cnt_area03 .cnt_box:nth-child(3n) .cnt_img::after {
	content: none;
}
#akasuri #cnt_area03 .finish_box{
	position: relative;
}
#akasuri #cnt_area03 .finish_box .cnt_img {
	height: auto !important;
}
#akasuri #cnt_area03 .finish_box .cnt_img img{
	position: static;
	max-width: none;
	width: 100%;
}
#akasuri #cnt_area03 .finish_box .cnt_img::after {
	content: none;
}
/*--------------------
02-03.貸切露天風呂
--------------------*/
#private_bath b {
	font-weight: bold;
}

#private_bath.under_page.third h1 {
background: url(../img/explore/private_bath/bg_title01_under.png)no-repeat center center;
background-size: cover;
}

#private_bath.under_page.third h1::before {
background-image: url(../img/explore/icon_private-bath.png);
width: 78px;
height: 89px;
top: -50px;
}

#private_bath .cnt_area{
width: 100%;
}

#private_bath #cnt_area01.cnt_area .cnt_block{
margin: 46px auto 25px;
}

#private_bath .cnt_area .cnt_block h3{
background: url("../img/explore/private_bath/bg_title02.png") no-repeat center center;
background-size: cover;
height: fit-content;
}

#private_bath .cnt_area .cnt_block .cnt_g{
max-width: 1166px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
flex-flow: wrap;
}

#private_bath .cnt_area .cnt_block .cnt_g .cnt_box{
margin: 0 auto 0 25px;
}

#private_bath .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #DEA65A;
font-size: 18px;
font-weight: bold;
line-height: 26px;
margin: 0 auto 25px;
}

#private_bath .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title span.tobig{
display: block;
font-size: 24px;
padding-bottom: 10px;
}

#private_bath .cnt_area .deco_img.deco01{
width: 76px;
left: -12px;
bottom: 0;
top: 194px;
}

#private_bath .cnt_area.area02{
background: url("../img/explore/private_bath/bg01_contents.png") repeat;
background-size: 80px;
padding: 46px 0 26px;
}

#private_bath #cnt_area01 .color_box{
font-size: 14px;
line-height: 30px;
color: #000;
border-color: #DEA65A;
}

#private_bath #cnt_area01 .color_box a{
color: #DEA65A;
text-decoration: underline;
display: block;
padding: 16px 0 0;
font-weight: 500;
}

#private_bath .cnt_area .deco_img.deco02{
width: 35px;
bottom: 0;
top: 270px;
left: 8px;
}

#private_bath #cnt_area02.cnt_area .cnt_block{
margin: 46px auto 26px;
}

#private_bath .cnt_area .deco_img.deco03{
width: 96.91px;
bottom: 120px;
left: -38px;
}

#private_bath .cnt_area .deco_img.deco04{
width: 67.84px;
bottom: 26%;
left: -7px;
}

#private_bath #cnt_area04.cnt_area .cnt_block{
margin: 23px auto 28px;
}

#private_bath .cnt_area .deco_img.deco05{
width: 87.59px;
bottom: 54px;
left: -17px;
}

#private_bath table.room_table th {
background: #E4B679;
font-size: 14px;
line-height: 20px;
padding: 8px;
margin-bottom: 5px;
display: block;
min-width: 85px;
font-weight: 500;
}

#private_bath table.room_table td {
font-size: 16px;
line-height: 20px;
margin-bottom: 5px;
padding: 8px;
font-weight: 500;
}

#private_bath table.room_table td.normal_text {
font-size: 14px;
line-height: 20px;
font-weight: normal;
}
#private_bath .color_text {
color: #DEA65A;
padding: 16px;
margin: 15px 0;
border: 1px solid;
font-size: 14px;
line-height: 30px;
}

#private_bath p.attention{
font-size: 14px;
line-height: 30px;
padding-top: 10px;
}

#private_bath .color_text span{
display: block;
font-size: 20px;
font-weight: 500;
padding-bottom: 5px;
}

#private_bath .btn_g01{
display: flex;
align-items: start;
justify-content: space-around;
max-width: 1060px;
width: 92%;
margin: 70px auto;
}

#private_bath .btn_book{
max-width: 330px;
width: 31.33%;
/* margin: 70px auto; */
text-align: center;
}

#private_bath .btn_book a{
display: inline-block;
width: 100%;
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 25px 0 18px;
background: #E29334;
text-align: center;
}

#private_bath .btn_book.-gold a {
  background: #be9a39;
}

#private_bath .btn_book a span{
font-size: 14px;
line-height: 18px;
display: block;
padding: 6px 0 0;
}

#private_bath .btn_menu{
max-width: 330px;
margin: 20px auto;
text-align: center;
}

#private_bath .btn_menu a{
display: inline-block;
width: 100%;
font-size: 16px;
font-weight: bold;
color: #DEA65A;
padding: 15px 0 14px;
background: #fff;
border: 1px solid #DEA65A;
text-align: center;
}

#private_bath .cnt_area .cnt_block .small_img {
padding: 20px 0;
}
#private_bath .cnt_area .cnt_block .small_img .flex_img {
width: 100%;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}
#private_bath .cnt_area .cnt_block .small_img .flex_img .img_box {
display: block;
padding: 0 20px 0 0;
}
/* #cnt_area01 */
#private_bath #cnt_area01 .cnt_block .cnt_g {
padding: 0 43px;
width: 100%;
}
#private_bath #cnt_area01 .cnt_block .cnt_slider {
position: relative;
}
#private_bath #cnt_area01 .cnt_block .cnt_slider-item {
position: relative;
width: 100%;
}
#private_bath #cnt_area01 .cnt_block .cnt_slider-item + .cnt_slider-item {
left: 0;
position: absolute;
top: 0;
}
#private_bath #cnt_area01 .cnt_block .cnt_pics {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
#private_bath #cnt_area01 .cnt_block .cnt_pics-item {
width: calc(50% - 5px);
display: block;
}
#private_bath #cnt_area03 .cnt_g.contents_in,
#private_bath #cnt_area04 .cnt_g.contents_in {
margin: 0 0 0 98px;
padding-top: 40px;
}

#private_bath #cnt_area07 .cnt_block .cnt_g .cnt_box{
width: 94%;
margin: 0 auto 0 0;
}

#private_bath #cnt_area07 .plan_g{
display: flex;
justify-content: space-between;
align-items: flex-start;
}

#private_bath #cnt_area07 .plan_g .plan_box{
display: block;
box-sizing: border-box;
margin: 10px auto;
width: 32%;
padding: 14px;
border: 1px solid #E4B679;
border-radius: 5px;
background: url("../img/explore/private_bath/bg01_contents.png") repeat;
background-size: 80px;
}

#private_bath #cnt_area07 .plan_g .plan_box .plan{
font-weight: bold;
color: #DEA65A;
line-height: 24px;
font-size: 15px;
padding-bottom: 10px;
}

#private_bath #cnt_area07 .plan_g .plan_box p{
font-size: 14px;
line-height: 20px;
}

#private_bath #cnt_area07 .plan_g .plan_box .cnt_img{
width: 100%;
margin: 0 auto 15px;
}



/*--------------------
02-04.岩盤浴
--------------------*/

#ganbanyoku.under_page.third h1 {
background: url(../img/explore/ganbanyoku/bg_title01_under.png)no-repeat center center;
background-size: cover;
}

#ganbanyoku.under_page.third h1::before {
background-image: url(../img/explore/ganbanyoku/icon_h2.png);
width: 102px;
height: 54px;
top: -30px;
}

#ganbanyoku .cnt_area{
width: 100%;
}

#ganbanyoku #cnt_area01.cnt_area .cnt_block{
margin: 46px auto 25px;
}

#ganbanyoku .cnt_area .cnt_block h3{
background: url("../img/explore/ganbanyoku/bg_title02.png") no-repeat center center;
background-size: cover;
height: fit-content;
}

#ganbanyoku .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #C4535D;
}

#ganbanyoku .cnt_area .deco_img.deco01{
width: 79px;
bottom: 0;
top: 295px;
left: -15px;
}

#ganbanyoku .cnt_area.area02 {
padding: 46px 0 25px;
}

#ganbanyoku .cnt_area.cnt_area .cnt_block .cnt_g{
display: block;
}

#ganbanyoku .cnt_area .type_g .type_box .cnt_title{
border-top: #C4535D 14px solid;
}
#ganbanyoku .cnt_area .type_g .type_box .cnt_text{
padding: 15px 20px 35px;
}

#ganbanyoku .cnt_area.cnt_area .cnt_block .cnt_g .type_g04{
/*padding-bottom: 30px;*/
}

#ganbanyoku .cnt_area .show{
padding: 15px 15px 5px;
display: block;
border: 1px solid #c4535d;
margin: 15px 10px 35px;
box-sizing: border-box;
}
#ganbanyoku .cnt_area .show .show_text{
padding-bottom: 10px;
font-weight: bold;
color: #c4535d;
line-height: 20px;
}

#ganbanyoku .cnt_area .show .show_text span{
font-size: 12px;
}

#ganbanyoku .cnt_area .show dl.desc {
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
flex-wrap: wrap;
}

#ganbanyoku dl.desc dt {
width: 25%;
background: #c4535d;
padding: 10px 0;
color: #fff;
margin: 0 5% 10px 0;
text-align: center;
font-size: 14px;
line-height: 20px;
}

#ganbanyoku dl.desc dd {
width: 70%;
margin: 0 0 10px 0;
}

#ganbanyoku .cnt_area .show .text_note{
font-size: 14px;
line-height: 20px;
margin: 0 0 10px;
color: #c4535d;
}
#ganbanyoku .cnt_area .cnt_block .cnt_g .cnt_box .contents_bottom {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-top: 50px;
justify-content: space-between;
}
#ganbanyoku .cnt_area .cnt_block .cnt_g .cnt_box .contents_bottom .link_box {
	margin: 0 auto;
}
#ganbanyoku .cnt_area .cnt_block .cnt_g .cnt_box .contents_bottom a {
	font-weight: bold;
	display: inline-block;
	margin: 1em 0;
	text-decoration: underline;
}
/*岩盤浴アイコン*/
#ganbanyoku .cnt_area .cnt_block .cnt_g .icon_box{
display: flex;
justify-content: space-between;
max-width: 160px;
margin: 0;
width: 50%;
}
#ganbanyoku .cnt_area .cnt_block .cnt_g .icon_box .icon_img {
width: 70px;
font-size: 13px;
line-height: 16px;
text-align: center;
}
#ganbanyoku .cnt_area .cnt_block .cnt_g .icon_box .icon_img{
max-width: 70px;
font-size: 13px;
line-height: 16px;
text-align: center;
}

#ganbanyoku .cnt_area .cnt_block .cnt_g .icon_box .icon_img img{
margin: 0 0 5px;
}

/*--------------------
02-05.食い倒れ横丁
--------------------*/

#kuidaore.under_page.third h1 {
background: url(../img/explore/kuidaore/bg_title01_under.png)no-repeat center center;
background-size: cover;
}

#kuidaore.under_page.third h1::before {
background-image: url(../img/explore/kuidaore/icon_h2.png);
width: 78px;
height: 70px;
top: -40px;
}

#kuidaore .cnt_area{
width: 100%;
}

#kuidaore #cnt_area01.cnt_area .cnt_block{
margin: 46px auto 25px;
}

#kuidaore .cnt_area .cnt_block .cnt_g .cnt_box{
width: 37.8%;
margin: 0 auto 0 25px;
}

#kuidaore .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #CBBA1D;
}

#kuidaore #cnt_area02.cnt_area .cnt_block h3{
height: 210px;
}

#kuidaore .cnt_area.area02 {
padding: 46px 0 25px;
}

#kuidaore #cnt_area02.cnt_area .cnt_block .cnt_g{
display: block;
}

#kuidaore #cnt_area02.cnt_area .cnt_block .cnt_g .type_g{
margin: 0 auto;
}

#kuidaore #cnt_area02 .type_g .type_box .cnt_title{
border-top: #FFE75D 14px solid;
}

#kuidaore #cnt_area02 .type_g .type_box .sub_text {
font-size: 18px;
font-weight: bold;
padding: 15px 20px 0;
color: #CBBA1D;
line-height: 30px;
}

#kuidaore #cnt_area02 .type_g .type_box .cnt_text{
padding: 15px 20px 35px;
}

#kuidaore #cnt_area02 .btn_restaurant{
max-width: 333px;
margin: 30px auto 70px;
text-align: center;
}

#kuidaore #cnt_area02 .btn_restaurant a{
display: inline-block;
width: 100%;
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 24px 0 25px;
background: #D8B559;
text-align: center;
}
/*--------------------
02-06.弁天縁日
--------------------*/
#ennichi.under_page.third h1 {
background: url(../img/explore/ennichi/bg_title01_under.png)no-repeat center center;
background-size: cover;
}

#ennichi.under_page.third h1::before {
background-image: url(../img/explore/ennichi/icon_h2.png);
width: 73px;
height: 64px;
top: -36px;
}

#ennichi .cnt_area{
width: 100%;
}
#ennichi .name_line {
	align-content: center;
	background: #36659c url(../img/explore/ennichi/bg_gasyapon.png) center top / cover no-repeat;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 5em;
	padding: 0 1em 35px;
	position: relative;
	text-align: center;
}
#ennichi .ennichi_name {
	align-items: center;
	background: #a5c8f1;
	color: #333;
	display: flex;
	flex-direction: column;
	font-size: 25px;
	font-weight: bold;
	justify-content: center;
	line-height: 1.2;
	margin: -24px auto 0;
	min-height: 170px;
	padding: 30px 1em;
	text-align: center;
	width: 221px;
}
#ennichi .name_line .ennichi_text {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	max-width: 740px;
	margin: 2em auto 0;
	width: 80%;
}
#ennichi #cnt_area01.cnt_area .cnt_block,
#ennichi .cnt_area.area03 .cnt_block {
margin: 46px auto 25px;
}
#ennichi .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #6E97C7;
}

#ennichi .cnt_area.area02 {
padding: 96px 0 46px;
background: url("../img/explore/ennichi/bg_ennichi.png") repeat center;
background-size: 55px 84px;
margin-bottom: 46px;
position: relative;
}

#ennichi .cnt_area.area02::after {
content: '';
background: url("../img/explore/ennichi/icon_bg.png") repeat-x center;
background-size: contain;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 83px;
}

#ennichi #cnt_area02.cnt_area .cnt_block{
display: block;
}

#ennichi #cnt_area02.cnt_area .cnt_block .cnt_g{
/* max-width: 882px; */
/* 2個表示のための修正 */
max-width: 881px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
flex-flow: wrap;
margin: 0 auto;
}
#ennichi .cnt_area.area02 .cnt_block .cnt_g {
    justify-content: center;
    flex-wrap: wrap;
    padding-right: 0;
}
#ennichi .cnt_area.area02 .cnt_block .cnt_g .cnt_box {
    display: block;
    position: relative;
    margin: 24px 6px 0;
    width: 282px;
    /*width: 33%;*/
    /* width: 23%; */
}

#ennichi .cnt_area.area02 .cnt_block .cnt_g .cnt_box .img_ennichi{
display: block;
padding-top: 23px;
width: 100%;
}

#ennichi .cnt_area.area02 .cnt_block .cnt_g .cnt_box .text{
display: block;
position: absolute;
top: 0;
left: 23px;
line-height: 1.2;
background: #fff;
border: 1px solid #136184;
/*padding: 14px;*/
padding: 0.5em 9px 0.7em;
font-size: 20px;
font-weight: bold;
color: #6E97C7;
/*height: 140px;*/
height: fit-content;

-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;

}

#ennichi .cnt_area.area02 .cnt_block .cnt_g .cnt_box02 .text{
padding: 11px 14px;
}

#ennichi .cnt_area.area02 .cnt_block .cnt_g .cnt_box .text span{
font-size: 13px;
}

#ennichi .cnt_area.area03,
#ennichi #cnt_area03 {
margin: 0 auto 25px;
}

#ennichi .cnt_area .cnt_block02{
margin: 25px auto 25px; 
}

#ennichi .cnt_area .cnt_block03{
margin: 25px auto 25px;
}

#ennichi .cnt_area .h3_01{
padding: 15px 5px;
}

#ennichi .cnt_area .cnt_block h3 {
height: 280px;
background: url("../img/explore/ennichi/bg_title02.png") no-repeat center center;
background-size: cover;
}

#ennichi .cnt_area.area02 .cnt_block .cnt_g .cnt_box .kingyo_text{
height: 160px;
}

#ennichi .cnt_area.area03 .img_box,
#ennichi #cnt_area03 .img_box{
width: 54%;
}

#ennichi .cnt_area.area03 .img_box .cnt_img,
#ennichi #cnt_area03 .img_box .cnt_img{
width: 100%;
}

#ennichi #cnt_area03 .sub_box{
width: 100%;
margin: 0;
}

#ennichi #cnt_area03 .sub_box .cnt_img{
display: block;
margin: 24px 0 0;
max-width: 282px;
width: 45%;
}

#ennichi .cnt_area .cnt_block .cnt_g .cnt_box .ennichi_btn{
text-align: right;
padding: 0 10px 10px 0;
text-decoration: underline;
}

#ennichi .cnt_area.area04{
background: url("../img/explore/ennichi/bg01_contents.png") repeat;
background-size: 80px;
padding: 23px 0 5px;
}

#ennichi .cnt_area .cnt_block .cnt_g .cnt_box .sub_text{
font-size: 12px;
line-height: 20px;
} 

.under_page.third .cnt_area .cnt_block .cnt_box .cnt_text{
font-size:14px;
line-height: 30px;	
}
/*--------------------
02-07.買いもん横丁
--------------------*/

#shop.under_page.third h1 {
background: url(../img/explore/shop/bg_title01_under.png)no-repeat center center;
background-size: cover;
}

#shop.under_page.third h1::before {
background-image: url(../img/explore/shop/icon_h2.png);
width: 78px;
height: 65px;
top: -40px;
}

#shop .cnt_area{
width: 100%;
}

#shop #cnt_area01.cnt_area .cnt_block{
margin: 46px auto 25px;
}

#shop .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #4B9579;
}

#shop #cnt_area02.cnt_area .cnt_block h3{
height: 210px;
}

#shop .cnt_area.area02 {
padding: 46px 0 25px;
}

#shop #cnt_area02.cnt_area .cnt_block .cnt_g{
display: block;
}

#shop #cnt_area02.cnt_area .cnt_block .cnt_g .type_g{
margin: 0 auto;
}

#shop #cnt_area02.cnt_area .cnt_block .cnt_g .type_g03{
padding-bottom: 30px;
}

#shop #cnt_area02 .type_g .type_box .cnt_title{
border-top: #4B9579 14px solid;
}

#shop #cnt_area02 .type_g .type_box .sub_text {
font-size: 18px;
font-weight: bold;
padding: 15px 20px 0;
color: #4B9579;
line-height: 30px;
}

#shop #cnt_area02 .type_g .type_box .cnt_text{
padding: 15px 20px 35px;
}

/*--------------------
02-08.すぱ之町
--------------------*/

#spa.under_page.third h1 {
background: url(../img/explore/spa/bg_title01_under.png)no-repeat center center;
background-size: cover;
}

#spa.under_page.third h1::before {
background-image: url(../img/explore/spa/icon_h2.png);
width: 78px;
height: 54px;
top: -36px;
}

#spa .cnt_area{
width: 100%;
}

#spa #cnt_area01.cnt_area .cnt_block{
margin: 46px auto 25px;
}

#spa .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #A37A42;
}

#spa #cnt_area02.cnt_area .cnt_block h3{
height: 210px;
}

#spa .cnt_area.area02 {
padding: 46px 0 25px;
}

#spa .cnt_area.area02 .spa_g{
display: block;
width: 100%;
margin: 20px 0 50px;
background: url("../img/explore/spa/bg01_spa.png") repeat;
background-size: 140px auto;
padding: 200px 0 28px;
position: relative;
}

#spa .cnt_area.area02 .spa_g .name_box{
width: 221px;
text-align: center;
color: #2F0600;
background: #E2B44C;
padding: 40px 0;
position: absolute;
top: -24px;
left: 0;
right: 0;
margin: 0 auto 30px;
}

#spa .cnt_area.area02 .spa_g .name_box .spa_name{
font-size: 36px;
line-height: 90px;
font-weight: bold;
}

#spa #cnt_area04 .spa_g .name_box .spa_name{
font-size: 30px;
line-height: 46px;
font-weight: bold;
padding-bottom: 20px;
}

#spa .cnt_area.area02 .spa_g .name_box .spa_name span{
font-size: 18px;
line-height: 20px;
display: block;
}

#spa .cnt_area.area02 .spa_g .name_box .place{
font-size: 14px;
font-weight: 500;
}

#spa .cnt_area.area02 .spa_g .text{
max-width: 740px;
width: 80%;
margin: 0 auto;
color: #fff;
font-size: 14px;
line-height: 30px;
}

#spa #cnt_area02.cnt_area .cnt_block .cnt_g,
#spa #cnt_area03.cnt_area .cnt_block .cnt_g{
display: block;
}

#spa #cnt_area02.cnt_area .cnt_block .cnt_g .type_g,
#spa #cnt_area03.cnt_area .cnt_block .cnt_g .type_g{
margin: 0 auto;
}

#spa #cnt_area02.cnt_area .cnt_block .cnt_g .type_g03,
#spa #cnt_area03.cnt_area .cnt_block .cnt_g .type_g03{
padding-bottom: 30px;
}

#spa #cnt_area03 .type_g .type_box .cnt_title,
#spa #cnt_area02 .type_g .type_box .cnt_title{
border-top: #A37A42 14px solid;
font-size: 16px;
}

#spa #cnt_area02 .type_g .type_box .sub_text,
#spa #cnt_area03 .type_g .type_box .sub_text {
font-size: 18px;
font-weight: bold;
padding: 15px 20px 0;
color: #A37A42;
line-height: 30px;
}

#spa #cnt_area03 .type_g .type_box .cnt_text,
#spa #cnt_area02 .type_g .type_box .cnt_text{
padding: 15px 20px 35px;
}
#spa #cnt_area02 .type_g .type_box{
box-sizing: border-box;
/*width: 50%;*/
width: 31.8%;
margin: 0 7px;
}

#spa #cnt_area02 .type_g.type_g03 .type_box{
width: 50%;
margin: 0 15px 0 0;
}

#spa #cnt_area02 .type_g{
max-width: 983px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-o-justify-content: flex-start;
-ms-justify-content: flex-start;
}

#spa07{
	display: none;
}


/*--------------------
02-09.居眠町
--------------------*/

#inemuri.under_page.third h1 {
background: url(../img/explore/inemuri/bg_title01_under.png)no-repeat center center;
background-size: cover;
}

#inemuri.under_page.third h1::before {
background-image: url(../img/explore/inemuri/icon_h2.png);
width: 78px;
height: 64px;
top: -40px;
}

#inemuri .cnt_area{
width: 100%;
}

#inemuri #cnt_area01.cnt_area .cnt_block{
margin: 46px auto 25px;
}

#inemuri .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #38497A;
}

#inemuri .cnt_area .cnt_block .cnt_g .cnt_box .contents_desc .sub_desc{
display: block;
font-size: 14px;
color: #3A4B7E;
border: 1px solid #3A4B7E;
padding: 10px 5px;
margin: 10px 0;
}

#inemuri #cnt_area02.cnt_area .cnt_block h3{
height: 210px;
}

#inemuri .cnt_area.area02 {
padding: 46px 0 25px;
}

#inemuri #cnt_area02.cnt_area .cnt_block .cnt_g{
display: block;
}

#inemuri #cnt_area02.cnt_area .cnt_block .cnt_g .type_g{
margin: 0 auto;
}

#inemuri #cnt_area02.cnt_area .cnt_block .cnt_g .type_g03{
padding-bottom: 30px;
}

#inemuri #cnt_area02 .type_g .type_box .cnt_title{
border-top: #38497A 14px solid;
}

#inemuri #cnt_area02 .type_g .type_box .sub_text {
font-size: 18px;
font-weight: bold;
padding: 15px 20px 0;
color: #38497A;
line-height: 30px;
}

#inemuri #cnt_area02 .btn_lodging{
margin: 30px auto 70px;
text-align: center;
}

#inemuri #cnt_area02 .btn_lodging a{
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 20px 50px;
background: #38497A;
text-align: center;
}

/*--------------------
02-10.変身・写真
--------------------*/
#dress.under_page.third h1 {
background: url(../img/explore/dress/bg_title01_under.png)no-repeat center center;
background-size: cover;
}

#dress.under_page.third h1::before {
background-image: url(../img/explore/dress/icon_h2.png);
width: 78px;
height: 72px;
top: -36px;
}

#dress .cnt_area{
width: 100%;
}

#dress #cnt_area01.cnt_area .cnt_block{
margin: 46px auto 25px;
}

#dress .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #AF355F;
}

#dress #cnt_area02.cnt_area .cnt_block h3{
height: 210px;
}

#dress .cnt_area.area02 {
padding: 46px 0 25px;
}

#dress #cnt_area02.cnt_area .cnt_block .cnt_g{
display: block;
}

#dress #cnt_area02.cnt_area .cnt_block .cnt_g .type_g{
margin: 0 auto;
}

#dress #cnt_area02.cnt_area .cnt_block .cnt_g .type_g03{
padding-bottom: 30px;
}

#dress #cnt_area02 .type_g .type_box .cnt_title{
border-top: #AF355F 14px solid;
}

#dress #cnt_area02 .type_g .type_box .sub_text {
font-size: 18px;
font-weight: bold;
padding: 15px 20px 0;
color: #AF355F;
line-height: 30px;
}

#dress #cnt_area02 .type_g .type_box .cnt_text{
padding: 15px 20px 35px;
}

#dress .reserve_box{
padding: 15px;
display: block;
border: 1px solid #AF355F;
margin: 15px 20px 35px;
box-sizing: border-box;
text-align: center;
}
#dress .reserve_box .time{
padding-bottom: 15px;
font-weight: bold;
color: #AF355F;
line-height: 22px;
}

#dress .reserve_box .time span{
font-size: 12px;
}
#dress .reserve_box .reserve_btn a{
width: fit-content;
display: block;
padding: 15px 20px;
font-size: 16px;
font-weight: bold;
color: #fff;
background: #AF355F;
margin: 0 auto;
}
/*--------------------
02-11.エステ
--------------------*/

#beautytreatment.under_page.third h1 {
background: url(../img/explore/beautytreatment/bg_title01_under.png)no-repeat center center;
background-size: cover;
}
#beautytreatment.under_page.third h1::before {
background-image: url('../img/explore/beautytreatment/icon_h2.png');
width: 78px;
height: 78px;
top: -46px;
}
#beautytreatment .cnt_area {
width: 100%;
}
#beautytreatment #cnt_area01.cnt_area .cnt_block {
margin: 46px auto 25px;
}
#beautytreatment .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title {
color: #3777C4;
}
#beautytreatment .cnt_area .cnt_block .cnt_g .cnt_box .contents_desc .sub_desc {
display: block;
font-size: 14px;
color: #3777C4;
border: 1px solid #3777C4;
padding: 10px 5px;
margin: 10px 0;
}
#beautytreatment #cnt_area02.cnt_area .cnt_block h3 {
height: 210px;
}
#beautytreatment .cnt_area.area02 {
padding: 46px 0 25px;
}
#beautytreatment #cnt_area02.cnt_area .cnt_block .cnt_g {
display: block;
}
#beautytreatment #cnt_area02.cnt_area .cnt_block .cnt_g .type_g {
margin: 0 auto;
}
#beautytreatment #cnt_area02.cnt_area .cnt_block .cnt_g .type_g03 {
padding-bottom: 30px;
}
#beautytreatment #cnt_area02 .type_g .type_box .cnt_title {
border-top: #3777C4 14px solid;
}
#beautytreatment #cnt_area02 .type_g .type_box .sub_text {
font-size: 18px;
font-weight: bold;
padding: 15px 20px 0;
color: #3777C4;
line-height: 30px;
}
#beautytreatment #cnt_area02 .btn_lodging {
max-width: 300px;
margin: 30px auto 70px;
text-align: center;
}
#beautytreatment #cnt_area02 .btn_lodging a {
display: block;
width: 100%;
font-size: 18px;
font-weight: bold;
line-height: 1.5em;
color: #fff;
padding: 10px 30px;
background: #3777C4;
text-align: center;
}

#beautytreatment #cnt_area02 .btn_lodging a[href^="tel:"]{
pointer-events: none;
}

#beautytreatment #cnt_area03{
background: #b9d1ed;
padding: 50px 0;
margin:0 auto 70px;
}

#beautytreatment #cnt_area03 .contents_in {
display: flex;
justify-content: space-between;
max-width: 983px;
background: #fff;
/* border: 2px solid; */
padding: 20px;
}

#beautytreatment #cnt_area03 .type_box {
width: 49%;
}

#beautytreatment #cnt_area03 .type_box .cnt_title{
  box-sizing: border-box;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: url("../img/explore/bg_title02_under.png") no-repeat;
  background-size: cover;
  padding: 15px 20px;
border-top: #A37A42 14px solid;
}

#beautytreatment #cnt_area03 .type_box .cnt_text {
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  background-size: 100% auto;
padding: 15px 20px;
}
/*--------------------
02-12.お手軽アウトドア
--------------------*/
#outdoor.under_page.third h1::before {
	background-image: url(../img/explore/outdoor/icon_h2_v2.png);
	width: 84.78px;
	height: 74.36px;
	top: -48px;
}

#outdoor.under_page.third h1 {
	background: url(../img/explore/outdoor/bg_title01_under.png)no-repeat center center;
	background-size: cover;
}

#outdoor .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title {
	color: #AF355F;
	font-size: 25px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 auto 28px;
}

#outdoor #cnt_area01 .cnt_block .cnt_g .cnt_box .cnt_title {
	font-size: 20px;
}

#outdoor #cnt_area02 .cnt_block .cnt_g .cnt_box .cnt_title span {
	display: block;
	font-size: 25px;
	margin-bottom: 3px;
}

#outdoor #cnt_area02 .cnt_block .cnt_g .cnt_box .cnt_title {
	font-size: 18px;
}

#outdoor .cnt_area .cnt_block .cnt_g .cnt_box {
	margin: 0 auto 0 26px;
}

#outdoor #cnt_area01.cnt_area .cnt_block {
	margin: 34px auto 37px;
}

#outdoor #cnt_area01.under_page.third .cnt_area .cnt_block .cnt_g .cnt_box {
	width: 36.53%;
}

#outdoor #cnt_area01.under_page.third .cnt_area .cnt_block .cnt_g .cnt_img {
	width: 61.1%;
	display: block;
}

#outdoor #cnt_area01 .under_page.third .cnt_area .cnt_block {
	max-width: 1103px;
}

#outdoor.under_page.third .cnt_area .cnt_block h3 {
	height: 315px;
}

#outdoor .cnt_area.area02 {
	background: url("../img/explore/outdoor/bg01_contents.png") repeat;
	padding: 47px 0 34px;
	background-size: cover;
}

#outdoor #cnt_area03.area02 {
	background: none;
}

#outdoor .cnt_area.area02 .cnt_block h3 {
	background: url(../img/explore/outdoor/bg_title02.png) no-repeat center center;
	background-size: cover;
	padding: 27px 5px;
}

#outdoor .cnt_area.area02 .deco_img.deco01 {
	width: 42.47px;
	height: 66.68px;
	left: -4.4px;
	bottom: 0;
	top: 322.4px;
	transform: rotate(-20deg);
}

#outdoor .cnt_area.area02 .deco_img.deco02 {
	width: 71.83px;
	height: 61.53px;
	left: -8.9px;
	bottom: 0;
	top: 325.5px;
}

#outdoor .cnt_area.area02 .deco_img.deco03 {
	width: 54.54px;
	height: 51.64px;
	left: -0.5px;
	bottom: 0;
	top: 335.2px;
}

#outdoor .cnt_area.area02 .cnt_block .cnt_g {
	max-width: 1005px;
	display: flex;
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	-ms-display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	flex-flow: wrap;
}

#outdoor.under_page.third .cnt_area.area02 .cnt_block .cnt_g .cnt_box {
	width: 49.95%;
	margin: 0 auto 0 2.59%;
}

#outdoor.under_page.third .cnt_area.area02 .cnt_block .cnt_g .cnt_img {
	width: 47.46%;
}

#outdoor .cnt_area.area02 .cnt_block .small_img {
	padding: 20px 0 0;
}

#outdoor .cnt_area.area02 .cnt_block .small_img .flex_img {
	width: 100%;
	display: flex;
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	-ms-display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
}

#outdoor .cnt_area.area02 .cnt_block .small_img .flex_img .img_box {
	display: block;
	padding: 0 21px 0 0;
}

#outdoor.under_page.third .cnt_area.area02 .contents_desc a {
	display: block;
	padding: 22px 0;
	color: #fff;
	font-size: 19px;
	line-height: 27px;
	font-weight: 700;
	width: 100%;
	height: 100%;
	background-color: #AF355F;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
}

#outdoor.under_page.third .cnt_area.area02 .contents_desc div {
	max-width: 360px;
	margin-top: 20px;
}
	
/*--------------------
03.空庭の楽しみ方
--------------------*/
#howto .mainvisual{
background-color: #10531F;
}

/*#howto #howto_page_nav{
padding: 21px 0 19px;
}

#howto #howto_page_nav ul{
display: flex;
align-items: stretch;
justify-content: center;
}

#howto #howto_page_nav li{
max-width: 80px;
width: 100%;
margin: 0 2.83%;
background: url(../img/howto/bg_pagenav.png) no-repeat center top;
background-size: cover;
}

#howto #howto_page_nav li a{
display: block;
max-width: 80px;
width: 100%;
height: 320px;
padding: 12px 0 16px;
color: #fff;
text-shadow: 0 1px 3px rgba(0,0,0,.59);
font-weight: 700;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 21px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
position: relative;
}

#howto #howto_page_nav li a img{
max-width: 80px;
display: inline-block;
margin: 0 0 5px;
}

#howto #howto_page_nav li a span{
display: inline-block;
width: 20px;
text-align: center;
position: absolute;
top: 68px;
left: 0;
right: 0;
margin: 0 auto;
}*/



#howto #howto_page_nav{
padding: 26px 0 14px;
}

#howto #howto_page_nav ul{
max-width: 1032px;
margin: 0 auto;
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: center;
}

#howto #howto_page_nav li{
background: url(../common/img/bg_header_howtonav.jpg) no-repeat center top;
background-size: cover;
min-width: 194px;
/*width: 21.8%;*/
width:36.8%;
margin: 0 1.6% 11px;
transition: auto;
}

#howto #howto_page_nav li a{
padding: 0;
border-bottom: none;
text-align: left;
}

#howto #howto_page_nav li a img{
display: inline-block;
vertical-align: middle;
/*max-width: 63px;*/
width: 19%;
}

#howto #howto_page_nav li a span{
display: inline-block;
vertical-align: middle;
padding: 0;
transition: all .3s;
color: #fff;
font-weight: 700;
font-size: 15px;
letter-spacing: normal;
text-shadow: 0 1px 3px rgba(0,0,0,.59);
margin: 0 0 0 5px;
padding:14px 0 15px;
}

#howto #howto_page_nav li:nth-child(3) a span{
margin: 0;
font-size: 14px;
}



#howto .cnt_area{
background-repeat: repeat;
background-position: center center;
background-size: 85px auto;
padding: 25px 0 0;
}

#howto .yellow_area{
background-image: url(../img/howto/bg01_howto.png);
background-color: rgba(240,225,181,.28);
}

#howto .white_area{
background-image: url(../img/howto/bg02_howto.png);
background-color: #fff;
}

#howto .cnt_area h2{
max-width: 968px;
margin: 0 auto 2px;
text-align: center;
background: url(../img/howto/bg_title_h2.jpg) no-repeat left top;
background-size: cover;
padding: 4px 0 0;
border-radius: 10px 10px 0 0;
}

#howto .cnt_area h2 .icon{
display: inline-block;
vertical-align: middle;
}

#howto .cnt_area h2 span{
display: inline-block;
vertical-align: middle;
color: #fff;
font-weight: 700;
font-size: 22px;
letter-spacing: 0.1em;
text-shadow: 0 1px 3px rgba(0,0,0,.59);
}

#howto .cnt_area .cnt_g{
max-width: 968px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}

#howto .cnt_area .cnt_box{
max-width: 282px;
width: 29.14%;
margin: 12px 6.29% 0 0;
position: relative;
}

#howto .cnt_area .cnt_box:nth-child(3n){
margin: 12px 0 0;
}

#howto .cnt_area .cnt_box::after{
content: "";
display: block;
max-width: 28px;
width: 100%;
border-radius: 50%;
padding: 14px 0;
text-align: center;
/* margin: 0 1.65%; */
position: absolute;
top: 42%;
right: -15.61%;
background: url(../img/howto/icon_arrow01.png) no-repeat center center;
background-size: 15px auto;
background-color: #6F468D;
}

#howto .cnt_area .cnt_box:last-child::after{
content: none;
}

#howto .cnt_area .cnt_box .title_box{
border-radius: 5px 5px 0 0;
padding: 12px 0;
text-align: center;
min-height: 78px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
position: relative;
}

#howto .cnt_area .cnt_box .title_box h3{
font-weight: 500;
color: #E7C263;
font-size: 20px;
line-height: 33px;
/*letter-spacing: 0.2em;*/
padding: 0 0 4px;
}

#howto .cnt_area .cnt_box .title_box .sub_text{
font-weight: 700;
font-size: 15px;
/*letter-spacing: 0.1em;*/
color: #fff;
}

#howto .cnt_area .cnt_box .place{
background: url(../img/howto/bg_cnt01.jpg) no-repeat left center;
background-size: cover;
font-weight: 500;
font-size: 14px;
text-align: center;
padding: 6px 0 7px;
color: #fff;
line-height: 20px;
}
#howto .cnt_area .cnt_box .cnt_text{
padding: 18px 21px 24px;
background: #fff;
position: relative;
min-height: 123px;
}

#howto .cnt_area .cnt_box .cnt_text p{
max-width: 238px;
margin: 0 auto;
font-weight: 500;
font-size: 14px;
line-height: 26px;
letter-spacing: 0.05em;
position: relative;
z-index: 1;
}

#howto .cnt_area .cnt_box .cnt_text p a{
text-decoration: underline;
color: #377BB5;
}

#howto .cnt_area .cnt_box .cnt_text .bg_number{
position: absolute;
bottom: -5px;
right: 0;
color: rgba(0,0,0,0.06);
font-weight: 500;
font-size: 85px;
line-height: 85px;
letter-spacing: 0.05em;
}

#howto .cnt_area .arrow{
max-width: 28px;
width: 2.9%;
border-radius: 50%;
padding: 6px 0;
text-align: center;
margin: 0 1.65%;
}

#howto .cnt_area .arrow img{
max-width: 15px;
width: 53.58%;
margin: 0 auto;
}



#howto #howto_health h2{
padding: 4px 24px 0 0;
}

#howto #howto_health h2 .icon{
max-width: 36px;
width: 100%;
margin: 0 12px 0 0;
}

#howto #howto_health .cnt_box .title_box{
background: #458E56;
}

#howto #howto_health .cnt_box .place{
color: #458E56;
}

#howto #howto_health .cnt_box02 .title_box h3{
font-size: 16px;
line-height: 26px;
}


#howto #howto_health .cnt_box .cnt_text{
background: #F0E1B5;
}

#howto #howto_health .arrow{
background: #10531F;
}

#howto #howto_health .cnt_box::after{
background-color: #10531F;
}

#howto .cnt_area .icon_box{
position: absolute;
}

#howto #howto_health .icon_box01{
max-width: 133px;
width: 47.17%;
bottom: -29px;
right: 6.32%;
}

#howto #howto_health .icon_box02{
max-width: 114px;
width: 40.43%;
bottom: -29px;
left: 10.29%;
}

#howto #howto_health .icon_box03{
max-width: 62px;
width: 21.99%;
bottom: -28px;
right: -20px;
z-index: 1;
}

#howto #howto_beauty h2{
padding: 8px 149px 8px 0;
}

#howto #howto_beauty h2 .icon{
max-width: 160px;
width: 100%;
margin: 0 11px 0 0;
}

#howto #howto_beauty .cnt_box .title_box{
background: #BC515B;
}

#howto #howto_beauty .cnt_box .place{
color: #A33741;
}

#howto #howto_beauty .cnt_box .cnt_text{
background: #F8E1CA;
}

#howto #howto_beauty .arrow{
background: #BC515B;
}
#howto #howto_beauty .cnt_box::after{
background-color: #BC515B;
}

#howto #howto_beauty .icon_box01{
max-width: 92px;
width: 32.63%;
bottom: -20px;
left: 23.76%;
}

#howto #howto_beauty .icon_box02{
max-width: 83px;
width: 29.44%;
bottom: 4px;
left: 50%;
transform: translateX(-50%);
}

#howto #howto_beauty .icon_box03{
max-width: 82px;
width: 29.08%;
bottom: -12px;
left: 20.57%;
}

#howto #howto_beauty .icon_box04{
max-width: 48px;
width: 17.03%;
bottom: -48px;
right: -8.87%;
z-index: 1;
}

#howto #howto_eat h2{
padding: 0px 72px 0px 0;
}

#howto #howto_eat h2 .icon{
max-width: 81px;
width: 100%;
margin: 0 9px 0 0;
}

#howto #howto_eat .cnt_box .title_box{
background: #D1950F;
}

#howto #howto_eat .cnt_box .place{
color: #fff;
}

#howto #howto_eat .cnt_box .cnt_text{
background: #F8EFCA;
}

#howto #howto_eat .arrow{
background: #D1950F;
}

#howto #howto_eat .cnt_box::after{
background-color:  #D1950F;
}

#howto #howto_eat .icon_box01{
max-width: 111px;
width: 39.37%;
bottom: -72px;
left: 50%;
transform: translateX(-50%);
}

#howto #howto_eat .icon_box02{
max-width: 79px;
width: 28.02%;
bottom: -40px;
left: -9.93%;
z-index: 1;
}

#howto #howto_eat .icon_box03{
max-width: 130px;
width: 46.1%;
bottom: 2px;
right: 15.25%;
}

#howto #howto_eat .icon_box04{
max-width: 89px;
width: 31.57%;
bottom: -45px;
right: -6.74%;
z-index: 1;
}


#howto #howto_relax h2{
padding: 4px 77px 5px 0;
}

#howto #howto_relax h2 .icon{
max-width: 84px;
width: 100%;
margin: 0 7px 0 0;
}

#howto #howto_relax .cnt_box .title_box{
background: #6098B1;
}

#howto #howto_relax .cnt_box .cnt_text{
background: #FAF7EA;
}

#howto #howto_relax .arrow{
background: #6098B1;
}

#howto #howto_relax .cnt_box::after{
background-color: #6098B1;
}

#howto #howto_relax .icon_box01{
max-width: 91px;
width: 32.27%;
bottom: -19px;
right: -13.58%;
z-index: 1;
}

#howto #howto_relax .icon_box02{
max-width: 109px;
width: 38.66%;
bottom: -51px;
left: -21.28%;
z-index: 1;
}

#howto #howto_relax .icon_box03{
max-width: 74px;
width: 26.25%;
bottom: -47px;
right: -14.54%;
z-index: 1;
}

#howto #howto_fun h2{
padding: 4px 53px 0px 0;
}

#howto #howto_fun h2 .icon{
max-width: 75px;
width: 100%;
margin: 0 22px 0 0;
}

#howto #howto_fun .cnt_box .title_box{
background: #6F468D;
}

#howto #howto_fun .arrow{
background: #6F468D;
}

#howto #howto_fun .cnt_box::after{
background-color: #6F468D;
}

#howto #howto_fun .icon_spot{
display: inline-block;
vertical-align: middle;
max-width: 20px;
margin: -5px 7px 0 0;
}

#howto #howto_fun .icon_box01{
max-width: 103px;
width: 36.53%;
top: 12px;
left: -57px;
z-index: 1;
}

#howto #howto_fun .icon_box02{
max-width: 108px;
width: 38.3%;
top: 13px;
left: -24.25%;
z-index: 1;
}

#howto #howto_fun .icon_box03{
max-width: 65px;
width: 23.05%;
top: -14px;
right: -11.35%;
z-index: 1;
}


#howto #howto_history h2{
padding: 0px 40px 0px 0;
}

#howto #howto_history h2 .icon{
max-width: 52px;
width: 100%;
margin: 0 12px 0 0;
}

#howto #howto_history .cnt_box .title_box{
background: #844944;
}

#howto #howto_history .cnt_box .place{
color: #844944;
}

#howto #howto_history .cnt_box .cnt_text{
background: #F8E1CA;
}

#howto #howto_history .arrow{
background: #844944;
}

#howto #howto_history .cnt_box::after{
background-color: #844944;
}

#howto #howto_history .cnt_box:nth-child(1) .cnt_text p{
max-width: 195px;
width: 81.25%;
margin: 0 0 0 auto;
}

#howto #howto_history .icon_box01{
max-width: 153px;
width: 47.26%;
bottom: 0;
left: -24.63%;
}

#howto #howto_history .icon_box02{
max-width: 90px;
width: 31.92%;
bottom: -30px;
right: 16.6%;
}

#howto #howto_history .icon_box03{
max-width: 102px;
width: 34.18%;
top: 15px;
right: -19.58%;
z-index: 1;
}

#howto #howto_history .icon_box04{
max-width: 83px;
width: 26.44%;
bottom: -13px;
right: 27.31%;
}

#howto #howto_history .icon_box05{
max-width: 101px;
width: 35.82%;
top: 19px;
right: -21.28%;
z-index: 1;
}


#howto #howto_night h2{
padding: 0px 49px 5px 0;
}

#howto #howto_night h2 .icon{
max-width: 65px;
width: 100%;
margin: 0 16px 0 0;
}

#howto #howto_night .cnt_box .title_box{
background: #222652;
}

#howto #howto_night .arrow{
background: #222652
}

#howto #howto_night .cnt_box::after{
background-color: #222652;
}

#howto #howto_night .icon_box01{
max-width: 122px;
width: 36.27%;
top: 43px;
left: -15.96%;
z-index: 1;
}

#howto #howto_night .icon_box02{
max-width: 46px;
width: 16.32%;
bottom: -15px;
right: 2.8%;
}

#howto #howto_night .icon_box03{
max-width: 56px;
width: 17.86%;
top: 15px;
right: -12.42%;
}

#howto #howto_night .icon_box04{
max-width: 87px;
width: 30.86%;
top: 6px;
right: -14.54%;
}

/*--------------------
04.ショー＆営業時間
--------------------*/
#events .mainvisual{
background-color: #7D699A;
}

#events .first_text{
padding: 49px 0 39px;
max-width: 906px;
margin: 0 auto;
line-height: 30px;
letter-spacing: 0.05em;
}

#events .cnt_area .h2_g{
position: relative;
margin: 0 0 0 16px;
}

#events .cnt_area .h2_g h2{
width: 54px;
height: fit-content;
background: url("../img/events/bg_h2_title.png") repeat center center;
background-size: cover;
background-color: #7D699A;
margin: 0 auto;
font-size: 20px;
font-weight: 700;
color: #FFE7A0;
line-height: 22px;
letter-spacing: 0.08em;
padding: 33px 17px 29px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}

#events .guide_area .contents_in{
max-width: 1184px;
}

#events .guide_area .cnt_block{
display: flex;
align-items: start;
margin: 0 auto 52px;
}

#events .guide_area .h2_g{
margin: 0 0 0 26px;
}

#events .guide_area .cnt_g{
max-width: 1064px;
width: 100%;
display: flex;
align-items: start;
flex-wrap: wrap;
/* justify-content: space-between; */
margin: 0 0 0 51px;
}

#events .guide_area .cnt_box{
max-width: 348px;
width: 32.3%;
margin: 0 0.95% 60px 0;
}

#events .guide_area .cnt_box03{
margin: 0;
}

#events .guide_area .cnt_img{
max-width: 348px;
margin: 0 auto;
}

#events .guide_area .cnt_text h3{
font-weight: 500;
font-size: 25px;
line-height: 35px;
letter-spacing: 0.05em;
max-width: 307px;
margin: 0 auto;
padding: 0 0 45px;
}


#events .guide_area .cnt_text .next_btn{
/*display: inline-block;*/
/*max-width: 274px;
width: 100%;
padding: 16px 0 18px;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.1em;
background: #7D699A;
border-radius: 3px;
margin: 0 auto;*/
text-align:right;
font-size: 14px;
background: url(../common/img/arrow_right03.png) no-repeat right center;
background-size: 14px auto;
padding: 0 25px 0 0;
}

#events .guide_area .link_btn{
text-align: right;
padding: 0 21px 0 0;
}

#events .guide_area .link_btn a{
font-size: 16px;
background: url(../common/img/arrow_right03.png) no-repeat right center;
background-size: 17px auto;
padding: 0 37px 0 0;
}

#events #events_area{
margin: 0 auto 89px;
}

#events #events_area .date_text{
max-width: 307px;
margin: 0 auto;
padding: 0 0 10px;
font-size: 15px;
letter-spacing: 0.05em;
}

#events #show_area{
margin: 0 auto 51px;
}

#events #show_area .cnt_g{
display: block;
}

#events #show_area .cnt_box{
width: 100%;
max-width: none;
margin: 0 0 40px;
display: flex;
align-items: start;
}

#events #show_area .cnt_box .cnt_left{
width: 35%;
}

#events #show_area .cnt_box .cnt_img{
max-width: none;
}

#events #show_area .cnt_box .cnt_img.event_icon{
position: relative;
}

#events #show_area .cnt_box .cnt_img.event_icon::after{
content: '';
max-width: 50px;
width: 13.57%;
height: 50px;
background: url("../common/img/icon_1st_under.png") no-repeat top;
background-size: contain;
position: absolute;
top: 10px;
left: 10px;
}

#events #show_area .cnt_box .page_title{
font-size: 25px;
line-height: 35px;
font-weight: bold;
margin: 0px 0 10px;
}

#events #show_area .cnt_box .cnt_left .place_box{
background: #27345C;
padding: 10px 0 12px 21px;
color: #fff;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.05em;
}

#events #show_area .cnt_box .cnt_right{
width: 62%;
margin: 0 0 0 3%;
}

#events #show_area .cnt_box .cnt_right .sub_title{
color: #7C7C7C;
font-size: 20px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}

#events #show_area .cnt_box .cnt_right .article_box{
color: #000;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
}

#events #show_area .cnt_box .cnt_right .article_box p{
margin: 0 0 20px;
}

#events #show_area .cnt_right dl.desc{
max-width: 400px;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
flex-wrap: wrap;
}

#events #show_area .cnt_right dl.desc dt{
width: 25%;
background: #7D699A;
padding: 10px 3px;
font-size: 14px;
line-height: 18px;
color: #fff;
margin: 0 5% 20px 0;
text-align: center;
}

#events #show_area .cnt_right dl.desc dd{
width: 70%;
margin: 0 0 20px 0;
}

/* #events #show_area .place_text{
background: #27345C;
padding: 10px 0 10px 21px;
color: #fff;
font-size: 15px;
letter-spacing: 0.05em;
margin: 0 auto 14px;
}

#events #show_area h3{
margin: 0 auto;
padding: 0 0 73px;
} */

#events #schedule_area{
background:url(../img/events/bg_schedule.png) repeat center center;
background-size: 72px auto;
background-color: rgba(251,246,231,.61);
}

#events #schedule_area .contents_in{
position: relative;
padding: 28px 0 47px;
}

#events #schedule_area .h2_g{
position: absolute;
top: 0;
left: 0;
}

#events #schedule_area .cnt_img{
/* max-width: 968px;
width: 83.17%; */
padding: 0 98px;
margin: 0 auto 41px;
}

#events #schedule_area .cnt_img a{
display: inline-block;
width: 100%;
position: relative;
}

#events #schedule_area .cnt_img a::before{
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
max-width: 304px;
width: 31.41%;
min-height: 100%;
background: url(../img/events/icon_hover.png) no-repeat center center;
background-size: 100% auto;
opacity: 0;
transition: all .3s;
}

#events #schedule_area .cnt_img a:hover::before{
opacity: 1;
}

#events #schedule_area .next_btn{
max-width: 451px;
width: 100%;
margin: 0 auto;
background: #7D699A;
border-radius: 3px;
}

#events #schedule_area .next_btn a{
display: inline-block;
width: 100%;
padding: 7px 0 11px 19px;
}

#events #schedule_area .next_btn a .icon{
display: inline-block;
vertical-align: middle;
margin: 0 17px 0 0;
max-width: 34px;
}

#events #schedule_area .next_btn a span{
display: inline-block;
vertical-align: middle;
color: #fff;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.1em;
}

/*--------------------
04-01.ショー詳細
--------------------*/
#show_detail .mainvisual{
background-color: #7D699A;
}

.detail_page .pankuzu_area ul li,
.detail_page .pankuzu_area ul li a{
color: #000000;
}

#show_detail #cnt_area01{
max-width: 968px;
margin: 10px auto 60px;
}

#show_detail .cnt_area .page_title{
font-size: 25px;
line-height: 35px;
font-weight: bold;
margin: 20px 0 10px;
}

#show_detail .cnt_area .place_box{
color: #7C7C7C;
font-size: 20px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}

#show_detail .cnt_area .article_box .sub_title {
color: #7C7C7C;
font-size: 20px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}

#show_detail #cnt_area01 .cnt_img{
width: 100%;
margin: 0 0 45px;
}

#show_detail .cnt_area .article_box{
margin: 0 0 40px;
}

#show_detail .cnt_area .news-article_text{
color: #000;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
margin: 0 0 20px;
}

#show_detail .cnt_area .news-article_text a{
color: #0027FC;
}

#show_detail .cnt_area .news-article_text .color_red{
color: #AD0000;
}

#show_detail .cnt_area .btn_g{
width: 100%;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
margin: 0 auto 0 0;
}

#show_detail .cnt_area .btn_g .contents_btn{
width: fit-content;
/* border: 3px solid #7d699a; */
background: #7d699a;
border-radius: 5px;
color: #fff;
padding: 15px 40px;
margin: 0 auto;
text-align: center;
}

#show_detail .cnt_area .btn_g .contents_btn a{
display: inline-block;
width: 100%;
color: #fff;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}

#show_detail .cnt_g dl.desc {
max-width: 400px;
width: 100%;
box-sizing: border-box;
}

#show_detail .cnt_g dl.desc dt {
width: 25%;
display: inline-block;
background: #7D699A;
padding: 10px 0;
color: #fff;
margin: 0 20px 20px 0;
text-align: center;
}

#show_detail .cnt_g dl.desc dd {
width: 69%;
display: inline-block;
margin: 0 0 20px 0;
}


/*--------------------
05.飲食
--------------------*/
#restaurant .mainvisual{
background-color: #A33741;
}

#restaurant #page_nav_area{
padding: 33px 0;
}

#restaurant #page_nav_area ul{
max-width: 1026px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
flex-wrap: wrap;
}

#restaurant #page_nav_area li{
max-width: 282px;
width: 27.49%;
background: url(../img/restaurant/bg_pagenav.jpg) no-repeat left top;
background-size: cover;
border-radius: 3px 3px 0 0;
margin: 0 2.92% 22px;
}

#restaurant #page_nav_area li a{
display: inline-block;
text-align: center;
width: 100%;
color: #fff;
font-size: 20px;
font-weight: 700;
padding: 18px 0 16px;
border-bottom: 7px solid #A33741;
text-shadow: 0 0 2px rgba(0,0,0,.46);
}

#restaurant #recommend_area{
padding: 70px 0 40px;
position: relative;
}

#restaurant #recommend_area::before{
content: '';
display: inline-block;
width: 100%;
height: 8px;
background-image: url(../img/price/bg_border.png);
background-size: cover;
vertical-align: middle;
position: absolute;
top: 0;
}

#restaurant #recommend_area .contents_in{
display: flex;
align-items: start;
}

#restaurant #recommend_area .h2_g{
position: relative;
margin: 0 0 0 16px;
}

#restaurant #recommend_area .h2_g h2{
width: 58px;
height: 306px;
background: url("../img/restaurant/bg_h2_title.png") repeat center center;
background-size: 58px auto;
background-color: #A33741;
margin: 0 auto;
font-size: 18px;
font-weight: 700;
color: #FFE7A0;
line-height: 22px;
letter-spacing: 0.08em;
padding: 19px 7px 19px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}

#restaurant #recommend_area .cnt_g{
max-width: 969px;
width: 100%;
display: flex;
align-items: start;
justify-content:space-between;
margin: 0 0 0 27px;
}

#restaurant #recommend_area .cnt_box{
max-width: 184px;
width: 18.99%;
}

#restaurant #recommend_area .cnt_box a{
display: inline-block;
width: 100%;
position: relative;
padding: 0 0 28px;
}

#restaurant #recommend_area .cnt_box a::after{
content: "";
display: block;
width: 22px;
height: 10px;
background: url(../img/restaurant/icon_arrow01.png) no-repeat center bottom;
background-size: 100% auto;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

#restaurant #recommend_area .cnt_box .shop_name{
background: url(../img/restaurant/bg_recommend.jpg) no-repeat left center;
background-size: cover;
border-radius: 3px;
font-weight: 700;
text-shadow: 0 0 2px rgba(0,0,0,0.46);
padding: 7px 0 8px;
text-align: center;
color: #fff;
max-width: 137px;
width: 100%;
margin: 0 auto 4px;
font-size: 14px;
line-height: 18px;
}

#restaurant #recommend_area .cnt_box .shop_name.name01{
padding: 16px 0 17px;
}

#restaurant #recommend_area .cnt_box .menu_text{
text-align: center;
font-weight: 500;
line-height: 20px;
font-size: 15px;
margin: 0 auto 9px;
display: flex;
align-items: center;
justify-content: center;
}

#restaurant #recommend_area .cnt_box .cnt_img{
max-width: 144px;
width: 100%;
margin: 0 auto;
}


#restaurant .cnt_area{
padding: 50px 0 42px;
}

#restaurant .cnt_area .contents_in{
max-width: 968px;
}

#restaurant .cnt_area .info_g{
display: flex;
align-items: start;
margin: 0 auto 12px;
}

#restaurant .cnt_area .info_g .cnt_text{
max-width: 366px;
width: 100%;
margin: 0 24px 0 0;
}

#restaurant .cnt_area .info_g .cnt_text h2{
font-size: 31px;
color: #A33741;
font-weight: 700;
}

#restaurant .cnt_area .info_g .cnt_text h2 .floor_step{
max-width: 54px;
width: 100%;
border-radius: 3px;
margin: 0 8px 0 0;
display: inline-block;
vertical-align: middle;
background: url(../img/restaurant/bg_floor.jpg) no-repeat left top;
background-size: cover;
color: #fff;
text-shadow: 0 0 2px rgba(0,0,0,.46);
padding: 6px 0 7px;
text-align: center;
font-size: 17px;
letter-spacing: -0.08em;
font-weight: 700;
}

#restaurant .cnt_area .info_g .cnt_text .category_text{
color: #A33741;
font-size: 19px;
letter-spacing: 0.1em;
font-weight: 700;
margin: 16px 0 0;
}

#restaurant .cnt_area .info_g .cnt_text .time_text{
margin: 46px 0 0;
border-left: 2px solid #A33741;
}

#restaurant .cnt_area .info_g .cnt_text .time_text li{
font-weight: 500;
color: #A33741;
font-size: 19px;
line-height: 28px;
padding: 0 0 0 15px;
margin: 0 0 9px;
}

#restaurant .cnt_area .info_g .cnt_text .special_time{
margin: 38px 0 0;
font-weight: 700;
font-size: 17px;
}

#restaurant .cnt_area .info_g .cnt_text .special_time span{
display: inline-block;
vertical-align: middle;
max-width: 47px;
width: 100%;
border: 1px solid #000;
text-align: center;
padding: 2px 0 3px;
margin: 0 9px 0 0;
font-size: 17px;
}

#restaurant .cnt_area .info_g .cnt_text .show{
font-weight: bold;
padding-top: 20px;
}

#restaurant .cnt_area .info_g .cnt_text .show_time{
margin: 10px 0 0;
font-weight: 700;
font-size: 16px;
}

#restaurant .cnt_area .info_g .cnt_text .show_time span{
display: inline-block;
vertical-align: baseline;
max-width: 60px;
width: 100%;
border: 1px solid #000;
text-align: center;
padding: 7px 0 8px;
margin: 0 9px 0 0;
font-size: 16px;
}

#restaurant .cnt_area .info_g .cnt_text .attention_text{
margin: 21px 0 0;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}

#restaurant .cnt_area .info_g .cnt_img{
max-width: 577px;
width: 100%;
}

#restaurant .cnt_area .gallary_box{
display: flex;
align-items: start;
justify-content: space-between;
margin: 0 auto 10px;
}

#restaurant .cnt_area .gallary_box img{
max-width: 316px;
width: 32.65%;
}

#restaurant .cnt_area p{
text-align: center;
max-width: 847px;
margin: 0 auto 54px;
line-height: 30px;
letter-spacing: 0.05em;
}

#restaurant .cnt_area .btn_g{
display: flex;
/* align-items: start; */
justify-content: center;
}

#restaurant .cnt_area .btn_g .next_btn{
max-width: 478px;
width: 100%;
margin: 0 6px;
}

#restaurant .cnt_area .btn_g .next_btn a{
border: 3px solid #A33741;
display: inline-block;
width: 100%;
text-align: center;
padding: 24px 0 22px;
font-size: 17px;
font-weight: 700;
}

#restaurant .cnt_area .btn_g .menu_btn a{
background: #A33741;
color: #fff;
}

#restaurant .cnt_area .btn_g .special_btn a{
background: #fff;
color: #A33741;
padding: 18px 0 16px;
}

#restaurant .cnt_area .btn_g .special_btn a img{
max-width: 33px;
margin: 0 12px 0 0;
display: inline-block;
vertical-align: middle;
}

#restaurant .cnt_area .btn_g .special_btn a span{
display: inline-block;
vertical-align: middle;
}

#restaurant .yellow_area{
background: url(../img/restaurant/bg_yellow.png) repeat center center;
background-size: 96px auto;
background-color: rgba(240,225,181,0.28);
padding: 44px 0 47px;
}

#restaurant .yellow_area .info_g .cnt_text{
margin: 0 0 0 24px;
}

#restaurant .yellow_area .info_g{
flex-direction: row-reverse;
}

#restaurant #nawanoren .special_time{
font-size: 14px;
margin: 18px 0 0;
line-height: 20px;
}

#restaurant #nawanoren .special_time span{
max-width: fit-content;
font-size: 14px;
margin: 0 4px 0 0;
padding: 7px 3px 8px;
}

/*#restaurant #nawanoren .special_time.morning span{
max-width: 47px;
}*/

#restaurant #nawanoren .btn_g .special_btn a{
padding: 22px 0 21px;
}

#restaurant #nawanoren .btn_g .special_btn a img{
margin: 0 4px 0 0;
max-width: 20px;
}

#restaurant #komachichaya .btn_g .special_btn a{
padding: 23px 0;
}

#restaurant #partyplan_area{
margin: 6px auto 15px;
max-width: 1280px;
position: relative;
}

#restaurant #partyplan_area .next_btn{
max-width: 366px;
width: 28.6%;
background: #A33741;
position: absolute;
bottom: 14.49%;
right: 12.89%;
}

#restaurant #partyplan_area .next_btn a{
display: inline-block;
width: 100%;
color: #fff;
text-align: center;
font-weight: 700;
font-size: 21px;
padding: 21px 0;
}

#restaurant #ladyplan_area{
margin: 6px auto 15px;
max-width: 1280px;
position: relative;
}

#restaurant #ladyplan_area .next_btn{
max-width: 366px;
width: 28.6%;
background: #A33741;
position: absolute;
bottom: 13.49%;
left: 12.89%;
}

#restaurant #ladyplan_area .next_btn a{
display: inline-block;
width: 100%;
color: #fff;
text-align: center;
font-weight: 700;
font-size: 21px;
padding: 21px 0;
}

#restaurant #hotelplan_area{
background: url(../img/restaurant/bg_hotelplan.jpg) no-repeat center top;
background-size: cover;
padding: 44px 0 96px;
}

#restaurant #hotelplan_area .logo{
max-width: 379px;
width: 32.57%;
margin: 0 auto 82px;
}

#restaurant #hotelplan_area .text_box{
max-width: 277px;
width: 100%;
margin: 0 auto;
background: -moz-linear-gradient(90deg, rgba(191,117,0,0.6) 0%,rgba(247,210,119,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(90deg, rgba(191,117,0,0.6) 0%,rgba(247,210,119,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(90deg, rgba(191,117,0,0.6) 0%,rgba(247,210,119,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: #fff;
padding: 31px 0 25px;
}

#restaurant #hotelplan_area .text_box p{
font-size: 16px;
line-height: 25px;
font-weight: 500;
letter-spacing: 0.1em;
text-align: center;
/* max-width: 176px;
margin: 0 auto; */
padding: 0 10px;
}

#restaurant #hotelplan_area .cnt_g{
max-width: 968px;
width: 83.17%;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}

#restaurant #hotelplan_area .cnt_box{
max-width: 478px;
width: 49.39%;
background: url(../img/restaurant/bg_text_hotelplan.png) repeat center center;
background-size: 98px auto;
background-color: #fff;
border: 1px solid #DFA93E;
}

#restaurant #hotelplan_area .cnt_box a{
display: flex;
align-items: center;
position: relative;
}

#restaurant #hotelplan_area .cnt_box a::before{
content: "";
display: block;
width: 10px;
height: 18px;
background: url(../img/restaurant/icon_arrow02.png) no-repeat left top;
background-size: 100% auto;
position: absolute;
top: 12px;
right: 15px;
}

#restaurant #hotelplan_area .cnt_box .cnt_img{
max-width: 196px;
width: 100%;
}

#restaurant #hotelplan_area .cnt_box .cnt_text{
max-width: 282px;
width: 100%;
padding: 0 29px;
position: relative;
}

#restaurant #hotelplan_area .cnt_box .cnt_text .sub_title{
font-weight: 500;
font-size: 17px;
padding: 0 0 9px;
}

#restaurant #hotelplan_area .cnt_box .cnt_text h3{
font-weight: 500;
font-size: 25px;
line-height: 37px;
}

#restaurant #hotelplan_area .cnt_box03 .cnt_text h3{
font-weight: 500;
font-size: 15px;
line-height: 27px;
}

#restaurant #hotelplan_area .cnt_box03{
max-width: none;
width: 100%;
margin: 13px auto 0;
}

#restaurant #hotelplan_area .cnt_box03 .cnt_img{
max-width: none;
width: 50%;
}

#restaurant #hotelplan_area .cnt_box03 .cnt_text{
max-width: none;
width: 50%;
padding: 0 10px 0 41px;
position: relative;
}

/*飲食ページコンテンツ追加*/
#restaurant .orange_area {
	background: url('../img/restaurant/bg_orange.png') repeat center center;
	background-size: 55px auto;
	background-color: rgba(240, 225, 181, 0.28);
	padding: 44px 0 47px;
}

#restaurant .cnt_area.orange_area .info_g .cnt_text h2,
#restaurant .cnt_area.orange_area .style_h2 {
	color: #D39713;
	line-height: 45px;
	font-size: 31px;
	font-weight: 700;
	margin-bottom: 0.5em;
}

#restaurant .cnt_area.orange_area .info_g .cnt_img img {
	margin: 0 0 3%;
}

#restaurant .cnt_area.orange_area .btn_g .next_btn a {
	border: 3px solid #D39713;
}

#restaurant .cnt_area.orange_area .btn_g .menu_btn a {
	background: #D39713;
}

#restaurant .cnt_area.orange_area .btn_g .special_btn a {
	color: #D39713;
}
/*END　飲食ページコンテンツ追加*/

/*--------------------
06.SNS映えスポット
--------------------*/
#sns_spot .mainvisual{
background-color:#27335C;
}

#sns_spot{
background: url("../img/sns_spot/bg_sns01.png") repeat center;
background-size: 55px auto;
background-color: #8497C1;
}

#sns_spot .first_text{
max-width: 968px;
padding: 49px 0 0;
line-height: 30px;
letter-spacing: 0.05em;
color: #fff;
text-align: center;
font-weight: 700;
}

#sns_spot .cnt_area .cnt_block{
max-width: 1164px;
/*width: 100%;*/
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

#sns_spot .cnt_area .cnt_block h2{
width: 54px;
height: 210px;
background: url("../img/sns_spot/bg_h2_title02.png") no-repeat center center;
background-size: cover;
margin: 0 auto;
font-size: 20px;
font-weight: bold;
color: #E1C36A;
line-height: 22px;
padding: 27px 17px;
margin: 0 44px 0 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright;
box-shadow:10px 10px 26px -1px rgba(1,15,57,0.41);
}

#sns_spot .cnt_area .cnt_block{
padding-top: 55px;
}

#sns_spot .cnt_area .cnt_block .cnt_g{
max-width: 1064px;
width: 91.41%;
position: relative;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area{
max-width: 936px;
width: 87.97%;
margin: 0 auto;
/* display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center; */
position: relative;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .spot_g{
max-width: 780px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .spot_g.g02 {
margin-top: 152px;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box{
background: #fff;
max-width: 377px;
width: 48.34%;
padding: 17px 18px 0;
border-radius: 5px;
margin: 0 0 20px;
box-shadow:10px 10px 20px rgba(1,15,57,0.3);
position: relative;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box.null_box{
background: none;
box-shadow: none;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box:nth-child(2){
margin: 152px 0 20px;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box:nth-child(odd){
margin: -152px 0 20px;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box:nth-child(1){
margin: 0px 0 20px;
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box:last-child{
/* margin: -152px 0 20px auto; */
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box .cnt_img{
display: block;
width: 100%;
margin: 0 auto 15px;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box dt{
font-size: 22px;
line-height: 30px;
letter-spacing: 0.05em;
padding: 0 0 16px;
font-weight: bold;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box dt span{
font-size: 14px;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box dd{
font-size: 14px;
line-height: 28px;
font-weight: 500;
letter-spacing: 0.05em;
padding: 0 0 13px;
}

#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box .small_img{
max-width: 253px;
display: block;
z-index: 1;
position: absolute;
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box01 .small_img{
width: 67.11%;
top: 212px;
left: -166px;
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box05 .small_img{
max-width: 197px;
width: 100%;
top: 20px;
left: -154px;
box-shadow: 5px 5px 10px rgba(1,15,57,.28);
transform: rotate(13deg);
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box06 .small_img {
max-width: 197px;
width: 100%;
top: 40px;
right: -168px;
box-shadow: 5px 5px 10px rgba(1, 15, 57, .28);
transform: rotate(13deg);
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box08 .small_img{
max-width: 197px;
width: 67.11%;
top: 181px;
right: -168px;;
box-shadow: 5px 5px 10px rgba(1,15,57,.28);
transform: rotate(-22deg);
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box09 .small_img {
max-width: 197px;
width: 67.11%;
top: 170px;
right: -168px;
box-shadow: 5px 5px 10px rgba(1, 15, 57, .28);
transform: rotate(13deg);
}

#sns_spot .cnt_area .cnt_block .cnt_g .icon_img{
display: block;
position: absolute;
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img01{
max-width: 78px;
width: 7.34%;
top: 53px;
right: 42%;
transform: rotate(-10deg);
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img02{
max-width: 198px;
width: 18.61%;
top: 314px;
right: 0;
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img03{
max-width: 99.5px;
width: 9.36%;
top: 498px;
left: 0.57%;
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img04{
max-width: 70px;
width: 6.58%;
top: 762px;
left: 4.61%;
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img05{
max-width: 99.5px;
width: 9.36%;
top: 783px;
right: 0;
}

#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img06{
max-width: 109px;
width: 10.25%;
bottom: 892px;
right: 2.73%;
transform: rotate(39deg);
}

#sns_spot #cnt_area02 {
background: url("../img/sns_spot/bg_sns02.png") repeat center;
background-size: 220px auto;
margin-top: -310px;
}

#sns_spot #cnt_area02 .cat_g{
max-width: 1184px;
width: 100%;
margin: 0 auto;
padding: 163px 0 106px;
position: relative;
}

#sns_spot #cnt_area02 .cat_g .title_g{
max-width: 540px;
/* margin: 0 0 23px auto; */
/* padding: 40px 0; */
/* margin-left: 4%; */
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
position: relative;
margin: 0 0 0 auto;
}

#sns_spot #cnt_area02 .cat_g .title_g .img_cat {
max-width: 98px;
display: block;
margin: 0 25px 0 0;
}

#sns_spot #cnt_area02 .cat_g .title_g h3{
font-size: 36px;
color: #fff;
font-weight: bold;
line-height: 59px;
letter-spacing: 0.1em;
padding: 0 40px 10px;
text-shadow: 1px 1px 8px rgba(1,15,57,0.3);
position: relative;
}
#sns_spot #cnt_area02 .cat_g .title_g h3::before,
#sns_spot #cnt_area02 .cat_g .title_g h3::after{
content: '';
height: 40px;
width: 40px;
}

#sns_spot #cnt_area02 .cat_g .title_g h3::after{
border-right: 3px solid #fff;
-moz-transform: skew(-40deg);
-webkit-transform: skew(-40deg);
transform: skew(-40deg);
position: absolute;
top: 15px;
right: 80px;
}

#sns_spot #cnt_area02 .cat_g .title_g h3::before{
border-left: 3px solid #fff;
-moz-transform: skew(40deg);
-webkit-transform: skew(40deg);
transform: skew(40deg);
position: absolute;
top: 15px;
left: 10px;
}

#sns_spot #cnt_area02 .cat_g .title_g .sub_text{
font-size: 18px;
color: #fff;
font-weight: 500;
line-height: 30px;
letter-spacing: 0.05em;
text-shadow: 0 3px 6px rgba(0,0,0,.16);
}

#sns_spot #cnt_area02 .cat_g .slide_g ul{
max-width: 1126px;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}

#sns_spot #cnt_area02 .cat_g .slide_g ul li{
display: block;
background: #FFF;
padding: 13px;
border-radius: 5px;
max-width: 342px;
width: 30.38%;
}


#sns_spot #cnt_area02 .cat_g .img_cat02{
display: block;
max-width: 196px;
position: absolute;
bottom: -20px;
right: 10%;
}

#sns_spot #cnt_area02 .cat_g .img_flower{
display: block;
max-width: 70px;
position: absolute;
}

#sns_spot #cnt_area02 .cat_g .img_flower.flower01{
top: 40%;
left: 8%;
/* right: 8%; */
}

#sns_spot #cnt_area02 .cat_g .img_flower.flower02{
bottom: 40px;
left: 10%;
transform: rotate(45deg);
}

#sns_spot #cnt_area02 .cat_g .img_flower.flower03{
bottom: 20px;
right: 34%;
}




#sns_spot #cnt_area03 {
background: url(../img/sns_spot/bg_sns03.png) repeat center center;
background-size: 55px auto;
background-color: #FBF7EA;
}

#sns_spot #cnt_area03 .cnt_block{
padding: 27px 0 0;
}

#sns_spot #cnt_area03 .cnt_block .cnt_g{
max-width: 1064px;
width: 100%;
position: relative;
}

#sns_spot #cnt_area03 .cnt_block .cnt_g .spot_area .spot_g{
flex-direction: row-reverse;
}

#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img01{
max-width: 261px;
width: 24.54%;
top: -7px;
left: -40px;
}

#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img02{
max-width: 174px;
width: 16.36%;
top: 232px;
right: 1.41%;
}

#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img03{
max-width: 82px;
width: 7.71%;
bottom: 239px;
left: 1.51%;
}

#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img04{
max-width: 82px;
width: 7.71%;
bottom: 273px;
right: 1.04%;
transform: rotate(112deg);
}

#sns_spot #cnt_area03 .cnt_block .cnt_g .spot_area .cnt_box02 .small_img{
max-width: 354px;
width: 93.9%;
top: -154px;
right: -26px;
}




#sns_spot #cnt_area04{
background: url("../img/sns_spot/bg_sns01.png") repeat center;
background-size: 55px auto;
background-color: #8497C1;
margin: -216px 0 0;
}

#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(1){
margin: -145px 0 20px;
}

#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(2){
margin: 167px 0 20px;
}

#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(3) {
margin: -35% 0 20px;
}

#sns_spot #cnt_area04 .cnt_block .cnt_g .icon_img.icon_img01{
max-width: 104px;
width: 9.78%;
top: 67px;
right: 1px;
}

#sns_spot #cnt_area04 .cnt_block .cnt_g .icon_img.icon_img02{
max-width: 139px;
width: 13.07%;
bottom: 0;
right: 21.25%;
}

#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box02 .small_img {
max-width: 308px;
width: 81.7%;
top: 27px;
right: -200px;
} 

#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box03 .small_img {
max-width: 250px;
width: 100%;
top: 256px;
right: -233px;
box-shadow: 5px 5px 10px rgba(1, 15, 57, .28);
transform: rotate(13deg);
} 

/*--------------------
07.料金案内
--------------------*/


/*--- リニューアル告知ボックス ---*/
#price #attention_area .attention_box{
padding: 30px 30px 20px;
margin: 50px auto 10px;
border: 3px solid #b51726;
text-align: center;
max-width: 600px;
background: #fff;
}

#price #attention_area .attention_box p{
line-height: 24px;
padding-bottom: 15px;
}

/*--- リニューアル告知ボックス END---*/



#price .mainvisual{
background-color: #4F9D7F;
}

#price #cnt_area01{
background: url("../img/price/bg01_contents.png") repeat top left;
background-size: 84px;
position: relative;
}

#price #cnt_area01::before,
#price #cnt_area01::after{
content: '';
display: inline-block;
width: 100%;
height: 8px;
background-image: url(../img/price/bg_border.png);
background-size: cover;
vertical-align: middle;
position: absolute;
top: 0;
}

#price #cnt_area01::after{
bottom: 0;
top: 100%;
}

#price h2{
width: 54px;
min-height: 210px;
height: fit-content;
background: url("../img/price/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #EEDC95;
line-height: 22px;
padding: 27px 17px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
z-index: 2;
}

#price #cnt_area01 h2{
margin: 0 60px 0 0;
position: relative;
box-shadow:6px 6px 15px 6px rgba(37,36,64,0.2);
}

#price .cnt_area .cnt_block{
max-width: 1120px;
width: 100%;
margin: 0 auto 55px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content:  center;
-ms-justify-content:  center;
}

#price .cnt_area.cnt_area .cnt_block{
margin: 0 auto
}

#price .cnt_area .cnt_block .cnt_g{
max-width: 937px;
/*width: 100%;*/
margin: 0 auto 0 0;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content:  space-between;
-ms-justify-content:  space-between;
}


#price #cnt_area01.cnt_area .cnt_block .cnt_g{
margin: 44px auto 0 0;
}

#price #cnt_area01 .cnt_block .cnt_g .cnt_box{
width: 52%;
margin: 0 0 35px;
padding-bottom: 10px;
}

#price #cnt_area01 .cnt_block .cnt_g .cnt_box.w-100{
	width: 100%;
}

#price #cnt_area01 .cnt_block .cnt_g .cnt_box .time_text{
/* font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; */
font-family: 'Noto Serif JP', serif;
font-weight: bold;
font-size: 36px;
line-height: 1.4em;
color: #4F9D7F;
margin: 0 0 25px;
}

#price #cnt_area01 .cnt_block .cnt_g .cnt_box .time_text span{
font-family: 'Noto Serif JP', serif;
font-size: 18px;
font-weight: normal;
line-height: 34px;
display: block;
padding-top: 10px;
}

#price #cnt_area01 .cnt_block .cnt_g .cnt_box .limit_time_text{
/* font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; */
font-family: 'Noto Serif JP', serif;
font-weight: bold;
font-size: 32px;
line-height: 1.1em;
color: #4F9D7F;
margin: 0 0 25px;
letter-spacing: 0.08em;
}
#price #cnt_area01 .cnt_block .cnt_g .cnt_box .limit_time_text span{
display: block;
}
#price #cnt_area01 .cnt_block .cnt_g .cnt_box .limit_time_text span.date_text{
font-size: 18px;
letter-spacing: normal;
}
#price #cnt_area01 .cnt_block .cnt_g .cnt_box .limit_time_text span.last_text{
font-size: 22px;
line-height: 42px;
font-weight: normal;
letter-spacing: 0.02em;
}

#price #cnt_area01 .cnt_block .cnt_g .cnt_box .note_text{
font-size: 14px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0.05em;
padding: 0 0 0 1em;
text-indent: -1em;
}

#price #cnt_area01 .cnt_block .cnt_g .closed_box{
width: 40.5%;
border-top: 6px solid #4F9D7F;
background: #fff;
padding: 33px;
}

#price #cnt_area01 .cnt_block .cnt_g .closed_box h3{
/* font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; */
font-family: 'Noto Serif JP', serif;
font-weight: bold;
font-size: 20px;
line-height: 30px;
color: #4F9D7F;
text-align: center;
margin: 0 0 15px;
}

#price #cnt_area01 .cnt_block .cnt_g .closed_box .cnt_text{
font-family: 'Noto Serif JP', serif;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.05em;
/*text-align: center;*/
}

#price #cnt_area01 .cnt_block .cnt_g .closed_box .cnt_text a{
text-decoration: underline;
transition: all .3s;
}

#price #cnt_area01 .cnt_block .cnt_g .closed_box .cnt_text a:hover{
text-decoration: none;
}

#price #cnt_area01 .btn_g{
display: flex;
align-items: start;
justify-content: space-between;
margin: 45px auto 0;
max-width: 750px;
}

#price #cnt_area01 .next_btn{
max-width: 380px;
width: 48%;
font-size: 16px;
font-weight: bold;
line-height: 24px;
background: #4F9D7F;
text-align: center;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#price #cnt_area01 .next_btn a{
align-items: center;
width: 100%;
color: #fff;
display: inline-flex;
justify-content: center;
padding: 21px 10px 20px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price #cnt_area01 .next_btn:hover{
background: #fff;
color: #4F9D7F;
}
#price #cnt_area01 .next_btn a:hover{
color: #4F9D7F;
}
#price #cnt_area01 .type_sub {
display: flex;
max-width: 750px;
margin: 45px auto 0;
justify-content: center;
padding: 0 15px 25px 0;
width: 100%;
}
#price #cnt_area01 .type_sub .cnt_title {
font-size: 18px;
font-weight: bold;
color: #fff;
background: #4F9D7F;
padding: 15px 10px;
line-height: normal;
min-width: 160px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
text-align: center;
}
#price #cnt_area01 .type_sub .cnt_title::before {
bottom: 0;
content: '';
position: absolute;
width: 0;
height: 0;
right: -7px;
border-style: solid;
border-color: transparent transparent #4F9D7F transparent;
border-width: 0 0 14px 13px;
margin: auto;
top: 0;
transform: rotate(45deg);
}
#price #cnt_area01 .type_sub .cnt_title::after {
bottom: 0;
content: '';
position: absolute;
width: 0;
height: 0;
margin: auto;
border-style: solid;
border-color: transparent transparent #4F9D7F transparent;
border-width: 0 13px 14px 0;
right: -7px;
top: 0;
transform: rotate(135deg);
}
#price #cnt_area01 .type_sub .cnt_text {
box-sizing: border-box;
border: 1px solid #4F9D7F;
color: #4F9D7F;
font-size: 14px;
line-height: 2;
background: #fff;
padding: 10px 20px;
width: calc(100% - 160px);
}
	
#price .cnt_area .cnt_block .price_area {
max-width: 937px;
padding-bottom: 38px;
padding-left: 10px;
}
#price .cnt_area .cnt_block .price_area .first_text {
font-size: 16px;
line-height: 30px;
letter-spacing: 0.05em;
margin: 0 0 50px;
}
#price .cnt_area .cnt_block .price_box {
width: 48.77%;
font-size: 18px;
font-weight: 500;
line-height: 50px;
margin: 0 0 38px;
}
#price .cnt_area .cnt_block #price01.price_box {
width: 100%;
}
#price .cnt_area .cnt_block .price_box h3 {
background: url("../img/price/bg02_table.png") no-repeat top left;
background-size: cover;
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 17px 0 16px;
text-align: center;
border-radius: 5px 5px 0 0;
text-shadow:0px 1px 3px rgba(0,0,0,0.6);
}
#price .cnt_area .cnt_block #price01.price_box h3 {
	align-items: center;
	display: flex;
	justify-content: centers;
	line-height: 1.2;
min-height: 60px;
padding: 5px 0;
}
#price .cnt_area .cnt_block .price_box h3.h3_type02 {
padding: 5px 0 16px;
}

#price .cnt_area .cnt_block .price_box h3 span{
display: block;
font-weight: 500;
font-size: 12px;
line-height: 1;
letter-spacing: 0;
text-shadow: none;
}
#price .cnt_area .cnt_block .price_box h3 span.hurigana_text {
display: inline-block;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
#price .cnt_area .cnt_block .price_box table {
width: 100%;
table-layout: fixed;
font-size: 18px;
font-weight: 500;
line-height: 50px;
margin: 0 auto 10px;
}
#price .cnt_area .cnt_block .price_box tr {
border-bottom: 1px solid #4F9D7F;
}
#price .cnt_area .cnt_block .price_box .color_tr01 {
background: rgba(22, 39, 73, 0.05);
}
#price .cnt_area .cnt_block .price_box th {
padding: 0 5px;
vertical-align: middle;
border-right: 1px solid #4F9D7F;
border-left: 1px solid #4F9D7F;
background: #fff;
font-size: 16px;
}
#price .cnt_area .cnt_block .price_box .th_color_type01 {
background: #E8E8E8;
}

#price .cnt_area .cnt_block .price_box .color_type02{
background: #FCF8EA;
}


#price .cnt_area .cnt_block .text_bold{
font-weight: bold;
}

#price .cnt_area .cnt_block .price_box th.day_item{
border-right: 1px solid #4F9D7F;
line-height: normal;
text-align: center;
padding: 0 5px;
width: 30%;
}

#price .cnt_area .cnt_block #price01.price_box th.day_item{
width: 18.2%;
}

#price .cnt_area .cnt_block .price_box td{
line-height: normal;
padding: 5px 10px 10px;
text-align: center;
border-left: 1px solid #4F9D7F;
border-right: 1px solid #4F9D7F;
background: #fff;
vertical-align: middle;
}

#price .cnt_area .cnt_block #price02.price_box .height_type01{
padding: 11.3% 5px;
}

#price .cnt_area .cnt_block #price02 h3,
#price .cnt_area .cnt_block #price06 h3{
line-height: 30px;
}

#price .cnt_area .cnt_block .price_box table .green{
color: #4F9D7F;
}
#price .cnt_area .cnt_block .attention_text,
#price .cnt_area .cnt_block p.attention_text {
font-weight: 500;
font-size: 14px;
line-height: 22px;
}
#price .cnt_area .cnt_block .attention_text li {
	margin-left: 1em;
	text-indent: -1em;
}
#price .cnt_area .cnt_block .price_box .next_btn a {
background: #4F9D7F;
border-radius: 5px;
color: white;
display: block;
font-size: 22px;
font-weight: bold;
line-height: 33px;
letter-spacing: 0.1em;
max-width: 487px;
margin: 2em auto;
padding: 21px 10px 20px;
text-align: center;
transition: 0.3s ease-in-out;
width: 100%;
}
#price .cnt_area .cnt_block .price_box .next_btn a:hover {
	background-color: white;
	color: #4F9D7F;
}
#price .cnt_area .cnt_block #price04.price_box td {
vertical-align: middle;
}
#price .cnt_area .cnt_block #price04.price_box .day_item {
/*padding: 9.7% 5px;*/
/*padding: 6.16% 5px;*/
padding: 9px 5px 12px;
}
#price .cnt_area .cnt_block #price04.price_box .th_color_type01 {
/*padding: 2.6% 5px;*/
padding: 0 5px;
}
#price .cnt_area .cnt_block .ganbanyoku_box {
/* padding: 0 10px;
background: #4F9D7F; */
/* width: 50.9%;
margin: 0 -10px 0 0; */
width: 48.77%;
}
#price .cnt_area .cnt_block .ganbanyoku_box .price_box {
width: 100%;
margin: 0;
}
#price .cnt_area .cnt_block .ganbanyoku_box .price_box h3 {
background: #4F9D7F;
}
#price .cnt_area .cnt_block .ganbanyoku_box .cnt_text {
font-size: 20px;
line-height: 30px;
font-weight: 700;
padding: 0 0 10px;
color: #4F9D7F;
padding: 15px 0 8px 1em;
}
#price .cnt_area .cnt_block .ganbanyoku_box .book_btn {
width: 100%;
font-size: 20px;
font-weight: bold;
line-height: 33px;
background: #27345C;
text-align: center;
margin: 8px auto 30px;
border-radius: 5px;
border: 1px solid #27345C;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price .cnt_area .cnt_block .ganbanyoku_box .book_btn a {
width: 100%;
color: #fff;
display: inline-block;
padding: 20px 10px 19px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price .cnt_area .cnt_block .ganbanyoku_box .book_btn:hover {
background: #fff;
color: #27345C;
}
#price .cnt_area .cnt_block .ganbanyoku_box .book_btn a:hover {
color: #27345C;
}
#price .cnt_area .cnt_block #price04.price_box {
margin: 0 0 38px;
}
#price .cnt_area .cnt_block #price04.price_box table,
#price .cnt_area .cnt_block #price05.price_box table {
margin: 0;
}
#price .cnt_area .cnt_g #price06 .btn_g01 {
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
margin: 18px 0 0;
}
#price .cnt_area .cnt_g #price06 .book_btn {
width: 100%;
font-size: 15px;
font-weight: bold;
line-height: 18px;
letter-spacing: 0.1em;
background: #27345C;
text-align: center;
/* margin: 18px auto 0; */
border-radius: 5px;
border: 1px solid #27345C;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
width: 49%;
}
#price .cnt_area .cnt_g #price06 .book_btn:nth-child(3) {
width: 100%;
margin: 10px 0 0;
}
#price .cnt_area .cnt_g #price06 .book_btn a {
width: 100%;
color: #fff;
display: inline-block;
padding: 9px 10px 9px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price .cnt_area .cnt_g #price06 .book_btn:nth-child(3) a {
padding: 18px 10px 18px;
}
#price .cnt_area .cnt_g #price06 .book_btn a span {
font-size: 12px;
line-height: 16px;
display: block;
padding: 2px 0 0;
}

#price .cnt_area .cnt_g #price06 .book_btn:hover{
background: #fff;
color: #27345C;
}
#price .cnt_area .cnt_g #price06 .book_btn a:hover{
color: #27345C;
}

#price .cnt_area .cnt_g #price06.price_box td{
padding: 7.85% 5px;
}

/*
#price .cnt_area .cnt_block #price08.price_box h3{
padding: 11px 0 0px;
}
*/

#price .cnt_area .cnt_block #price08.price_box h3 span.big_text{
color: #A33741;
font-size: 22px;
}

#price .cnt_area .cnt_block #price08.price_box th.day_item{
width: 30%;
}

/*#price .cnt_area .cnt_block #price08.price_box th.th_color_type01{
line-height: 25px;
}*/

#price .cnt_area .cnt_block.block02 .cnt_g{
margin: 0 0 0 5%;
}

#price .cnt_area .cnt_block.block02 .price_box h3{
background: #4F9D7F;
border-radius: 0;
}

#price .cnt_area .cnt_block.block02 .price_box .big_text{
font-size: 22px;
font-weight: 500;
line-height: normal;
margin: 0 0 5px;
}

#price .cnt_area .cnt_block.block02 .price_box ul{
font-size: 14px;
font-weight: 500;
line-height: 30px;
text-indent: -1em;
padding: 0 0 0 1em;
text-align: left;
}

#price .cnt_area .cnt_block.block02 .price_box td{
/*padding: 24px 34px;*/
padding: 5px 34px 10px;
vertical-align: middle;
}


#price .cnt_area .cnt_block #price07.price_box .height_type02{
/*padding: 2.6% 5px;*/
padding: 0 5px;
}

#price .cnt_area .cnt_block #price07.price_box .height_type03{
/*padding: 9.7% 5px;*/
/*padding: 11% 5%;*/
padding: 0 5px;
}


#price .cnt_area .ticket_area{
width: 100%;
background: url("../img/price/bg03_contents.png") no-repeat top left;
background-size: cover;
background-color: #4F9D7F;
margin: 0 0 30px;
}

#price .cnt_area .ticket_area .cnt_g{
max-width: 1095px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
color: #fff;
}

#price .cnt_area .ticket_area .cnt_g .cnt_text{
width: 52.4%;
margin: 41px 15px 40px 0;
/* font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; */
font-family: 'Noto Serif JP', serif;
font-size: 30px;
font-weight: bold;
line-height: 40px;
}
#price .cnt_area .ticket_area .cnt_g .cnt_box{
width: 44.5%;
margin: 24px auto;
font-size: 14px;
line-height: 22px;
}

#price .cnt_area .ticket_area .cnt_g .cnt_box .next_btn{
width: 100%;
font-size: 22px;
font-weight: bold;
line-height: 33px;
letter-spacing: 0.1em;
background: #27345C;
text-align: center;
margin: 18px auto 0;
border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price .cnt_area .ticket_area .cnt_g .cnt_box .next_btn a{
width: 100%;
color: #fff;
display: inline-block;
padding: 21px 10px 20px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price .cnt_area .ticket_area .cnt_g .cnt_box .next_btn:hover{
background: #fff;
color: #27345C;
}
#price .cnt_area .ticket_area .cnt_g .cnt_box .next_btn a:hover{
color: #27345C;
}
#price .cnt_area .cnt_block #price08.price_box th.day_item,
#price .cnt_area .cnt_block .price_box .th_color_type01 {
font-size: 0.8em;
line-height: 1.2;
padding: 0.5em;
}
#price #cnt_area03 {
background: url("../img/price/bg02_contents.png") repeat top left;
background-size: 94.5px;
position: relative;
padding: 37px 0 47px;
}

#price #cnt_area03 h2{
margin: 0 28px 0 0;
position: relative;
box-shadow:6px 6px 15px 6px rgba(37,36,64,0.2);
}

#price #cnt_area03 .cnt_block{
margin: 0 auto;
}

#price #cnt_area03 .cnt_g{
max-width: 968px;
position: relative;
}

/*#price #cnt_area03 .cnt_g .cover_img{
position: absolute;
width: 31.4%;
top: 13%;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
}

#price #cnt_area03 .cnt_g:hover .cover_img{
opacity: 1;
}*/

#price #cnt_area03 .cnt_g .cnt_img{
max-width: 968px;
}

#price #cnt_area03 .cnt_g .cnt_img a{
display: inline-block;
width: 100%;
position: relative;
}

#price #cnt_area03 .cnt_g .cnt_img a::before{
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
max-width: 304px;
width: 31.41%;
min-height: 100%;
background: url(../img/price/img01_show.png) no-repeat center center;
background-size: 100% auto;
opacity: 0;
transition: all .3s;
}

#price #cnt_area03 .cnt_g .cnt_img a:hover::before{
opacity: 1;
}

#price #cnt_area04 h2{
height: 235px;
margin: 0 60px 0 0;
position: relative;
box-shadow:6px 6px 15px 6px rgba(37,36,64,0.2);
}

#price #cnt_area04{
background: url("../img/price/bg04_contents.png") repeat top left;
background-size: cover;
padding: 33px 0 0;
}

#price #cnt_area04 .cnt_block{
margin: 0 auto;
}

#price #cnt_area04 .cnt_g{
display: block;
position: relative;
max-width: 968px;
width: 100%;
}

#price #cnt_area04 .cnt_text{
color: #27345C;
font-size: 20px;
font-weight: 500;
line-height: 40px;
text-align: center;
margin: 27px auto 35px;
}

#price #cnt_area04 .cnt_text span{
font-size: 30px;
font-weight: bold;
display: block;
}

#price #cnt_area04 .next_btn{
max-width: 487px;
font-size: 20px;
font-weight: bold;
line-height: 33px;
background: #27345C;
text-align: center;
margin: 18px auto 62px;
border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#price #cnt_area04 .next_btn a{
width: 100%;
color: #fff;
display: inline-block;
padding: 21px 10px 20px;
border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price #cnt_area04 .next_btn:hover{
/*background: #fff;
color: #27345C;*/
}
#price #cnt_area04 .next_btn a:hover{
color: #27345C;
background: #fff;
}

#price #cnt_area04 .cnt_g .icon_img{
position: absolute;
}

#price #cnt_area04 .cnt_g .icon_img.img01{
/*width: 155px;*/
width: 16%;
left: 0;
bottom: -10px;
}

#price #cnt_area04 .cnt_g .icon_img.img02{
/*width: 150px;*/
width: 15.5%;
right: -53px;
bottom: -100px;
}

#price #cnt_area04 .cnt_g .icon_img.img03{
/*width: 108px;*/
width: 11.15%;
right: -55px;
top: 0;
}

#price #cnt_area04 .cnt_g .icon_img.img04{
/*width: 97px;*/
width: 10%;
right: 86px;
bottom: 15px;
}

#price #cnt_area05{
background: url("../img/price/bg05_contents.png") repeat top left;
background-size: cover;
padding: 22px 0 29px;
}

#price #cnt_area05 .cnt_g{
max-width: 796px;
display: block;
margin: 0 auto;
}

#price #cnt_area05 .cnt_g ul{
font-size: 12px;
font-weight: 500;
line-height: 30px;
color: #27345C;
margin: 0 0 15px;
}

#price #cnt_area05 .cnt_g ul li{
text-indent: -1em;
padding: 0 0 0 1em;
}

#price #cnt_area05 .cnt_g .cnt_text{
border: 1px solid #27345C;
padding: 12px;
font-size: 14px;
font-weight: bold;
line-height: 30px;
color: #27345C;
}

#price #cnt_area05 .btn_g{
display: flex;
align-items: start;
justify-content: center;
margin: 45px auto 0;
}

#price #cnt_area05 .next_btn{
max-width: 380px;
width: 46%;
margin: 0 2%;
font-size: 19px;
font-weight: bold;
line-height: 28px;
background: #4F9D7F;
text-align: center;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#price #cnt_area05 .next_btn a{
width: 100%;
color: #fff;
/*display: inline-block;*/
padding: 21px 10px 20px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
}
#price #cnt_area05 .next_btn:hover{
background: #fff;
color: #4F9D7F;
}
#price #cnt_area05 .next_btn a:hover{
color: #4F9D7F;
}


/*---　アメニティ　---*/

#price .cnt_area #amenities_area .title_text{
font-weight: 500;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 30px;
color: #4F9D7F;
padding: 0 0 28px;
text-align: center;
}

#price .cnt_area #amenities_area .title_text span{
font-weight: 600;
font-size: 25px;
}

#price .cnt_area #amenities_area .amenities_g{
display: flex;
align-items: start;
/*justify-content: space-between;*/
flex-wrap: wrap;
}

#price .cnt_area #amenities_area .amenities_box{
width: 14.28%;
margin: 0 0 47px;
}

#price .cnt_area #amenities_area .amenities_box .cnt_img{
max-width: 110px;
width: 100%;
margin: 0 auto;
}

#price .cnt_area #amenities_area .amenities_box .cnt_text{
max-width: 110px;
width: 100%;
text-align: center;
margin: 0 auto;
font-weight: 600;
font-size: 13px;
padding: 9px 0 0;
}

#price .cnt_area #amenities_area .amenities_box.comment_box{
width: 28.56%;
}

#price .cnt_area #amenities_area .amenities_box.comment_box .text_box{
border: 2px solid #70AF97;
background: #fff;
max-width: 242px;
width: 100%;
margin: 0 auto;
padding: 20px 25px;
min-height: 110px;
display: flex;
align-items: center;
justify-content: center;
}

#price .cnt_area #amenities_area .amenities_box.comment_box p{
font-size: 12px;
font-weight: 600;
line-height: normal;
}
/*---　アメニティ　END ---*/
/*---　料金表 ---*/ 
#price .cnt_area #pricetable_area {
	display: flex;
    padding: 33px 0;
    margin: 0 auto;
    width: 90%;
}
#price .cnt_area #pricetable_area .price_box h3 {
	align-items: center;
	border-radius: 0;
	display: flex;
	justify-content: center;
	line-height: 1.2;
	min-height: 60px;
	padding: 5px 0;
}
#price #pricetable_area .price_box {
	padding-bottom: 1px;
	width: 100%;
}
#price #pricetable_area .price_box tr,
#price #pricetable_area .price_box td,
#price #pricetable_area .price_box th.day_item, 
#price #pricetable_area .price_box .th_color_type01 {
	border-color: #aaa;
}
#price #pricetable_area #price06.price_box td {
	padding: 15px 20px;
}
#price #pricetable_area .attention_text {
	font-size: 13px;
	margin-top: auto;
	padding: 2em 1em;
}
#price #pricetable_area .ganbanyoku_box {
	padding-bottom: 1px;
	width: 100%;
}
#price #pricetable_area .ganbanyoku_box .cnt_text { 
	font-size: 18px;
	text-align: center;
}
#price #pricetable_area .ganbanyoku_box .book_btn {
	font-size: 16px;
	line-height: normal;
	width: 90%;
}
/* #ganbanyoku */
#price #pricetable_area .cnt_block .ganbanyoku_box {
/* padding: 0 10px;
background: #4F9D7F; */ /* width: 50.9%;
margin: 0 -10px 0 0; */
width: 48.77%;
}
#price #pricetable_area .cnt_block .ganbanyoku_box .price_box {
width: 100%;
margin: 0;
}
#price #pricetable_area .cnt_block .ganbanyoku_box .price_box h3 {
background: #4F9D7F;
}
#price #pricetable_area .cnt_block .ganbanyoku_box .cnt_text {
font-size: 20px;
line-height: 26px;
font-weight: 700;
padding: 6px 0 8px 1em;
color: #4F9D7F;
}
#price #pricetable_area .cnt_block .ganbanyoku_box .book_btn {
width: 100%;
font-size: 22px;
font-weight: bold;
line-height: 33px;
letter-spacing: 0.1em;
max-width: 487px;
background: #27345C;
text-align: center;
margin: 8px auto 30px;
border-radius: 5px;
border: 1px solid #27345C;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price #pricetable_area .cnt_block .ganbanyoku_box .book_btn a {
width: 100%;
color: #fff;
display: inline-block;
padding: 20px 10px 19px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price #pricetable_area .cnt_block .ganbanyoku_box .book_btn:hover {
background: #fff;
color: #27345C;
}
#price #pricetable_area .cnt_block .ganbanyoku_box .book_btn a:hover {
color: #27345C;
}
#price #pricetable_area #ganbanyoku {
width: 100%;
background: url("../img/price/bg03_contents_sp.png") repeat top left;
background-size: 400px auto;
background-color: #4F9D7F;
margin: 0;
max-width: 100%;
padding: 0 0 1px;
}
#price #pricetable_area #ganbanyoku h3 {
background: none;
}
#price #pricetable_area #ganbanyoku .cnt_text,
#price #pricetable_area #ganbanyoku .attention_text {
color: white;
}
#price #pricetable_area #ganbanyoku .book_btn {
background: #93B210;
border-color: #93B210;
}
#price #pricetable_area #ganbanyoku .book_btn:hover {
background: #fff;
color:#93B210;
}
#price #pricetable_area #ganbanyoku .ganbanyoku_box .book_btn a:hover {
color: #93B210;
}

@media only screen and (min-width:769px){
	#price #pricetable_area .cnt_g {
		border: 1px solid #aaa;
	}
	#price #pricetable_area .cnt_g.separate {
		border: 1px solid #aaa;
		margin: 0px 1%;
	}
	/* #price #pricetable_area .cnt_g + .cnt_g {
		border-left: none;
	} */
	#price #pricetable_area .price_box,
	#price #pricetable_area .ganbanyoku_box {
		margin: 0;
	}
	#price #pricetable_area .price_box tr,
	#price #pricetable_area .price_box td,
	#price #pricetable_area #price08.price_box th.day_item, 
	#price #pricetable_area .price_box .th_color_type01 {
		border: none;
	}
	#price #pricetable_area .price_box table {
		margin: 0 auto;
	}
}
/*---　料金表　END ---*/ 
/*ポイント会員カードコンテンツ追加*/
#price #cnt_area06 h2 {
height: 235px;
margin: 0 60px 0 0;
position: relative;
box-shadow: 6px 6px 15px 6px rgba(37, 36, 64, 0.2);
}
#price #cnt_area06 {
background: url("../img/price/bg06_contents.png") repeat center top;
background-size: 110px;
padding: 33px 0 0;
}
#price #cnt_area06 .cnt_block {
margin: 0 auto;
}
#price #cnt_area06 .cnt_g {
display: block;
position: relative;
max-width: 968px;
width: 100%;
}
#price #cnt_area06 .cnt_g .title_box .title {
font-size: 32px;
line-height: 1.5em;
font-weight: 700;
text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
color: #fff;
width: 100%;
margin: 20px auto;
text-align: center;
}
#price #cnt_area06 .cnt_text {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 40px;
text-align: center;
margin: 27px auto 35px;
}
#price #cnt_area06 .next_btn {
max-width: 487px;
font-size: 22px;
font-weight: bold;
line-height: 33px;
letter-spacing: 0.1em;
background: #27345C;
text-align: center;
margin: 18px auto 62px;
border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price #cnt_area06 .next_btn a {
width: 100%;
color: #fff;
display: inline-block;
padding: 21px 10px 20px;
border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#price #cnt_area06 .next_btn:hover {
 /*background: #fff;
color: #27345C;*/
}
#price #cnt_area06 .next_btn a:hover {
color: #27345C;
background: #fff;
} /*200612追記*/
#price .cnt_area .cnt_block .price_box.campaign h3 {
background: #d36973;
}
#price .cnt_area .cnt_block .price_box.campaign td{
border-right: 1px solid #d36973;
}
#price .cnt_area .cnt_block .price_box.campaign tr{
border-bottom: 1px solid #d36973;
}
#price .cnt_area .cnt_block .price_box.campaign th{
border-right: 1px solid #d36973;
border-left: 1px solid #d36973;
}
#price .cnt_area .cnt_block .price_box.campaign th.day_item{
border-right: 1px solid #d36973;
}



#price #cnt_area07 h2 {
height: 320px;
margin: 0 60px 0 0;
position: relative;
box-shadow: 6px 6px 15px 6px rgba(37, 36, 64, 0.2);
}
#price #cnt_area07 {
background:#fcf8ea;
padding: 33px 0 5px;
}
#price #cnt_area07 .cnt_block {
margin: 0 auto;
}
#price #cnt_area07 .cnt_g {
display: block;
max-width: 937px;
width: 100%;
}
#price #cnt_area07 .cnt_g .cnt_title {
font-size: 20px;
font-weight: bold;
line-height: 40px;
margin: 0 auto 20px;
color: #53937A;
width: 100%;
text-align: center;
}
#price #cnt_area07 .cnt_text {
font-size: 16px;
font-weight: 500;
line-height: 30px;
/*text-align: center;*/
margin: 0 auto 35px;
}
#price #cnt_area02 {
	padding: 33px 0;
}
/* kashikiri */
#price .cnt_area #kashikiri {
width: 100%;
background: url("../img/price/bg03_contents_sp.png") repeat top left;
background-size: 400px auto;
background-color: #BDD7EE;
margin: 0;
max-width: 100%;
padding: 0;
}
#price .cnt_area #kashikiri .price_box {
padding-top: 1em;
width: 100%;
}
#price .cnt_area #kashikiri h3 {
background: none;
}
#price .cnt_area #kashikiri .price_box th.day_item,
#price .cnt_area #kashikiri .price_box td {
border-top: 1px solid #4F9D7F;
}
#price .cnt_area .cnt_g #price06.price_box td {
padding: 5% 34px;
text-align: left;
}
#price .cnt_area #kashikiri .book_btn {
max-width: 454px;
}  
#price .cnt_area .cnt_block #price01.price_box table.tiketTypeTable, 
#price .cnt_area .cnt_block #price08.price_box table.tiketTypeTable, 
#price .cnt_area .cnt_block #price04.price_box table.tiketTypeTable, 
#price .cnt_area .cnt_block #price05.price_box table.tiketTypeTable {
	line-height: normal;
	margin: auto;
	max-width: 100%;
	width: auto;
}
#price .cnt_area .cnt_block .price_box .tiketTypeTable tr,
#price .cnt_area .cnt_block .price_box .tiketTypeTable th,
#price .cnt_area .cnt_block .price_box .tiketTypeTable td {
	border: none;
}
#price .cnt_area .cnt_block .price_box .tiketTypeTable th {
	width: auto;
}
#price .cnt_area .cnt_block .price_box .tiketTypeTable td {
	padding: 5px 10px;
}
#price .cnt_area .cnt_block #pricetable_area .price_box td.nightPrice {
    border-left: 3px dashed #E8E8E8;
    padding: 0 0 10px 0;
}
/* チケットタイプカレンダー */
#price #calendar {
	background-color: #f7f9f8;
	padding: 55px 0;
}
#price #calendar.cnt_area .cnt_block > h2 {
	height: 305px;
}
#price #calendar.cnt_area .cnt_block .cnt_g {
	margin: 0 auto;
	max-width: 700px;
}
.tiketTypeTable_label {
	align-items: center;
	display: inline-flex;
	height: 25px;
	justify-content: center;
	line-height: 1.1;
	margin-right: 5px;
	width: 25px;
}
.tiketTypeTable_label.-typeA {
	background-color: #C7E4EB;
	color: #036670;
}
.tiketTypeTable_label.-typeB {
	background-color: #D1E1A7;
	color: #2F6839;
}
.tiketTypeTable_label.-typeC {
	background-color: #F6DBA5;
	color: #6C5525;
}
.tiketTypeTable_label.-typeD {
	background-color: #EBA997;
	color: #66252A;
}
.tiketTypeTable_label.-typeE {
	background-color: #DBB0CC;
	color: #47204B;
}

/* カレンダーのレイアウト */
#price #calendar .calendarBlockTab {
	display: flex;
	justify-content: space-between;
	margin-bottom: -1px;
	position: relative;
	width: 100%;
	z-index: 2;
}
#price #calendar .calendarBlockTab_item {
	background: #4F9D7F;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #4F9D7F;
	border-right: 1px solid #4F9D7F;
	border-top: 1px solid #4F9D7F;
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	height: auto;
	padding: 10px 15px;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	text-align: center;
    /* カレンダータブ3カ月表記 */
	width: calc(33% - 5px); 
    /* カレンダータブ2カ月表記 */
    /* width: calc(50% - 5px); */
}
#price #calendar .calendarBlockTab_item.active {
	background: #fff;
	cursor: auto;
	color: #000;
}
#price #calendar .calendarBlockTable {
	background-color: #fff;
	border: 1px solid #4F9D7F;
	max-width: 800px;
	position: relative;
	width: 100%;
}
#price #calendar .calendarBlockTable_item {
	left: 0;
	opacity: 0;
	padding: 10px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
/* #price #calendar .calendarBlockTable_item:nth-child(n+2) {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
} */
#price #calendar .calendarBlockTable_item.active {
	position: relative;
	opacity: 1;
	z-index: 2;
}
#price #calendar .fc-toolbar {
	display: none;
}
#price #calendar .fc-event-container {
	pointer-events: none;
}
#price #calendar .eo-fullcalendar-reset .fc-view-container th {
	padding: 3px !important;
}
#price #calendar .fc-ltr .fc-basic-view .fc-day-number {
	padding: 5px !important;
	text-align: left;
}
#price #calendar .fc-view-container *,
#price #calendar .fc-view-container :after, 
#price #calendar .fc-view-container :before {
	font-weight: bold;
	text-align: center;
}
#price #calendar .fc-event[href] {
	align-items: center;
	border: none!important;
	display: flex;
	justify-content: center;
	min-height: calc(4em + 1px);
	margin-top: -25px;
} 
#price #calendar .fc-event[style^="background-color:#C7E4EB;"] {
	background-color: rgba(55, 170, 198, 0.3)!important;
	color: #036670!important;
}
#price #calendar .fc-event[style^="background-color:#D1E1A7;"] {
	background-color: rgba(117, 158, 0, 0.30)!important;
	color: #2F6839!important;
}
#price #calendar .fc-event[style^="background-color:#F6DBA5;"] {
	background-color: rgba(221, 147, 0, 0.2)!important;
	color: #6C5525!important;
}
#price #calendar .fc-event[style^="background-color:#EBA997;"] {
	background-color: rgba(244, 59, 0, 0.2)!important;
	color: #66252A!important;
}
#price #calendar .fc-event[style^="background-color:#DBB0CC;"] {
	background-color: rgba(154, 0, 100, 0.2)!important;
	color: #47204B!important;
}
#price #calendar .fc-event[style^="background-color:#878787;"] {
	background-color: rgba(0, 0, 0, 0.4)!important;
	color: #fff!important;
}
#price #calendar span.fc-price {
	display: block;
	font-weight: 700;
	font-size: 12px;
	margin-top: 0.5em;
}
#price #calendar span.fc-price .yen {
	font-size: 10px;
	margin-left: 0.2em;
}
/*土の文字色を変更*/
#price #calendar th.fc-day-header.fc-sat,
#price #calendar td.fc-day-number.fc-sat{
	color: #0E7DCE;
}
/*日の文字色を変更*/
#price #calendar th.fc-day-header.fc-sun,
#price #calendar td.fc-day-number.fc-sun,
#price #calendar td.fc-day-number.fc-holiday {
	color: #CD263F;
}
/* 今日の背景色OFF */
#price #calendar .eo-fullcalendar-reset.fc-unthemed .fc-today {
	background-color: transparent;
}
/* 別の月の日付はグレー & 情報は非表示 */
#price #calendar .fc-other-month a {
	display: none!important;
}

/*--------------------
07-01.入退館方法
--------------------*/
#enter .page_contents {
background: url("../img/explore/private_bath/bg01_contents.png") left top / 90px auto repeat;
}
#enter #cnt_area01.cnt_area {
position: relative;
padding: 41px 0 0;
}

#enter #cnt_area03.cnt_area{
padding: 41px 0;
}

#enter #cnt_area01::before{
content: '';
display: inline-block;
width: 100%;
height: 8px;
background-image: url(../img/price/bg_border.png);
background-size: cover;
vertical-align: middle;
position: absolute;
top: 0;
}

#enter .first_text{
max-width: 968px;
margin: 0 auto 41px;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.05em;
}

#enter .mainvisual{
background-color: #4F9D7F;
}

#enter h2{
width: 54px;
height: fit-content;
background: url("../img/price/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #EEDC95;
line-height: 22px;
padding: 27px 17px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
/*-webkit-text-orientation: upright; /* Safari
text-orientation: upright;*/
margin: 0 28px 0 0;
}

#enter .cnt_area .cnt_block{
max-width: 1164px;
width: 100%;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content:  center;
-ms-justify-content:  center;
}
#enter .cnt_area .cnt_block .cnt_g{
max-width: 1066px;
margin: 0 auto 0 0;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content:  space-between;
-ms-justify-content:  space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
#enter .cnt_area .flow_area .cnt_box {
display: flex;
flex-direction: column;
max-width: 432px;
width: 40.5%;
margin: 0 0 23px;
}

#enter .cnt_area .flow_area .cnt_box.box02{
margin: 0 auto 23px;
}

#enter .cnt_area .flow_area .cnt_box:last-of-type{
max-width: 576px;
width:54%;
margin: 0;
}

#enter .cnt_area .flow_area .cnt_box h3{
background: url("../img/price/enter/bg_title.png") no-repeat top left;
background-size: cover;
color: #fff;
font-size: 20px;
line-height: 28px;
font-weight: bold;
letter-spacing: 0.05em;
margin-bottom: 0.5em;
order: 0;
padding: 16px 10px 16px 73px;
border-radius: 30px 5px 0 30px;
text-shadow:0px 1px 3px rgba(0,0,0,0.6);
position: relative;
}

#enter .cnt_area .flow_area .cnt_box.supplement_box h3{
background: none;
padding: 0 0 10px;
border-radius: none;
text-shadow:none;
position: relative;
text-align: center;
}

#enter .cnt_area .flow_area .cnt_box.supplement_box h3::before{
content: '';
display: inline-block;
width: 34.12px;
height: 53.16px;
background-image: url("../img/price/enter/icon06_flow.png");
background-size: contain;
vertical-align: middle;
position: absolute;
top: -60px;
right: 0;
left: 0;
margin: 0 auto;
}
#enter .cnt_area .flow_area .cnt_box.supplement_box h3.title02::before {
width: 96px;
height: 65px;
background-image: url("../img/price/enter/flow_icon07.png");
background-size: contain;
top: -70px;
right: 0;
left: 0;
}
#enter .cnt_area .flow_area .cnt_box.supplement_box h3.title03::before {
width: 173px;
height: 143px;
background-image: url("../img/price/enter/flow_icon11.png");
background-size: contain;
background-repeat: no-repeat;
top: -155px;
right: 0;
left: 0;
}

#enter .cnt_area .flow_area .cnt_box h3 span{
width: 60px;
height: 60px;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
top: 0;
color: #fff;
font-size: 32px;
font-weight: bold;
letter-spacing: 0.1em;
background: #4F9D7F;
text-align: center;
padding: 13px 0;
text-shadow:0px 1px 3px rgba(0,0,0,0.6);
}

#enter #cnt_area03.cnt_area .flow_area .cnt_box h3 span{
background: #D08C5A;
}
#enter .cnt_area .flow_area .cnt_box .cnt_img {
max-width: 300px;
margin: 0 auto;
order: 1;
}
#enter .cnt_area .flow_area .cnt_box .cnt_text{
font-size: 14px;
line-height: 30px;
letter-spacing: 0.05em;
margin: 10px 0 0 55px;
order: 2;
}

#enter .cnt_area .flow_area .cnt_box.supplement_box{
color: #fff;
background: url("../img/price/enter/bg01_contents.png") no-repeat top left;
background-size: cover;
background-color:#4F9D7F;
}

#enter .cnt_area .flow_area .cnt_box.supplement_box .inner_box{
padding: 35px;
}

#enter #cnt_area03.cnt_area .flow_area .cnt_box.supplement_box .inner_box{
padding: 112px 35px 35px;
}

#enter .cnt_area .flow_area .cnt_box.supplement_box .cnt_text{
margin: 0;
}

#enter #cnt_area03.cnt_area .flow_area .cnt_box.supplement_box{
background-color:#D08C5A;
margin: 40px 0 0;
}

#enter #cnt_area02{
background: url("../img/price/enter/bg02_contents.png") repeat top left;
background-size: cover;
margin: 0 auto 43px;
}

#enter #cnt_area02 h2{
margin: -20px 28px 0 0;
}

#enter #cnt_area02.cnt_area .cnt_block .cnt_g{
display: block;
}

#enter #cnt_area02.cnt_area .cnt_block .cnt_g .img_g{
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content:  space-between;
-ms-justify-content:  space-between;
margin: 27px auto 21px;
}

#enter #cnt_area02.cnt_area .cnt_block .cnt_g .img_g .cnt_img{
width: 32.45%;
}

#enter #cnt_area02.cnt_area .cnt_block .cnt_g .cnt_text{
color: #27345C;
font-size: 16px;
font-weight: 500;
line-height: 30px;
text-align: center;
margin: 0 auto 24px;
}

#enter #cnt_area02.cnt_area .cnt_block .cnt_g .cnt_text span{
font-size: 20px;
font-weight: bold;
display: block;
margin: 10px 0 0;
}

/*--------------------
07-02.浴衣の着方
--------------------*/

#yukata.under_page.third .pankuzu_area{
background: #4F9D7F;
}

#yukata.under_page.third h1 {
background: url(../img/price/yukata/bg_title01_under.png) repeat-x center center;
background-size: 170px auto;
background-color: #E29B3B;
}

#yukata.under_page.third h1::before {
background-image: url(../img/price/yukata/icon_h2.png);
width: 71px;
height: 69px;
top: -48px;
}

#yukata #first_area{
margin: 34px 0 48px;
}

#yukata #first_area .cnt_box{
display: flex;
align-items: start;
justify-content: space-between;
}

#yukata #first_area .cnt_img{
max-width: 674px;
width: 57.91%;
margin: 0 2.23% 0 0;
}

#yukata #first_area .cnt_text{
max-width: 464px;
width: 39.86%;
padding: 15px 0 0;
}

#yukata #first_area .cnt_text h3{
color: #E29B3B;
font-size: 20px;
line-height: 30px;
font-weight: 700;
margin: 0 0 26px;
}

#yukata #first_area .cnt_text p{
max-width: 403px;
font-size: 14px;
line-height: 30px;
}

#yukata #cnt_area01{
padding: 0 0 120px;
}

#yukata #cnt_area01 .yukata_page_nav{
border-bottom: 3px solid #27345C;
margin: 0 auto 69px;
}

#yukata #cnt_area01 .yukata_page_nav.mens{
border-bottom-color: #27345C;
}

#yukata #cnt_area01 .yukata_page_nav.women01{
border-bottom-color: #E29B3B;
}

#yukata #cnt_area01 .yukata_page_nav.women02{
border-bottom-color: #A33741;
}

#yukata #cnt_area01 .yukata_page_nav ul{
max-width: 992px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: stretch;
justify-content: space-between;
}

#yukata #cnt_area01 .yukata_page_nav li{
align-items: center;
border-radius: 5px 5px 0 0;
background: #fff;
border: 3px solid #27345C;
border-bottom: none;
cursor: pointer;
display: flex;
max-width: 326px;
position: relative;
padding: 23px 0 20px 163px;
width: 32.87%;
}

#yukata #cnt_area01 .yukata_page_nav li.active::after{
content: "";
display: block;
box-sizing: border-box;
border-bottom: 3px solid #fff;
width: 100%;
height: 3px;
position: absolute;
bottom: -3px;
left: 0;
}

#yukata #cnt_area01 .yukata_page_nav li img{
max-width: 132px;
width: 41.25%;
position: absolute;
bottom: 0;
left: 0;
}

#yukata #cnt_area01 .yukata_page_nav .menu_text{
font-size: 25px;
font-weight: 700;
color: #000;
}

#yukata #cnt_area01 .yukata_page_nav .menu_text .small_text{
display: block;
vertical-align: top;
font-size: 16px;
padding: 6px 0 0 3px;
}

#yukata #cnt_area01 .yukata_page_nav li#mens_nav .menu_text{
color: #27345C;
}

#yukata #cnt_area01 .yukata_page_nav li#women_nav01{
border-color: #E29B3B;
padding: 23px 0 20px 93px;
}

#yukata #cnt_area01 .yukata_page_nav li#women_nav01 .menu_text{
color: #E29B3B;
}

#yukata #cnt_area01 .yukata_page_nav li#women_nav01 img{
max-width: 88px;
width: 27.5%;
}

#yukata #cnt_area01 .yukata_page_nav li#women_nav02{
border-color: #A33741;
padding: 23px 0 20px 95px;
}

#yukata #cnt_area01 .yukata_page_nav li#women_nav02 .menu_text{
color: #A33741;
}

#yukata #cnt_area01 .yukata_page_nav li#women_nav02 img{
max-width: 95px;
width: 29.69%;
}

#yukata #cnt_area01 .type_area{
display: none;
}

#yukata #cnt_area01 .type_area.active{
display: block;
}

#yukata #cnt_area01 .cnt_block{
display: flex;
align-items: start;
}

#yukata #cnt_area01 .h3_g{
position: relative;
margin: 0 44px 0 0;
}

#yukata #cnt_area01 .h3_g h3{
width: 54px;
height: 210px;
background: url(../img/price/yukata/bg_h3_title01.png) repeat center top;
background-size: cover;
margin: 0 auto;
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 22px;
padding: 33px 17px 29px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}

#yukata #cnt_area01 .h3_g h3 .small_text{
font-size: 16px;
padding: 22px 0 0;
}

#yukata #cnt_area01 .cnt_g{
max-width: 999px;
width: 100%;
display: flex;
align-items: start;
flex-wrap: wrap;
}

#yukata #cnt_area01 .cnt_box{
max-width: 314px;
width: 32.13%;
margin: 0 1.2% 44px 0;
}

#yukata #cnt_area01 .cnt_box .cnt_img{
width: 100%;
background: url(../img/price/yukata/bg_box01.png) repeat center center;
background-size: 65px auto;
border-bottom: 7px solid #27345C;
margin: 0 0 17px;
position: relative;
}

#yukata #cnt_area01 .cnt_box .cnt_img::after{
content: "";
display: block;
max-width: 59px;
width: 18.79%;
height: 37px;
background: url(../img/price/yukata/icon_arrow01.png) no-repeat left top;
background-size: 100% auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -13.38%;
}

#yukata #cnt_area01 .cnt_box:nth-child(3n) .cnt_img::after{
content: none;
}

#yukata #cnt_area01 .cnt_box .cnt_text{
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #27345C;
}

#yukata #cnt_area01 .finish_box .cnt_img{
position: relative;
}

#yukata #cnt_area01 .finish_box .cnt_img img{
position: absolute;
top: -44px;
left: 46px;
max-width: 301px;
width: 95.86%;
}

#yukata #cnt_area01 .finish_box .cnt_img::after{
content: none;
}



#yukata #cnt_area01 #women01 .h3_g h3{
height: fit-content;
background-image: url(../img/price/yukata/bg_h3_title02.png);
}

#yukata #cnt_area01 #women01 .cnt_box .cnt_img{
border-bottom-color: #E29B3B;
}

#yukata #cnt_area01 #women01 .cnt_box .cnt_img::after{
background-image: url(../img/price/yukata/icon_arrow02.png);
}

#yukata #cnt_area01 #women01 .cnt_box .cnt_text{
color: #E29B3B;
}

#yukata #cnt_area01 #women01 .finish_box .cnt_img img{
top: -28px;
left: 80px;
max-width: 219px;
width: 69.75%;
}


#yukata #cnt_area01 #women02 .h3_g h3{
height: fit-content;
background-image: url(../img/price/yukata/bg_h3_title03.png);
}

#yukata #cnt_area01 #women02 .cnt_box .cnt_img{
border-bottom-color: #A33741;
}

#yukata #cnt_area01 #women02 .cnt_box .cnt_img::after{
background-image: url(../img/price/yukata/icon_arrow03.png);
}

#yukata #cnt_area01 #women02 .cnt_box .cnt_text{
color: #A33741;
}

#yukata #cnt_area01 #women02 .finish_box .cnt_img img{
top: -39px;
left: 41px;
max-width: 262px;
width: 83.44%;
}



#yukata #cnt_area01 .yukata_page_nav ul{
justify-content: center;
}
#yukata #cnt_area01 .yukata_page_nav li{
margin: 0 10px;
}
#yukata #cnt_area01 #mens .finish_box{
position: relative;
}
#yukata #cnt_area01 #mens .finish_box .p_img{
position: absolute;
width: 106%;
max-width: 333px;
left: 4.5%;
top: -13%;
z-index: 1;
}
#yukata #cnt_area01 #mens .finish_box .cnt_img {
height: auto !important;
}
#yukata #cnt_area01 #mens .finish_box .cnt_img img{
position: static;
max-width: none;
width: 100%;
}

#yukata #cnt_area01 #women02 .finish_box{
position: relative;
}
#yukata #cnt_area01 #women02 .finish_box .p_img{
position: absolute;
z-index: 1;
width: 70%;
top: -12%;
left: 15%;
}
#yukata #cnt_area01 #women02 .finish_box .cnt_img{
height: auto !important;
}
#yukata #cnt_area01 #women02 .finish_box .cnt_img img {
top: -39px;
left: 41px;
/* max-width: 262px;
width: 83.44%; */

position: static;
max-width: none;
width: 100%;
}

#yukata #cnt_area01 #women01 .finish_box{
position: relative;
}
#yukata #cnt_area01 #women01 .finish_box .p_img{
position: absolute;
z-index: 1;
width: 65%;
top: -15%;
left: 20%;
}

#yukata #cnt_area01 #mens .finish_box .p_img.-w135{
max-width: max-content;
width: 135%;
}

#yukata #cnt_area01 #women01 .finish_box .cnt_img{
height: auto !important;
}
#yukata #cnt_area01 #women01 .finish_box .cnt_img img {
position: static;
max-width: none;
width: 100%;
}


/*--------------------
08.町方マガジン
--------------------*/
#magazine .mainvisual{
background-color:#27335C;
}

#magazine #cnt_area01{
max-width: 968px;
margin: 47px auto 76px;
}

#magazine .first_text {
padding: 0 0 39px;
max-width: 906px;
margin: 0 auto;
line-height: 30px;
letter-spacing: 0.05em;
}

#magazine .date_box{
max-width: 968px;
margin: 20px auto 28px;
display: flex;
align-items: center;
justify-content: flex-end;
}

#magazine .date_box .date_select {
position: relative;
overflow: hidden;
max-width: 52px;
width: 100%;
text-align: center;
}

#magazine .date_box .date_select select {
width: 100%;
cursor: pointer;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
line-height: 20px;
color: #162749;
}

#magazine .date_box .date_select select::-ms-expand {
display: none;
}
#magazine .date_box .date_select::before {
position: absolute;
top: 0.7em;
right: 0;
content: '';
background: url(../img/magazine/icon_arrow.png) no-repeat center bottom;
background-size: 100% auto;
width: 9px;
height: 6px;
pointer-events: none;
}

#magazine .date_box .year {
max-width: 52px;
}

#magazine .date_box .year select{
font-weight: 500;
font-size: 15px;
}

#magazine .date_box .month {
max-width: 33px;
margin: 0 0 0 34px;
}

#magazine .date_box .month select{
font-size: 16px;
}

#magazine .cnt_g{
max-width: 968px;
margin: 0 auto 130px;
}

#magazine .cnt_g .cnt_box{
display: flex;
align-items: center;
margin: 0 auto 70px;
}

#magazine .cnt_g .cnt_img{
width: 45%;
}

#magazine .cnt_g .cnt_img img{
border-radius: 3px;
display: block;
height: 300px;
object-fit: cover;
}

#magazine .cnt_g .cnt_text{
width: 52%;
margin: 0 0 0 3%;
}

#magazine .cnt_g .cnt_text h2{
font-size: 22px;
line-height: 30px;
font-weight: 500;
padding: 0 0 15px;
}

#magazine .cnt_g .cnt_text p{
font-size: 16px;
line-height: 30px;
letter-spacing: 0.012em;
padding: 0 0 37px;
}

#magazine .cnt_g .cnt_text .info_box{
display: flex;
align-items: start;
}

#magazine .cnt_g .cnt_text .date{
font-size: 14px;
line-height: 31px;
color: #717171;
}

#magazine .cnt_g .cnt_text .category{
margin: 0 0 0 19px;
}

#magazine .cnt_g .cnt_text .category span{
font-size: 14px;
line-height: 15px;
padding: 5px 9px 5px;
display: inline-block;
color: #fff;
border-radius: 2px;
background: #C1C1C1;
margin: 3px 7px 3px 0;
}

#magazine .category_g{
max-width: 1080px;
margin: 0 auto 54px;
}

#magazine .category_g .title{
font-size: 20px;
line-height: 20px;
padding: 0 0 7px;
border-bottom: 1px solid #707070;
margin: 0 0 24px;
}

#magazine .category_g ul{
display: flex;
align-items: start;
flex-wrap: wrap;
}

#magazine .category_g li{
margin: 0 7px 13px 0;
}

#magazine .category_g li a{
border-radius: 2px;
background: #7F889B;
color: #fff;
display: inline-block;
padding: 5px 9px 5px;
font-size: 14px;
letter-spacing: 0.012em;
line-height: 15px;
}

#magazine .cnt_box .contents_btn{
border: 1px solid #27335C;
margin: 15px 0 0 auto;
max-width: 200px;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1em;
background: #fff;
text-align: center;
border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#magazine .cnt_box .contents_btn a{
width: 100%;
color: #27335C;
display: inline-block;
padding: 5px 29px 5px 25px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#magazine .cnt_box .contents_btn:hover{
border: 1px solid #27335C;
background: #27335C;
}

#magazine .cnt_box .contents_btn a:hover{
color: #fff;
}

/*--------------------
08-01.町方マガジン詳細
--------------------*/
#magazine_detail #cnt_area01 {
max-width: 968px;
margin: 10px auto 60px;
}

#magazine_detail .cnt_g{
margin: 0 auto 40px;
}

#magazine_detail .cnt_g .date_box{
color: #717171;
font-size: 14px;
line-height: 17px;
margin: 0 0 10px;
display: flex;
align-items: center;
}

#magazine_detail .cnt_g .date_box .date{
display: block;
max-width: 101px;
width: 100%;
border: 1px solid #707070;
text-align: center;
padding: 3px 0;
}

#magazine_detail .cnt_g .date_box .category{
display: block;
margin: 0 0 0 10px;
}

#magazine_detail .cate_box{
display: flex;
align-items: center;
color: #7C7C7C;
font-size: 20px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}

#magazine_detail .cate_box .category{
display: block;
margin: 0 0 0 10px;
}

#magazine_detail .cnt_g .page_title{
font-size: 25px;
line-height: 35px;
font-weight: bold;
margin: 0 0 55px;
}

#magazine_detail .cnt_g p{
font-size: 16px;
line-height: 30px;
margin: 0 0 35px;
}

#magazine_detail .cnt_g img{
display: block;
margin: 0 0 36px;
}

#magazine_detail .cnt_g .box_type01{
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 35px;
}

#magazine_detail .cnt_g .box_type01 .cnt_img{
width: 45%;
}

#magazine_detail .cnt_g .box_type01 .cnt_text{
width: 52%;
}

#magazine_detail .cnt_g strong{
font-weight: 500;
}

#magazine_detail .cnt_g dl.desc dd{
margin: 14px 0 0;
}

#magazine_detail .cnt_g .article_box a{
text-decoration: underline;
}

#magazine_detail .cnt_g .article_box .center{
text-align: center;
}

#magazine_detail .category{
margin: 0 0 0 19px;
}

#magazine_detail .category span{
font-size: 14px;
line-height: 15px;
padding: 5px 9px 5px;
display: inline-block;
color: #fff;
border-radius: 2px;
background: #C1C1C1;
margin: 3px 7px 3px 0;
}

#magazine_detail .pagelink_g,
#magazine_detail .category_g{
max-width: 968px;
margin: 0 auto 54px;
width: 94%;
}

#magazine_detail .pagelink_g .title,
#magazine_detail .category_g .title{
font-size: 20px;
line-height: 20px;
padding: 0 0 7px;
border-bottom: 1px solid #707070;
margin: 0 0 24px;
}

#magazine_detail .pagelink_g ul,
#magazine_detail .category_g ul{
display: flex;
align-items: start;
flex-wrap: wrap;
}

#magazine_detail .category_g li{
margin: 0 7px 13px 0;
}

#magazine_detail .category_g li a{
border-radius: 2px;
background: #7F889B;
color: #fff;
display: inline-block;
padding: 5px 9px 5px;
font-size: 14px;
letter-spacing: 0.012em;
line-height: 15px;
}

#magazine_detail .pagelink_g li{
margin: 0 15px 13px 0;
}

#magazine_detail .pagelink_g li a{
font-size: 16px;
letter-spacing: 0.012em;
position: relative;
display: inline-block;
text-decoration: none;
}

#magazine_detail .pagelink_g li a::after {
position: absolute;
bottom: -10px;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #333;
opacity: 0;
visibility: hidden;
transition: .3s;
}
#magazine_detail .pagelink_g li a:hover::after {
bottom: -6px;
opacity: 1;
visibility: visible;
}

#magazine_detail .cnt_area .btn_g{
max-width: 780px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
margin: 0 auto 0 0;
}

#magazine_detail .cnt_area .btn_g .contents_btn{
width: 49.4%;
border: 3px solid #B98F30;
border-radius: 5px;
color: #000;
}

#magazine_detail .cnt_area .btn_g .contents_btn.btn_previous{
background: url("../img/magazine/arrow_left.png") no-repeat 5% center;
background-size: 17px;
}

#magazine_detail .cnt_area .btn_g .contents_btn.btn_next{
background: url("../img/magazine/arrow_right.png") no-repeat 95% center;
background-size: 17px;
}

#magazine_detail .cnt_area .btn_g .contents_btn a{
display: inline-block;
width: 100%;
color: #000;
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: underline;
}

#magazine_detail .cnt_area .btn_g .contents_btn.btn_previous a{
padding: 26.5px 40px 26.5px 75px;
}

#magazine_detail .cnt_area .btn_g .contents_btn.btn_next a{
padding: 26.5px 75px 26.5px 40px;
}

#magazine_detail .cnt_area .btn_g .article_nav{
display: block;
}

/*--------------------
09.宿泊
--------------------*/
#lodging .mainvisual{
background-color: #27315C;
}

#lodging .first_text{
max-width: 968px;
padding: 49px 0 42px;
line-height: 30px;
letter-spacing: 0.05em;
}

#lodging .cnt_area{
}

#lodging .cnt_area .contents_in{
display: flex;
align-items: start;
padding: 0 98px 0 16px;
}

#lodging .cnt_area .h2_g{
position: relative;
}

#lodging .cnt_area .h2_g h2{
width: 54px;
height: 210px;
background: url("../img/lodging/bg_h2_title01.png") repeat center top;
background-size: cover;
margin: 0 auto;
font-size: 20px;
font-weight: 700;
color: #27345C;
line-height: 22px;
letter-spacing: 0.08em;
padding: 33px 17px 29px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}

#lodging #hotel_area{
background: url(../img/lodging/bg_hotel.png) repeat center center;
background-size: 89px auto;
background-color: #3F795E;
padding: 0 0 34px
}

#lodging #hotel_area .cnt_g{
max-width: 968px;
width: 100%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
margin: 34px 0 0 28px;
}

#lodging #hotel_area .cnt_box{
position: relative;
max-width: 478px;
width: 49.39%;
}

#lodging #hotel_area .cnt_img{
width: 100%;
position: relative;
}

#lodging #hotel_area .cnt_img::before{
content: "";
width: 100%;
height: 100%;
display: block;
background: rgba(0,0,0,.3);
position: absolute;
top: 0;
left: 0;
}

#lodging #hotel_area .cnt_text{
width: 100%;
position: absolute;
bottom: 31px;
left: 0;
}

#lodging #hotel_area .cnt_text h3{
text-align: center;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.05em;
color: #fff;
font-weight: 700;
text-shadow: 1px 1px 5px rgba(0,0,0,.71);
padding: 0 0 38px;
}

#lodging #hotel_area .cnt_text .next_btn{
padding: 0 26px 0 0;
text-align: right;
}

#lodging #hotel_area .cnt_text .next_btn p{
color: #fff;
text-decoration: underline;
font-weight: 500;
font-size: 14px;
position: relative;
}

#lodging #hotel_area .cnt_text .next_btn p::after{
content: "";
display: inline-block;
width: 19px;
height: 18px;
background: url(../common/img/arrow_right08.png) no-repeat center center;
background-size: 19px auto;
margin: 0 0 0 10px;
vertical-align: middle;
}

#lodging #hotel_area .cnt_box01{
max-width: 968px;
width: 100%;
margin: 0 0 12px;
}

#lodging #hotel_area .cnt_box01 .cnt_text img{
max-width: 147px;
margin: 0 auto 19px;
}

#lodging #relax_area{
padding: 44px 0 21px;
}

#lodging #relax_area .h2_g h2 {
background-image: url(../img/lodging/bg_h2_title02.png);
color: #E1C36A;
height: fit-content;
}

#lodging #relax_area .cnt_g{
max-width: 968px;
width: 100%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap:wrap;
margin: 0 0 0 28px;
}

#lodging #relax_area .cnt_box{
max-width: 478px;
width: 49.39%;
position: relative;
margin: 0 0 13px;
}

#lodging #relax_area .cnt_img{
position: relative;
}

#lodging #relax_area .cnt_img img{
border-radius: 5px;
}

#lodging #relax_area .cnt_img::before{
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0,0,0,.3);
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
}

#lodging #relax_area .cnt_text{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

#lodging #relax_area .cnt_text .title{
width: 100%;
color: #fff;
font-size: 20px;
line-height: 30px;
letter-spacing: 0.05em;
font-weight: 700;
max-width: 274px;
margin: 0 auto;
text-align: center;
}

#lodging #relax_area .cnt_text p{
color: #fff;
font-weight: 500;
line-height: 30px;
letter-spacing: 0.05em;
max-width: 260px;
margin: 21px auto 0;
}

#lodging #relax_area .cnt_box01{
max-width: 968px;
width: 100%;
}

/*--------------------
10.アクセス
--------------------*/
#access .mainvisual{
background-color: #84BBC1;
}

#access .cnt_area{
}

#access .cnt_area .h3_g{
position: relative;
margin: 0 0 0 16px;
}

#access .cnt_area .h3_g h3{
width: 54px;
height: fit-content;
background: url("../img/access/bg_title_h3.png") repeat center center;
background-size: 47px auto;
background-color: #84BBC1;
margin: 0 auto;
font-size: 20px;
font-weight: 700;
color: #FFFAEB;
line-height: 22px;
letter-spacing: 0.08em;
padding: 33px 17px 29px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}

#access #train{
margin: 0 auto 20px;
}

#access #train .contents_in{
padding: 39px 0 0;
}

#access #train p{
max-width: 968px;
margin: 0 auto 58px;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.05em;
}

#access #train .cnt_block{
display: flex;
align-items: start;
}

#access #train .h3_g{
padding: 30px 0 0;
}

#access #train .cnt_img{
max-width: 924px;
margin: 0 0 0 56px;
}

#access #train .note_box{
max-width: 400px;
margin: 30px auto 10px;
font-size: 14px;
line-height: 26px;
letter-spacing: 0.05em;
}

#access #car{
padding: 27px 0 0;
position: relative;
}

#access #car .bg{
background: url(../img/access/bg_map.png) repeat center center;
background-size: 126px auto;
background-color: #B5D5DA;
padding: 33px 0;
}

#access #car .map{
/* max-width: 1280px; */
width: 100%;
margin: 0 auto;
}

#access #car .cnt_g{
width: 100%;
position: absolute;
top: 0;
left: 0;
}

#access #car .cnt_g .h3_g{
max-width: 54px;
padding: 0 0 115px;
}

#access #car .cnt_box{
background: #fff;
box-shadow: 0 3px 20px rgba(0,0,0,.16);
max-width: 478px;
width: 100%;
padding: 43px 0;
}

#access #car .cnt_box .address_text{
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.05em;
text-align: center;
padding: 0 0 17px;
}

#access #car .cnt_box .next_btn{
background: #27345C;
max-width: 268px;
width: 100%;
margin: 0 auto;
border-radius: 3px;
}

#access #car .cnt_box .next_btn a{
display: inline-block;
width: 100%;
padding: 8px 5px;
color: #fff;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.1em;
text-align: center;
}

#access #car .cnt_box .next_btn a img{
display: inline-block;
vertical-align: middle;
max-width: 31px;
}

#access #car .cnt_box .next_btn a span{
display: inline-block;
vertical-align: middle;
margin: 0 0 0 8px;
}


/* #access #bus{
background: url(../img/access/bg_bus.png) no-repeat center top;
background-size: 100% auto;
background-color: #84BBC1;
padding: 10px 0;
}

#access #bus .cnt_box{
display: flex;
align-items: center;
}

#access #bus .cnt_img{
max-width: 502px;
width: 43.13%;
}

#access #bus .cnt_text{
max-width: 633px;
width: 54.39%;
margin: 0 0 0 1.29%;
}

#access #bus .cnt_text .title{
color: #fff;
font-weight: 700;
font-size: 32px;
line-height: 32px;
margin: 0 0 19px;
}

#access #bus .cnt_text .title span{
display: block;
font-size: 20px;
padding: 6px 0 0;
font-weight: 500;
letter-spacing: 0.05em;
}

#access #bus .cnt_text h4{
font-weight: 700;
font-size: 28px;
line-height: 36px;
color: #27335C;
position: relative;
margin: 0 0 16px;
}

#access #bus .cnt_text .icon{
position: absolute;
top: -62px;
right: 0;
max-width: 102px;
}

#access #bus .cnt_text .arrow{
max-width: 38px;
display: inline-block;
vertical-align: top;
margin: 15px 0 0;
padding: 0 3px;
}

#access #bus .cnt_text span{
display: block;
font-size: 42px;
letter-spacing: -0.03em;
padding: 10px 0;
}

#access #bus .cnt_text span .small{
font-size: 40px;
display: inline;
padding: 0;
}

#access #bus .cnt_text p{
font-weight: 700;
font-size: 31px;
color: #27335C;
}

#access #bus_schedule{
background: url(../img/access/bg_schedule.png) repeat center center;
background-size: 84px auto;
background-color: rgba(132,187,193,.38);
padding: 53px 0 43px;
} */

#access #bus_schedule .cnt_box{
/*display: flex;*/ /*課題-21*/
align-items: center;
justify-content: space-between;
}

#access #bus_schedule .cnt_left{
padding: 0 0 0 36px;
/*max-width: 369px;
width: 31.71%;*/ /*課題-21*/
margin: 0 5.67% 0 0;
}

#access #bus_schedule .cnt_left p{
/*max-width: 333px;*/ /*課題-21*/
font-size: 14px;
line-height: 30px;
letter-spacing: 0.05em;
color: #27325C;
}
#access #bus_schedule .timetable_link { /*課題-21*/
 padding: 36px 0 0 36px;
}
@media only screen and (max-width:480px){ /*課題-21*/
    #access #bus_schedule .timetable_link { 
     padding: 0;
    }
}

#access #bus_schedule .cnt_right{
/*
display: flex;
align-items: start;
justify-content: space-between;
flex-direction: row;
*/
max-width: 729px;
width: 62.63%;
}

/* #access #bus_schedule .cnt_right .inner_box{
display: flex;
align-items: start;
justify-content: space-between;
flex-direction: row;
}

#access #bus_schedule .cnt_right .period{
color: #27325C;
font-size: 20px;
font-weight: 700;
padding: 0 0 15px;
text-align: center;
line-height: 26px;
}

#access #bus_schedule .cnt_right .schedule_box{
max-width: 293px;
width: 40.2%;
}

#access #bus_schedule .cnt_right .schedule_box02{
max-width: 422px;
width: 57.89%;
}

#access #bus_schedule .cnt_right .schedule_box .title{
text-align: center;
color: #fff;
border-radius: 5px 5px 0 0;
background: #27345C;
font-size: 20px;
line-height: 20px;
font-weight: 700;
padding: 17px 0 22px;
}

#access #bus_schedule .cnt_right .schedule_box .title span{
display: block;
padding: 10px 0 0;
font-weight: 400;
font-size: 13px;
line-height: 13px;
}

#access #bus_schedule .cnt_right .schedule_box .title span.small_text{
padding: 0;
display: inline-block;
font-weight: 700;
}

#access #bus_schedule .cnt_right .schedule_box .cnt_text{
display: flex;
align-items: start;
background: #fff;
}
#access #bus_schedule .cnt_right .schedule_box .cnt_text:not(:nth-child(1)) {
border-top: 1px solid rgb(39 52 92 / 31%);
}

#access #bus_schedule .cnt_right .schedule_box ul{
width: 50%;
}

#access #bus_schedule .cnt_right .schedule_box li{
font-size: 20px;
line-height: 20px;
padding: 8px 0;
text-align: center;
}

#access #bus_schedule .cnt_right .schedule_box li:nth-child(odd){
background: #EBEBEB;
}

#access #bus_schedule .cnt_right .schedule_box .cnt_text p{
width: 100%;
font-size: 16px;
line-height: 20px;
padding: 8px 0;
text-align: center;
margin: 0 auto;
}
#access #bus_schedule .cnt_right .schedule_box .cnt_text p:not(:nth-child(1)){
border-left: 1px solid rgb(39 52 92 / 31%);
} */

/* #access #bus{
padding: 15px 0;
background-size: auto 100%;
}

#access #bus .cnt_text h4{
line-height: 46px;
}

#access #bus .cnt_text .arrow{
margin: 18px 0 0;
}

#access #bus .next_btn{
background: #27345C;
    max-width: 268px;
    width: 100%;
    margin: 0 auto;
    border-radius: 3px;
margin: 20px auto 0;
}

#access #bus .next_btn a{
display: inline-block;
width: 100%;
padding: 8px 5px;
color: #fff;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.1em;
text-align: center;
}

#access #bus_schedule .cnt_box{
margin: 0 auto 30px;
}

#access #bus_schedule .cnt_left .title{
color: #27325C;
font-size: 16px;
font-weight: 700;
padding: 0 0 4px;
}

#access #bus_schedule .cnt_left .title span{
display: block;
font-size: 15px;
line-height: 25px;
} */

#access #bus {
  margin: 0 auto 20px;
  background: url(../img/access/bg_schedule.png) repeat center center / 80px 80px;
  /* background-size: 80px; */
  overflow: hidden;
  padding: 5px 0;
}

#access #bus .contents_in {
  padding: 39px 0 0;
  margin-left: 50px;
}

#access #bus .cnt_box {
  display: flex;
  max-width: 100%;
  padding: 30px 0;
  gap: 50px;
}

#access #bus .description_box {
  font-size: 1.0rem;
  line-height: 2.0rem;
  width: 95%;
}

#access #bus .cnt_text h4 {
  line-height: 46px;
}

#access #bus .cnt_text .arrow {
  margin: 18px 0 0;
}

#access #bus .next_btn {
  background: #27345C;
  max-width: 268px;
  width: 100%;
  margin: 30px 0 0;
  border-radius: 3px;
}

#access #bus .next_btn a {
  display: inline-block;
  width: 100%;
  padding: 8px 5px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-align: center;
}

/*--- 201130追記 ---*/
#access table.bus_time{
border-radius: 5px 5px 0 0;
display: block;
width: 100%;
background: #fff;
line-height: 1.4em;
}
#access table.bus_time tr.bg th {
background: #27345C;
color: #fff;
font-weight: 700;
border-left: 1px solid #fff;
padding: 10px 0;
}
#access table.bus_time tr.bg th:first-of-type {
border: none;
border-radius: 5px 0 0 0;
}
#access table.bus_time tr.bg th:last-of-type {
border-radius: 0 5px 0 0;
}
#access table.bus_time tr.bg th span{
font-size: 12px;
line-height: 12px;
display: block;
font-weight: 500;
padding-top: 8px;
}
#access table.bus_time tr th{
/*width: 30%;*/
width: 16%;
vertical-align: middle;
padding: 10px 3px;
text-align: center;
}
#access table.bus_time tr td{
/*width: 40%;*/
width: 35%;
padding: 10px;
vertical-align: middle;
border-left: 1px solid rgb(39 52 92 / 31%);
text-align: center;
}
#access table.bus_time tr:nth-of-type(2) td:nth-child(2), #access table.bus_time tr:nth-of-type(2) td:nth-child(3), #access table.bus_time tr:nth-of-type(3) td:nth-child(2), #access table.bus_time tr:nth-of-type(3) td:nth-child(3){
text-align: center;
}
#access table.bus_time tr {
border-bottom: 1px solid rgb(39 52 92 / 31%);
}
#access table.bus_time tr:last-of-type {
border-bottom: none;
}

@media only screen and (max-width:480px){
#access table.bus_time tr.bg th span{
font-size: 10px;
line-height: 12px;
padding-top: 8px;
}
}

/* youtube再生ボタン */
.youtube_link {
	display: flex;
	justify-content: space-evenly;
	/* flex-wrap: wrap; */
	margin: 3em auto 0;
	max-width: 924px;
	width: 80%;
}
.youtube_link_play {
	width: 30%;
}
.youtube_link_play a {
	display: block;
	position: relative;
}
.youtube_link_play a img {
	transition: opacity 0.3s;
}
.youtube_link_play a:after {
	background: url(../img/access/icon-play.svg) no-repeat left top / 100% 100%;
	bottom: 25%;
	content: '';
	height: 100px;
	left: 0;
	margin: auto;
	position: absolute;
	transition: opacity 0.3s;
	right: 0;
	width: 100px;
}
@media (hover:hover){
	.youtube_link_play a:hover img {
		opacity: 0.9;
	}
	.youtube_link_play a:hover:after {
		opacity: 0.8;
	}
}

/*--------------------
11.よくある質問・お問い合わせ
--------------------*/
#faq .mainvisual{
background-color:#27335C;
}

#faq #cnt_area01{
max-width: 1120px;
width: 100%;
margin: 47px auto 76px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content:  center;
-moz-justify-content: center;
-o-justify-content:  center;
-ms-justify-content:  center;
}

#faq h2{
width: 54px;
height: 210px;
background: url("../img/faq/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #E1C36A;
line-height: 22px;
padding: 27px 17px;
margin: -86px 16px 0 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}

#faq .first_text{
max-width: 945px;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.05em;
margin: 47px auto 40px;
}

#faq #cnt_area01 .tab_wrap{
width: 100%;
max-width:980px;
margin:0;
}

#faq #cnt_area01 .tab_wrap .tab_area{
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: flex-end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-o-justify-content: flex-end;
-ms-justify-content: flex-end;
}

#faq #cnt_area01 .tab_area label{
width:23.85%;
margin:0 6px;
display:inline-block;
padding:15px 0 14px;
color:#fff;
background:rgba(76,94,150,0.83);
border-radius: 5px 5px 0 0;
text-align:center;
font-size:18px;
font-weight: 500;
line-height: 19px;
cursor:pointer;
transition:ease 0.2s opacity;
}

#faq #cnt_area01 .tab_area label:last-of-type{
margin:0 0 0 5px;
}

#faq #cnt_area01 .tab_area label:hover{
opacity:0.5;
}

#faq #cnt_area01 .tab_area label.active{
background:#fff;
color:#27345C;
border-top: 2px solid #27345C;
border-left: 2px solid #27345C;
border-right: 2px solid #27345C;
}

#faq #cnt_area01 .panel_area{
background:#fff;
border-top: 2px solid #27345C;
margin: -2px auto 0;
}

#faq #cnt_area01 .tab_panel{
width: 100%;
max-width: 968px;
padding: 51px 0 0;
margin: 0 0 0 auto;
display:none;
}

#faq #cnt_area01 .tab_panel.active{
display:block;
animation:tabAnim ease 0.6s forwards;
-ms-animation:tabAnim ease 0.6s forwards;
}

#faq #cnt_area01 .cnt_box{
border-bottom: 2px solid #27325C;
margin: 0 auto;
}

#faq #cnt_area01 .cnt_box:nth-child(1){
border-top: 2px solid #27325C;
}

#faq #cnt_area01 .cnt_box .question_box{
display: flex;
align-items: start;
font-size: 18px;
font-weight: 500;
line-height: 27px;
color: #162749;
position: relative;
cursor: pointer;
padding: 0 20px 0 0;
padding:21px 40px;
}

#faq #cnt_area01 .cnt_box .question_box::before{
content: "";
display: block;
width: 16px;
height: 16px;
background: url(../img/faq/icon_plus.png) no-repeat center center;
background-size: 100% auto;
position: absolute;
top: 27px;
right: 40px;
}

#faq #cnt_area01 .cnt_box .question_box.active::before{
background-image: url(../img/faq/icon_minus.png);
}

#faq #cnt_area01 .cnt_box .icon{
padding: 0 12px 0 0;
font-weight: 500;
font-size: 18px;
}

#faq #cnt_area01 .cnt_box .text{
padding: 2px 0 0;
}

#faq #cnt_area01 .cnt_box .answer_box{
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 30px;
display: none;
background: #27345C;
padding: 18px 25px 27px;
}

#faq #cnt_area01 .cnt_box .answer_box .box_in{
display: flex;
align-items: start;
}

#faq #cnt_area01 .cnt_box .answer_box a{
color: #fff;
text-decoration: underline;
}

#faq #cnt_area02{
background: url(../img/faq/bg_contens_pc.png) repeat;
background-size: 145px;
background-color: rgba(251,246,231,0.61);
position: relative;
}

#faq #cnt_area02 #form_area{
max-width: 1132px;
padding-bottom: 37px;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

#faq #cnt_area02 #form_area h2{
margin: 0px 16px 0 0;
/*height: max-content;*/
height: 295px;
}

#faq #cnt_area02 #form_area .cnt_g{
max-width: 980px;
margin: 34px auto 0;
}

#faq #cnt_area02 #form_area .cnt_g .note_text{
max-width: 576px;
font-size: 14px;
line-height: 26px;
margin: 0 auto 10px;
}

#faq #cnt_area02 #form_area .cnt_g table{
max-width: 576px;
width: 100%;
font-size: 19px;
line-height: 33px;
margin: 0 auto;
table-layout: fixed;
}

#faq #cnt_area02 #form_area .cnt_g table td{
width: 100%;
padding: 0 0 20px;
}

#faq #cnt_area02 #form_area .cnt_g table label{
display: none;
}

#faq #cnt_area02 #form_area .cnt_g table input.text_box,
#faq #cnt_area02 #form_area .cnt_g table textarea{
width: 100%;
background: #fff;
border-radius: 5px;
font-size: 19px;
line-height: 33px;
padding: 17px 24px 16px;
box-sizing: border-box;
-webkit-appearance: none;
border: none;
background-image: none;
box-shadow:none;
font-family: 'Noto Serif JP', serif;
}

#faq #cnt_area02 #form_area .cnt_g table select{
background: url("../img/faq/arrow_down.png") no-repeat 94% center;
background-size: 10px;
/*width: 10px;
height: 5px;*/
width: 100%;
background-color: #fff;
border-radius: 5px;
font-size: 19px;
line-height: 33px;
padding: 17px 24px 16px;
box-sizing: border-box;
-webkit-appearance: none;
border: none;
box-shadow:none;
font-family: 'Noto Serif JP', serif;
}

#faq #cnt_area02 #form_area .cnt_g table .required{
color: #C30D23;
font-weight: 500;
}

#faq #cnt_area02 #form_area .cnt_g .submit_box{
max-width: 380px;
width: 100%;
margin: 0 auto;
}

#faq #cnt_area02 #form_area .cnt_g .submit_box .submit{
background-color: #162749;
width: 100%;
padding: 17px 0;
font-size: 18px;
font-weight: bold;
line-height: 27px;
color: #fff;
text-align: center;
cursor: pointer;
border-radius: 5px;
border: none;
box-shadow:none;
-webkit-appearance: none;
font-family: 'Noto Serif JP', serif;
}

#faq #cnt_area02 #form_area .cnt_g table input.text_box::-webkit-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table textarea::-webkit-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table select::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
color:#898989;
font-size: 19px;
line-height: 33px;
}
#faq #cnt_area02 #form_area .cnt_g table input.text_box::-webkit-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table textarea:-ms-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table select::-webkit-input-placeholder{ /* Internet Explorer 10-11 */
color:#898989;
font-size: 19px;
line-height: 33px;
}

#faq #cnt_area02 #form_area .cnt_g table input.text_box::-webkit-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table textarea::placeholder,
#faq #cnt_area02 #form_area .cnt_g table select::-webkit-input-placeholder{ /* Others */
color:#898989;
font-size: 19px;
line-height: 33px;
}

#faq #tel_area{
max-width: 240px;
position: absolute;
bottom: 0;
right:58px;
}

#faq #tel_area h2{
width: 100%;
height: 48px;
background: url("../img/faq/bg02_title.png") no-repeat center center;
background-size: cover;
border-radius: 5px 5px 0 0;
font-size: 18px;
font-weight: bold;
color: #27325C;
line-height: 22px;
padding: 13px 10px;
-ms-writing-mode: lr-tb;
-webkit-writing-mode: inherit;
writing-mode: horizontal-tb;
text-align: center;
position: relative;
}

/* #faq #tel_area h2::before{
content: '';
display: inline-block;
width: 224px;
height: 206px;
background-image: url(../img/faq/img_call.png);
background-size: contain;
vertical-align: middle;
position: absolute;
bottom: 48px;
right: 0;
left: 0;
} */

#faq #tel_area .cnt_box{
width: 100%;
background: url("../img/faq/bg_call.png") no-repeat center center;
background-size: cover;
background-color: #27335C;
color: #fff;
}

#faq #tel_area .cnt_box .tel_number{
font-size: 28px;
line-height: 41px;
font-weight: 500;
text-align: center;
position: relative;
padding: 49px 5px 19px;
}

#faq #tel_area .cnt_box .tel_number a {
color:#fff;
text-decoration:none;
}


#faq #tel_area .cnt_box .tel_number::before{
content: '';
display: inline-block;
width:22.68px;
height: 22.73px;
background-image: url("../img/faq/icon_call.png");
background-size: contain;
vertical-align: middle;
position: absolute;
top: 25px;
right: 0;
left: 0;
margin: 0 auto;
}


#faq #tel_area .cnt_box .tel_number .tel_title{
font-size: 14px;
line-height: 20px;
font-weight: bold;
display: block;
}

/*--------------------
12.新着情報一覧
--------------------*/
/*#news .mainvisual{
background-color:#27335C;
}

#news #cnt_area01{
max-width: 968px;
margin: 47px auto 76px;
}

#news .cnt_box{
border-bottom: 1px solid #707070;
margin: 0 auto 43px;
padding: 0 16px 18px 18px;
}

#news .cnt_box .date_box{
color: #717171;
font-size: 14px;
line-height: 17px;
margin: 0 0 10px;
display: flex;
align-items: center;
}

#news .cnt_box .date_box .date{
display: block;
max-width: 101px;
width: 100%;
border: 1px solid #707070;
text-align: center;
padding: 3px 0;
}

#news .cnt_box .date_box .category{
display: block;
margin: 3px 0 0 10px;
}

#news .cnt_box h2{
font-size: 22px;
line-height: 30px;
font-weight: 500;
margin: 0 0 32px;
}

#news .cnt_box .contents_btn{
border: 1px solid #27335C;
margin: 0 0 0 auto;
max-width: 200px;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1em;
background: #fff;
text-align: center;
border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#news .cnt_box .contents_btn a{
width: 100%;
color: #27335C;
display: inline-block;
padding: 5px 29px 5px 25px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#news .cnt_box .contents_btn:hover{
border: 1px solid #27335C;
background: #27335C;
}

#news .cnt_box .contents_btn a:hover{
color: #fff;
}

#news #pager_area{
text-align: right;
margin: 82px 0 48px;
}

#news #pager_area a,#news #pager_area span{
display: inline-block;
font-size: 18px;
margin: 0 4px;
}*/

#info .mainvisual{
background-color:#27335C;
}

#info #cnt_area01{
margin: 95px auto 115px;
}

#info #cnt_area01 .tab_wrap{
max-width: 1165px;
margin: 95px auto 115px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

#info #cnt_area01 .tab_area{
width: 24.3%;
margin: 0 6.3% 0 0;
}

#info #cnt_area01 .tab_area ul a{
display: block;
font-size: 20px;
font-weight: bold;
line-height: 30px;
padding: 16px 25px 16px 10px;
border-bottom: 1px solid #A7A7A7;
background: url("../img/news/arrow02_right.png") no-repeat 93% center;
background-size: 6px;
transition: all .2s;
}

#info #cnt_area01 .tab_area ul a:hover{
background: url("../img/news/arrow02_right.png") no-repeat 96% center;
background-size: 6px;
}

#info #cnt_area01 .tab_panel{
width: 56.2%;
margin: 35px 0 0 0;
/*display: none;*/
}

#info #cnt_area01 .tab_panel.active{
display: block;
}

#info #cnt_area01 .cnt_box{
margin: 0 auto 30px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
align-items: flex-start;
-webkitalign-items: flex-start;
-moz-align-items: flex-start;
-o-align-items: flex-start;
-ms-align-items: flex-start;
}

#info #cnt_area01 .cnt_box .category_box{
max-width: 143px;
width: 100%;
background: #C7780D;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 20px;
padding: 5px;
margin: 0 16px 0 0;
text-align: center;
}

#info #cnt_area01 .cnt_box .category_box.magazine{
background: #A33741;
}

#info #cnt_area01 .cnt_box .category_box.information{
background: #C7780D;
}
#info #cnt_area01 .cnt_box .category_box.event{
background: #3F795E;
}
#info #cnt_area01 .cnt_box .category_box.release{
background: #27345C;
}
#info #cnt_area01 .cnt_box .category_box.important_notice{
background: #DD0031;
}


#info #cnt_area01 .cnt_box .date_box{
color: #717171;
font-size: 16px;
line-height: 27px;
margin: 0 18px 0 0;
}

#info #cnt_area01 .cnt_box .page_title{
width: 60.6%;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}

#info .page_nav {
width: fit-content;
margin: 30px auto;
}
#info .wp-pagenavi a:hover, #info .wp-pagenavi span.current {
border-color: #27335c;
background: #27335c;
color: #fff;
}
#info .wp-pagenavi a, #info .wp-pagenavi span {
text-decoration: none;
border: 1px solid #27335c;
/* background: #47517266; */
padding: 6px 10px;
margin: 2px;
border-radius: 5px;
color: #27335c;
font-weight: bold;
}

/*関連情報*/
#info #cnt_area02{
background: url("../img/news/bg_contents.png") repeat top left;
background-size: 179px;
}

#info #cnt_area02 h2{
width: 54px;
height: 198px;
background: url("../img/news/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #fff;
line-height: 22px;
letter-spacing: 0.05em;
padding: 27px 17px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright; /* Safari */
text-orientation: upright;
margin: 0 28px 0 0;
text-shadow: 0px 1px 3px rgba(0,0,0,0.6);
}

#info #cnt_area02 .cnt_block{
max-width: 1132px;
width: 100%;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;

}
#info #cnt_area02 .cnt_g{
max-width: 870px;
margin: 23px auto 0 0;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content:  space-between;
-ms-justify-content:  space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}

#info #cnt_area02 .cnt_g .cnt_box{
width:32.4%;
margin: 0 0 23px;
background: #fff;
padding: 16px 14px;
}

#info #cnt_area02 .cnt_img{
margin: 0 0 20px;
}

#info #cnt_area02 .date_text{
font-size: 17px;
line-height: 29px;
}

#info #cnt_area02 .title_text{
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin: 0 0 10px;
}

#info #cnt_area02 .category_box{
width: max-content;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 20px;
background: #A33741;
padding: 5px 19px;
}

#info #cnt_area02 .category_box.category_magazine{
background: #A33741;
}

#info #cnt_area02 .category_box.category_press_release{
background: #27345C;
}

#info #cnt_area02 .category_box.category_event{
background: #3F795E;
}
#info #cnt_area02 .category_box.important_notice{
background: #DD0031;
}



/*--- 210405 TOPデザイン変更 ---*/
#info #cnt_area01 .nav_g{
margin-bottom: 60px;
}
#info #cnt_area01 .nav_g li{
display: inline-block;
max-width: 148px;
width: 100%;
margin: 0 20px 8px 0;
}
#info #cnt_area01 .nav_g li a{
background: #fff;
display: block;
width: 100%;
text-align: center;
border: 1px solid #000;
color: #000;
border-radius: 2px;
padding: 8px 8px 9px;
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
}
#info #cnt_area01 .nav_g li.important_notice a{
border: 1px solid #CB2A38;
background: #CB2A38;
color: #fff;
font-size: 12px;
line-height: 15px;
}
#info #cnt_area01 .nav_g li.information a{
border: 1px solid #BD7B2E;
background: #BD7B2E;
color: #fff;
}
#info #cnt_area01 .nav_g li.event a{
border: 1px solid #4B765F;
background: #4B765F;
color: #fff;
}
#info #cnt_area01 .nav_g li.pickup a{
border: 1px solid #8FBAC0;
background: #8FBAC0;
color: #fff;
}
#info #cnt_area01 .nav_g li.magazine a{
border: 1px solid #973E43;
background: #973E43;
color: #fff;
}

#info #cnt_area01 .cnt_g{
display: flex;
justify-content: flex-start;
flex-flow: wrap;
margin-bottom: 40px;
}
#info #cnt_area01 .cnt_g .cnt_box{
display: block;
width: 24.2%;
margin: 0 1% 40px 0;
background: #fff;
border-radius: 5px;
border: 1px solid #B98F30;
}

#info #cnt_area01 .cnt_g .cnt_box:nth-of-type(4n){
margin: 0 0 40px;
}
#info #cnt_area01 .cnt_g .cnt_box .cnt_img img{
border-radius: 4px;
}
#info #cnt_area01 .cnt_g .cnt_box .cnt_text{
padding: 12px 16px 18px;
min-height: 156px;
}
#info #cnt_area01 .cnt_box .cnt_text .cat_box{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
font-family: 'Noto Sans JP', sans-serif;
}
#info #cnt_area01 .cnt_box .cnt_text .cat{
display: block;
}
#info #cnt_area01 .cnt_box .cnt_text .cat span{
display: inline-block;
margin: 0 6px 6px 0;
background: #bbb;
color: #fff;
font-size: 12px;
border-radius: 2px;
padding: 6px 10px 7px;
/*max-width: 116px;*/
/*width: 100%;*/
text-align: center;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .important_notice{
background: #CB2A38;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .information{
background: #BD7B2E;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .event{
background: #4B765F;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .pickup{
background: #8FBAC0;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .magazine{
background: #973E43;
}
#info #cnt_area01 .cnt_box .cnt_text .date{
display: block;
font-size: 12px;
color: #939393;
margin-bottom: 6px;
}
#info #cnt_area01 .cnt_box .cnt_text .title{
display: block;
font-size: 16px;
line-height: 26px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
}



/*--------------------
12-01.お知らせ詳細
--------------------*/
.detail_page .pankuzu_area ul li,
.detail_page .pankuzu_area ul li a{
color: #000000;
}

#news_detail #cnt_area01{
max-width: 968px;
margin: 10px auto 60px;
}

#news_detail .cnt_area .page_title{
font-size: 25px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}

#news_detail .cnt_area .date_box{
color: #7C7C7C;
font-size: 20px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}

#news_detail #cnt_area01 .cnt_img{
max-width: 674px;
margin: 0 0 68px;
}

#news_detail #cnt_area01 .cnt_img img{
display: block;
}

#news_detail .cnt_area .article_box{
margin: 0 0 40px;
}

#news_detail .cnt_area .news-article_text{
color: #000;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
margin: 0 0 35px;
}

#news_detail .cnt_area .font_small{
font-size: 14px;
line-height: 22px;
}

#news_detail .cnt_area .news-article_text a{
color: #0027FC;
}

#news_detail .cnt_area .article_box .text_link a{
color: #000;
}

#news_detail .cnt_area .article_box .next_btn.btn_ptn01{
max-width: 478px;
width: 100%;
margin: 0 auto 50px;
}

#news_detail .cnt_area .article_box .next_btn.btn_ptn01 a{
background: #A33741;
color: #fff;
border: 3px solid #A33741;
display: inline-block;
width: 100%;
text-align: center;
padding: 24px 0 22px;
font-size: 19px;
font-weight: 700;
text-decoration:none;
}

#news_detail .cnt_area .news-article_text .text_underline{
text-decoration: underline;
}

#news_detail .cnt_area .news-article_text .color_red{
color: #AD0000;
}

#news_detail .cnt_area .btn_g{
max-width: 780px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
margin: 0 auto 0 0;
}

#news_detail .cnt_area .btn_g .contents_btn{
width: 49.4%;
border: 3px solid #B98F30;
border-radius: 5px;
color: #000;
}

#news_detail .cnt_area .btn_g .contents_btn.btn_previous{
background: url("../img/news/arrow_left.png") no-repeat 5% center;
background-size: 17px;
}

#news_detail .cnt_area .btn_g .contents_btn.btn_next{
background: url("../img/news/arrow_right.png") no-repeat 95% center;
background-size: 17px;
}

#news_detail .cnt_area .btn_g .contents_btn a{
display: inline-block;
width: 100%;
color: #000;
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: underline;
}

#news_detail .cnt_area .btn_g .contents_btn.btn_previous a{
padding: 26.5px 40px 26.5px 75px;
}

#news_detail .cnt_area .btn_g .contents_btn.btn_next a{
padding: 26.5px 75px 26.5px 40px;
}


#news_detail .cnt_area .btn_g .article_nav{
display: block;
}


/*CSS追記*/

#news_detail .cnt_area .article_box p{
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
margin: 0 0 35px;
}

#news_detail .cnt_area .article_box .box_type01{
display: flex;
align-items: start;
justify-content: space-between;
margin: 0 auto 35px;
}

#news_detail .cnt_area .article_box .cnt_img02{
margin: 0 0 36px;
}

#news_detail .cnt_area .article_box .box_type01 .cnt_img{
width: 45%;
margin: 0 0 36px;
}

#news_detail .cnt_area .article_box .box_type01 .cnt_text{
width: 52%;
}

#news_detail .cnt_area .article_box strong{
font-weight: 700;
}

#news_detail .cnt_area .article_box .color_red{
color: #AD0000;
}

#news_detail .cnt_area .article_box .column{
max-width: 750px;
width: 100%;
padding: 20px 30px;
border: 1px solid #a33741;
margin-bottom: 10px;
/*max-width: 400px;
padding: 10px 20px;*/
}
#news_detail .cnt_area .article_box .column .flex_box {
display: flex;
justify-content: space-between;
align-items: center;
}
#news_detail .cnt_area .article_box .column .flex_box .img{
/*max-width: 140px;
width: 39%;*/
width: 43%;
}
#news_detail .cnt_area .article_box .column .flex_box .text{
margin:0;
/*width:58%;*/
width:55%;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
}

#news_detail .cnt_area .article_box dl.desc dd{
margin: 14px 0 0;
line-height: 25px;
}

#news_detail .cnt_area .article_box a{
text-decoration: underline;
word-break: break-all;
}

#news_detail .cnt_area .article_box .center{
text-align: center;
}

#news_detail .cnt_area .article_box .sub_title{
font-size: 20px;
line-height: 30px;
margin: 0 0 20px;
}

#news_detail .cnt_area .article_box .campany_name{
text-align: right;
font-size: 14px;
line-height: 30px;
}

#news_detail .cnt_area .article_box .box_type02{
margin: 0 auto 40px;
}

#news_detail .cnt_area .article_box .box_type01 .cnt_box{
width: 45%;
}

#news_detail .cnt_area .article_box .box_type01 .cnt_box .cnt_img{
width: 100%;
}

#news_detail .cnt_area .article_box .text_link{
font-size: 14px;
line-height: 30px;
margin: 0 0 20px;
}

#news_detail .cnt_area .article_box dl.dl01{
display: flex;
align-items: start;
flex-wrap: wrap;
font-size: 16px;
line-height: 30px;
max-width: 740px;
width: 100%;
margin: 0 0 20px;
}

#news_detail .cnt_area .article_box dl.dl01 dt{
width: 140px;
}

#news_detail .cnt_area .article_box dl.dl01 dd{
width: 70%;
}

#news_detail .cnt_area .article_box .text_right{
text-align: right;
display: inline-block;
width: 100%;
}




#news_detail #cnt_area02{
background: url("../img/news/bg_contents.png") repeat top left;
background-size: 179px;
}

#news_detail h2{
width: 54px;
height: 198px;
background: url("../img/news/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #fff;
line-height: 22px;
letter-spacing: 0.05em;
padding: 27px 17px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright; /* Safari */
text-orientation: upright;
margin: 0 28px 0 0;
text-shadow: 0px 1px 3px rgba(0,0,0,0.6);
}

#news_detail #cnt_area02 .cnt_block{
max-width: 1132px;
width: 100%;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;

}
#news_detail #cnt_area02 .cnt_g{
max-width: 870px;
margin: 23px auto 0 0;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-o-justify-content:  flex-start;
-ms-justify-content:  flex-start;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}

#news_detail #cnt_area02 .cnt_g .cnt_box{
width:32.4%;
margin: 0 0.93% 23px 0;
background: #fff;
padding: 16px 14px;
}

#news_detail #cnt_area02 .cnt_img{
margin: 0 0 20px;
}

#news_detail #cnt_area02 .date_text{
font-size: 17px;
line-height: 29px;
}

#news_detail #cnt_area02 .title_text{
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin: 0 0 10px;
}

#news_detail #cnt_area02 .category_box{
width: max-content;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 20px;
background: #C7780D;
padding: 5px 19px;
}

#news_detail #cnt_area02 .magazine{
background: #A33741;
}

#news_detail #cnt_area02 .release{
background: #27345C;
}

#news_detail #cnt_area02 .event{
background: #3F795E;
}


/*---------　カレンダー　---------*/

#news_detail .calendar_box{
display: flex;
justify-content: space-between;
align-items: flex-start;
}

#news_detail .calendar_box .calendar_title{
width: 54px;
height: auto;
background: url(../img/news/bg_title.png) no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #fff;
line-height: 22px;
letter-spacing: 0.05em;
padding: 27px 17px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright;
margin: 0 28px 0 0;
text-shadow: 0px 1px 3px rgba(0,0,0,0.6);
}

#news_detail .calendar{
padding-bottom: 60px;
}

#news_detail .fc-toolbar h2 {
font-size: 20px;
font-weight: bold;
color: #28325c;
padding: 12px 0 8px;
width: auto;
height: auto;
background: none;
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
text-shadow: none;
margin: 0;
}

#news_detail .fc-toolbar button.fc-button {
border: 1px solid #28325c;
color: #28325c;
border-radius: 5px;
background: #fff;
transition: .2s;
font-family:'Noto Serif JP', serif;
text-shadow: none;
box-shadow: none;
}

#news_detail .fc-toolbar button.fc-button:hover {
border: none;
color: #fff;
border-radius: 5px;
background: #28325c;
text-shadow: none;
box-shadow: none;
}

#news_detail .fc-toolbar button.fc-button.fc-state-disabled{
opacity: 1;
font-family:'Noto Serif JP', serif;
}

#news_detail th.fc-day-header.fc-widget-header {
padding: 10px!important;
color: #28325c;
}

#news_detail th.fc-day-header.fc-widget-header.fc-sat {
background: #28325c;
color: #fff;
}

#news_detail th.fc-day-header.fc-widget-header.fc-sun {
background: #a43643;
color: #fff;
}

#news_detail .fc-ltr .fc-basic-view .fc-day-number {
text-align: center;
padding: 8px 0!important;
font-weight: 600;
}

#news_detail .fc-ltr .fc-basic-view .fc-day-number.fc-sat {
color: #28325c;
}
#news_detail .fc-ltr .fc-basic-view .fc-day-number.fc-sun {
color: #a43643;
}

#news_detail .calendar_detail {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-flow: wrap;
}

#news_detail .calendar_detail .detail_box{
box-sizing: border-box;
width: 48%;
padding: 10px 0 30px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}

#news_detail #cnt_area01 .calendar_detail .detail_box .cnt_img{
max-width: 180px;
margin: 0 15px 0 0;
}

#news_detail .calendar_detail .detail_box .text_title {
color: #a33741;
font-weight: 700;
line-height: 1.4em;
padding-top: 10px;
}

#news_detail .calendar_detail .detail_box .cnt_text p{
letter-spacing: inherit;
margin: 0 0 15px;
}

#news_detail .fc-day-grid-event .fc-time {
font-weight: normal;
display: block;
font-size: 12px;
}
#news_detail span.fc-title {
font-size: 12px;
font-weight: 700;
}

#news_detail .eo-fullcalendar a {
pointer-events: none!important;
text-decoration: none!important;
}


/*---------　カレンダーEND　---------*/

/* カスタムフィールド「画像 ＋ テキスト(横並び)」追加 */
#news_detail .cnt_area .v03_box {
display: flex;
justify-content: space-evenly;
margin-bottom: 35px;
}
#news_detail .cnt_area .v03_box_content {
width: 32%;
}
#news_detail .cnt_area .v03_box_img {
margin-bottom: 20px;
}
#news_detail .cnt_area .v03_box_title {
font-weight: bold;
margin-bottom: 14px;
}
#news_detail .cnt_area .v03_box_text {
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
}




/*--------------------
13.サイト・プライバシー・利用規約
--------------------*/
.policy .first_text {
padding: 0 0 39px;
max-width: 968px;
margin: 0 auto;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.05em;
}
.policy .mainvisual{
background-color:#27335C;
}


.policy #cnt_area01{
max-width: 968px;
margin: 47px auto 76px;
}

.policy .cnt_area h2{
max-width: 266px;
width: 100%;
margin: 0 auto 27px;
font-size: 20px;
line-height: 20px;
padding: 7px 0;
}

.policy #cnt_area01 .cnt_g{
max-width: 968px;
margin: 20px auto 0;
}

.policy #cnt_area01 .cnt_box{
border-bottom: 1px solid #707070;
margin: 0 auto;
padding: 30px 16px;
}

.policy #cnt_area01 .cnt_box:nth-child(1){
border-top: 1px solid #707070;
}

.policy #cnt_area01 .cnt_box .icon{
padding: 0 12px 0 0;
font-weight: 500;
font-size: 22px;
}

.policy #cnt_area01 .cnt_box .text{
font-size: 20px;
font-weight: 500;
line-height: 30px;
padding: 2px 0 0;
}

.policy #cnt_area01 .cnt_box .bold{
font-weight: 500;
padding-top: 12px;
display: inline-block;
}

.policy #cnt_area01 .cnt_box .answer_box{
line-height: 30px;
margin: 20px 0 0;
}

.policy #cnt_area01 .cnt_box .answer_box .box_in{
display: flex;
align-items: start;
}


.policy #cnt_area01 .cnt_box .answer_box .box_in{
display: flex;
align-items: start;
}

#site_policy.policy .first_text,
#term.policy .first_text{
max-width: 866px;
}
#site_policy.policy #cnt_area01,
#term.policy #cnt_area01{
margin: 47px auto 76px;
}

#site_policy.policy h2,
#term.policy h2{
width: 54px;
height: 200px;
background: url("../img/site_policy/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #E1C36A;
line-height: 22px;
padding: 27px 17px;
margin: 0 16px 0 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
/* -webkit-text-orientation: upright; Safari
text-orientation: upright; */
}

#term.policy h2{
height: 310px;
}

#site_policy.policy .cnt_block,
#term.policy .cnt_block{
max-width: 1038px;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

#site_policy.policy .cnt_block .cnt_g,
#term.policy .cnt_block .cnt_g{
max-width: 968px;
}
#term.policy #cnt_area01 .cnt_box .attention_box{
padding-left: 20px;
display: inline-block;
}

/*--------------------
14.会社概要
--------------------*/

#company .mainvisual{
background-color:#27335C;
}

#company #cnt_area01{
margin: 60px auto 100px;
}

#company h2{
width: 54px;
height: 260px;
background: url("../img/site_policy/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #E1C36A;
line-height: 22px;
padding: 27px 17px;
margin: 0 16px 0 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}

#company .cnt_block{
max-width: 1038px;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

#company .cnt_block .cnt_g{
max-width: 968px;
}

#company #cnt_area01 .cnt_box table{
max-width: 600px;
width: 90%;
margin: 20px auto 0;
font-size: 16px;
line-height: 30px;
}

#company #cnt_area01 .cnt_box table tr{
margin: 3px;
display: flex;
}

#company #cnt_area01 .cnt_box table th{
padding: 10px;
background: #162749;
color: #fff;
text-align: center;
width: 30%;
}

#company #cnt_area01 .cnt_box table td{
padding: 10px 0 10px 30px;
width: 70%;
}


/*--------------------
15.個別ページ
--------------------*/

.under_page.fourth .pankuzu_area{
background: #CBBA1D;
}

.under_page.fourth h1{
background: url("../img/explore/ganbanyoku/bg_title01_under.png")no-repeat center center;
background-size: cover;
color: #fff;
font-size: 25px;
font-weight: bold;
line-height: 37px;
text-align: center;
letter-spacing: 0.1em;
padding: 25px 0 25px;
text-shadow:0px 3px 6px rgba(0,0,0,0.16);
position: relative;
}

.under_page.fourth .cnt_area .cnt_block{
max-width: 1164px;
/*width: 100%;*/
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

.under_page.fourth .cnt_area .cnt_block{
max-width: 1164px;
/*width: 100%;*/
margin: 0 auto;
}


.under_page.fourth .cnt_area .cnt_block .cnt_g{
max-width: 1066px;
margin: 40px auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}

.under_page.fourth .cnt_area .cnt_block .cnt_g .cnt_img{
width: 54.03%;
display: block;
}

.under_page.fourth .cnt_area .cnt_block .cnt_g .cnt_box{
width: 37.8%;
margin: 0 auto 0 25px;
}

.under_page.fourth .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title{
color: #C4535D;
font-size: 20px;
font-weight: bold;
line-height: 40px;
margin: 0 auto 25px;
}

.under_page.fourth .cnt_area .cnt_block .cnt_g .cnt_box .contents_desc{
font-size: 14px;
line-height: 30px;
}

/*--------------------
15-01.SKDドリンク
--------------------*/
#skd #cnt_area01 .cnt_block .cnt_g{
align-items: center;
}

#skd #cnt_area02 .cnt_block .cnt_g{
max-width: 966px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content:  space-between;
-ms-justify-content:  space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}

#skd .cnt_area .flow_area .cnt_box{
max-width: 432px;
width: 44%;
margin: 0 2% 23px;
}

#skd .cnt_area .flow_area .cnt_box.box02{
margin: 0 auto 23px;
}

#skd .cnt_area .flow_area .cnt_box h3{
background: url("../img/price/enter/bg_title.png") no-repeat top left;
background-size: cover;
color: #fff;
font-size: 22px;
font-weight: bold;
letter-spacing: 0.05em;
padding: 20px 0 19px 83px;
border-radius: 30px 5px 0 30px;
text-shadow:0px 1px 3px rgba(0,0,0,0.6);
position: relative;
}

#skd .cnt_area .flow_area .cnt_box.supplement_box h3{
background: none;
padding: 0 0 10px;
border-radius: none;
text-shadow:none;
position: relative;
text-align: center;
}

#skd .cnt_area .flow_area .cnt_box.supplement_box h3::before{
content: '';
display: inline-block;
width: 34.12px;
height: 53.16px;
background-image: url("../img/price/enter/icon06_flow.png");
background-size: contain;
vertical-align: middle;
position: absolute;
top: -60px;
right: 0;
left: 0;
margin: 0 auto;
}

#skd .cnt_area .flow_area .cnt_box.supplement_box h3.title02::before{
width: 54.9px;
height: 38.04px;
background-image: url("../img/price/enter/icon07_flow.png");
background-size: contain;
top: -45px;
right: 0;
left: 0;
}

#skd .cnt_area .flow_area .cnt_box.supplement_box h3.title03::before{
width: 117px;
height: 62px;
background-image: url("../img/price/enter/icon11_flow.png");
background-size: contain;
top: -80px;
right: 0;
left: 0;
}

#skd .cnt_area .flow_area .cnt_box h3 span{
width: 60px;
height: 60px;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
top: 0;
color: #fff;
font-size: 32px;
font-weight: bold;
letter-spacing: 0.1em;
background: #C4535D;
text-align: center;
padding: 13px 0;
text-shadow:0px 1px 3px rgba(0,0,0,0.6);
}

#skd .cnt_area .flow_area .cnt_box .cnt_img{
max-width: 231px;
margin: 0 auto;
}
#skd .cnt_area .flow_area .cnt_box .cnt_text{
font-size: 14px;
line-height: 30px;
letter-spacing: 0.05em;
margin: 20px 0 0 55px;
}

/*--------------------
16.キッズ
--------------------*/

#kids .mainvisual{
background-color: #8DC1F5;
}

#kids .first_text{
padding: 49px 0 39px;
max-width: 906px;
margin: 0 auto;
line-height: 30px;
letter-spacing: 0.05em;
}

#kids .cnt_area .h2_g{
position: relative;
margin: 0 0 0 16px;
}

#kids .cnt_area .h2_g h2{
width: 54px;
height: fit-content;
min-height: 210px;
background: url("../img/kids/bg_h2_title.png") repeat center center;
background-size: cover;
margin: 0 auto;
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 22px;
letter-spacing: 0.08em;
padding: 26px 17px 29px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}

#kids .cnt_area .contents_in{
max-width: 1184px;
}

#kids .cnt_area {
padding: 40px 0 0;
}


#kids .cnt_area .cnt_block{
display: flex;
align-items: start;
justify-content: center;
margin: 0 auto;
}

#kids .cnt_area .h2_g{
margin: 0 26px;
}

#kids .cnt_area .cnt_g{
max-width: 1064px;
width: 100%;
}

#kids .cnt_area .cnt_box{
max-width:964px;
width: 100%;
display: flex;
align-items: start;
justify-content: center;
margin: 0 auto;
position: relative;
padding: 10px 0 40px;
}

#kids .cnt_area .cnt_box .icon_img{
position: absolute;
width: 100px;
height: 200px;
}

#kids .cnt_area .cnt_box .icon_img.icon01{
top: 35%;
left: -80px;
width: 134px;
height: 115px;
}

#kids .cnt_area .cnt_box .icon_img.icon02{
bottom: -90px;
right: 8%;
width: 111px;
height: 184px;
z-index: 1;
}

#kids .cnt_area .cnt_box .icon_img.icon03{
bottom: -80px;
right: -20px;
width: 157px;
height: 160px;
}

#kids .cnt_area .cnt_box .icon_img.icon04{
bottom: -25px;
left: -30px;
width: 133px;
height: 204px;
}

#kids .cnt_area .cnt_box .icon_img.icon05{
bottom: -15px;
right: -50px;
width: 169px;
height: 120px;
}

#kids .cnt_area .cnt_img{
max-width: 408px;
/*margin: 0 auto;*/
position: relative;
}


#kids .cnt_area .cnt_text{
max-width: 291px;
margin: 0 30px 45px;
}

#kids .cnt_area .cnt_text h3{
font-weight: bold;
font-size: 22px;
line-height: 30px;
letter-spacing: 0.05em;
color: #4293E5;
padding: 15px 0;
}

#kids .cnt_area .cnt_text .text{
font-size: 16px;
line-height: 30px;
letter-spacing: 0.05em;
padding-bottom: 15px;
font-weight: 500;
}


#kids .cnt_area .cnt_text .link_btn{
max-width: 274px;
background: #8DC1F5;
border-radius: 30px;
margin: 10px 0 ;
display: block;
width: 264px;
padding: 12px 15px 14px;
text-align: left;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.03em;
}

#kids .cnt_area .cnt_text .link_btn.btn02 {
background: #7DD2DB;
}

#kids .cnt_area .cnt_text .link_btn.btn03 {
background: #F2ACD2;
}

#kids #cnt_area01{
position: relative;
}

#kids #cnt_area01::before{
content: '';
display: block;
background: url("../img/kids/bg01_kids.png") repeat center;
background-size: 86px auto;
border-image: url("../img/kids/bg_line.png");
width: 100%;
height: 243px;
position: absolute;
bottom: 0;
left: 0;
}

#kids #cnt_area01::after{
content: '';
display: block;
background: url("../img/kids/bg_line.png") no-repeat;
background-size: cover;
width: 100%;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
}

#kids #cnt_area03{
position: relative;
padding: 0;
}

#kids #cnt_area03::before{
content: '';
display: block;
background: url("../img/kids/bg01_kids.png") repeat center;
background-size: 86px auto;
width: 100%;
height:  243px;
position: absolute;
bottom: 0;
left: 0;
}

#kids #cnt_area03::after{
content: '';
display: block;
background: url("../img/kids/bg_line.png") no-repeat;
background-size: cover;
width: 100%;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
}

#kids #cnt_area03 .cnt_g,
#kids #cnt_area04 .cnt_g{
margin: 0 0 0 106px;
}

#kids #cnt_area04 .cnt_g .cnt_text{
margin: 0 50px 45px
}

#kids #cnt_area05{
position: relative;
padding: 0;
}

#kids #cnt_area05::before{
content: '';
display: block;
background: url("../img/kids/bg01_kids.png") repeat center;
background-size: 86px auto;
width: 100%;
height:  243px;
position: absolute;
bottom: 0;
left: 0;
}

#kids #cnt_area05::after{
content: '';
display: block;
background: url("../img/kids/bg_line.png") no-repeat;
background-size: cover;
width: 100%;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
}

#kids #cnt_area06 .wear_g .cnt_box:first-of-type{
padding: 10px 0;
}

#kids #cnt_area06 .wear_g .cnt_box .inner_box{
max-width: 309px;
width: 50%;
margin: 0 25px;
}

#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_img{
max-width: 272px;
padding-bottom: 34px;
position: relative;
margin: 0 auto;
}

#kids .cnt_area .cnt_box .icon_img.icon06{
bottom: 0px;
left: -20%;
width: 112px;
height: 224px;
}

#kids .cnt_area .cnt_box .icon_img.icon07{
bottom: 0px;
right: -20%;
width: 98px;
height: 180px;
}

#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_img::before{
content: '';
width: 100%;
height: 94%;
background: url("../img/kids/bg02_kids.png") repeat center;
background-size: 70px auto;
border-radius: 131px;
position: absolute;
top: 30px;
left: -20px;
z-index: -1;
}

#kids #cnt_area06 .wear_g .cnt_box .inner_box.girls .cnt_img::before{
background: url("../img/kids/bg03_kids.png") repeat center;
background-size: 70px auto;
left: unset;
right: -20px;
}

#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_text{
margin: 0 auto;
width: 100%;
max-width: none;
}

#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_text .title{
display: block;
box-sizing: border-box;
font-size: 22px;
font-weight: bold;
color: #7DD2DB;
padding: 10px 24px;
max-width: 309px;
width: 100%;
margin: 30px auto 10px;
border: 2px solid;
border-radius: 20px;
}

#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_text .title span{
font-size: 14px;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box.boys .cnt_text .title{
color: #8DC1F5;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box.girls .cnt_text .title{
color: #F2ACD2;
}

#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_text .text{
padding: 0 24px;
}

#kids #cnt_area07 {
position: relative;
padding-bottom: 46px;
}

#kids #cnt_area07::before {
content: '';
background: rgba(232, 217, 152, 0.3);
width: 100%;
height: 75%;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}

#kids #cnt_area07 .attention_g {
max-width: 861px;
width: 90%;
margin: 0 auto;
display: block;
}

#kids #cnt_area07 .attention_g h3{
text-align: center;
margin: 0 auto;
color: #fff;
background: #8DC1F5;
font-size: 25px;
font-weight: bold;
border-radius: 30px;
padding: 15px 60px;
width: fit-content;
position: relative;
z-index: 1;
}

#kids #cnt_area07 .attention_g .attention_box {
display: block;
box-sizing: border-box;
width: 100%;
max-width: 861px;
padding: 60px;
margin: -28px auto 0;
border: 2px solid #8DC1F5;
background: url("../img/kids/bg04_kids.png") repeat center;
background-size: 115px auto;
border-radius: 10px;
}

#kids #cnt_area07 .attention_g .attention_box .main {
font-weight: bold;
font-size: 20px;
line-height: 40px;
padding: 5px 0 5px 25px;
position: relative;
}

#kids #cnt_area07 .attention_g .attention_box .main::before {
content: '';
background: #8DC1F5;
width: 14px;
height: 14px;
border-radius: 50%;
position: absolute;
top: 20px;
left: 0;
}

#kids #cnt_area07 .attention_g .attention_box .sub {
padding: 0 40px 15px;

}

#kids #cnt_area07 .attention_g .attention_box .sub li {
font-weight: 500;
font-size: 16px;
line-height: 40px;
padding-left: 10px;
position: relative;
}

#kids #cnt_area07 .attention_g .attention_box .sub li::before{
content: '・';
position: absolute;
left: -8px;
}


/*--------------------
17.検索結果
--------------------*/

#search .mainvisual{
background-color:#27335C;
}

#search .cnt_area{
padding: 50px 0;
}

#search .cnt_area .cnt_box{
max-width: 900px;
width: 96%;
margin: 0 auto 20px;
font-size: 18px;
line-height: 30px;
font-weight: 500;
}

#search .cnt_area .cnt_box h3{
text-indent: -1em;
margin: 0 0 0 1em;
}

#search .wp-pagenavi{
text-align: center;
margin: 80px auto 0;
}

#search .wp-pagenavi a, #search .wp-pagenavi span{
border-color: #27335C;
color: #27335C;
max-width: 26px;
width: 100%;
text-align: center;
padding: 5px 0;
display: inline-block;
margin: 0 5px;
}

#search .wp-pagenavi a:hover, #search .wp-pagenavi span.current{
background: #27335C;
color: #fff;
}

/*----------
18.女子会
----------*/

#lady .mainvisual{
background-color:#D36973;
}

#lady .first_text{
max-width: 968px;
padding: 49px 0 42px;
line-height: 30px;
letter-spacing: 0.05em;
}

#lady #pager_area{
margin: 0 0 97px;
}

#lady #pager_area ul{
max-width: 968px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
}

#lady #pager_area li{
max-width: 301px;
width: 31.1%;
border-radius: 5px;
}

#lady #pager_area li a{
display: inline-block;
width: 100%;
padding: 26px 0 23px;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 25px;
letter-spacing: 0.05em;
}

#lady #pager_area li:nth-child(1){
background-color: #D36973;
}

#lady #pager_area li:nth-child(2){
background-color: #9B3D90;
}

#lady #pager_area li:nth-child(3){
background-color: #EBCB42;
}

#lady .cnt_area{
margin: 0 0 98px;
}

#lady .cnt_area .first_g{
}

#lady .cnt_area .first_g .contents_in{
display: flex;
align-items: start;
}

#lady .cnt_area .first_g .h2_g{
position: relative;
}

#lady .cnt_area .first_g .h2_g h2{
width: 54px;
height: 187px;
background: url("../img/lady/bg_h3_title.png") repeat center top;
background-size: cover;
background-color: #D36973;
margin: 0 0 0 16px;
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 22px;
padding: 27px 17px 30px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}

#lady .cnt_area .first_g .first_box{
max-width: 925px;
width: 100%;
margin: 0 0 0 71px;
}

#lady .cnt_area .first_g .first_box .catchcopy{
color: #D36973;
font-weight: 700;
font-size: 25px;
line-height: 40px;
letter-spacing: 0.05em;
padding: 0 0 23px;
}

#lady .cnt_area .first_g .first_box p{
font-size: 16px;
line-height: 30px;
font-weight: 500;
letter-spacing: 0.05em;
}

#lady .cnt_area .cnt_g .contents_in{
position: relative;
z-index: 1;
}

#lady .cnt_area .cnt_g .cnt_img img{
border-radius: 5px;
}

#lady .cnt_area .cnt_g .cnt_text{
position: absolute;
z-index: 1;
}

#lady .cnt_area .cnt_g .cnt_text p{
color: #fff;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.05em;
}

#lady .cnt_area .cnt_g .cnt_text p span{
display: inline-block;
background: #666;
border-radius: 5px;
padding: 23px 18px 24px 39px;
}

#lady .cnt_area .cnt_g .cnt_text p span:nth-child(1){
margin: 0 0 6px;
}

#lady .cnt_area .cnt_g .cnt_text p span.attention_text{
font-size: 12px;
}

#lady .cnt_area .cnt_g .icon{
max-width: 100px;
position: absolute;
}

#lady .cnt_area .cnt_g01{
margin: 0 0 32px;
}

#lady .cnt_area .cnt_g01 .cnt_box{
position: relative;
}

#lady .cnt_area .cnt_g01 .icon01{
max-width: 128px;
width: 11%;
bottom: -16px;
left: 164px;
z-index: 2;
}

#lady .cnt_area .cnt_g01 .icon02{
max-width: 130px;
width: 8.85%;
bottom: -46px;
right: 17%;
}


#lady .cnt_area .cnt_g01 .cnt_img{
max-width: 803px;
margin: 0 98px 0 auto;
}

#lady .cnt_area .cnt_g01 .cnt_text{
max-width: 492px;
top: 64px;
left: 141px;
}

#lady .cnt_area .cnt_g02{
margin: 0 0 53px;
}

#lady .cnt_area .cnt_g02 .cnt_box{
max-width: 994px;
width: 100%;
margin: 0 auto;
position: relative;
}

#lady .cnt_area .cnt_g02 .cnt_box01 .cnt_img{
max-width: 575px;
width: 100%;
position: relative;
z-index: 1;
}

#lady .cnt_area .cnt_g02 .cnt_box01 .cnt_text{
top: 35px;
right: 46px;
max-width: 434px;
width: 100%;
}

#lady .cnt_area .cnt_g02 .cnt_box02{
margin: -68px auto 0;
}

#lady .cnt_area .cnt_g02 .cnt_box02 .cnt_img{
max-width: 382px;
width: 100%;
margin: 0 13px 0 auto;
}

#lady .cnt_area .cnt_g02 .cnt_box02 .cnt_text{
bottom: 0;
left: 216px;
max-width: 472px;
width: 100%;
}

#lady .cnt_area .cnt_g02 .icon01{
max-width: 130px;
width: 13.08%;
bottom: -81px;
left: 0px;
}

#lady .cnt_area .cnt_g02 .icon02{
max-width: 107px;
width: 10.77%;
bottom: -74px;
right: -41px;
}



#lady .cnt_area .cnt_g03{
margin: 0 0 111px;
}

#lady .cnt_area .cnt_g03 .cnt_img{
max-width: 605px;
margin: 0 0 0 85px;
}

#lady .cnt_area .cnt_g03 .cnt_text{
max-width: 515px;
bottom: 0;
right: 31px;
}

#lady .cnt_area .cnt_g03 .icon01{
max-width: 130px;
width: 8.85%;
bottom: -59px;
left: 52%;
}

#lady .cnt_area .cnt_g04{
}

#lady .cnt_area .cnt_g04 .cnt_img{
max-width: 531px;
margin: 0 98px 0 auto;
position: relative;
z-index: 1;
}

#lady .cnt_area .cnt_g04 .cnt_text{
max-width: 569px;
bottom: 0;
left: 85px;
}

#lady .cnt_area .cnt_g04 .icon01{
max-width: 158px;
width: 13.58%;
top: -65px;
left: 181px;
}

#lady .cnt_area .cnt_g04 .icon02{
max-width: 105px;
width: 9.03%;
bottom: -56px;
right: 50px;
}

#lady .cnt_area .bg_g{
position: relative;
}

#lady .cnt_area .bg_g::after{
content: "";
display: block;
width: 100%;
height: 261px;
background: url(../img/lady/bg01_joshi.png) repeat center center;
background-size: 86px auto;
background-color: #ED926F;
position: absolute;
bottom: 0;
left: 0;
}

#lady .cnt_area .option_g{
margin: 44px auto 36px;
position: relative;
z-index: 1;
}

#lady .cnt_area .option_g .contents_in{
position: relative;
}

#lady .cnt_area .option_g .icon{
max-width: 130px;
position: absolute;
}

#lady .cnt_area .option_g .h3_g{
border-radius: 5px;
background: url(../img/lady/bg02_lady.png) repeat center center;
background-size: 78px auto;
background-color: #666;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.05em;
color: #fff;
padding: 22px 0 23px;
text-align: center;
margin: 0 0 40px;
position: relative;
z-index: 1;
}

#lady .cnt_area .option_g .icon01{
width: 11.17%;
top: 14px;
left: 10px;
}

#lady .cnt_area .option_g .small_option_g{
display: flex;
align-items: start;
justify-content: center;
margin: 0 auto 40px;
}

#lady .cnt_area .option_g .small_option_g .small_option_box{
max-width: 279px;
width: 100%;
border-radius: 6px;
border: 2px solid #666;
background: #fff;
color: #666;
text-align: center;
padding: 22px 0 23px;
font-weight: 700;
font-size: 20px;
margin: 0 10px;
}

#lady .cnt_area .option_g .big_option_g{
display: flex;
/* align-items: stretch; */
align-items: start;
justify-content: space-between;
}

#lady .cnt_area .option_g .big_option_box{
max-width: 371px;
width: 100%;
border-radius: 5px;
border: 2px solid #666;
color: #666;
padding: 36px 0 24px;
text-align: center;
}

#lady .cnt_area .option_g .big_option_box .title{
font-size: 20px;
font-weight: 700;
padding: 0 0 30px;
}

#lady .cnt_area .option_g .big_option_box .next_btn{
font-weight: 500;
font-size: 14px;
text-decoration: underline;
position: relative;
cursor: pointer;
}

#lady .cnt_area .option_g .big_option_box .next_btn span{
display: none;
}

#lady .cnt_area .option_g .big_option_box .next_btn span.active{
display: block;
}

#lady .cnt_area .option_g .big_option_box .next_btn::after{
display: block;
width: 16px;
height: 8px;
margin: 14px auto 0;
content: "";
background: url(../img/lady/arrow01_joshi.png) no-repeat center center;
background-size: 100% auto;
}

#lady .cnt_area .option_g .big_option_box .next_btn.on::after{
transform: rotate(180deg);
}

#lady .cnt_area .option_g .big_option_box .cnt_text{
padding: 28px 22px 12px 28px;
font-weight: 500;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.05em;
text-align: left;
color: #797979;
display: none;
}

#lady .cnt_area .price_g{
margin: 0 auto 101px;
}

#lady .cnt_area .price_g .price_box{
border-bottom: 2px solid #666;
color: #666;
font-weight: 700;
font-size: 18px;
padding: 0 101px 12px 0;
text-align: right;
margin: 0 0 23px;
}

#lady .cnt_area .price_g .price_box span.price{
font-size: 67px;
}

#lady .cnt_area .price_g .price_box span.yen{
font-size: 46px;
}

#lady .cnt_area .price_g .attention_text{
text-align: right;
color: #797979;
padding: 0 16px 0 0;
font-size: 14px;
letter-spacing: 0.05em;
font-weight: 500;
}

#lady .cnt_area .btn_g .contents_in{
display: flex;
align-items: start;
justify-content: space-between;
}

#lady .cnt_area .btn_g .next_btn{
max-width: 551px;
width: 47.34%;
border-radius: 5px;
}

#lady .cnt_area .btn_g .next_btn a{
display: inline-block;
width: 100%;
text-align: center;
padding: 30px 0 28px;
color: #fff;
font-weight: 700;
font-size: 27px;
}

#lady .cnt_area .btn_g .next_btn a span{
display: block;
font-size: 18px;
padding: 22px 0 0;
}

#lady .cnt_area .btn_g .next_btn.btn_ptn01{
background: #D36973;
}

#lady .cnt_area .btn_g .next_btn.btn_ptn02{
background: #7DD2DB;
}





#lady #joshi_plan .cnt_g04 .cnt_text p span:nth-child(2){
margin: 0 0 6px;
}

#lady #joshi_plan .cnt_g .cnt_text p span{
background: #D36973;
}

#lady #joshi_plan .option_g .h3_g{
background-color: #D36973;
}

#lady #joshi_plan .option_g .small_option_g .small_option_box{
color: #D36973;
border-color: #D36973;
}

#lady #joshi_plan .option_g .big_option_box{
color: #D36973;
border-color: #D36973;
}

#lady #joshi_plan .price_g .price_box{
color: #D36973;
border-color: #D36973;
}

#lady #mama_plan .first_g .h2_g h2{
background-color: #9B3D90;
}

#lady #mama_plan .first_g .first_box .catchcopy{
color: #9B3D90;
}

#lady #mama_plan .cnt_g .cnt_text p span{
background: #9B3D90;
}

#lady #mama_plan .bg_g::after{
background-image: url(../img/lady/bg01_mama.png);
background-color: #D63C41;
}

#lady #mama_plan .cnt_g01 .cnt_text{
max-width: 385px;
top: -21px;
left: 141px;
}

#lady #mama_plan .cnt_g02 .cnt_box01 .cnt_text{
max-width: 567px;
right: 17px;
}

#lady #mama_plan .cnt_g02 .cnt_box01 .cnt_text span:nth-child(2){
margin: 0 0 6px;
}

#lady #mama_plan .cnt_g02 .cnt_box02{
max-width: none;
}

#lady #mama_plan .cnt_g02 .cnt_box02 .cnt_img{
max-width: 449px;
margin: 0 31px 0 auto;
}

#lady #mama_plan .cnt_g02 .cnt_box02 .cnt_text{
max-width: 535px;
bottom: 21px;
left: 200px;
}

#lady #mama_plan .cnt_g04 .cnt_box .cnt_text span:nth-child(2){
margin: 0 0 6px;
}

#lady #mama_plan .option_g .h3_g{
background-color: #9B3D90;
}

#lady #mama_plan .option_g .small_option_g .small_option_box{
color: #9B3D90;
border-color: #9B3D90;
}

#lady #mama_plan .option_g .big_option_box{
color: #9B3D90;
border-color: #9B3D90;
}

#lady #mama_plan .option_g .big_option_box .next_btn::after{
background-image: url(../img/lady/arrow01_mama.png);
}

#lady #mama_plan .price_g .box_in{
display: flex;
align-items: start;
justify-content: space-between;
}

#lady #mama_plan .price_g .price_box{
width: 49.9%;
}

#lady #mama_plan .price_g .price_box01{
color: #9B3D90;
border-color: #9B3D90;
padding: 0 79px 12px 0;
position: relative;
}

#lady #mama_plan .price_g .price_box01::after{
width: 2px;
height: 62px;
content: "";
display: block;
background: #9B3D90;
position: absolute;
bottom: 18px;
right: -0.3%;
}

#lady #mama_plan .price_g .price_box02{
color: #5379B8;
border-color: #5379B8;
padding: 0 0 12px 79px;
text-align: left;
}

#lady #sweet_plan .first_g .h2_g h2{
background-color: #EBCB42;
height: 197px;
}

#lady #sweet_plan .bg_g::after{
background-color: #88D8E0;
}

#lady #sweet_plan .first_g .first_box .catchcopy{
color: #EBCB42;
}

#lady #sweet_plan .cnt_g01 .cnt_text{
top: unset;
bottom: -20px;
}

#lady #sweet_plan .cnt_g01 .icon01{
bottom: auto;
top: 153px;
left: 120px;
}

#lady #sweet_plan .cnt_g01 .icon02{
z-index: -1;
width: 11.17%;
bottom: -74px;
right: 98px;
}

#lady #sweet_plan .cnt_box .cnt_text p span{
background-color: #EBCB42;
}

#lady #sweet_plan .cnt_box .shop_name {
color: #fff;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.05em;
display: inline-block;
background: #D36973;
border-radius: 5px;
padding: 23px 18px 24px 39px;
position: absolute;
top: -20px;
right: 98px;
}

#lady #sweet_plan .cnt_g02 p.key_text{
box-sizing: border-box;
font-size: 16px;
line-height: 30px;
font-weight: 500;
letter-spacing: 0.05em;
max-width: 925px;
margin: 0 0 0 155px;
padding: 20px 0 50px;
}

#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_text{
max-width: 494px;
right: 0px;
top: -20px;
}

#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_text .text01{
padding: 10px 0 10px 90px;
color: #C7780D;
font-size: 20px;
line-height: 45px;
}

#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_img span{
padding-top: 10px;
font-size: 14px;
}

#lady #sweet_plan .option_g .h3_g{
background-color: #EBCB42;
}

#lady #sweet_plan .option_g .big_option_g{
align-items: flex-start;
justify-content: center;
}

#lady #sweet_plan .option_g .big_option_g .small_option_box{
color: #EBCB42;
max-width: 371px;
width: 100%;
border-radius: 6px;
border: 2px solid #EBCB42;
background: #fff;
text-align: center;
padding: 22px 0 23px;
font-weight: 700;
font-size: 20px;
margin: 0 10px;
}

#lady #sweet_plan .option_g .big_option_box{
color: #EBCB42;
border-color: #EBCB42;
}

#lady #sweet_plan .option_g .big_option_box .next_btn::after{
background-image: url("../img/lady/arrow01_sweet.png");
}

#lady #sweet_plan .price_g .price_box{
color: #EBCB42;
border-color: #EBCB42;
padding: 0 79px 12px 0;
position: relative;
}

#lady #private_bath_area{
background: url("../img/lady/bg02_private.png") repeat;
background-size: 86px auto;
padding-bottom: 60px;
}

#lady #private_bath_area .page_header{
background: url("../img/lady/bg01_private.png")no-repeat center center;
background-size: cover;
color: #fff;
font-size: 25px;
font-weight: bold;
line-height: 37px;
text-align: center;
letter-spacing: 0.1em;
padding: 60px 0 30px;
text-shadow:0px 3px 6px rgba(0,0,0,0.16);
position: relative;
}

#lady #private_bath_area .page_header::before{
content: '';
display: inline-block;
width: 65px;
height: 74.3px;
background-image: url("../img/explore/icon_private-bath.png");
background-size: contain;
vertical-align: middle;
position: absolute;
top: -20px;
right: 0;
left: 0;
margin: 0 auto;
}

#lady #private_bath_area .cnt_box{
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 55px 0;
}

#lady #private_bath_area .cnt_box .cnt_text{
width: 46.4%;
margin: 0 auto;
max-width: 488px;
}

#lady #private_bath_area .cnt_box .cnt_img{
width: 50.1%;
margin: 0 auto;
max-width: 527px;
}

#lady #private_bath_area .cnt_box .cnt_text .catchcopy{
color: #DEA65A;
font-size: 20px;
font-weight: bold;
line-height: 32px;
margin: 0 auto 25px;
}

#lady #private_bath_area .cnt_box .cnt_text dl dt{
font-size: 16px;
line-height: 24px;
font-weight: bold;
background: #DEA65A;
color: #fff;
border-radius: 5px;
padding: 10px 20px;
margin-bottom: 20px;
}
#lady #private_bath_area .cnt_box .cnt_text dl dd{
font-size: 14px;
line-height: 28px;
}

#lady #private_bath_area .next_btn a{
display: inline-block;
width: 100%;
text-align: center;
padding: 30px 0 28px;
color: #fff;
font-weight: 700;
font-size: 19px;
}
#lady #private_bath_area .next_btn{
max-width: 478px;
width: 47.34%;
border-radius: 5px;
background: #8B4D17;
margin: 0 auto;
}

#private_bath .btn_room {
	margin: 1em auto 1.5em;
	text-align: center;
}
#private_bath .btn_room a {
	background-color: #fff;
	border: 2px solid #DEA65A;
	border-radius: 10px;
	color: inherit;
	display: block;
	font-size: 16px;
	line-height: 1.4;
  margin: 0 auto;
  max-width: 320px;
	padding: 0.7em 1.5em;
  position: relative;
}
#private_bath .btn_room a:after {
  align-items: center;
  bottom: 0;
  content: '>';
  display: flex;
  margin: auto;
  position: absolute;
  right: 0.5em;
  top: 0;
}
#private_bath .btn_room a span {
  display: block;
  font-size: 14px;
}
#private_bath #cnt_area10 {
background: #fcf8ea;
background-size: cover;
margin-bottom: 5em;
padding: 22px 0 29px;
}
#private_bath #cnt_area10 .cnt_g {
max-width: 796px;
display: block;
margin: 0 auto;
}
#private_bath #cnt_area10 .cnt_g ul {
font-size: 12px;
font-weight: 500;
line-height: 30px;
color: #27345C;
margin: 0 0 15px;
}
#private_bath #cnt_area10 .cnt_g ul li {
text-indent: -1em;
padding: 0 0 0 1em;
}
#private_bath #cnt_area10 .cnt_g .cnt_text {
border: 1px solid #27345C;
padding: 12px;
font-size: 14px;
font-weight: bold;
line-height: 30px;
color: #27345C;
}


/*----------
19.１周年記念
----------*/


#firstyear{
padding: 0
}

#firstyear .mainvisual{
background-color: #856333;
position: relative;
z-index: 1;
}

#firstyear #first_area{
/* max-width: 1280px; */
margin: 0 auto;
background: url(../img/firstyear/bg_mainvisual.png) no-repeat center bottom;
background-size: cover;
padding: 34px 0 124px;
position: relative;
}

#firstyear #first_area .logo{
max-width: 181px;
margin: 0 auto 33px;
}

#firstyear #first_area p{
text-align: center;
max-width: 823px;
width: 100%;
margin: 0 auto;
font-weight: 600;
font-size: 16px;
line-height: 40px;
color: #fff;
padding: 0 0 38px;
}

#firstyear #first_area .attention_text{
font-weight: 700;
padding: 0;
font-family: 'Noto Sans JP', sans-serif;
}

#firstyear #first_area .pic_icon{
position: absolute;
}

#firstyear #first_area .pic01_icon{
max-width: 303px;
width: 23.68%;
top: -7.24%;
left: -4.07%;
}

#firstyear #first_area .pic02_icon{
max-width: 217px;
width: 16.96%;
bottom: -2%;
left: 11.1%;
z-index: 1;
}

#firstyear #first_area .pic03_icon{
max-width: 162px;
width: 12.66%;
bottom: -1.85%;
right: 15.39%;
z-index: 1;
}

#firstyear #first_area .pic04_icon{
max-width: 303px;
width: 23.68%;
bottom: 12.93%;
right: -5.94%;
z-index: 1;
}

#firstyear #first_area .icon{
position: absolute;
}

#firstyear #first_area .icon01{
max-width: 245px;
width: 19.15%;
bottom: 21.7%;
left: -0.86%;
}

#firstyear #first_area .icon02{
max-width: 104px;
width: 8.13%;
top: 27.7%;
left: 1.33%;
}

#firstyear #first_area .icon03{
max-width: 220px;
width: 17.19%;
bottom: -5.85%;
left: 24.54%;
z-index: 1;
}

#firstyear #first_area .icon04{
max-width: 125px;
width: 9.77%;
top: -5.7%;
right: 15.16%;
}

#firstyear #first_area .icon05{
max-width: 227px;
width: 17.74%;
transform: rotate(165deg);
top: -6.77%;
right: -0.32%;
}

#firstyear #first_area .icon06{
max-width: 178px;
width: 13.91%;
bottom: 57%;
right: 1.57%;
}

#firstyear #first_area .icon07{
max-width: 84px;
width: 6.57%;
bottom: -5.86%;
right: 12.74%;
}

#firstyear #pagenav_area{
position: relative;
padding: 93px 0 81px;
}

#firstyear #pagenav_area ul{
/*max-width: 891px;*/
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: center;
}

#firstyear #pagenav_area li{
margin: 0 6px 20px;
}

#firstyear #pagenav_area li a{
display: inline-block;
width: 100%;
background: #fff;
border: 2px solid #27345C;
border-radius: 10px;
color: #000;
/*padding: 12px 36px 10px 16px;*/
padding: 12px 12px 10px;
}

#firstyear #pagenav_area li a img{
display: inline-block;
vertical-align: middle;
max-width: 36px;
width: 100%;
margin: 0 11px 0 0;
}

#firstyear #pagenav_area li a span{
display: inline-block;
vertical-align: middle;
font-size: 18px;
font-weight: 600;
}

#firstyear #pagenav_area .pic_icon{
position: absolute;
}

#firstyear #pagenav_area .pic01_icon{
max-width: 162px;
width: 11.59%;
top: -20px;
left: -11px;
}

#firstyear #pagenav_area .pic02_icon{
max-width: 246px;
width: 17.6%;
bottom: -50px;
right: -55px;
}

#firstyear #pagenav_area .icon{
position: absolute;
max-width: 84px;
width: 6.01%;
bottom: 65px;
left: 92px;
}

#firstyear #calendar_area{
padding: 70px 0 0;
}

#firstyear #calendar_area .contents_in{
position: relative;
padding: 0 0 70px;
}

#firstyear #calendar_area .tab_g{
max-width: 1077px;
margin: 0 auto;
display: flex;
align-items: start;
padding: 0 0 0 31px;
}

#firstyear #calendar_area .tab_g .tab_box{
max-width: 293px;
width: 100%;
border-radius: 10px 10px 0 0;
border: 2px solid #27345C;
background: #fff;
color: #000;
padding: 12px 0;
text-align: center;
margin: 0 10px 0 0;
font-size: 20px;
line-height: 29px;
font-weight: 600;
letter-spacing: -0.05em;
cursor: pointer;
}

#firstyear #calendar_area .tab_g .tab_box.active{
background: #27345C;
color: #fff;
}

#firstyear #calendar_area .calendar_g{
max-width: 1077px;
margin: 0 auto;
}

#firstyear #calendar_area .calendar_box{
display: none;
}

#firstyear #calendar_area .calendar_box.active{
display: block;
}

#firstyear #calendar_area .icon{
position: absolute;
max-width: 262px;
width: 100%;
transform: rotate(11deg);
bottom: 11px;
left: -138px;
}

#firstyear .cnt_area{
position: relative;
padding: 27px 0 11px;
}

#firstyear .cnt_area.area_type01{
background: url(../img/firstyear/bg_1st01.png) no-repeat center top;
background-size: cover;
padding: 62px 0 29px;
}

#firstyear .cnt_area .contents_in{
max-width: 1066px;
margin: 0 auto;
}

#firstyear .cnt_area h2{
margin: 0 0 30px;
}

#firstyear .cnt_area h2 img{
max-width: 50px;
width: 100%;
margin: 0 12px 0 0;
display: inline-block;
vertical-align: middle;
}

#firstyear .cnt_area h2 span{
font-weight: 600;
letter-spacing: -0.05em;
color: #000;
display: inline-block;
}

#firstyear .cnt_area h2 .h2_text{
font-size: 35px;
vertical-align: middle;
}

#firstyear .cnt_area h2 .h2_jp{
font-size: 20px;
margin: 8px 0 0 12px;
vertical-align: top;
}

#firstyear .cnt_area .cnt_box{
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 11px;
border-bottom: 1px solid #B3B4B9;
margin: 0 0 11px;
}

#firstyear .cnt_area .cnt_box:last-child{
padding: 0;
margin: 0;
border-bottom: none;
}

#firstyear .cnt_area .cnt_img{
position: relative;
max-width: 366px;
width: 34.34%;
}

#firstyear .cnt_area .cnt_img img{
border-radius: 10px;
}

#firstyear .cnt_area .cnt_img .next_btn{
max-width: 118px;
width: 100%;
position: absolute;
bottom: 7px;
right: 7px;
}

#firstyear .cnt_area .cnt_img .next_btn a{
display: inline-block;
width: 100%;
background: rgba(11,11,11,0.31);
border: 1px solid #fff;
border-radius: 10px;
color: #fff;
padding: 8px 0 7px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.05em;
position: relative;
text-align: center;
}

#firstyear .cnt_area .cnt_img.topic01::before{
content: "";
display: block;
max-width: 66px;
width: 100%;
height: 67px;
background: url(../img/firstyear/icon01_topic.png) no-repeat center center;
background-size: contain;
position: absolute;
top: -10px;
left: -17px;
}

#firstyear .cnt_area .cnt_img.topic02::before{
content: "";
display: block;
max-width: 66px;
width: 100%;
height: 67px;
background: url(../img/firstyear/icon02_topic.png) no-repeat center center;
background-size: contain;
position: absolute;
top: -10px;
left: -17px;
}

#firstyear .cnt_area .cnt_img .next_btn a::after{
display: inline-block;
content: "";
width: 12px;
height: 12px;
background: url(../img/firstyear/icon01_target.png) no-repeat center center;
background-size: contain;
margin: 0 0 0 6px;
}

#firstyear .cnt_area .cnt_text{
max-width: 676px;
width: 63.42%;
display: flex;
align-items: start;
justify-content: space-between;
position: relative;
}

#firstyear .cnt_area .cnt_text .text_left{
max-width: 487px;
width: 72.05%;
}

#firstyear .cnt_area .cnt_text .title{
font-weight: 600;
font-size: 20px;
line-height: 29px;
letter-spacing: -0.05em;
}

#firstyear .cnt_area .cnt_text .category_text{
margin: 1px 0 2px;
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.05em;
}

#firstyear .cnt_area .cnt_text .text_left p{
max-width: 464px;
padding: 5px 0 0;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.005em;
}

#firstyear .cnt_area .cnt_text .text_left p a{
text-decoration: underline;
}

#firstyear .cnt_area .cnt_text .text_left ul{
display: flex;
align-items: start;
flex-wrap: wrap;
padding: 21px 0 0;
}

#firstyear .cnt_area .cnt_text .text_left li{
background: #aaa;
border-radius: 10px;
color: #fff;
padding: 3px 16px;
text-align: center;
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.005em;
margin: 0 12px 6px 0;
}

#firstyear .cnt_area .cnt_text .text_left li.place{
background: #836132;
}

#firstyear .cnt_area .cnt_text .text_left li.price{
background: #27345C;
}

#firstyear .cnt_area .cnt_text .text_right{
max-width: 176px;
width: 26.04%;
min-height: 136px;
background: #fff;
border-radius: 10px;
border: 1px solid #B98F30;
padding: 14px 18px 14px 21px;
}

#firstyear .cnt_area .cnt_text .text_right p{
max-width: 199px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.05em;
}


/*box_type02*/

#firstyear .cnt_area .box_type02 .cnt_text .text_left{
max-width: 407px;
width: 60.21%;
}

#firstyear .cnt_area .box_type02 .cnt_text .text_left p{
max-width: 407px;
}

#firstyear .cnt_area .box_type02 .cnt_text .text_right{
max-width: 246px;
width: 36.4%;
padding: 14px 26px 14px 21px;
}

#firstyear #entertainment .icon{
position: absolute;
max-width: 166px;
width: 11.06%;
top: 1px;
right: 47px;
}

#firstyear #beauty_health .cnt_box02 .cnt_text .text_left li.place{
padding: 3px 15px 3px 13px;
}

#firstyear #beauty_health .cnt_box02 .cnt_text .text_left li.price{
padding: 3px 0px 3px 13px;
margin: 0;
}

#firstyear #private_bath .cnt_text .text_left li.price{
padding: 3px 3px 3px 16px;
margin: 0;
}

#firstyear #special_offer .box_type02 .cnt_text .text_left{
max-width: 370px;
width: 54.74%;
}

#firstyear #special_offer .box_type02 .cnt_text .text_right{
padding: 14px 17px 14px 18px;
max-width: 265px;
width: 39.21%;
}
