@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.施設紹介 (2024.12.12 施設紹介項目をexplore.cssに移動)
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.お手軽アウトドア
02-13.魚集家
03.空庭の楽しみ方
04.ショー＆営業時間
04-01.ショー詳細
05.飲食 (2024.12.12 飲食項目をrestaurant.cssに移動)
06.SNS映えスポット
07.料金案内 (2025.01.16 料金案内の項目をprice.cssに移動)
07-01.入退館方法
07-02.浴衣の着方
08.町方マガジン
08-01.町方マガジン詳細
09.宿泊
10.アクセス (2025.02.21 アクセスの項目をaccess.cssに移動)
11.よくある質問・お問い合わせ
12.新着情報一覧
12-01.お知らせ詳細
13.サイト・プライバシー・利用規約
14.会社概要
15.個別ページ
15-01.SKDドリンク
16.キッズ
17.女子会
19.１周年記念
20.メンバーシップ
21.春の宴会プラン
22.夏のイベント2020
23.空庭温泉公式アプリ
24.お得なクーポン＆プラン
--------------------*/
@media only screen and (max-width:1199px){
#ganbanyoku #cnt_area01.cnt_area .cnt_block .cnt_g .cnt_box{
padding: 0 40px 0 0;
}
}
@media only screen and (max-width:1024px){
/*--------------------
03.空庭の楽しみ方　1024
--------------------*/
#howto #howto_page_nav{
/*padding: 21px 85px 19px;*/
}
#howto #howto_page_nav li{
margin: 0 1.41% 10px;
}
#howto .cnt_area .contents_in{
width: 100%;
padding: 0 60px;
}
#howto .cnt_area .cnt_box .title_box h3{
font-size: 18px;
}
#howto .cnt_area .cnt_box .title_box .sub_text{
font-size: 15px;
}
#howto #howto_eat .icon_box04{
right: -16.74%;
}
/*--------------------
04.ショー＆営業時間
--------------------*/
#events .guide_area .cnt_g{
margin: 0 0 0 31px;
}
#events .guide_area .h2_g{
margin: 0 0 0 16px;
}
#events .guide_area .cnt_g{
padding: 0 80px 0 0;
}
#events .guide_area .cnt_text h3{
font-size: 20px;
line-height: 35px;
}
#events .guide_area .link_btn{
padding: 0 101px 0 0;
}
#events #show_area .cnt_g{
padding: 0;
}
#events #show_area .cnt_box .cnt_left .place_box{
font-size: 14px;
}
/*--------------------
04-01.ショー詳細
--------------------*/
/*--------------------
06.SNS映えスポット 1024
--------------------*/
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area{
width: 100%;
padding: 0 85px 0 0;
}
#sns_spot #cnt_area02 .cat_g .title_g .img_cat {
max-width: 78px;
display: block;
margin: 0 20px 0 0;
}
#sns_spot #cnt_area02 .cat_g .text_box {
width: 50%
}
#sns_spot #cnt_area02 .cat_g .title_g {
padding: 60px 0 20px;
align-items: flex-end;
/*justify-content: flex-start;*/
}
#sns_spot #cnt_area02 .cat_g .title_g h3 {
font-size: 34px;
padding: 0 0 10px 40px;
}
#sns_spot #cnt_area02 .cat_g .title_g h3::after {
right: -5px;
}
#sns_spot #cnt_area02 .cat_g .title_g .sub_text {
font-size: 18px;
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img03 {
left: -8.49%;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(1) {
margin: -115px 0 20px;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box dt {
font-size: 20px;
line-height: 28px;
}
/*--------------------
07.料金案内 1024
--------------------*/
/* price.cssに移動 */
/*--------------------
07-01.入退館方法 1024
--------------------*/
/* price.cssに移動 */
/*--------------------
07-02.浴衣の着方 1024
--------------------*/
/* price.cssに移動 */
/*--------------------
08.町方マガジン 1024
--------------------*/
#magazine .cnt_g {
width: 90%;
}
/*--------------------
08-01.町方マガジン詳細 1024
--------------------*/
/*--------------------
09.宿泊 1024
--------------------*/
#lodging #hotel_area .cnt_box{
height: 150px;
}
#lodging #hotel_area .cnt_img{
height: 150px;
}
#lodging #hotel_area .cnt_img img{
object-fit: cover;
height: 100%;
}
#lodging #hotel_area .cnt_box01{
height: 200px;
}
#lodging #hotel_area .cnt_box01 .cnt_img{
height: 200px;
}
#lodging #hotel_area .cnt_text{
bottom: unset;
top: 50%;
transform: translatey(-50%);
}
#lodging #hotel_area .cnt_text h3{
max-width: 180px;
margin: 0 auto;
font-size: 18px;
line-height: 30px;
padding: 0 0 8px;
}
#lodging #hotel_area .cnt_text .next_btn{
padding: 0;
text-align: center;
padding: 0 0 0 29px;
}
#lodging #hotel_area .cnt_box01 .cnt_text h3{
max-width: none;
}
#lodging #relax_area .cnt_text .title{
font-size: 18px;
}
/*--------------------
10.アクセス　1024
--------------------*/
/* アクセスの項目をaccess.cssに移動 */
/*--------------------
11.よくある質問・お問い合わせ　1024
--------------------*/
#faq .first_text {
max-width: 860px;
}
#faq #cnt_area01 .tab_wrap {
max-width: 860px;
}
#faq #cnt_area02 #form_area .cnt_g {
max-width: 576px;
margin: 34px auto 0 7%;
}　
/*--------------------
12.新着情報一覧 1024
--------------------*/
#info #cnt_area01 .cnt_box {
width: 90%;
}

/*--- 210405 デザイン変更 ---*/

#info #cnt_area01 .cnt_g .cnt_box:nth-of-type(4n){
width: 32%;
margin: 0 2% 40px 0;
}
#info #cnt_area01 .cnt_g .cnt_box{
width: 32%;
margin: 0 2% 40px 0;
}
#info #cnt_area01 .cnt_g .cnt_box:nth-of-type(3n){
margin: 0 0 40px;
}
/*--------------------
12-01.お知らせ詳細 1024
--------------------*/
#news_detail #pagenav_area ul {
flex-wrap: wrap;
justify-content: space-around;
}
#news_detail #pagenav_area .pagenav01 li,
#news_detail #pagenav_area .pagenav02 li {
max-width: 100%;
}
#news_detail #pagenav_area .pagenav01 li a,
#news_detail #pagenav_area .pagenav02 li a {
max-width: 100%;
}
#news_detail #pagenav_area .pagenav01 {
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
#news_detail #pagenav_area .pagenav01 li {
margin-bottom: 10px;
width: 100%;
}
#news_detail #pagenav_area .pagenav01 li span {
font-size: 20px;
}
#news_detail #pagenav_area .pagenav02 li {
margin-bottom: 10px;
width: calc(50% - 10px);
}
#news_detail #pagenav_area .pagenav02 li:nth-child(3) {
width: calc(100% - 10px);
}
#news_detail #pagenav_area .pagenav02 li span {
padding-right: 20px;
}
#news_detail #pagenav_area .pagenav02 li span::after {
right: 8px;
}

/*--------------------
13.サイト・プライバシー・利用規約　1024
--------------------*/
#site_policy.policy .first_text,
#term.policy .first_text{
max-width: 768px;
}
#site_policy.policy .cnt_block .cnt_g,
#term.policy .cnt_block .cnt_g{
max-width: 800px;
margin: 60px auto 0 0;
}
.policy #cnt_area01 .cnt_g{
max-width: 800px;
}
/*--------------------
14.会社概要  1024
--------------------*/
/*--------------------
15.個別ページ 1024
--------------------*/
/*--------------------
15-01.SKDドリンク 1024
--------------------*/
#skd .cnt_area .flow_area .cnt_box h3 {
font-size: 18px;
padding: 20px 0 19px 73px;
}
#skd .cnt_area .flow_area .cnt_box h3 span {
width: 57px;
height: 57px;
font-size: 28px;
}
/*--------------------
16.キッズ 1024
--------------------*/
#kids .cnt_area .h2_g {
margin: 0 26px 0 0;
}
#kids .cnt_area .cnt_box .icon_img.icon01 {
top: unset;
bottom: -10px;
left: -20px;
width: 98px;
height: 80px;
}
#kids .cnt_area .cnt_box .icon_img.icon02 {
right: 2%;
width: 81px;
z-index: 1;
}
#kids .cnt_area .cnt_box .icon_img.icon03 {
bottom: -80px;
right: -20px;
width: 126px;
height: 130px;
}
#kids .cnt_area .cnt_box .icon_img.icon04 {
bottom: -5px;
left: -30px;
width: 113px;
height: 174px;
}
#kids .cnt_area .cnt_box .icon_img.icon05 {
bottom: -15px;
right: -50px;
width: 139px;
height: 90px;
}
#kids .cnt_area .cnt_box .icon_img.icon06 {
bottom: 0px;
left: -15%;
width: 102px;
height: 194px;
}
#kids .cnt_area .cnt_box .icon_img.icon07 {
bottom: 0px;
right: -10%;
width: 88px;
height: 160px;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_text .title {
font-size: 22px;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_text .title span {
font-size: 16px;
}
#kids #cnt_area07 .attention_g .attention_box {
padding: 60px 30px;
}
/*----------
17.女子会 1024
----------*/
#lady #pager_area li a{
font-size: 22px;
}
#lady .cnt_area .cnt_g01 .cnt_img{
margin: 0 auto;
width: 70%;
}
#lady .cnt_area .cnt_g01 .cnt_text{
top: -16px;
}
#lady .cnt_area .cnt_g .cnt_text p{
font-size: 16px;
}
#lady .cnt_area .cnt_g .cnt_text p span{
padding: 17px 14px 18px 31px;
}
#lady .cnt_area .cnt_g02 .cnt_box01 .cnt_text{
right: 0;
}
#lady .cnt_area .cnt_g02 .cnt_box02 .cnt_text{
left: 18%;
bottom: -30px;
}
#lady .cnt_area .cnt_g03 .cnt_text{
max-width: 485px;
bottom: 0;
right: -60px;
}
#lady .cnt_area .price_g .price_box span.price{
font-size: 52px;
}
#lady .cnt_area .price_g .price_box span.yen{
font-size: 36px;
}
#lady #mama_plan .cnt_g02 .cnt_box01 .cnt_text{
right: -80px;
}
#lady #mama_plan .cnt_g02 .cnt_box02 .cnt_text{
bottom: -20px;
left: 70px;
}
#lady #sweet_plan .cnt_box .shop_name {
font-size: 16px;
padding: 17px 14px 18px 29px;
top: 20px;
right: 58px;
}
#lady #sweet_plan .cnt_g01 .cnt_text{
left: 30px;
}
#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_text{
right: -20px;
}
#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_text .text01{
font-size: 16px;
line-height: 35px;
padding: 30px 0 10px 160px;
}
#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_img{
width: 54%;
}
/*----------
19.１周年記念 1024
----------*/
/*-------------
21.春の宴会プラン 1024
--------------*/
#partyplan_2020spring #mainvisual_area .img_box{
max-width: 850px;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box .price {
width: 45%;
top: -30px;
}
#partyplan_2020spring #contact_area .cnt_g .left_box .text_box::before {
width: 125px;
height: 150px;
}
#partyplan_2020spring #contact_area .cnt_g .left_box h2 {
max-width: 260px;
}
#partyplan_2020spring #contact_area .cnt_g .left_box .text_box p {
max-width: 260px;
font-size: 14px;
}
#partyplan_2020spring #contact_area .cnt_g .left_box {
width: 50%;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box .box ul li {
font-size: 14px;
line-height: 26px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 table th {
font-size: 18px;
line-height: 24px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 table td {
font-size: 14px;
line-height: 24px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box01 ul li {
font-size: 14px;
}
/*----------
22.夏のイベント2020
----------*/
#summer2020_new #pagenav_area .pagenav01 li span{
font-size: 26px;
}
#summer2020_new #pagenav_area .pagenav02 li span{
font-size: 18px;
}
#summer2020_new #activity .icon01{
max-width: 262px;
top: -42px;
}
#summer2020_new #activity .icon02{
max-width: 267px;
top: -54px;
}
#summer2020_new #food .icon01{
max-width: 121px;
}
#summer2020_new #food .icon02{
max-width: 208px;
top: -63px;
}
#summer2020_new #info .icon01{
max-width: 163px;
right: -20px;
}
/*--------------------
23.空庭温泉公式アプリ
--------------------*/
#app #cnt_area01 .cnt_box01 .cnt_text01 span:last-of-type{
font-size: 48px;
}
#app #cnt_area01 .cnt_box02 .cnt_text01{
width: 65%;
margin: 0 0 41px;
}
#app #cnt_area01 .cnt_box02 .cnt_img01{
bottom: -7%;
right: -4%;
line-height: 26px;
}
#app #cnt_area03 .cnt_benri .text_box{
font-size: 33px;
}
#app #cnt_area03 .cnt_box02 .cnt_text{
font-size: 24px;
}
#app #cnt_area03 .cnt_box02 .first_text{
font-size: 40px;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .cnt_img::after{
right: -12%;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .text{
font-size: 14px;
}

/*----------
24.お得なクーポン＆プラン 1024
----------*/

#coupon .cnt_area .cnt_box .cnt_text .sub_title::after{
content: none;
}
#coupon #limited_coupon .cnt_box .cnt_text .sub_title span{
background: linear-gradient(transparent 60%, #F4D3D6 60%);
}
#coupon #food_coupon .cnt_box .cnt_text .sub_title span{
background: linear-gradient(transparent 60%, #F1E4D4 60%);
}
#coupon #line_coupon .cnt_box .cnt_text .sub_title span{
background: linear-gradient(transparent 60%, #DBE3DF 60%);
}
#coupon #apli_coupon .cnt_box .cnt_text .sub_title span{
background: linear-gradient(transparent 60%, #E9F1F3 60%);
}
#coupon #web_coupon .cnt_box .cnt_text .sub_title span{
background: linear-gradient(transparent 60%, #EAD8D9 60%);
}
/*--------------------
06.SNS映えスポット
--------------------*/
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box06 .small_img {
max-width: 158px;
top: 9px;
right: -95px;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box08 .small_img {
max-width: 158px;
top: 70px;
right: -95px;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(1) {
margin: -75px 0 20px;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(3) {
margin: -233px 0 20px;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box02 .small_img {
top: -38px;
right: -138px;
}
/*---------------
07.料金案内 768
-----------------*/
/* price.cssに移動 */
/*-------------------------
07-01.営業時間＆料金案内-入退館方法 768
--------------------------*/
/* price.cssに移動 */
/*----------
08.町方マガジン
----------*/
#magazine .date_box {
margin: 20px 75px 28px auto;
}
/*--------------------
11.よくある質問・お問い合わせ 768
---------------------*/
#faq .first_text {
max-width: 610px;
}
#faq #cnt_area01 .tab_wrap {
max-width: 610px;
}
#faq #cnt_area02 #form_area .cnt_g {
max-width: 576px;
margin: 34px auto 0 0;
}
#faq #tel_area {
right: 2%;
}
/*--------------------
12.新着情報一覧 768
--------------------*/
#info #cnt_area02 .cnt_g{
max-width: 625px;
}
#info #cnt_area01 .tab_area {
margin: 0 2.3% 0 0;
}
#info #cnt_area01 .tab_panel {
width: 59.2%;
}
/*------------
12-01.お知らせ詳細 768
------------*/
#news_detail #cnt_area02 .cnt_g{
max-width: 625px;
}
/*--------------------
13.サイト・プライバシー・利用規約　768
--------------------*/
#site_policy.policy .cnt_block .cnt_g,
#term.policy .cnt_block .cnt_g{
max-width: 600px;
}
.policy #cnt_area01 .cnt_g {
max-width: 600px;
}
/*------------------
20.メンバーシップ 768
------------------*/
#membership .first_text{
max-width: 550px;
}
#membership .cnt_area .cnt_g {
max-width: 550px;
}
#membership .cnt_area .cnt_text {
font-size: 18px;
}
/*-------------
21.春の宴会プラン 768
--------------*/
#partyplan_2020spring #mainvisual_area .img_box{
max-width: 700px;
}
#partyplan_2020spring #included_plan #cnt_g01 .cnt_img dd {
font-size: 13px;
line-height: 24px;
padding: 11px 10px 7px 10px;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box .price {
    width: 43%;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left ul li {
font-size: 14px;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_right p {
font-size: 16px;
line-height: 30px;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box p {
max-width: 255px;
font-size: 16px;
line-height: 30px;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box h2 {
font-size: 20px;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box h3 {
font-size: 22px;
line-height: 34px;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box h3 span {
font-size: 12px;
line-height: 20px;
margin: 0;
display: block;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box .box ul{
width: 48.5%;
margin: 0 0 0 5px;
}
#partyplan_2020spring #included_plan #cnt_g02 .cnt_text .text_bottom_box .box ul {
width: 48.5%;
margin: 0 0 0 5px;
}
#partyplan_2020spring #included_plan #cnt_g02 .cnt_text .attention_text {
text-align: left;
margin: 10px 0 0;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 .h3_g h3 {
font-size: 46px;
line-height: 54px;
}
#partyplan_2020spring #contact_area .cnt_g .left_box {
width: 50%;
}
#partyplan_2020spring #contact_area .cnt_g .left_box h2 {
max-width: 250px;
font-size: 20px;
}
#partyplan_2020spring #contact_area .cnt_g .left_box .text_box p {
max-width: 250px;
font-size: 14px;
}
#partyplan_2020spring #contact_area .cnt_g .left_box .text_box::before {
width: 120px;
height: 144px;
left: -14%;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 table th {
padding: 17px 5px 17px 5px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 table td {
padding: 17px 10px 17px 0;
}
}
@media only screen and (max-width:750px){
main.detail_page.main_contents{
margin-top:44px;
}
.pankuzu_area .contents_in {
width: 94%;
}
/*--------------------
03.空庭の楽しみ方
--------------------*/
#howto #howto_page_nav{
padding: 0;
width: 100%;
}
#howto #howto_page_nav ul{
display: block;
background: url(../img/howto/bg_pagenav_sp.jpg) no-repeat center top;
background-size: cover;
}
#howto #howto_page_nav li{
max-width: none;
margin: 0;
background: none;
border-bottom: 1px solid #000;
width: 100%;
}
#howto #howto_page_nav li a{
-ms-writing-mode: inherit;
-webkit-writing-mode: inherit;
writing-mode: inherit;
padding: 0 0 0 17px;
background: url(../img/howto/icon_arrow02.png) no-repeat 93.5% center;
background-size: 23px auto;
max-width: none;
height: auto;
width: 100%;
display: block;
}
#howto #howto_page_nav li a img{
max-width: 62px;
vertical-align: middle;
margin: 0 9px 0 0;
}
#howto #howto_page_nav li a span{
width: auto;
vertical-align: middle;
font-size: 18px;
line-height: 19px;
position: static;
transform: none;
}
#howto #howto_page_nav li:nth-child(3) a span {
margin: 0 0 0 5px;
font-size: 18px;
}
#howto .cnt_area{
padding: 0;
}
#howto .cnt_area .contents_in{
width: 100%;
padding: 0;
}
#howto .cnt_area h2{
border-radius: 0;
position: relative;
margin: 0;
border-bottom: 1px solid #000;
}
#howto .cnt_area h2 a{
display: inline-block;
max-width: 23px;
width: 100%;
position: absolute;
top: 53%;
transform: translateY(-50%);
left: 19px;
}
#howto .cnt_area h2 span{
font-size: 18px;
line-height: 19px;
}
#howto .cnt_area .cnt_g{
display: block;
padding: 29px 47px 44px;
}
#howto .cnt_area .cnt_box{
width: 100%;
margin: 0 auto 37px;
}
#howto .cnt_area .cnt_box:nth-child(3n){
margin: 0 auto 37px;
}
#howto .cnt_area .cnt_box::after{
content: none;
}
#howto .cnt_area .cnt_box:last-child{
margin: 0 auto;
}
#howto .cnt_area .cnt_box .title_box h3{
font-size: 23px;
letter-spacing: 0.1em;
}
#howto .cnt_area .cnt_box .title_box .sub_text{
font-size: 17px;
}
#howto #howto_health .cnt_g{
padding: 29px 47px 28px;
}
#howto #howto_health h2{
padding: 7px 0 4px;
}
#howto #howto_health h2 .icon{
max-width: 30px;
margin: 0 6px 0 0;
}
#howto #howto_beauty h2{
padding: 15px 0 13px;
}
#howto #howto_beauty h2 .icon{
max-width: 39px;
margin: 0 7px 0 0;
}
#howto #howto_beauty .icon_box04{
bottom: -21px;
left: 81px;
right: auto;
}
#howto #howto_eat h2{
padding: 11px 0 10px;
}
#howto #howto_eat h2 .icon{
max-width: 56px;
margin: 0 11px 0 0;
}
#howto #howto_eat .icon_box01{
max-width: 87px;
width: 100%;
bottom: -32px;
}
#howto #howto_eat .icon_box02{
max-width: 218px;
width: 100%;
bottom: -20px;
left: 79px;
}
#howto #howto_eat .icon_box04{
right: -19px;
}
#howto #howto_relax h2{
padding: 10px 0 14px;
}
#howto #howto_relax h2 .icon{
max-width: 54px;
margin: 0 6px 0 0;
}
#howto #howto_relax .icon_box02{
max-width: 87px;
width: 100%;
bottom: -21px;
left: -25px;
}
#howto #howto_relax .icon_box03{
max-width: 64px;
width: 100%;
bottom: -14px;
right: -18px;
}
#howto #howto_fun h2{
padding: 8px 0 7px;
}
#howto #howto_fun h2 .icon{
max-width: 57px;
margin: 0 13px 0 0;
}
#howto #howto_fun .icon_spot{
margin: 0 4px 0 0;
}
#howto #howto_fun .icon_box01{
max-width: 94px;
width: 100%;
top: auto;
bottom: -14px;
left: auto;
right: 67px;
}
#howto #howto_fun .icon_box02{
max-width: 108px;
width: 100%;
top: auto;
bottom: -16px;
left: auto;
right: 78px;
}
#howto #howto_history .cnt_g{
padding: 29px 47px 68px;
}
#howto #howto_history h2{
padding: 2px 0 6px;
}
#howto #howto_history h2 .icon{
max-width: 43px;
margin: 0 7px 0 0;
}
#howto #howto_history .icon_box03{
max-width: 76px;
width: 100%;
top: auto;
bottom: 0;
right: 54px;
}
#howto #howto_history .icon_box04{
right: 77px;
}
#howto #howto_history .icon_box05{
max-width: 86px;
top: auto;
bottom: -28px;
right: 75px;
}
#howto #howto_night .cnt_g{
padding: 29px 47px 35px;
}
#howto #howto_night h2{
padding: 7px 0 8px 24px;
}
#howto #howto_night h2 .icon{
max-width: 50px;
margin: 0 16px 0 0;
}
#howto #howto_night .icon_box01{
max-width: 102px;
width: 100%;
top: auto;
bottom: 2px;
left: auto;
right: 48px;
}
/*--------------------
04.ショー＆営業時間
--------------------*/
#events .first_text{
padding: 30px 0 53px;
font-size: 14px;
line-height: 30px;
}
#events .cnt_area .h2_g{
margin: 0 0 23px 0;
padding: 0;
}
#events .cnt_area .h2_g h2{
-ms-writing-mode: inherit;
-webkit-writing-mode: inherit;
writing-mode: inherit;
width: 276px;
height: auto;
padding: 16px 0 16px 26px;
letter-spacing: 0.05em;
margin: 0;
background-image: url(../img/restaurant/bg_h2_title_sp.png);
background-size: cover;
}
#events .guide_area .contents_in{
width: 100%;
}
#events .guide_area .cnt_block{
display: block;
}
#events .guide_area .cnt_g{
padding: 0;
width: 92%;
margin: 0 auto;
display: block;
}
#events .guide_area .cnt_box{
width: auto;
margin: 0 auto 20px;
background: #fff;
}
#events .guide_area .cnt_text .next_btn{
/*max-width: 268px;*/
margin: 0 40px 0 0;
}
#events .guide_area .link_btn{
padding: 0;
text-align: center;
}
#events .guide_area .link_btn a{
font-size: 16px;
}
#events .guide_area .link_btn a span{
text-decoration: underline;
}
#events #events_area{
background: url(../img/events/bg_events.png) repeat center center;
background-size: 116px auto;
background-color: rgba(125,105,154,.2);
padding: 0 0 36px;
margin: 0 auto;
}
#events #events_area .h2_g{
top: -27px;
margin: 0 0 -12px;
}
#events #events_area .cnt_text{
padding: 19px 0 20px;
}
#events #events_area .cnt_text h3{
margin: 0px auto 40px;
}
#events #events_area .date_text{
padding: 0 0 20px;
}
#events #show_area{
padding: 2px 0 0;
}
#events #show_area .h2_g h2{
width: 257px;
border: 1px solid #7D699A;
border-left: 1px solid #fff;
border-radius: 0 5px 5px 0;
color: #7D699A;
padding: 11px 0 13px 22px;
letter-spacing: normal;
font-size: 18px;
background: none;
}
#events #show_area .cnt_box{
width: auto;
display: block;
}
#events #show_area .cnt_box .cnt_left{
width: 100%;
}
#events #show_area .cnt_box .page_title{
font-size: 20px;
line-height: 30px;
}
#events #show_area .cnt_box .cnt_left .place_box{
background: none;
padding: 0;
color: #7C7C7C;
font-size: 16px;
line-height: 24px;
margin: 0 0 15px;
}
#events #show_area .cnt_box .cnt_img{
margin: 0 0 20px;
}
#events #show_area .cnt_box .cnt_right{
width: 100%;
margin: 0;
}
#events #show_area .cnt_box .cnt_right .article_box{
font-size: 14px;
line-height: 24px;
}
#events #show_area .cnt_box .cnt_right .sub_title{
font-size: 16px;
line-height: 24px;
margin: 0 0 15px;
}
#events #show_area .cnt_right dl.desc{
font-size: 14px;
}
#events #schedule_area{
background-image: url(../img/events/bg_schedule_sp.png);
background-size: 90px auto;
background-color: rgba(125,105,154,.2);
}
#events #schedule_area .contents_in{
padding: 16px 0 24px;
width: 100%;
}
#events #schedule_area .h2_g{
position: static;
}
#events #schedule_area .h2_g h2{
width: 312px;
}
#events #schedule_area .schedule_box{
position: relative;
width: 92%;
margin: 0 auto;
}
#events #schedule_area .schedule_box .cnt_img{
width: 100%;
padding: 0;
margin: 0;
}
#events #schedule_area .cnt_img a::before{
content: none;
}
#events #schedule_area .schedule_box .cnt_text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
#events #schedule_area .schedule_box .cnt_text .icon{
max-width: 66px;
width: 100%;
margin: 0 auto 18px;
}
#events #schedule_area .schedule_box .cnt_text span{
display: block;
color: #fff;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.1em;
}
/*--------------------
04-01.ショー詳細
--------------------*/
#show_detail .cnt_area .page_title {
font-size: 20px;
line-height: 30px;
margin: 20px 0 10px;
}
#show_detail .cnt_area .place_box {
font-size: 16px;
line-height: 24px;
margin: 0 0 15px;
}
#show_detail .cnt_area .article_box .sub_title {
font-size: 16px;
line-height: 24px;
margin: 0 0 15px;
}
#show_detail #cnt_area01 .cnt_img {
margin: 0 0 20px;
}
#show_detail .cnt_area .news-article_text {
font-size: 14px;
line-height: 24px;
}
#show_detail .cnt_area .btn_g {
display: block;
margin: 0 auto;
}
#show_detail .cnt_area .btn_g .contents_btn {
margin: 0 auto 15px;
width: 90%;
}
#show_detail .cnt_area .btn_g .contents_btn a {
font-size: 14px;
}
#show_detail .cnt_area .btn_g .contents_btn.btn_next a {
padding: 16.5px 45px 16.5px;
}
#show_detail .cnt_g dl.desc {
font-size: 14px;
}
#show_detail #events_detail .cnt_g dl.desc dd {
width: 73%;
margin: 0 0 20px 0;
}
#show_detail .cnt_g dl.desc dt {
width: 22%;
margin: 0 10px 20px 0;
}
/*--------------------
06.SNS映えスポット
--------------------*/
#sns_spot .cnt_area .contents_in{
width: 100%;
}
#sns_spot #cnt_area01 {
margin: 0 auto 28px;
display: block;
}
#sns_spot .cnt_area .cnt_block h2{
width: 197px;
height: auto;
background: url("../img/sns_spot/bg_h2_title02_sp.png") no-repeat center center;
background-size: cover;
padding: 15px 17px 15px 35px;
margin: 0 auto 17px 0;
writing-mode: unset;
box-shadow: none;
}
#sns_spot .cnt_area .cnt_block {
display: block;
padding-top: 20px;
}
#sns_spot .cnt_area .cnt_block .cnt_g{
margin: 0 auto;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area {
width: 100%;
padding: 0;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .spot_g {
max-width: 780px;
width: 100%;
margin: 0 auto;
display: block;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box {
margin: 0px auto 60px;
width: 100%;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box:nth-child(odd) {
margin: 0 auto 60px;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box:nth-child(2) {
margin: 0 auto 60px;
}
#sns_spot #cnt_area02 .cat_g .title_g {
display: block;
max-width: 268px;
margin: 0 auto 20px;
}
#sns_spot #cnt_area02 .cat_g .title_g::before,
#sns_spot #cnt_area02 .cat_g .title_g::after{
content: '';
display: inline-block;
width: 50.58px;
height: 72.81px;
background-image: url(../img/sns_spot/icon01_cat.png);
background-size: contain;
vertical-align: middle;
position: absolute;
left: -26%;
top: 50%;
}
#sns_spot #cnt_area02 {
margin-top: -220px;
}
#sns_spot #cnt_area02 .cat_g .title_g::after{
position: absolute;
right: -26%;
left: unset;
}
#sns_spot #cnt_area02 .cat_g .title_block{
width: 92%;
}
#sns_spot #cnt_area02 .cat_g .title_g h3 {
font-size: 25px;
text-align: center;
padding: 0 40px 10px;
}
#sns_spot #cnt_area02 .cat_g .img_flower {
display: none;
}
#sns_spot #cnt_area02 .cat_g .title_g h3::after {
right: 42px;
}
#sns_spot #cnt_area02 .cat_g .title_g h3::before {
left: 30px;
}
#sns_spot #cnt_area02 .cat_g .title_g .sub_text {
max-width: 230px;
margin: 0 auto;
font-size: 16px;
}
#sns_spot #cnt_area02 .cat_g .text_box {
width: 100%;
}
#sns_spot #cnt_area02 .cat_g .title_g .img_cat {
display: none;
}
#sns_spot #cnt_area02 .cat_g .img_cat02 {
max-width: 134.55px;
bottom: -28px;
right: 0;
left: 0;
margin: 0 auto;
}
#sns_spot #cnt_area02 .cat_g .slide_g ul li {
width: 267px;
margin: 0 7px;
padding: 10px;
}
#sns_spot #cnt_area02 .cat_g {
padding: 163px 0 76px;
}
#sns_spot #cnt_area03.cnt_area .cnt_block h2{
margin: 40px auto 17px 0;
}
#sns_spot #cnt_area03 .cnt_block {
padding: 27px 0 0;
display: block;
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .spot_area .spot_g {
width: 91.41%;
}
#sns_spot #cnt_area04 {
margin: -120px 0 0;
padding: 70px 0 10px;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(1),
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(2),
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(3){
margin: 0 auto 60px;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box01 .small_img {
width: 67.11%;
top: -80px;
left: unset;
right: -80px;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box05 .small_img {
width: 100%;
top: -30px;
left: unset;
right: -33px;
transform: rotate(16deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box06 .small_img {
width: 100%;
top: -30px;
left: unset;
right: -33px;
transform: rotate(16deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box09 .small_img {
width: 100%;
top: -30px;
left: unset;
right: -33px;
transform: rotate(16deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img01 {
display: none;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img02 {
max-width: 248px;
width: 28.61%;
top: 28.6%;
right: unset;
left: 30px;
transform: rotate(-47deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img03 {
max-width: 89.5px;
width: 24.36%;
top: 13.3%;
left: unset;
right: 8%;
transform: rotate(50deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img04 {
max-width: 70px;
width: 17.58%;
top: 28.3%;
left: unset;
right: 3%;
transform: rotate(53deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img05 {
max-width: 99.5px;
width: 20.36%;
top: 42.2%;
right: 8%;
transform: rotate(-47deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img06 {
max-width: 110.5px;
width: 32.25%;
bottom: 25.4%;
right: 52.73%;
transform: rotate(-45deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box08 .small_img {
width: 60.11%;
top: -35px;
right: unset;
left: -40px;
transform: rotate(-22deg);
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img01 {
width: 37.54%;
top: -87px;
left: unset;
right: 0px;
transform: scale(-1, 1);
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img02 {
max-width: 174px;
width: 16.36%;
top: 30%;
transform: rotate(25deg);
right: 1.41%;
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .spot_area .cnt_box02 .small_img {
max-width: 354px;
width: 75.9%;
top: -64px;
right: unset;
left: -60px;
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img03 {
max-width: 82px;
width: 10.71%;
bottom: 31.7%;
left: 21.51%;
transform: rotate(40deg);
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img04 {
max-width: 82px;
width: 17.71%;
bottom: -6%;
right: 12.04%;
transform: rotate(112deg);
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box02 .small_img {
max-width: 308px;
width: 72.7%;
top: -80px;
left: unset;
right: -50px;
transform: rotate(33deg);
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box03 .small_img {
max-width: 220px;
width: 72.7%;
top: -58px;
left: -29px;
right: unset;
transform: rotate(-10deg);
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .icon_img.icon_img02 {
max-width: 139px;
width: 19.07%;
bottom: 43%;
left: 1.25%;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .icon_img.icon_img01 {
max-width: 104px;
width: 19.78%;
top: unset;
right: 27%;
bottom: -65px;
transform: rotate(-60deg);
}
/*--------------------
07.料金案内
--------------------*/
/*--- リニューアル告知ボックス ---*/
/* price.cssに移動 */
/*--------------------
08.町方マガジン
--------------------*/
#magazine #cnt_area01 {
margin: 30px auto 76px;
}
#magazine .first_text{
padding: 0 0 30px;
font-size: 14px;
line-height: 30px;
}
#magazine .date_box{
margin: 0 0 20px auto;
padding: 0 10px;
}
#magazine .cnt_g .cnt_text .date{
font-size: 13px;
line-height: 31px;
margin: 0 0 5px;
}
#magazine .cnt_g .cnt_text .category span {
font-size: 13px;
padding: 5px 9px 4px;
}
#magazine .cnt_g{
width: 100%;
padding: 0;
}
#magazine .cnt_g .cnt_box{
display: block;
}
#magazine .cnt_g .cnt_img{
width: 100%;
margin: 0 auto 15px;
}
#magazine .cnt_g .cnt_text{
width: 100%;
margin: 0;
}
#magazine .cnt_g .cnt_text h2 {
font-size: 18px;
line-height: 30px;
padding: 0 0 10px;
}
#magazine .cnt_g .cnt_text p{
font-size: 14px;
line-height: 24px;
padding: 0 0 30px;
}
#magazine .cnt_box .contents_btn{
font-size: 14px;
max-width: 160px;
}
#magazine .cnt_box .contents_btn a {
padding: 5px 29px 5px 25px;
}
/*--------------------
08-01.町方マガジン詳細
--------------------*/
#magazine_detail #cnt_area01{
width: 100%;
}
#magazine_detail .cnt_g .page_title {
font-size: 18px;
line-height: 30px;
margin: 0px 0 20px;
}
#magazine_detail .cnt_g .date_box {
font-size: 13px;
line-height: 15px;
margin: 0 0 5px;
}
#magazine_detail .cate_box {
font-size: 13px;
line-height: 15px;
margin: 0 0 5px;
}
#magazine_detail .category span {
font-size: 13px;
padding: 5px 9px 4px;
}
#magazine_detail .cnt_g img{
margin: 0 0 25px;
}
#magazine_detail .cnt_g p{
font-size: 14px;
line-height: 24px;
}
#magazine_detail .pagelink_g li a {
font-size: 14px;
}
#magazine_detail .cnt_g .box_type01{
display: block;
}
#magazine_detail .cnt_g .box_type01 .cnt_img{
width: 100%;
margin: 0 auto;
}
#magazine_detail .cnt_g .box_type01 .cnt_text{
width: 100%;
margin: 0 auto;
}
#magazine_detail .pagelink_g, #magazine_detail .category_g {
width: 92%;
}
#magazine_detail .category_g li a {
padding: 4px 9px 4px;
font-size: 13px;
}
#magazine_detail .cnt_area .btn_g {
display: block;
margin: 0 auto;
}
#magazine_detail .cnt_area .btn_g .contents_btn {
width: 100%;
margin: 0 auto 15px;
}
#magazine_detail .cnt_area .btn_g .contents_btn a {
font-size: 14px;
}
#magazine_detail .cnt_area .btn_g .contents_btn.btn_previous a {
padding: 16.5px 45px 16.5px;
}
#magazine_detail .cnt_area .btn_g .contents_btn.btn_previous,
#magazine_detail .cnt_area .btn_g .contents_btn.btn_next{
background-size: 13px;
}
#magazine_detail .cnt_area .btn_g .contents_btn.btn_next a {
padding: 16.5px 45px 16.5px;
}
/*--------------------
09.宿泊
--------------------*/
#lodging .first_text{
font-size: 14px;
padding: 30px 0 40px;
}
#lodging .cnt_area .contents_in{
display: block;
padding: 0;
width: 100%;
}
#lodging .cnt_area .h2_g h2{
-ms-writing-mode: inherit;
-webkit-writing-mode: inherit;
writing-mode: inherit;
background-image: url(../img/lodging/bg_h2_title01_sp.png);
max-width: 261px;
width: 100%;
height: auto;
margin: 0;
padding: 14px 0 20px 35px;
}
#lodging #hotel_area{
padding: 0 0 11px;
}
#lodging #hotel_area .h2_g{
position: relative;
top: -26px;
}
#lodging #hotel_area .cnt_g{
margin: -10px auto 0;
width: 92%;
display: block;
}
#lodging #hotel_area .cnt_box{
height: auto;
max-width: none;
width: 100%;
margin: 0 auto 14px;
}
#lodging #hotel_area .cnt_img{
height: auto;
}
#lodging #hotel_area .cnt_text h3{
max-width: none;
}
#lodging #hotel_area .cnt_box01{
height: auto;
max-width: none;
width: 100%;
}
#lodging #hotel_area .cnt_box01 .cnt_img{
height: auto;
}
#lodging #hotel_area .cnt_box01 .cnt_text{
bottom: 21px;
}
#lodging #hotel_area .cnt_box01 .cnt_text img{
margin: 0 auto 16px;
}
#lodging #hotel_area .cnt_box01 .cnt_text h3{
padding: 0 0 23px;
}
#lodging #relax_area .h2_g{
margin: 0 0 13px;
}
#lodging #relax_area .h2_g h2{
max-width: 276px;
height: auto;
background-image: url(../img/lodging/bg_h2_title02_sp.png);
letter-spacing: normal;
}
#lodging #relax_area .cnt_g{
width: 100%;
margin: 0 auto;
display: block;
}
#lodging #relax_area .cnt_box{
max-width: none;
width: 92%;
margin: 0 auto 11px;
}
#lodging #relax_area .cnt_text p{
font-size: 14px;
line-height: 24px;
max-width: 226px;
margin: 17px auto 0;
}
#lodging #relax_area .cnt_box01{
max-width: none;
width: 100%;
margin: 0 auto 17px;
}
/*--------------------
10.アクセス
--------------------*/
/* アクセスの項目をaccess.cssに移動 */
/*--------------------
11.よくある質問・お問い合わせ
--------------------*/
#faq .first_text{
font-size: 14px;
margin: 30px auto;
}
#faq #cnt_area01 {
margin: 0 auto 28px;
display: block;
}
#faq h2{
width: 257px;
height: auto;
background: url("../img/faq/bg_title_sp.png") no-repeat center center;
background-size: cover;
padding: 15px 17px 15px 35px;
margin: 0 auto 17px 0;
writing-mode: unset;
}
#faq #cnt_area01 .tab_wrap .tab_area{
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;
}
#faq #cnt_area01 .tab_area label{
width: 48.5%;
margin: 0 0 10px;
border-radius: 5px;
font-size: 14px;
}
#faq #cnt_area01 .tab_area label:last-of-type {
margin: 0 0 10px;
}
#faq #cnt_area01 .tab_area label.active{
border: 2px solid #27345C;
}
#faq #cnt_area01 .panel_area {
border-top: none;
margin: 0 auto;
}
#faq #cnt_area01 .tab_panel {
padding: 0;
margin: 0 auto;
}
#faq #cnt_area01 .cnt_box .question_box{
font-size: 16px;
line-height: 24px;
padding: 21px 15px;
}
#faq #cnt_area01 .cnt_box .question_box{
font-size: 16px;
line-height: 24px;
padding: 21px 15px;
}
#faq #cnt_area01 .cnt_box .question_box.row01{
/* padding: 9px 15px; */
}
#faq #cnt_area01 .cnt_box .icon{
font-size: 16px;
}
#faq #cnt_area01 .cnt_box .text{
padding: 0 20px 0 0;
}
#faq #cnt_area01 .cnt_box .question_box::before{
width: 16px;
height: 16px;
top: 24px;
right: 15px;
}
#faq #cnt_area02{
background: url(../img/faq/bg_contens_sp.png) repeat;
background-size: 93.5px;
background-color: rgba(251,246,231,0.61);
padding-bottom: 15px;
}
#faq #cnt_area01 .cnt_g{
margin: 14px auto 0;
}
#faq #cnt_area02 #form_area {
padding-bottom: 12px;
display: block;
padding: 24px 0 15px;
}
#faq #cnt_area02 #form_area h2 {
max-width: 270px;
width: 100%;
height: auto;
margin: 0 auto 0 0;
padding: 15px 5px 15px 30px;
}
#faq #cnt_area02 #form_area .cnt_g {
margin: 20px auto 0;
}
#faq #form_area .cnt_g table td{
padding: 12px 0 12px 15px;
width: 100%;
}
#faq #form_area .cnt_g table input.text_box{
padding: 5px 13px;
font-size: 14px;
line-height: 20px;
}
#faq #cnt_area02 #form_area .cnt_g table input.text_box,
#faq #cnt_area02 #form_area .cnt_g table textarea,
#faq #cnt_area02 #form_area .cnt_g table select{
border-radius: 5px;
font-size: 16px;
line-height: 27px;
padding: 20px 24px 19px;
}
#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{ /* WebKit, Blink, Edge */
font-size: 16px;
line-height: 27px;
}
#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 { /* Internet Explorer 10-11 */
font-size: 16px;
line-height: 27px;
}
#faq #cnt_area02 #form_area .cnt_g table input.text_box::-webkit-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table textarea::placeholder{ /* Others */
font-size: 16px;
line-height: 27px;
}
#faq #tel_area {
max-width: none;
position: unset;
margin: 50px auto 0;
}
#faq #tel_area h2::before {
margin: 0 auto;
}
#faq #tel_area h2 {
margin: 0;
}
#faq #tel_area .cnt_box a[href^="tel:"]{
pointer-events: inherit;
}
/*--------------------
12.新着情報一覧
--------------------*/
#info #cnt_area01 {
margin: 0 auto 20px;
}
#info #cnt_area01 .tab_wrap {
display: block;
margin: 0 auto;
}
#info #cnt_area01 .tab_wrap .tab_area{
width: 100%;
margin: 0 auto;
}
#info #cnt_area01 .tab_wrap .tab_area ul{
width: 100%;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
margin: 0 auto;
border: 1px solid #C7C7C7;
}
#info #cnt_area01 .tab_wrap .tab_area ul a{
width: 50%;
border-bottom: 1px solid #C7C7C7;
background: none;
text-align: center;
font-size: 16px;
padding: 16px 5px;
}
#info #cnt_area01 .tab_wrap .tab_area ul a:nth-child(odd){
border-right: 1px solid #C7C7C7;
}
#info #cnt_area01 .tab_wrap .tab_area ul a:last-child{
border-bottom: none;
}
#info #cnt_area01 .tab_panel {
width: 100%;
margin: 0 auto;
}
#info #cnt_area01 .cnt_box {
width: 100%;
border-bottom: 1px solid #C7C7C7;
padding: 30px 16px 21px;
display: block;
margin: 0 auto;
}
#info #cnt_area01 .cnt_box .category_box{
display: inline-block;
margin: 0 13px 10px 0;
}
#info #cnt_area01 .cnt_box .date_box {
display: inline-block;
}
#info #cnt_area01 .cnt_box .page_title {
width: 100%;
font-size: 16px;
line-height: 30px;
}
#info #cnt_area01 .btn_more{
font-size: 16px;
line-height: 27px;
color: #808080;
text-align: right;
text-decoration: underline;
}
#info #cnt_area01 .btn_more a{
color: #808080;
}
#info #cnt_area02{
padding: 0 0 40px;
}
#info #cnt_area02 .cnt_block {
display: block;
}
#info #cnt_area02 h2 {
padding: 15px 17px 14px 22px;
width: 257px;
height: auto;
background: url(../img/news/bg_title_sp.png) no-repeat center center;
background-size: cover;
writing-mode: unset;
position: relative;
top: -20px;
}
#info #cnt_area02 .cnt_g {
margin: 15px auto;
display: block;
}
#info #cnt_area02 .cnt_g .cnt_box {
width: 100%;
margin: 0 0 20px;
padding: 15px 15px;
}
#info #cnt_area02 .date_text {
font-size: 16px;
line-height: 28px;
}
#info #cnt_area02 .cnt_img {
margin: 0 0 10px;
}
#info #cnt_area02 .title_text {
font-size: 16px;
line-height: 26px;
margin: 0 0 10px;
}
#info #cnt_area02 .category_box {
font-size: 13px;
line-height: 18px;
padding: 3px 15px;
}


/*--- 210405 デザイン変更 ---*/
#info #cnt_area01 {
margin: 0 auto 70px;
}
#info #cnt_area01 .nav_g{
padding-top: 22px;
margin: 0 auto 36px;
display: flex;
align-items: center;
justify-content: center;
flex-flow: wrap;
}
#info #cnt_area01 .nav_g li{
max-width: 102px;
margin: 0 4px 14px;
}
#info #cnt_area01 .nav_g li a{
font-size: 12px;
}
	#info #cnt_area01 .nav_g li.eventcalendar a {
height: 31px;
padding-right: 3px;
padding-left: 3px;
letter-spacing: -0.1em;
font-size: 9px;	
}	

#info #cnt_area01 .cnt_g{
display: block;
}
#info #cnt_area01 .cnt_g .cnt_box:nth-of-type(3n),
#info #cnt_area01 .cnt_g .cnt_box:nth-of-type(4n),
#info #cnt_area01 .cnt_g .cnt_box{
border: none;
margin: 0 auto 14px;
padding: 0;
border-bottom: 1px solid #DBDBDB;
width: 100%;
}
#info #cnt_area01 .cnt_g .cnt_box:last-of-type{
border-bottom: none;
margin-bottom: 36px;
}
#info #cnt_area01 .cnt_g .cnt_box a{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
#info #cnt_area01 .cnt_g .cnt_box .cnt_img{
max-width: 35.6%;
}
#info #cnt_area01 .cnt_g .cnt_box .cnt_text{
display: block;
padding: 0 0 25px 10px;
min-height: 0;
}
#info #cnt_area01 .cnt_box .cnt_text .cat_box{
justify-content: flex-start;
flex-flow: wrap;
}
#info #cnt_area01 .cnt_box .cnt_text .cat span{
max-width: 110px;
font-size: 11px;
padding: 4px 5px 5px;
margin-right: 6px;
}
#info #cnt_area01 .cnt_box .cnt_text .title{
font-size: 12px;
line-height: 17px;
}




/*--------------------
12-01.お知らせ詳細
--------------------*/
#news_detail .cnt_area .page_title {
font-size: 18px;
line-height: 30px;
margin: 0 0 15px;
}
#news_detail .cnt_area .date_box {
font-size: 16px;
line-height: 24px;
margin: 0 0 15px;
}
#news_detail .cnt_area .youtube{
width: 90vw;
height: 54vw;
}
#news_detail #cnt_area01 .cnt_img {
margin: 0 0 20px;
}
#news_detail #cnt_area01 .video_insert video{
margin: 0 0 20px;
width: 100%;
}
#news_detail #cnt_area01 .video_insert .news-article_text{
width: 100%;
margin: 0 auto;
}
#news_detail .cnt_area .news-article_text {
font-size: 14px;
line-height: 24px;
}
#news_detail .cnt_area .btn_g {
display: block;
margin: 0 auto;
}
#news_detail .cnt_area .btn_g .contents_btn {
width: 100%;
margin: 0 auto 15px;
}
#news_detail .cnt_area .btn_g .contents_btn a {
font-size: 14px;
}
#news_detail .cnt_area .btn_g .contents_btn.btn_previous a {
padding: 16.5px 45px 16.5px;
}
#news_detail .cnt_area .btn_g .contents_btn.btn_previous,
#news_detail .cnt_area .btn_g .contents_btn.btn_next{
background-size: 13px;
}
#news_detail .cnt_area .btn_g .contents_btn.btn_next a {
padding: 16.5px 45px 16.5px;
}
#news_detail #cnt_area02{
padding: 0 0 40px;
}
#news_detail #cnt_area02 .cnt_block {
display: block;
}
#news_detail #cnt_area02 h2 {
padding: 15px 17px 14px 22px;
width: 257px;
height: auto;
background: url(../img/news/bg_title_sp.png) no-repeat center center;
background-size: cover;
writing-mode: unset;
position: relative;
top: -20px;
}
#news_detail #cnt_area02 .cnt_g {
margin: 15px auto;
display: block;
}
#news_detail #cnt_area02 .cnt_g .cnt_box {
width: 100%;
margin: 0 0 20px;
padding: 15px 15px;
}
#news_detail #cnt_area02 .date_text {
font-size: 16px;
line-height: 28px;
}
#news_detail #cnt_area02 .cnt_img {
margin: 0 0 10px;
}
#news_detail #cnt_area02 .title_text {
font-size: 16px;
line-height: 26px;
margin: 0 0 10px;
}
#news_detail #cnt_area02 .category_box {
font-size: 13px;
line-height: 18px;
padding: 3px 15px;
}
/*css追加*/
#news_detail .cnt_area .article_box .cnt_img{
margin: 0 0 25px;
}
#news_detail .cnt_area .article_box p{
line-height: 26px;
}
#news_detail .cnt_area .article_box .box_type01{
display: block;
}
#news_detail .cnt_area .article_box .box_type01 .cnt_img{
width: 100%;
margin: 0 auto 25px;
}
#news_detail .cnt_area .article_box .box_type01 .cnt_text{
width: 100%;
margin: 0 auto;
}
#news_detail .cnt_area .article_box .category_title {
font-size: 22px;
line-height: 28px;
margin: 0 0 10px;
}
#news_detail .cnt_area .article_box .sub_title {
font-size: 18px;
line-height: 28px;
margin: 0 0 10px;
}
#news_detail .cnt_area .article_box .box_type01 .cnt_box {
width: 100%;
}
#news_detail .cnt_area .article_box dl.dl01{
display: block;
}
#news_detail .cnt_area .article_box dl.dl01 dt{
width: 100%;
margin: 0;
}
#news_detail .cnt_area .article_box dl.dl01 dd{
width: auto;
margin: 0 0 16px;
}
#news_detail .cnt_area .article_box .column{
padding: 20px;
}
#news_detail .cnt_area .article_box .column .flex_box{
display: block;
}
#news_detail .cnt_area .article_box .column .flex_box .text{
width: 100%;
}
#news_detail .cnt_area .article_box .column .flex_box .img{
width: 100%;
margin: 10px auto 0;
}
/*---------　カレンダー　---------*/
#news_detail .calendar_box{
display: block;
}
#news_detail .calendar_box .calendar_title{
-ms-writing-mode: inherit;
-webkit-writing-mode: inherit;
writing-mode: inherit;
width: 240px;
height: auto;
min-height: unset;
padding: 16px 0 16px 26px;
letter-spacing: 0.05em;
margin: 0 0 15px;
}
#news_detail .calendar_detail {
display: block;
}
#news_detail .calendar_detail .detail_box{
display: block;
width: 100%;
padding: 0 0 30px;
}
#news_detail .calendar_detail .detail_box .cnt_text p{
font-size: 14px;
line-height: 20px;
}
#news_detail #cnt_area01 .calendar_detail .detail_box .cnt_img {
max-width: 180px;
width: auto;
margin: 0 auto 15px;
}
#news_detail #cnt_area01 .calendar_detail .detail_box .cnt_text {
width: 100%;
}
/*---------　カレンダーEND　---------*/

/* カスタムフィールド「画像 ＋ テキスト(横並び)」追加 */
#news_detail .cnt_area .v03_box {
flex-wrap: wrap;
row-gap: 35px;
}
#news_detail .cnt_area .v03_box_content {
width: 100%;
}
#news_detail .cnt_area .v03_box_text {
line-height: 26px;
}
/*----------
08.町方マガジン一覧
----------*/
/*----------
09.町方マガジン詳細
----------*/
#magazine_detail #cnt_area01{
width: 100%;
}
#magazine_detail .cnt_g .page_title {
font-size: 18px;
line-height: 30px;
margin: 0px 0 20px;
}
#magazine_detail .cnt_g .date_box {
font-size: 13px;
line-height: 15px;
margin: 0 0 5px;
}
#magazine_detail .category span {
font-size: 13px;
padding: 5px 9px 4px;
}
#magazine_detail .cnt_g img{
margin: 0 0 25px;
}
#magazine_detail .cnt_g p{
font-size: 14px;
line-height: 24px;
}
#magazine_detail .pagelink_g li a {
font-size: 14px;
}
#magazine_detail .cnt_g .box_type01{
display: block;
}
#magazine_detail .cnt_g .box_type01 .cnt_img{
width: 100%;
margin: 0 auto;
}
#magazine_detail .cnt_g .box_type01 .cnt_text{
width: 100%;
margin: 0 auto;
}
#magazine_detail .pagelink_g, #magazine_detail .category_g {
width: 92%;
}
#magazine_detail .category_g li a {
padding: 4px 9px 4px;
font-size: 13px;
}
#magazine_detail .cnt_area .btn_g {
display: block;
margin: 0 auto;
}
#magazine_detail .cnt_area .btn_g .contents_btn {
width: 100%;
margin: 0 auto 15px;
}
#magazine_detail .cnt_area .btn_g .contents_btn a {
font-size: 14px;
}
#magazine_detail .cnt_area .btn_g .contents_btn.btn_previous a {
padding: 16.5px 45px 16.5px;
}
#magazine_detail .cnt_area .btn_g .contents_btn.btn_previous,
#magazine_detail .cnt_area .btn_g .contents_btn.btn_next{
background-size: 13px;
}
#magazine_detail .cnt_area .btn_g .contents_btn.btn_next a {
padding: 16.5px 45px 16.5px;
}
/*--------------------
13.サイト・プライバシー・利用規約　750
--------------------*/
#site_policy.policy .cnt_block,
#term.policy .cnt_block{
display: block;
}
#site_policy.policy .cnt_block h2,
#term.policy .cnt_block h2{
max-width: 257px;
width: 100%;
height: auto;
background: url(../img/site_policy/bg_title_sp.png) no-repeat center center;
background-size: cover;
padding: 14px 5px 15px 22px;
margin: 0 0 14px;
writing-mode: unset;
}
#term.policy .cnt_block h2{
max-width: 330px;
}
#site_policy.policy .cnt_block .cnt_g,
#term.policy .cnt_block .cnt_g{
margin: 30px auto;
}
.policy .first_text {
font-size: 14px;
line-height: 24px;
}
.policy #cnt_area01 .cnt_box {
padding: 25px 15px;
}
.policy #cnt_area01 .cnt_box .text {
font-size: 18px;
}
.policy #cnt_area01 .cnt_box .answer_box {
font-size: 14px;
line-height: 24px;
margin: 15px 0 0;
}
/*--------------------
14.会社概要  750
--------------------*/
#company .cnt_block{
display: block;
}
#company .cnt_block h2{
max-width: 257px;
width: 100%;
height: auto;
background: url(../img/site_policy/bg_title_sp.png) no-repeat center center;
background-size: cover;
padding: 14px 5px 15px 22px;
margin: 0 0 14px;
writing-mode: unset;
}
/*--------------------
15.個別ページ
--------------------*/
.under_page.fourth h1 {
background: url(../img/explore/ganbanyoku/bg_title01_under_sp.png)no-repeat center center;
background-size: cover;
font-size: 22px;
line-height: 33px;
padding: 21px 0 26px;
letter-spacing: 0.05em;
}
.under_page.fourth .cnt_area .cnt_block{
display: block;
margin: 19px auto 25px;
}
.under_page.fourth .cnt_area .cnt_block .cnt_g{
display: block;
}
.under_page.fourth .cnt_area .cnt_block .cnt_g .cnt_img {
width: 100%;
display: block;
}
.under_page.fourth .cnt_area .cnt_block .cnt_g .cnt_box {
width: 94%;
margin: 10px auto 0;
}
/*--------------------
15-01.SKDドリンク
--------------------*/
#skd #cnt_area02 .cnt_block .cnt_g {
display: block;
}
#skd .cnt_area .flow_area .cnt_box {
max-width: 432px;
width: 100%;
margin: 0 auto;
}
#skd .cnt_area .flow_area .cnt_box h3{
font-size: 18px;
padding: 14px 0 14px 55px;
}
#skd .cnt_area .flow_area .cnt_box h3 span{
width: 46px;
height: 46px;
font-size: 23px;
padding: 10px 0;
}
#skd .cnt_area .flow_area .cnt_box .cnt_text {
margin: 10px 20px 20px 35px;
}
/*--------------------
16.キッズ
--------------------*/
#kids .first_text{
padding: 30px 0 0;
font-size: 14px;
line-height: 30px;
}
#kids .cnt_area .h2_g{
margin: 0 0 23px 0;
padding: 0;
}
#kids .cnt_area .h2_g h2{
-ms-writing-mode: inherit;
-webkit-writing-mode: inherit;
writing-mode: inherit;
width: 276px;
height: auto;
padding: 16px 0 16px 26px;
letter-spacing: 0.05em;
margin: 0;
background-image: url(../img/kids/bg_h2_title_sp.png);
background-size: cover;
}
#kids .cnt_area .contents_in{
width: 100%;
}
#kids .cnt_area .cnt_block{
display: block;
}
#kids .cnt_area .cnt_g{
padding: 0;
width: 92%;
margin: 0 auto;
display: block;
}
#kids .cnt_area .cnt_box{
width: 92%;
margin: 0 auto;
display: block;
}
#kids #cnt_area02 .cnt_box, #kids #cnt_area04 .cnt_box{
display: flex;
flex-direction: column-reverse;
}
#kids #cnt_area04 .cnt_box{
padding-bottom: 0;
}
#kids .cnt_area .cnt_img{
margin: 0 auto;
}
#kids .cnt_area .cnt_text{
margin: 0 auto;
}
#kids .cnt_area .cnt_text h3{
text-align: center;
font-size: 20px;
}
#kids #cnt_area04 .cnt_g .cnt_text {
margin: 0 auto 45px;
}
#kids .cnt_area .cnt_text .link_btn{
text-align: center;
margin: 8px auto;
font-size: 14px;
text-align: center;
}
#kids #cnt_area01::before, #kids #cnt_area03::before, #kids #cnt_area05::before {
height: 434px;
}
#kids #cnt_area03 .cnt_g, #kids #cnt_area04 .cnt_g {
margin: 0 auto;
}
#kids .cnt_area .cnt_box .icon_img.icon03 {
bottom: -20px;
right: unset;
width: 119px;
height: 122px;
}
#kids .cnt_area .cnt_box .icon_img.icon04 {
bottom: -55px;
left: unset;
right: 0;
width: 92px;
height: 142px;
}
#kids .cnt_area .cnt_box .icon_img.icon05 {
bottom: -15px;
right: -20px;
width: 116px;
height: 82px;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box {
max-width: 309px;
width: 100%;
margin: 0 auto;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box.girls {
padding-top: 30px;
}
#kids #cnt_area07 .attention_g .attention_box {
padding: 40px 20px;
}
#kids #cnt_area07 .attention_g .attention_box .sub {
padding: 0 20px 15px 30px;
}
#kids #cnt_area07 .attention_g .attention_box .sub li {
line-height: 35px;
}
#kids #cnt_area08 .cnt_box{
display: block;
}
#kids #cnt_area08 .cnt_img{
max-width: 700px;
margin: 0 auto;
width: 100%;
}
#kids #cnt_area08 .cnt_text{
max-width: 700px;
margin: -30px auto 0;
}
#kids #cnt_area08 .title span{
padding: 15px 15px 15px 16px;
font-size: 18px;
}
#kids #cnt_area08 .icon01{
max-width: 80px;
left: -10px;
z-index: 1;
}
#kids #cnt_area08 .icon02{
bottom: auto;
right: -30px;
top: 41%;
max-width: 100px;
}
/*----------
17.女子会 750
----------*/
#lady #pager_area {
margin: 0 0 47px;
}
#lady.under_page h1{
font-size: 20px;
}
#lady .cnt_area {
margin: 0 0 48px;
}
#lady .cnt_area .first_g .h2_g h2{
position: static;
max-width: 254px;
width: auto;
height: auto;
background-image: url(../img/lady/bg_h3_title_sp.png);
background-size: contain;
-ms-writing-mode: inherit;
-webkit-writing-mode: inherit;
writing-mode: inherit;
padding: 10px 17px 14px 22px;
margin: 0;
}
#lady #pager_area ul{
display: block;
}
#lady #pager_area li{
max-width: 341px;
width: 100%;
display: block;
margin: 5px auto;
}
#lady #pager_area li a{
font-size: 14px;
padding: 16px 0 14px;
}
#lady .first_text{
padding: 39px 0 22px;
line-height: 28px;
font-size: 14px;
}
#lady .cnt_area .first_g .first_box{
margin: 0 auto;
width: 92%;
}
#lady .cnt_area .first_g .contents_in{
display: block;
width: 100%;
}
#lady .cnt_area .first_g .first_box .catchcopy{
font-size: 20px;
line-height: 30px;
padding: 20px 0;
}
#lady .cnt_area .first_g .first_box p {
font-size: 14px;
line-height: 28px;
}
#lady .cnt_area .bg_g{
margin-top: 30px;
}
#lady .cnt_area .cnt_g01 .cnt_img{
width: 100%;
padding-bottom: 55px;
}
#lady .cnt_area .bg_g::after{
height: 199px;
}
#lady .cnt_area .cnt_g01 .cnt_text {
top: unset;
bottom: 0;
left: 0;
}
#lady .cnt_area .cnt_g .cnt_text p{
font-size: 12px;
}
#lady .cnt_area .cnt_g .cnt_text p span{
padding: 15px 10px 15px 21px;
margin: 0 0 6px;
}
#lady .cnt_area .cnt_g .cnt_text p span:last-child{
margin: 0;
}
#lady .cnt_area .cnt_g02 .cnt_box02{
margin: 125px auto 0;
}
#lady .cnt_area .cnt_g02 .cnt_box01 .cnt_text {
right: 0;
top: unset;
bottom: -75px;
}
#lady .cnt_area .cnt_g02 .cnt_box02 .cnt_text {
left: unset;
bottom: -75px;
}
#lady .cnt_area .cnt_g03 {
margin: 0 0 40px;
}
#lady .cnt_area .cnt_g03.bg_g{
margin-top: 125px;
}
#lady .cnt_area .cnt_g03 .cnt_img{
margin: 0 auto;
padding-bottom: 55px;
}
#lady .cnt_area .cnt_g04 .cnt_img{
margin: 0 auto;
}
#lady .cnt_area .cnt_g04 .cnt_text{
bottom: -155px;
left: 0;
}
#lady .cnt_area .cnt_g04 {
padding-bottom: 130px;
}
#lady .cnt_area .option_g .h3_g{
font-size: 16px;
padding: 15px 0 14px;
margin: 0 0 20px;
border-radius: unset;
background-size: 20px auto;
}
#lady .cnt_area .option_g .small_option_g .small_option_box{
font-size: 14px;
padding: 12px 0 11px;
margin: 0 5px;
}
#lady .cnt_area .option_g .contents_in{
width: 100%;
}
#lady .cnt_area .option_g .small_option_g{
width: 92%;
margin: 0 auto 22px;
}
#lady .cnt_area .option_g .big_option_g{
width: 92%;
margin: 0 auto;
padding: 0 5px;
display: block;
}
#lady .cnt_area .option_g .big_option_box{
    margin: 0 auto 10px;
}
#lady .cnt_area .price_g .price_box {
font-size: 16px;
padding: 0 0 10px;
}
#lady .cnt_area .price_g .attention_text{
line-height: 20px;
}
#lady .cnt_area .price_g {
margin: 0 auto 41px;
}
#lady .cnt_area .btn_g .contents_in{
display: block;
}
#lady .cnt_area .btn_g .next_btn {
max-width: 341px;
width: 100%;
margin: 0 auto 10px;
}
#lady .cnt_area .btn_g .next_btn a{
font-size: 25px;
padding: 28px 0 26px;
}
#lady .cnt_area .btn_g .next_btn a span{
font-size: 14px;
}
#lady #mama_plan .cnt_g01 .cnt_text {
top: unset;
left: 0;
bottom: 0;
}
#lady #mama_plan .cnt_g02 .cnt_box01 .cnt_text {
right: 0;
left: 0;
bottom: -160px;
max-width: 400px;
}
#lady #mama_plan .cnt_g02 .cnt_box01 .cnt_img{
margin-bottom: 180px;
}
#lady #mama_plan .cnt_g02 .cnt_box02 .cnt_text {
bottom: -110px;
left: 0;
max-width: 435px;
}
#lady .cnt_area .cnt_g03 .cnt_text {
max-width: 355px;
bottom: 0;
right: 0;
}
#lady .cnt_area .cnt_g04 .cnt_text{
max-width: 389px;
}
#lady #mama_plan .price_g .box_in{
display: block;
}
#lady #mama_plan .price_g .price_box{
width: 100%;
}
#lady #mama_plan .price_g .price_box01::after{
content: none;
}
#lady #mama_plan .price_g .price_box02,
#lady #mama_plan .price_g .price_box01{
padding: 0 0 10px;
text-align: right;
}
#lady #sweet_plan .first_g .h2_g h2{
height: auto;
}
#lady #sweet_plan .price_g .price_box{
padding: 0 0 10px;
}
#lady #sweet_plan .cnt_box .shop_name {
font-size: 13px;
padding: 15px 13px 14px 11px;
top: -10px;
right: -20px;
}
#lady #sweet_plan .cnt_g01 .cnt_text {
left: 0;
max-width: 452px;
}
#lady #sweet_plan .cnt_g02 p.key_text{
margin: 0 auto;
font-size: 14px;
line-height: 28px;
}
#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_img{
width: 100%;
margin-bottom: 120px;
}
#lady #sweet_plan .cnt_g02 .cnt_box01 .text01{
padding: 10px 0 10px ;
color: #C7780D;
font-size: 18px;
line-height: 36px;
}
#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_text {
right: 0;
top: 225px;
}
#lady #sweet_plan .option_g .big_option_g .small_option_box{
margin: 0 auto 10px;
}
#lady #private_bath_area .cnt_box{
display: block;
}
#lady #private_bath_area .cnt_box .cnt_text{
width: 100%;
}
#lady #private_bath_area .cnt_box .cnt_img{
margin-bottom: 20px;
width: 100%;
}
#lady #private_bath_area .cnt_box{
padding: 25px 0;
}
#lady #private_bath_area .next_btn{
width: 100%;
}
#lady #private_bath_area .next_btn a{
font-size: 16px;
}
#lady .cnt_area .cnt_g01 .icon01{
max-width: 85px;
width: 100%;
bottom: auto;
top: -29px;
left: auto;
right: -17px;
}
#lady .cnt_area .cnt_g01 .icon02{
max-width: 96px;
width: 100%;
right: auto;
left: 0;
bottom: -37px;
}
#lady .cnt_area .cnt_g02 .cnt_box02 .cnt_img{
position: relative;
z-index: 1;
}
#lady .cnt_area .cnt_g02 .icon01{
bottom: -190%;
max-width: 96px;
width: 100%;
left: -4%;
}
#lady .cnt_area .cnt_g02 .icon02{
max-width: 95px;
width: 100%;
bottom: auto;
top: -82px;
right: 17px;
}
#lady .cnt_area .cnt_g03 .cnt_img{
position: relative;
z-index: 1;
}
#lady .cnt_area .cnt_g03 .icon02{
max-width: 113px;
width: 100%;
left: auto;
right: -42px;
bottom: 26px;
}
#lady .cnt_area .option_g .icon01{
max-width: 108px;
width: 100%;
top: -97px;
left: auto;
right: -20px;
}
#lady #sweet_plan .option_g .icon01{
max-width: 85px;
right: 25px;
top: -68px;
}
/*----------
19.１周年記念 750
----------*/
#firstyear #first_area{
padding: 42px 0 144px;
background-image: url(../img/firstyear/bg_mainvisual_sp.png);
}
#firstyear #first_area .logo{
max-width: 91px;
margin: 0 auto 46px;
}
#firstyear #first_area p{
font-size: 12px;
line-height: 25px;
padding: 0 0 23px;
}
#firstyear #first_area .pic01_icon{
max-width: 169px;
width: 100%;
top: -38px;
left: -64px;
}
#firstyear #first_area .pic02_icon{
max-width: 112px;
width: 100%;
bottom: 3px;
left: -20px;
}
#firstyear #first_area .pic03_icon{
max-width: 103px;
width: 100%;
bottom: -29px;
right: 105px;
}
#firstyear #first_area .pic04_icon{
max-width: 180px;
width: 100%;
bottom: 70px;
right: -105px;
}
#firstyear #first_area .icon01{
max-width: 114px;
width: 100%;
bottom: 127px;
left: -18px;
}
#firstyear #first_area .icon02{
max-width: 56px;
width: 100%;
top: 110px;
left: -21px;
}
#firstyear #first_area .icon03{
max-width: 95px;
width: 100%;
bottom: -9px;
left: 58px;
}
#firstyear #first_area .icon04{
max-width: 61px;
width: 100%;
top: 70px;
right: -30px;
z-index: 1;
}
#firstyear #first_area .icon05{
max-width: 129px;
width: 100%;
top: -14px;
right: -22px;
}
#firstyear #first_area .icon06{
max-width: 105px;
width: 100%;
bottom: 36px;
right: -42px;
z-index: 1;
transform: rotate(3deg);
}
#firstyear #first_area .icon07{
max-width: 44px;
width: 100%;
bottom: -32px;
right: 90px;
z-index: 1;
}
#firstyear #pagenav_area{
padding: 70px 0 64px;
}
#firstyear #pagenav_area .contents_in{
width: 94%;
}
#firstyear #pagenav_area ul{
justify-content: space-between;
max-width: 375px;
position: relative;
z-index: 1;
}
#firstyear #pagenav_area li{
/* max-width: 169px; */
width: 47.95%;
margin: 0 0 14px;
}
#firstyear #pagenav_area li:first-child{
/* max-width: 208px; */
width: 59.01%;
margin: 0 auto 14px;
}
#firstyear #pagenav_area li a{
padding: 14px 8px 14px 12px;
}
#firstyear #pagenav_area li a img{
max-width: 24px;
margin: 0 9px 0 0;
}
#firstyear #pagenav_area li a span{
font-size: 14px;
}
#firstyear #pagenav_area .pic02_icon{
max-width: 125px;
width: 100%;
bottom: auto;
top: -12px;
right: -47px;
}
#firstyear #pagenav_area .icon{
max-width: 69px;
width: 100%;
bottom: auto;
right: auto;
top: 31px;
left: -28px;
}
#firstyear #calendar_area .tab_g{
padding: 0 0 0 21px;
}
#firstyear #calendar_area .tab_g .tab_box{
font-size: 15px;
line-height: 24px;
padding: 7px 0 3px;
}
#firstyear #calendar_area .icon{
max-width: 104px;
bottom: -30px;
left: -40px;
}
#firstyear .cnt_area h2 img{
margin: 0 10px 0 0;
}
#firstyear .cnt_area h2 .h2_text{
font-size: 22px;
}
#firstyear .cnt_area h2 .h2_jp{
font-size: 16px;
margin: 4px 0 0 0;
display: block;
}
#firstyear .cnt_area .cnt_box{
display: block;
}
#firstyear .cnt_area .cnt_img{
max-width: none;
width: 100%;
margin: 0 auto 10px;
}
#firstyear .cnt_area .cnt_text{
max-width: none;
width: 100%;
margin: 0 auto;
display: block;
}
#firstyear .cnt_area .cnt_text .text_left{
max-width: none;
width: 100%;
margin: 0 auto 10px;
}
#firstyear .cnt_area .cnt_text .text_right{
max-width: 250px;
width: 100%;
min-height: 107px;
}
#firstyear .cnt_area .box_type02 .cnt_text .text_left{
max-width: none;
width: 100%;
}
#firstyear .cnt_area .box_type02 .cnt_text .text_right{
max-width: 250px;
width: 100%;
}
#firstyear .cnt_area.area_type01{
background-image: url(../img/firstyear/bg_1st01_sp.png);
background-position: center 62px;
}
#firstyear .cnt_area.area_type01::before{
content: "";
display: block;
background: url(../img/firstyear/bg_1st01_sp01.png) no-repeat center bottom;
background-size: 100% auto;
width: 100%;
min-height: 62px;
position: absolute;
top: 0;
left: 0;
}
#firstyear #entertainment .icon{
max-width: 95px;
width: 100%;
right: 20px;
}
#firstyear #special_offer .box_type02 .cnt_text .text_left{
max-width: none;
width: 100%;
}
#firstyear #special_offer .box_type02 .cnt_text .text_right{
max-width: 250px;
width: 100%;
}
/*----------
20.メンバーシップ 750
----------*/
#membership #cnt_area01{
padding: 23px 0 0;
}
#membership .cnt_area .contents_in{
width: 100%;
padding: 30px 0 0;
}
#membership .cnt_area h2{
position: static;
max-width: 254px;
width: auto;
height: auto;
background-image: url(../img/membership/bg_h2_title01_sp.png);
-ms-writing-mode: inherit;
-webkit-writing-mode: inherit;
writing-mode: inherit;
padding: 10px 17px 14px 22px;
}
#membership .first_text{
width: 92%;
margin: 0 auto;
padding: 30px 0 0;
}
#membership #cnt_area01 .contents_in::before, #membership #cnt_area01 .contents_in::after{
content: none;
}
#membership #cnt_area01 h3{
font-size: 28px;
line-height: 38px;
padding: 27px 0 20px;
}
#membership #cnt_area01 p{
font-size: 14px;
line-height: 25px;
}
#membership #cnt_area01 .cnt_box .box_in{
padding: 37px 0 36px;
max-width: 310px;
margin: 0 auto;
}
#membership #cnt_area01 .cnt_box .box{
font-size: 30px;
max-width: 85px;
height: 85px;
}
#membership #cnt_area01 .cnt_box .box span{
font-size: 16px;
}
#membership #cnt_area01 .cnt_box .yen_box{
padding: 18px 0 0;
}
#membership #cnt_area01 .cnt_box .yen_box span{
padding: 3px 0 0;
}
#membership #cnt_area01 .cnt_box .point_box{
padding: 15px 0 0;
}
#membership #cnt_area01 .cnt_box .box::after{
width: 10px;
height: 19px;
right: -20px;
}
#membership #cnt_area02 .contents_in{
padding: 34px 0 54px;
}
#membership #cnt_area02 h2{
max-width: 320px;
padding: 10px 17px 14px 22px;
font-size: 20px;
line-height: 24px;
background-image: url(../img/membership/bg_h2_title02_sp.png);
}
#membership #cnt_area02 .cnt_g{
padding: 40px 0 0;
width: 92%;
margin: 0 auto;
}
#membership #cnt_area02 .title_box{
max-width: 316px;
}
#membership #cnt_area02 .title_box .title{
font-size: 18px;
line-height: 30px;
padding: 8px 0px 12px;
margin: 0 auto 20px;
}
#membership #cnt_area02 .title_box .title span{
font-size: 38px;
}
#membership #cnt_area02 p{
font-size: 18px;
padding: 0 0 15px;
}
#membership #cnt_area03 .cnt_box .box_in{
/* padding: 47px 20px 46px; */
padding: 47px 0 46px;
max-width: 300px;
width: 100%;
margin: 0 auto;
}
#membership #cnt_area02 .point_text{
font-size: 30px;
line-height: 42px;
}
#membership #cnt_area02 .point_text span{
line-height: 46px;
}
#membership #cnt_area03 .cnt_box .box{
font-size: 30px;
max-width: 85px;
height: 85px;
}
#membership #cnt_area03 .cnt_box .box span{
font-size: 16px;
padding: 5px 0 0;
}
#membership #cnt_area03 .cnt_box .box::after{
width: 7px;
height: 13px;
right: -17px;
}
#membership #cnt_area03 .cnt_box .yen_box{
padding: 17px 0 0;
}
#membership #cnt_area03 .cnt_text{
width: 92%;
margin: 0 auto;
}
#membership #cnt_area03 .cnt_box02{
padding: 20px 0 30px;
width: 92%;
margin: 0 auto;
display: block;
}
#membership #cnt_area03 .cnt_box02 .cnt_img{
max-width: 80px;
width: 100%;
margin: 0 auto 20px;
}
#membership #cnt_area03 .cnt_box02 p{
width: 100%;
}
#membership #cnt_area04.cnt_area .cnt_g{
width: 92%;
padding: 40px 0 20px;
}
#membership #cnt_area04 .contents_in::before, #membership #cnt_area04 .contents_in::after{
width: 400px;
height: 146px;
}
#membership #cnt_area04 .contents_in::before{
right: -220px;
}
#membership #cnt_area04 .contents_in::after{
bottom: -78px;
left: -240px;
}
#membership #cnt_area05{
padding: 0;
}
#membership #cnt_area05.cnt_area .cnt_g{
width: 92%;
padding: 40px 0 20px;
}
#membership #cnt_area06 .cnt_img {
max-width: 60px;
margin: 0px auto 5px;
}
#membership #cnt_area06 h2{
font-size: 22px;
line-height: 30px;
margin: 0 auto;
max-width: none;
width: 92%;
padding: 15px 0 20px;
}
#membership #cnt_area06 .point_list{
display: block;
width: 92%;
}
#membership #cnt_area06 .point_list .title{
width: 100%;
text-align: center;
margin: 0 auto;
font-size: 22px;
}
#membership #cnt_area06 .point_list .title span{
font-size: 36px;
}
#membership #cnt_area06 .point_list dd{
width: 96%;
margin: 0 auto;
font-size: 16px;
text-align: center;
}
#membership #cnt_area06 .contents_in {
padding: 25px 0 10px;
}
/*-------------
21.春の宴会プラン 750
--------------*/
#partyplan_2020spring #mainvisual_area .mainimg .title_logo{
width: 40%;
bottom: -10%;
}
#partyplan_2020spring #mainvisual_area .attention_text {
font-size: 14px;
}
#partyplan_2020spring #mainvisual_area .img_box {
width: 92%;
}
#partyplan_2020spring #mainvisual_area .img_box .title {
width: 41%;
left: -10px;
bottom: 70%;
}
#partyplan_2020spring #mainvisual_area .img_box ul {
width: 100%;
margin: 0 auto;
}
#partyplan_2020spring #mainvisual_area {
padding: 0px 0 15px;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box {
display: block;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left {
width: 100%;
margin: 0 auto 10px;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_right {
max-width: 420px;
width: 100%;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left ul {
margin: 0 0 5px 5px;
}
#partyplan_2020spring #included_plan .cnt_g .cnt_box {
display: block;
}
#partyplan_2020spring #included_plan .cnt_g .cnt_img {
margin: 0 auto 15px;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box .price {
width: 42%;
top: -20px;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box p {
font-size: 14px;
line-height: 24px;
}
#partyplan_2020spring #included_plan .cnt_g .cnt_text {
margin: 0 auto;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box .title {
margin: 0 0 14px -12px;
}
#partyplan_2020spring #included_plan #cnt_g01 .cnt_text .text_top_box .title {
margin: 30px 0 14px -12px;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box .box {
display: block;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box .box ul {
width: 100%;
}
#partyplan_2020spring #included_plan #cnt_g02 .cnt_text .attention_text {
font-size: 14px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g h2 {
font-size: 30px;
line-height: 42px;
padding: 0 25px 10px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g h2::before, #partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g h2::after {
height: 40px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g.title01 {
max-width: 265px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box01 {
padding: 20px 18px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box01 ul {
width: 100%;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block  .cnt_box.cnt_box01 ul li{
font-size: 14px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g h2 span {
font-size: 48px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g {
max-width: 300px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 .text_box {
width: 100%;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 .h3_g h3 {
font-size: 40px;
line-height: 48px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 table th {
font-size: 16px;
width: 34.5%;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left h3 {
font-size: 22px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 table td {
width: 65.5%;
}
#partyplan_2020spring #contact_area {
margin: 30px auto;
}
#partyplan_2020spring #contact_area .cnt_g {
display: block;
padding: 15px 0 5px;
}
#partyplan_2020spring #contact_area .cnt_g .left_box {
max-width: none;
width: 100%;
margin: 0 auto;
}
#partyplan_2020spring #contact_area .cnt_g .left_box .text_box::before {
width: 100px;
height: 120px;
left: -3%;
}
#partyplan_2020spring #contact_area .cnt_g .right_box {
width: 100%;
}
#partyplan_2020spring #contact_area .cnt_g .right_box .btn_g {
margin: 30px auto;
display: block;
box-sizing: border-box;
}
#partyplan_2020spring #contact_area .cnt_g .right_box .btn_g .btn_more {
width: 90%;
margin: 0 auto 15px;
}
#partyplan_2020spring #contact_area .text_note {
margin: 0 auto 30px;
line-height: 22px;
}
#partyplan_2020spring .btn_box a {
padding: 10px;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left p .big_text {
font-size: 16px;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left p {
font-size: 14px;
line-height: 24px;
}
#partyplan_2020spring #included_plan .cnt_g {
padding: 25px 0;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block {
max-width: 1080px;
margin: 0 auto 20px;
}
/*----------
22.夏のイベント2020
----------*/
#summer2020 .first_text{
font-size: 18px;
line-height: 30px;
padding: 30px 0 38px;
}
#summer2020 .cnt_area h2{
font-size: 20px;
padding: 14px 15px;
margin: 0 0 30px;
}
#summer2020 .cnt_area .cnt_box{
padding: 0 15px;
margin: 0 auto 35px;
}
#summer2020 .cnt_area h3{
font-size: 18px;
margin: 0 0 10px;
}
#summer2020 .cnt_area p{
font-size: 14px;
}
#summer2020 .last_text{
font-size: 14px;
line-height: 25px;
padding: 0 0 70px;
}
#summer2020_new #calendar_area .calendar{
margin: 0 auto 3px;
}
#summer2020_new #calendar_area .calendar_sp_box{
margin: 0 auto 5px;
}
#summer2020_new #calendar_area .calendar_sp_box .cnt_box{
display: flex;
align-items: center;
padding: 7px 0 8px;
border-bottom: 1px solid #72B2BF;
}
#summer2020_new #calendar_area .calendar_sp_box .cnt_box:last-of-type{
border-bottom: none;
}
#summer2020_new #calendar_area .calendar_sp_box .cnt_box .icon{
max-width: 24px;
width: 100%;
margin: 0 9px 0 0;
}
#summer2020_new #calendar_area .calendar_sp_box .cnt_box .cnt_text{
color: #0F8198;
}
#summer2020_new #calendar_area .calendar_sp_box .cnt_box .cnt_text .title{
font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 5px;
}
#summer2020_new #calendar_area .calendar_sp_box .cnt_box .cnt_text p{
font-size: 12px;
}
#summer2020_new #calendar_area dl{
display: block;
padding: 15px 0 10px;
}
#summer2020_new #calendar_area dl dt{
margin: 0 auto 15px;
padding: 0 0 12px;
text-align: center;
}
#summer2020_new #calendar_area dl dt::after{
/* content: none; */
width: 100%;
height: 1px;
top: auto;
bottom: 0;
}
#summer2020_new #calendar_area dl dd{
padding: 0;
display: block;
}
#summer2020_new #calendar_area dl dd .time_box{
margin: 0 auto 7px;
}
#summer2020_new #calendar_area .next_btn{
max-width: 294px;
max-width: none;
width: 90%;
}
#summer2020_new #calendar_area .next_btn span{
font-size: 16px;
}
#summer2020_new #calendar_area .next_btn span::after{
right: 15px;
}
#summer2020_new #calendar_area::before, #summer2020_new #calendar_area::after{
width: 300px;
height: 118px;
}
#summer2020_new #calendar_area::before{
bottom: 18px;
left: -20%;
}
#summer2020_new #calendar_area::after{
bottom: 0;
right: -20%;
}
#summer2020_new #pagenav_area{
padding: 0 0 60px;
}
#summer2020_new #pagenav_area .pagenav01{
display: block;
}
#summer2020_new #pagenav_area .pagenav01 li{
max-width: none;
width: 100%;
padding: 0 0 6px;
margin: 0 0 10px;
}
#summer2020_new #pagenav_area .pagenav01 li::after{
width: 83.53%;
width: calc(98.53% - 20px);
height: 54px;
}
#summer2020_new #pagenav_area .pagenav01 li a{
width: 85%;
width: calc(100% - 20px);
max-width: none;
margin: 0 0 0 auto;
}
#summer2020_new #pagenav_area .pagenav01 li span{
font-size: 20px;
padding: 18px 0 22px;
}
#summer2020_new #pagenav_area .pagenav01 li img{
top: 50%;
transform: translate(0,-50%);
left: 0;
left: -20px;
max-width: 40px;
}
#summer2020_new #pagenav_area .pagenav01 li span::after{
bottom: 8px;
}
#summer2020_new #pagenav_area .pagenav02{
flex-wrap: wrap;
}
#summer2020_new #pagenav_area .pagenav02 li{
max-width: none;
width: 48%;
padding: 0 0 6px;
margin: 0 0 6px;
}
#summer2020_new #pagenav_area .pagenav02 li::after{
height: 40px;
}
#summer2020_new #pagenav_area .pagenav02 li:nth-child(3){
width: 100%;
}
#summer2020_new #pagenav_area .pagenav02 li a{
max-width: none;
}
#summer2020_new #pagenav_area .pagenav02 li a::after{
max-width: none;
}
#summer2020_new #pagenav_area .pagenav02 li span{
font-size: 14px;
padding: 13px 0;
}
#summer2020_new #pagenav_area .pagenav02 li span::after{
bottom: 50%;
transform: translate(0,50%);
left: auto;
right: 10px;
width: 10px;
}
#summer2020_new #pagenav_area .bg::before{
/* width: 230px;
height: 110px; */
bottom: -340px;
}
#summer2020_new #pagenav_area .bg::after{
content: none;
}
#summer2020_new .cnt_area h2{
font-size: 28px;
margin: 0 0 66px;
}
#summer2020_new .cnt_area h2 img{
max-width: 42px;
margin: 0 10px 0 0;
}
#summer2020_new .cnt_area .cnt_box{
display: block;
margin: 0 0 86px;
}
#summer2020_new .cnt_area .cnt_box::before{
width: 100%;
max-width: none;
background-image: url(../img/summer2020/bg01_cntbox_sp.png);
}
#summer2020_new .cnt_area .cnt_box::after{
width: 99%;
height: 99.5%;
max-width: none;
}
#summer2020_new .cnt_area .cnt_box .cnt_img{
max-width: none;
width: 80%;
margin: 0 auto -70px;
top: -70px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text{
max-width: none;
width: 100%;
padding: 20px 20px 25px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text h3{
font-size: 20px;
margin: 0 0 15px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text h3 img{
max-width: 22px;
vertical-align: top;
margin: 0 6px 0 0;
}
#summer2020_new .cnt_area .cnt_box .cnt_text h3 span{
display: inline-block;
margin: 2px 0 0;
}
#summer2020_new .cnt_area .cnt_box .cnt_text p{
font-size: 14px;
line-height: 26px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text p .small_text{
font-size: 12px;
display: block;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .price_text{
font-size: 14px;
line-height: 26px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .price_text .small_text{
font-size: 12px;
margin: 0;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .movie{
font-size: 14px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .movie a{
line-height: 14px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .movie a::after{
height: 10px;
background-size: auto 100%;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box{
display: block;
margin: 0;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box dt{
max-width: 56px;
font-size: 14px;
line-height: 16px;
padding: 12px 0;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box dd{
font-size: 12px;
line-height: 22px;
padding: 9px 10px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box .period_data{
max-width: none;
border-bottom: 1px solid #0F8198;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box .place_data{
max-width: none;
}
#summer2020_new #activity{
padding: 0;
}
#summer2020_new #activity .icon01{
display: none;
}
#summer2020_new #activity .icon02{
width: 167px;
right: -20px;
top: auto;
bottom: -60px;
z-index: 2;
}
#summer2020_new #activity .cnt_box02 .cnt_text p{
margin: 0 0 3px;
}
#summer2020_new #activity .cnt_box02 .cnt_text .price_text .small_text{
display: block;
}
#summer2020_new #activity .cnt_box03 .cnt_text p{
margin: 0 0 3px;
}
#summer2020_new #activity .cnt_box03 .cnt_text .price_text{
margin: 0 0 15px;
}
#summer2020_new #activity .cnt_box03 .cnt_text .price_text .small_text{
display: block;
line-height: 22px;
}
#summer2020_new #activity .cnt_box04 .cnt_text p{
margin: 0 0 3px;
}
#summer2020_new #activity .cnt_box04 .cnt_text .price_text{
margin: 0 0 15px;
}
#summer2020_new #activity .cnt_box05 .cnt_text{
padding: 20px 20px 25px;
}
#summer2020_new #activity .cnt_box05 .cnt_text p{
margin: 0 0 15px;
}
#summer2020_new #watch .icon01{
top: auto;
bottom: -110px;
max-width: 66px;
z-index: 2;
left: -20px;
}
#summer2020_new #watch .icon02{
max-width: 88px;
top: auto;
bottom: -4%;
z-index: 2;
right: -23px;
}
#summer2020_new #watch .bg::before{
content: none;
}
#summer2020_new #watch .bg::after{
bottom: 51%;
}
#summer2020_new #watch .cnt_box01::before{
background-image: url(../img/summer2020/bg02_cntbox_sp.png);
}
#summer2020_new #watch .cnt_box01 .cnt_img{
margin: 0 auto -70px;
}
#summer2020_new #watch .cnt_box01 .cnt_text p{
margin: 0 0 3px;
}
#summer2020_new #watch .cnt_box01 .cnt_text li{
font-size: 16px;
line-height: 26px;
padding: 0 0 0 18px;
}
#summer2020_new #watch .cnt_box01 .cnt_text li::before{
width: 10px;
height: 10px;
top: 9px;
}
#summer2020_new #watch .cnt_box01 .cnt_text li span{
font-size: 14px;
line-height: 20px;
margin: 2px 0 0;
}
#summer2020_new #watch .cnt_box01 .cnt_text ul{
margin: 0 0 15px;
}
#summer2020_new #watch .cnt_box02 .cnt_text p{
margin: 0 0 15px;
}
#summer2020_new #food .icon01{
max-width: 81px;
left: -20px;
top: auto;
bottom: -80px;
z-index: 2;
}
#summer2020_new #food .icon02{
max-width: 128px;
top: auto;
right: -30px;
bottom: -15%;
z-index: 2;
}
#summer2020_new #food .cnt_box01 .cnt_text p{
margin: 0 0 15px;
}
#summer2020_new #food .cnt_box02 .cnt_text p{
margin: 0 0 15px;
}
#summer2020_new #info{
padding: 0;
}
#summer2020_new #info .icon01{
max-width: 88px;
top: 0;
right: -10px;
}
#summer2020_new #info .bg::before, #summer2020_new #info .bg::after{
width: 300px;
height: 118px;
}
#summer2020_new #info .bg::before{
bottom: 43%;
}
#summer2020_new #info .bg::after{
bottom: 35%;
}
#summer2020_new #info .cnt_box01 .cnt_text .data_box .period_data dd{
display: block;
}
#summer2020_new #info .cnt_box01 .cnt_text .data_box .next_btn{
margin: 5px 0 0 auto;
}
#summer2020_new #photo_con .cnt_box{
margin: 0 0 30px;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text h3{
line-height: 28px;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text p{
margin: 0 0 15px;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text .data_box .period_data dd{
display: block;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text .data_box .next_btn{
margin: 5px 0 0 auto;
}
#summer2020_new #safe_area{
padding: 55px 0 0;
}
#summer2020_new #safe_area .cnt_g{
padding: 40px 25px 80px;
}
#summer2020_new #safe_area .icon01{
max-width: 96px;
left: -8%;
}
#summer2020_new #safe_area .icon02{
max-width: 102px;
right: -4%;
}
#summer2020_new #safe_area h2{
font-size: 22px;
margin: 0 0 30px;
}
#summer2020_new #safe_area p{
font-size: 14px;
line-height: 30px;
}
#summer2020_new #safe_area .next_btn a{
font-size: 16px;
line-height: 24px;
padding: 13px 0;
}
#summer2020_new .last_attention_text{
font-size: 12px;
line-height: 18px;
}
#summer2020_new .page_top a{
max-width: 44px;
}
/*----------
23.空庭温泉公式アプリ
----------*/
#app .mainvisual{
margin-bottom: 30px;
}
#app #cnt_area01 .cnt_box01 .first_text{
margin-bottom: 30px;
font-size: 14px;
line-height: 26px
}
#app #cnt_area01 .cnt_box01 .cnt_text01{
margin-bottom: 25px;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type{
/*font-size: 28px;*/
font-size: 22px;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::before,
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::after{
/*width: 83px;*/
width: 68px;
height: 16px;
background-size: contain;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::before{
margin-right: 21px;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::after{
margin-left: 21px;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:last-of-type{
display: block;
margin: 10px 0 0 0;
text-align: center;
font-size: 24px;
line-height: 1;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:last-of-type::after{
margin: 0 auto;
width: 270px;
height: 85px;
}
#app #cnt_area01 .cnt_box02{
min-height: auto;
padding: 0 0 30px;
}
#app #cnt_area01 .cnt_box02 ul{
margin-bottom: 38.5px;
padding-left: 0;
}
#app #cnt_area01 .cnt_box02 ul li{
margin-bottom: 12px;
padding-left: 0;
font-size: 26px;
line-height: 38px;
text-align: center;
}
#app #cnt_area01 .cnt_box02 ul li p.other{
margin-left: 0;
}
#app #cnt_area01 .cnt_box02 ul li span.number{
display: flex;
justify-content: center;
margin: 0 0 8px 0;
font-size: 16px;
line-height: 1;
}
#app #cnt_area01 .cnt_box02 ul li span.number::before{
height: 24px;
width: 24px;
}


#app #cnt_area01 .cnt_box02 ul li .text_caution{
display: block;
margin: 0;
font-size: 12px;
line-height: 1;
}
#app #cnt_area01 .cnt_box02 .cnt_text01{
margin: 0 0 20px;
font-size: 14px;
line-height: 20px;
width: 56%;
}
#app #cnt_area01 .cnt_box02 .cnt_text02{
margin-bottom: 30px;
height: 90px;
width: 210px;
text-align: center;
}
#app #cnt_area01 .cnt_box02 .cnt_text02 span{
padding: 17px 0 11px;
font-size: 14px;
line-height: 20px;
height: 96px;
width: 210px;
}
#app #cnt_area01 .cnt_box02 .cnt_text02 span::after{
top: 54%;
right: 7px;
}
#app #cnt_area01 .cnt_box02 .cnt_text02::before{
height: 96px;
width: 210px;
}
#app #cnt_area01 .cnt_box02 .cnt_img01{
width: 100%;
bottom: 0;
right: -4%;
}
#app .app_store_area{
padding: 20px 0;
}
#app .app_store_area .cnt_box{
flex-direction: column;
}
#app .app_store_area .cnt_img01{
width: 90%;
margin-bottom: 30px;
}
#app .app_store_area .cnt_img02,
#app .app_store_area .cnt_img03{
margin:0 0 15px;
width: 100%;
}
#app .app_store_area .cnt_img01,
#app .app_store_area .cnt_img02{
margin-right: 0;
}
#app #cnt_area02{
margin-top: 30px;
}
#app #cnt_area02 .contents_wrapper .bg_parts01 {
width: 30%;
top: 2%;
left: 0%;
}
#app #cnt_area02 .contents_wrapper .bg_parts02{
width: 40%;
top: 7%;
right: 1%;
}
#app #cnt_area02 .contents_wrapper .bg_parts03 {
width: 24%;
top: 23%;
left: 1%;
}
#app #cnt_area02 .contents_wrapper .bg_parts04 {
width: 40%;
top: 23%;
right: -11%;
}
#app #cnt_area02 .contents_wrapper .bg_parts05{
width: 30%;
right: -2%;
}
#app #cnt_area02 .contents_wrapper .bg_parts06{
width: 40%;
bottom: 17%;
left: 0%;
}

#app #cnt_area02 .contents_wrapper .bg_bottom{
bottom: 0;
}

#app #cnt_area02 .cnt_box01 .first_text{
font-size: 20px;
}
#app #cnt_area02 .cnt_box01 .first_text span{
font-size: 28px;
}
#app #cnt_area02 .cnt_box01 .first_text::after{
width: 230px;
height: 59px;
top: 10px;
}
#app #cnt_area02 .cnt_box01 .cnt_text{
font-size: 32px;
}
#app #cnt_area02 .cnt_box01 .cnt_text span{
display: block;
font-size: 42px;
line-height: 50px;
}
#app #cnt_area02 .cnt_box01 .cnt_text{
margin-bottom: 48px;
}
#app #cnt_area02 .cnt_otoku .number span{
font-size: 18px;
}
#app #cnt_area02 .cnt_otoku .title{
font-size: 28px;
line-height: 42px;
}
#app #cnt_area02 .cnt_otoku .text{
font-size: 14px;
}
#app #cnt_area02 .cnt_otoku .text_section{
    font-size: 14px;
}
#app #cnt_area02 .cnt_otoku .text_section .text_section_flex {
	display: flex;
	text-align: center;
	flex-direction: column-reverse;
	width: 60%;
}
#app #cnt_area02 .cnt_otoku .text_section .coupon_img{
	width: 180px;
	margin: 1em auto 0;
}
#app #cnt_area02 .cnt_otoku .text_section p{	
    font-size: 16px;
	padding-left: 0;
}
#app #cnt_area02 .cnt_otoku03 .text span{
font-size: 22px;
}
#app #cnt_area02 .cnt_otoku .number{
width: 126px;
height: 30px;
top: -20px;
}
#app #cnt_area02 .cnt_otoku .number span{
font-size: 18px
}
#app #cnt_area02 .cnt_otoku02 .text .first_text{
font-size: 22px;
line-height: 30px;
text-align: center;
}
#app #cnt_area02 .cnt_otoku02 .text span{
background: linear-gradient(transparent 60%, #FDD966 0%);
}
#app #cnt_area02 .cnt_otoku02 .text ul{
margin: 0 auto;
padding-left: 0;
width: 90%;
}
#app #cnt_area02 .cnt_otoku02 .text ul:first-of-type{
font-size: 15px;
line-height: 32px;
}
#app #cnt_area02 .cnt_otoku02 .text ul:last-of-type{
padding-bottom: 26px;
font-size: 13px;
line-height: 26px;
}
#app #cnt_area02 .cnt_otoku02 .text ul li{
text-indent: -1em;
margin-left: 1em;
}
#app #cnt_area02 .cnt_otoku02 .text .last_text{
font-size: 16px;
}
#app #cnt_area02 .cnt_otoku03 .text::after{
width: 80%;
height: 5px;
bottom: -4px;
}
#app #cnt_area03{
padding: 80px 0 20px;
}
#app #cnt_area03 .cnt_box01 .first_text{
font-size: 36px;
}
#app #cnt_area03 .cnt_box01 .first_text h2{
margin: 0 16px;
}
#app #cnt_area03 .cnt_benri::before{
height: 85%;
}
#app #cnt_area03 .cnt_benri .number{
padding-right: 0;
}
#app #cnt_area03 .cnt_benri .benri_wrapper{
padding: 26px 0 32px 0;
}
#app #cnt_area03 .cnt_benri .text_box{
flex-direction: column;
text-align: center;
font-size: 20px;
line-height: 40px;
}
#app #cnt_area03 .cnt_benri .text_box .cnt_img{
width: 30%;
margin-right: 0;
}
#app #cnt_area03 .cnt_benri02 .text_box,
#app #cnt_area03 .cnt_benri03 .text_box{
padding: 0;
}
#app #cnt_area03 .cnt_benri .number span{
font-size: 18px;
}
#app #cnt_area03 .cnt_benri .number{
width: 120px;
}
#app #cnt_area03 .cnt_benri:last-of-type{
margin-bottom: 80px;
}
#app #cnt_area03 .cnt_box02 .first_text{
font-size: 30px;
line-height: 40px;
}
#app #cnt_area03 .cnt_box02 .first_text span::before{
margin: 20px 12px 0 0;
}
#app #cnt_area03 .cnt_box02 .first_text span::after{
margin: 20px 0 0 12px;
}
#app #cnt_area03 .cnt_box02 .cnt_text{
font-size: 20px;
}
#app #cnt_area03 .cnt_box02 .text01 h3{
font-size: 18px;
line-height: 28px;
}
#app #cnt_area03 .cnt_box02 .text01 h3::before,
#app #cnt_area03 .cnt_box02 .text01 h3::after{
width: 18%;
}
#app #cnt_area03 .cnt_box02 .text02{
margin-bottom: 80px;
font-size: 14px;
line-height: 26px;
text-align: left;
}
#app #cnt_area03 .cnt_box02 .text02 p{
inline-size: fit-content;
margin: 0 auto
}
#app #cnt_area03 .cnt_box03 .first_text{
font-size: 32px;
}
#app #cnt_area03 .cnt_box03 .first_text h2{
margin: 0 12px;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper{
flex-direction: column;
margin-left: 0;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box{
display: flex;
align-content: center;
justify-content: center;
position: relative;
margin: 0 auto 32px;
max-width: none;
width: 100%;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .cnt_img{
margin: 0;
width: 43%;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .text{
position: relative;
border: none;
padding: 0;
font-size: 16px;
line-height: 25px;
width: 57%;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .text::before,
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .text::after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
background-color: #000000;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .text::before{
top: 15%;

}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .text::after{
bottom: 15%;
}

#app #cnt_area03 .cnt_box03{
margin: 0 auto;
width: auto;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box::after{
content: '';
display: block;
position: absolute;
background-image: url(../img/app/parts_rarrow_brown.png);
background-size: cover;
background-repeat: no-repeat;
width: 12px;
height: 20px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
bottom: -17%;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box:last-of-type::after{
display: none;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .cnt_img::after{
display: none;
}
#app #cnt_area04{
padding-bottom: 40px;
}

#app #cnt_area04 .first_text h2{
margin: 0 12px 20px;
font-size: 32px
}
#app #cnt_area04 .tab_panel{
font-size:  24px;
}
#app #cnt_area04 .panel_title{
padding: 6px 0 6px 10px;
font-size: 16px;
}
#app #cnt_area04 .cnt_box{
margin-bottom: 18px;
}
#app #cnt_area04 .cnt_box .question_box{
font-size: 15px;
line-height: 26px;
}
#app #cnt_area04 .cnt_box .icon{
font-size: 24px;
}
#app #cnt_area04 .cnt_box .answer_box{
margin-bottom: 24px;
padding: 20px 24px 30px 24px;
line-height: 30px;
}
#app #cnt_area04 .cnt_box .answer_box .text{
font-size: 16px;
line-height: 30px;
}
#app #cnt_area04 .cnt_box .question_box::before{
width: 12px;
height: 12px;
right: 10px;
}
#app #cnt_area04 .panel_area{
margin-bottom: 60px;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .app_dl{
display: block;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .cnt_g .box_left{
width: 100%;
margin: 0 auto;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .cnt_g{
margin: 0 auto;
width: 100%;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .cnt_g .box_left .cnt_img{
margin: 0 auto;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .cnt_g:first-of-type{
margin: 0 auto 25px;
}


/*----------
24.お得なクーポン＆プラン 750
----------*/

#coupon #first_area{
padding: 30px 0;
}
#coupon #first_area p{
font-size: 16px;
line-height: 36px;
}
#coupon #pagenav_area{
margin-bottom: 40px;
}
#coupon #pagenav_area ul{
flex-wrap: wrap;
}
#coupon #pagenav_area li{
max-width: none;
width: 47%;
margin: 0 auto 10px;
}
#coupon #limited_coupon {
padding: 100px 0;
}
#coupon #food_coupon {
padding: 100px 0;
}
#coupon #line_coupon {
padding: 100px 0;
}
#coupon #apli_coupon {
padding: 100px 0;
}
#coupon #web_coupon {
padding: 100px 0;
}  
  
#coupon .cnt_area{
margin-bottom: 100px;
}
#coupon .cnt_area h2{
font-size: 18px;
padding: 14px 20px;
margin-bottom: 20px;
}
#coupon .cnt_area .cnt_box{
display: block;
padding-bottom: 100px;
}
#coupon .cnt_area .cnt_box .cnt_img{
width: 100%;
max-width: none;
margin-bottom: 15px;
}
#coupon .cnt_area .cnt_box .cnt_text{
max-width: none;
width: 100%;
}
#coupon .cnt_area .cnt_box .cnt_text .title{
font-size: 18px;
line-height: 26px;
margin-bottom: 8px;
}
#coupon .cnt_area .cnt_box .cnt_text .btn_ptn01{
margin-top: 20px;
text-align: center;
}
#coupon .cnt_area .cnt_box .cnt_text dl{
font-size: 14px;
line-height: 28px;
}
#coupon .cnt_area .cnt_box .cnt_text dl dt{
width: 66px;
}
#coupon .cnt_area .cnt_box .cnt_text dl dd{
width: calc(100% - 66px - 10px);
}




}
@media only screen and (max-width:480px){
/*----------
03.空庭の楽しみ方
----------*/
#howto #howto_page_nav li a{
padding: 0 0 0 7px;
background-size: 18px auto;
}
#howto #howto_page_nav li a span{
font-size: 16px;
}
#howto #howto_page_nav li:nth-child(3) a span {
/* margin: 0; */
font-size: 16px;
}
#howto .cnt_area h2 span{
font-size: 16px;
}
#howto .cnt_area h2 a{
max-width: 18px;
left: 9px;
}
#howto .cnt_area .cnt_g{
padding: 29px 27px 44px;
}
#howto #howto_health .cnt_g{
padding: 29px 27px 28px;
}
#howto #howto_eat .icon_box04{
right: -29px;
}
#howto #howto_relax .icon_box02{
max-width: 77px;
}
#howto #howto_fun .icon_box01{
max-width: 64px;
}
#howto #howto_fun .icon_box02{
max-width: 98px;
}
#howto #howto_history .cnt_g{
padding: 29px 27px 68px;
}
#howto #howto_history .icon_box02{
width: 26.92%;
}
#howto #howto_history .icon_box03{
max-width: 56px;
}
#howto #howto_history .icon_box04{
width: 25.44%;
}
#howto #howto_night .cnt_g{
padding: 29px 27px 35px;
}
/*----------
04.ショー＆営業時間
----------*/
#events #events_area .cnt_text h3{
padding: 0 20px;
}
#events #events_area .date_text{
padding: 20px;
}
#events #schedule_area .schedule_box .cnt_text .icon{
max-width: 46px;
}
/*----------
07.料金案内
----------*/
/* price.cssに移動 */
/*----------
09.宿泊
----------*/
#lodging #hotel_area .cnt_text h3{
font-size: 15px;
line-height: 27px;
}
#lodging #hotel_area .cnt_box01 .cnt_text img{
margin: 0 auto 10px;
}
#lodging #hotel_area .cnt_box01 .cnt_text h3{
padding: 0 0 13px;
}
/*----------
10.アクセス
----------*/
/* #access #bus .cnt_text h4{
font-size: 16px;
}
#access #bus .cnt_text span{
font-size: 28px;
line-height: 43px;
}
#access #bus .cnt_text .icon{
max-width: 145px;
}
#access #bus_schedule .cnt_right .schedule_box .title{
font-size: 17px;
line-height: 17px;
} */
/*----------
14.会社概要
----------*/
#company #cnt_area01 .cnt_box table{
width: 100%;
font-size: 15px;
}
#company #cnt_area01 .cnt_box table th{
padding: 5px 0;
}
#company #cnt_area01 .cnt_box table td{
padding: 5px 0 5px 15px;
}
/*----------
beautytreatment
----------*/
/*#beautytreatment .btn_book.btn_ptn02 a {
padding: 25px 0px 25px 86px;
}*/


/*----------
23.空庭温泉公式アプリ
----------*/
#app #cnt_area01 .cnt_box01 .first_text{
font-size: 13px;
}
#app #cnt_area03 .cnt_box02 .text01 h3::before,
#app #cnt_area03 .cnt_box02 .text01 h3::after{
width: 10%;
}
#app #cnt_area04 .panel_area02 .cnt_box04 .question_box .text{
font-size: 13px;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::before {
margin-right: 10px;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::after {
margin-left: 10px;
}
#app #cnt_area01 .cnt_box02 ul li{
font-size: 23px;
}
#app #cnt_area01 .cnt_box02 .cnt_text02,
#app #cnt_area01 .cnt_box02 .cnt_text02::before,
#app #cnt_area01 .cnt_box02 .cnt_text02 span{
width: 170px;
}
#app #cnt_area03 .cnt_box01 .first_text{
font-size: 30px;
line-height: 42px;
}
#app #cnt_area03 .cnt_benri .text_box{
font-size: 18px;
}
#app #cnt_area03 .cnt_box02 .first_text{
font-size: 26px;
line-height: 34px;
}
#app #cnt_area03 .cnt_box02 .cnt_text{
font-size: 16px;
line-height: 32px;
}
#app #cnt_area03 .cnt_box02 .text01 h3{
font-size: 15px;
}
#app #cnt_area03 .cnt_box03 .first_text{
font-size: 26px;
}
#app #cnt_area04 .panel_title{
font-size: 13px;
}
#app #cnt_area04 .cnt_box .question_box{
font-size: 14px;
}
}

@media only screen and (max-width:360px){
/*----------
02-12.お手軽アウトドア 360
----------*/
#outdoor .cnt_area.area02 .deco_img.deco02 {
left: auto;
right: 0;
}
#outdoor .cnt_area.area02 .deco_img.deco01 {
left: 260.6px;
}
#outdoor .cnt_area.area02 .deco_img.deco03 {
left: auto;
right: 0;
}
/*----------
23.空庭温泉公式アプリ
----------*/

#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type{
font-size: 20px;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::before,
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::after{
width: 60px;
}
}