@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.1.16 料金案内項目をprice.cssに移動)
07-01.入退館方法
07-02.浴衣の着方
08.町方マガジン
08-01.町方マガジン詳細
09.宿泊
10.アクセス (2025.2.21 アクセス項目をaccess.cssに移動)
11.よくある質問・お問い合わせ
12.新着情報一覧
12-01.お知らせ詳細
13.サイト・プライバシー・利用規約
14.会社概要
15.個別ページ
15-01.SKDドリンク
16.キッズ
17.検索結果
18.女子会
19.１周年記念
20.メンバーシップ
21.春の宴会プラン
22.夏のイベント2020
23.空庭温泉公式アプリ
24.お得なクーポン＆プラン
--------------------*/
/*--------------------
03.空庭の楽しみ方
--------------------*/
#howto .mainvisual {
background-color: #10531F;
} /*#howto #howto_page_nav{
padding: 21px 0 19px;
}
#howto #howto_page_nav ul{
display: flex;
align-items: stretch;
justify-content: center;
}
#howto #howto_page_nav li{
max-width: 80px;
width: 100%;
margin: 0 2.83%;
background: url(../img/howto/bg_pagenav.png) no-repeat center top;
background-size: cover;
}
#howto #howto_page_nav li a{
display: block;
max-width: 80px;
width: 100%;
height: 320px;
padding: 12px 0 16px;
color: #fff;
text-shadow: 0 1px 3px rgba(0,0,0,.59);
font-weight: 700;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 21px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: relative;
}
#howto #howto_page_nav li a img{
max-width: 80px;
display: inline-block;
margin: 0 0 5px;
}
#howto #howto_page_nav li a span{
display: inline-block;
width: 20px;
text-align: center;
position: absolute;
top: 68px;
left: 0;
right: 0;
margin: 0 auto;
}*/
#howto #howto_page_nav {
padding: 26px 0 14px;
}
#howto #howto_page_nav ul {
max-width: 1032px;
margin: 0 auto;
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: center;
}
#howto #howto_page_nav li {
background: url('../common/img/bg_header_howtonav.jpg') no-repeat center top;
background-size: cover;
min-width: 194px;
width: 21.8%;
margin: 0 1.6% 11px;
transition: auto;
}
#howto #howto_page_nav li a {
padding: 0;
border-bottom: none;
text-align: left;
}
#howto #howto_page_nav li a img {
display: inline-block;
vertical-align: middle; /*max-width: 63px;*/
width: 19%;
}
#howto #howto_page_nav li a span {
display: inline-block;
vertical-align: middle;
padding: 14px 0 15px;
transition: all 0.3s;
color: #fff;
font-weight: 700;
font-size: 15px;
letter-spacing: normal;
text-shadow: 0 1px 3px rgba(0, 0, 0, .59);
margin: 0 0 0 5px;
}
#howto #howto_page_nav li:nth-child(3) a span {
margin: 0;
font-size: 14px;
}
#howto .cnt_area {
background-repeat: repeat;
background-position: center center;
background-size: 85px auto;
padding: 25px 0 0;
}
#howto .yellow_area {
background-image: url('../img/howto/bg01_howto.png');
background-color: rgba(240, 225, 181, .28);
}
#howto .white_area {
background-image: url('../img/howto/bg02_howto.png');
background-color: #fff;
}
#howto .cnt_area h2 {
max-width: 968px;
margin: 0 auto 2px;
text-align: center;
background: url('../img/howto/bg_title_h2.jpg') no-repeat left top;
background-size: cover;
padding: 4px 0 0;
border-radius: 10px 10px 0 0;
}
#howto .cnt_area h2 .icon {
display: inline-block;
vertical-align: middle;
}
#howto .cnt_area h2 span {
display: inline-block;
vertical-align: middle;
color: #fff;
font-weight: 700;
font-size: 22px;
letter-spacing: 0.1em;
text-shadow: 0 1px 3px rgba(0, 0, 0, .59);
}
#howto .cnt_area .cnt_g {
max-width: 968px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
#howto .cnt_area .cnt_box {
max-width: 282px;
width: 29.14%;
margin: 12px 6.29% 0 0;
position: relative;
}
#howto .cnt_area .cnt_box:nth-child(3n) {
margin: 12px 0 0;
}
#howto .cnt_area .cnt_box::after {
content: "";
display: block;
max-width: 28px;
width: 100%;
border-radius: 50%;
padding: 14px 0;
text-align: center; /* margin: 0 1.65%; */
position: absolute;
top: 42%;
right: -15.61%;
background: url('../img/howto/icon_arrow01.png') no-repeat center center;
background-size: 15px auto;
background-color: #6F468D;
}
#howto .cnt_area .cnt_box:last-child::after {
content: none;
}
#howto .cnt_area .cnt_box .title_box {
border-radius: 5px 5px 0 0;
padding: 12px 0;
text-align: center;
min-height: 78px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
position: relative;
}
#howto .cnt_area .cnt_box .title_box h3 {
font-weight: 500;
color: #E7C263;
font-size: 23px;
line-height: 33px;
letter-spacing: 0.2em;
padding: 0 0 4px;
}
#howto .cnt_area .cnt_box .title_box .sub_text {
font-weight: 700;
font-size: 17px;
letter-spacing: 0.1em;
color: #fff;
}
#howto .cnt_area .cnt_box .place {
background: url('../img/howto/bg_cnt01.jpg') no-repeat left center;
background-size: cover;
font-weight: 500;
font-size: 16px;
text-align: center;
letter-spacing: 0.1em;
padding: 6px 0 7px;
color: #fff;
}
#howto .cnt_area .cnt_box .cnt_text {
padding: 18px 21px 0;
background: #fff;
position: relative;
min-height: 138px;
}
#howto .cnt_area .cnt_box .cnt_text p {
max-width: 238px;
margin: 0 auto;
font-weight: 500;
font-size: 14px;
line-height: 26px;
letter-spacing: 0.05em;
position: relative;
z-index: 1;
}
#howto .cnt_area .cnt_box .cnt_text p a {
text-decoration: underline;
color: #377BB5;
}
#howto .cnt_area .cnt_box .cnt_text .bg_number {
position: absolute;
bottom: -5px;
right: 0;
color: rgba(0, 0, 0, 0.06);
font-weight: 500;
font-size: 85px;
line-height: 85px;
letter-spacing: 0.05em;
}
#howto .cnt_area .arrow {
max-width: 28px;
width: 2.9%;
border-radius: 50%;
padding: 6px 0;
text-align: center;
margin: 0 1.65%;
}
#howto .cnt_area .arrow img {
max-width: 15px;
width: 53.58%;
margin: 0 auto;
}
#howto #howto_health h2 {
padding: 4px 24px 0 0;
}
#howto #howto_health h2 .icon {
max-width: 36px;
width: 100%;
margin: 0 12px 0 0;
}
#howto #howto_health .cnt_box .title_box {
background: #458E56;
}
#howto #howto_health .cnt_box .place {
color: #458E56;
}
#howto #howto_health .cnt_box02 .title_box h3 {
font-size: 16px;
line-height: 26px;
}
#howto #howto_health .cnt_box .cnt_text {
background: #F0E1B5;
}
#howto #howto_health .arrow {
background: #10531F;
}
#howto #howto_health .cnt_box::after {
background-color: #10531F;
}
#howto .cnt_area .icon_box {
position: absolute;
}
#howto #howto_health .icon_box01 {
max-width: 133px;
width: 47.17%;
bottom: -29px;
right: 16.32%;
}
#howto #howto_health .icon_box02 {
max-width: 114px;
width: 40.43%;
bottom: -29px;
left: 10.29%;
}
#howto #howto_health .icon_box03 {
max-width: 62px;
width: 21.99%;
bottom: 15px;
right: 0;
z-index: 1;
}
#howto #howto_beauty h2 {
padding: 8px 149px 8px 0;
}
#howto #howto_beauty h2 .icon {
max-width: 160px;
width: 100%;
margin: 0 11px 0 0;
}
#howto #howto_beauty .cnt_box .title_box {
background: #BC515B;
}
#howto #howto_beauty .cnt_box .place {
color: #A33741;
}
#howto #howto_beauty .cnt_box .cnt_text {
background: #F8E1CA;
}
#howto #howto_beauty .arrow {
background: #BC515B;
}
#howto #howto_beauty .cnt_box::after {
background-color: #BC515B;
}
#howto #howto_beauty .icon_box01 {
max-width: 92px;
width: 32.63%;
bottom: -3px;
left: 23.76%;
}
#howto #howto_beauty .icon_box02 {
max-width: 83px;
width: 29.44%;
bottom: 4px;
left: 50%;
transform: translateX(-50%);
}
#howto #howto_beauty .icon_box03 {
max-width: 82px;
width: 29.08%;
bottom: 13px;
left: 20.57%;
}
#howto #howto_beauty .icon_box04 {
max-width: 48px;
width: 17.03%;
bottom: -48px;
right: -8.87%;
z-index: 1;
}
#howto #howto_eat h2 {
padding: 0 72px 0 0;
}
#howto #howto_eat h2 .icon {
max-width: 81px;
width: 100%;
margin: 0 9px 0 0;
}
#howto #howto_eat .cnt_box .title_box {
background: #D1950F;
}
#howto #howto_eat .cnt_box .place {
color: #fff;
}
#howto #howto_eat .cnt_box .cnt_text {
background: #F8EFCA;
}
#howto #howto_eat .arrow {
background: #D1950F;
}
#howto #howto_eat .cnt_box::after {
background-color: #D1950F;
}
#howto #howto_eat .icon_box01 {
max-width: 111px;
width: 39.37%;
bottom: -72px;
left: 50%;
transform: translateX(-50%);
}
#howto #howto_eat .icon_box02 {
max-width: 79px;
width: 28.02%;
bottom: -40px;
left: -9.93%;
z-index: 1;
}
#howto #howto_eat .icon_box03 {
max-width: 130px;
width: 46.1%;
bottom: 2px;
right: 15.25%;
}
#howto #howto_eat .icon_box04 {
max-width: 89px;
width: 31.57%;
bottom: -45px;
right: -6.74%;
z-index: 1;
}
#howto #howto_relax h2 {
padding: 4px 77px 5px 0;
}
#howto #howto_relax h2 .icon {
max-width: 84px;
width: 100%;
margin: 0 7px 0 0;
}
#howto #howto_relax .cnt_box .title_box {
background: #6098B1;
}
#howto #howto_relax .cnt_box .cnt_text {
background: #FAF7EA;
}
#howto #howto_relax .arrow {
background: #6098B1;
}
#howto #howto_relax .cnt_box::after {
background-color: #6098B1;
}
#howto #howto_relax .icon_box01 {
max-width: 91px;
width: 32.27%;
bottom: -19px;
right: -9.58%;
z-index: 1;
}
#howto #howto_relax .icon_box02 {
max-width: 109px;
width: 38.66%;
bottom: -51px;
left: -21.28%;
z-index: 1;
}
#howto #howto_relax .icon_box03 {
max-width: 74px;
width: 26.25%;
bottom: -47px;
right: -14.54%;
z-index: 1;
}
#howto #howto_fun h2 {
padding: 4px 53px 0 0;
}
#howto #howto_fun h2 .icon {
max-width: 75px;
width: 100%;
margin: 0 22px 0 0;
}
#howto #howto_fun .cnt_box .title_box {
background: #6F468D;
}
#howto #howto_fun .arrow {
background: #6F468D;
}
#howto #howto_fun .cnt_box::after {
background-color: #6F468D;
}
#howto #howto_fun .icon_spot {
display: inline-block;
vertical-align: middle;
max-width: 24px;
margin: 0 7px 0 0;
}
#howto #howto_fun .icon_box01 {
max-width: 103px;
width: 36.53%;
top: 12px;
left: -57px;
z-index: 1;
}
#howto #howto_fun .icon_box02 {
max-width: 108px;
width: 38.3%;
top: 13px;
left: -19.25%;
z-index: 1;
}
#howto #howto_fun .icon_box03 {
max-width: 65px;
width: 23.05%;
top: -14px;
right: -11.35%;
z-index: 1;
}
#howto #howto_history h2 {
padding: 0 40px 0 0;
}
#howto #howto_history h2 .icon {
max-width: 52px;
width: 100%;
margin: 0 12px 0 0;
}
#howto #howto_history .cnt_box .title_box {
background: #844944;
}
#howto #howto_history .cnt_box .place {
color: #844944;
}
#howto #howto_history .cnt_box .cnt_text {
background: #F8E1CA;
}
#howto #howto_history .arrow {
background: #844944;
}
#howto #howto_history .cnt_box::after {
background-color: #844944;
}
#howto #howto_history .cnt_box:nth-child(1) .cnt_text p {
max-width: 195px;
width: 81.25%;
margin: 0 0 0 auto;
}
#howto #howto_history .icon_box01 {
max-width: 153px;
width: 54.26%;
bottom: 0;
left: -21.63%;
}
#howto #howto_history .icon_box02 {
max-width: 90px;
width: 31.92%;
bottom: 0;
right: 26.6%;
}
#howto #howto_history .icon_box03 {
max-width: 102px;
width: 36.18%;
top: 15px;
right: -9.58%;
z-index: 1;
}
#howto #howto_history .icon_box04 {
max-width: 83px;
width: 29.44%;
bottom: 0;
right: 27.31%;
}
#howto #howto_history .icon_box05 {
max-width: 101px;
width: 35.82%;
top: 19px;
right: -21.28%;
z-index: 1;
}
#howto #howto_night h2 {
padding: 0 49px 5px 0;
}
#howto #howto_night h2 .icon {
max-width: 65px;
width: 100%;
margin: 0 16px 0 0;
}
#howto #howto_night .cnt_box .title_box {
background: #222652;
}
#howto #howto_night .arrow {
background: #222652
}
#howto #howto_night .cnt_box::after {
background-color: #222652;
}
#howto #howto_night .icon_box01 {
max-width: 122px;
width: 43.27%;
top: 43px;
left: -15.96%;
z-index: 1;
}
#howto #howto_night .icon_box02 {
max-width: 46px;
width: 16.32%;
bottom: 7px;
right: 7.8%;
}
#howto #howto_night .icon_box03 {
max-width: 56px;
width: 19.86%;
top: 15px;
right: -12.42%;
}
#howto #howto_night .icon_box04 {
max-width: 87px;
width: 30.86%;
top: 5px;
right: -14.54%;
} /*--------------------
04.ショー＆営業時間
--------------------*/
#events .mainvisual {
background-color: #7D699A;
}
#events .first_text {
padding: 49px 0 39px;
max-width: 906px;
margin: 0 auto;
line-height: 30px;
letter-spacing: 0.05em;
}
#events .cnt_area .h2_g {
position: relative;
margin: 0 0 0 16px;
}
#events .cnt_area .h2_g h2 {
width: 54px;
height: 250px;
background: url("../img/events/bg_h2_title.png") repeat center center;
background-size: cover;
background-color: #7D699A;
margin: 0 auto;
font-size: 20px;
font-weight: 700;
color: #FFE7A0;
line-height: 22px;
letter-spacing: 0.08em;
padding: 33px 17px 29px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#events .guide_area .contents_in {
max-width: 1184px;
}
#events .guide_area .cnt_block {
display: flex;
align-items: start;
margin: 0 auto 52px;
}
#events .guide_area .h2_g {
margin: 0 0 0 26px;
}
#events .guide_area .cnt_g {
max-width: 1064px;
width: 100%;
display: flex;
align-items: start;
flex-wrap: wrap; /* justify-content: space-between; */
margin: 0 0 0 51px;
}
#events .guide_area .cnt_box {
max-width: 348px;
width: 32.3%;
margin: 0 0.95% 60px 0;
}
#events .guide_area .cnt_box03 {
margin: 0;
}
#events .guide_area .cnt_img {
max-width: 348px;
margin: 0 auto;
}
#events .guide_area .cnt_text h3 {
font-weight: 500;
font-size: 25px;
line-height: 35px;
letter-spacing: 0.05em;
max-width: 307px;
margin: 0 auto;
padding: 0 0 45px;
}
#events .guide_area .cnt_text .next_btn {
/*display: inline-block;*/ /*max-width: 274px;
width: 100%;
padding: 16px 0 18px;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.1em;
background: #7D699A;
border-radius: 3px;
margin: 0 auto;*/
text-align: right;
font-size: 14px;
background: url('../common/img/arrow_right03.png') no-repeat right center;
background-size: 14px auto;
padding: 0 25px 0 0;
}
#events .guide_area .link_btn {
text-align: right;
padding: 0 21px 0 0;
}
#events .guide_area .link_btn a {
font-size: 16px;
background: url('../common/img/arrow_right03.png') no-repeat right center;
background-size: 17px auto;
padding: 0 37px 0 0;
}
#events #events_area {
margin: 0 auto 89px;
}
#events #events_area .date_text {
max-width: 307px;
margin: 0 auto;
padding: 0 0 10px;
font-size: 15px;
letter-spacing: 0.05em;
}
#events #show_area {
margin: 0 auto 51px;
}
#events #show_area .cnt_g {
display: block;
}
#events #show_area .cnt_box {
width: 100%;
max-width: none;
margin: 0 0 40px;
display: flex;
align-items: start;
}
#events #show_area .cnt_box .cnt_left {
width: 35%;
}
#events #show_area .cnt_box .cnt_img {
max-width: none;
}
#events #show_area .cnt_box .cnt_img.event_icon {
position: relative;
}
#events #show_area .cnt_box .cnt_img.event_icon::after {
content: '';
max-width: 50px;
width: 13.57%;
height: 50px;
background: url("../common/img/icon_1st_under.png") no-repeat top;
background-size: contain;
position: absolute;
top: 6.11%;
left: 15px;
}
#events #show_area .cnt_box .page_title {
font-size: 25px;
line-height: 35px;
font-weight: bold;
margin: 0 0 10px;
}
#events #show_area .cnt_box .cnt_left .place_box {
background: #27345C;
padding: 10px 0 12px 21px;
color: #fff;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.05em;
}
#events #show_area .cnt_box .cnt_right {
width: 62%;
margin: 0 0 0 3%;
}
#events #show_area .cnt_box .cnt_right .sub_title {
color: #7C7C7C;
font-size: 20px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}
#events #show_area .cnt_box .cnt_right .article_box {
color: #000;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
}
#events #show_area .cnt_box .cnt_right .article_box p {
margin: 0 0 20px;
}
#events #show_area .cnt_right dl.desc {
max-width: 400px;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
flex-wrap: wrap;
}
#events #show_area .cnt_right dl.desc dt {
width: 25%;
background: #7D699A;
padding: 10px 0;
color: #fff;
margin: 0 5% 20px 0;
text-align: center;
}
#events #show_area .cnt_right dl.desc dd {
width: 70%;
margin: 0 0 20px;
} /* #events #show_area .place_text{
background: #27345C;
padding: 10px 0 10px 21px;
color: #fff;
font-size: 15px;
letter-spacing: 0.05em;
margin: 0 auto 14px;
}
#events #show_area h3{
margin: 0 auto;
padding: 0 0 73px;
} */
#events #schedule_area {
background: url('../img/events/bg_schedule.png') repeat center center;
background-size: 72px auto;
background-color: rgba(251, 246, 231, .61);
}
#events #schedule_area .contents_in {
position: relative;
padding: 28px 0 47px;
}
#events #schedule_area .h2_g {
position: absolute;
top: 0;
left: 0;
}
#events #schedule_area .cnt_img {
/* max-width: 968px;
width: 83.17%; */
padding: 0 98px;
margin: 0 auto 41px;
}
#events #schedule_area .cnt_img a {
display: inline-block;
width: 100%;
position: relative;
}
#events #schedule_area .cnt_img a::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 304px;
width: 31.41%;
min-height: 100%;
background: url('../img/events/icon_hover.png') no-repeat center center;
background-size: 100% auto;
opacity: 0;
transition: all 0.3s;
}
#events #schedule_area .cnt_img a:hover::before {
opacity: 1;
}
#events #schedule_area .next_btn {
max-width: 451px;
width: 100%;
margin: 0 auto;
background: #7D699A;
border-radius: 3px;
}
#events #schedule_area .next_btn a {
display: inline-block;
width: 100%;
padding: 7px 0 11px 19px;
}
#events #schedule_area .next_btn a .icon {
display: inline-block;
vertical-align: middle;
margin: 0 17px 0 0;
max-width: 34px;
}
#events #schedule_area .next_btn a span {
display: inline-block;
vertical-align: middle;
color: #fff;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.1em;
}
#events #show_area .cnt_g .note_text {
line-height: 1.5em;
} /*--------------------
04-01.ショー詳細
--------------------*/
#show_detail .mainvisual {
background-color: #7D699A;
}
.detail_page .pankuzu_area ul li,
.detail_page .pankuzu_area ul li a {
color: #000000;
}
#show_detail #cnt_area01 {
max-width: 968px;
margin: 10px auto 60px;
}
#show_detail .cnt_area .page_title {
font-size: 25px;
line-height: 35px;
font-weight: bold;
margin: 20px 0 10px;
}
#show_detail .cnt_area .place_box {
color: #7C7C7C;
font-size: 20px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}
#show_detail .cnt_area .article_box .sub_title {
color: #7C7C7C;
font-size: 20px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}
#show_detail #cnt_area01 .cnt_img {
width: 100%;
margin: 0 0 45px;
}
#show_detail .cnt_area .article_box {
margin: 0 0 40px;
}
#show_detail .cnt_area .news-article_text {
color: #000;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
margin: 0 0 20px;
}
#show_detail .cnt_area .news-article_text a {
color: #0027FC;
}
#show_detail .cnt_area .news-article_text .color_red {
color: #AD0000;
}
#show_detail .cnt_area .btn_g {
width: 100%;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
margin: 0 auto 0 0;
}
#show_detail .cnt_area .btn_g .contents_btn {
width: fit-content; /* border: 3px solid #7d699a; */
background: #7d699a;
border-radius: 5px;
color: #fff;
padding: 15px 40px;
margin: 0 auto;
text-align: center;
}
#show_detail .cnt_area .btn_g .contents_btn a {
display: inline-block;
width: 100%;
color: #fff;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
#show_detail .cnt_g dl.desc {
max-width: 400px;
width: 100%;
box-sizing: border-box;
}
#show_detail .cnt_g dl.desc dt {
width: 25%;
display: inline-block;
background: #7D699A;
padding: 10px 0;
color: #fff;
margin: 0 20px 20px 0;
text-align: center;
}
#show_detail .cnt_g dl.desc dd {
width: 69%;
display: inline-block;
margin: 0 0 20px;
} 

/*--------------------
06.SNS映えスポット
--------------------*/
#sns_spot .mainvisual {
background-color: #27335C;
}
#sns_spot {
background: url("../img/sns_spot/bg_sns01.png") repeat center;
background-size: 55px auto;
background-color: #8497C1;
}
#sns_spot .first_text {
max-width: 968px;
padding: 49px 0 0;
line-height: 30px;
letter-spacing: 0.05em;
color: #fff;
text-align: center;
font-weight: 700;
}
#sns_spot .cnt_area .cnt_block {
max-width: 1164px; /*width: 100%;*/
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}
#sns_spot .cnt_area .cnt_block h2 {
width: 54px;
height: 210px;
background: url("../img/sns_spot/bg_h2_title02.png") no-repeat center center;
background-size: cover;
margin: 0 44px 0 0;
font-size: 20px;
font-weight: bold;
color: #E1C36A;
line-height: 22px;
padding: 27px 17px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright;
box-shadow: 10px 10px 26px -1px rgba(1, 15, 57, 0.41);
}
#sns_spot .cnt_area .cnt_block {
padding-top: 55px;
}
#sns_spot .cnt_area .cnt_block .cnt_g {
max-width: 1064px;
width: 91.41%;
position: relative;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area {
max-width: 936px;
width: 87.97%;
margin: 0 auto; /* display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center; */
position: relative;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .spot_g {
max-width: 780px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .spot_g.g02 {
margin-top: 152px;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box {
background: #fff;
max-width: 377px;
width: 48.34%;
padding: 17px 18px 0;
border-radius: 5px;
margin: 0 0 20px;
box-shadow: 10px 10px 20px rgba(1, 15, 57, 0.3);
position: relative;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box.null_box {
background: none;
box-shadow: none;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box:nth-child(2) {
margin: 152px 0 20px;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box:nth-child(odd) {
margin: -152px 0 20px;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box:nth-child(1) {
margin: 0 0 20px;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box:last-child {
 /* margin: -152px 0 20px auto; */
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box .cnt_img {
display: block;
width: 100%;
margin: 0 auto 15px;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box dt {
font-size: 24px;
letter-spacing: 0.05em;
padding: 0 0 16px;
font-weight: bold;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box dt span {
font-size: 14px;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box dd {
font-size: 16px;
line-height: 30px;
font-weight: 500;
letter-spacing: 0.05em;
padding: 0 0 13px;
}
#sns_spot .cnt_area .cnt_block .cnt_g .spot_area .cnt_box .small_img {
max-width: 253px;
display: block;
z-index: 1;
position: absolute;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box01 .small_img {
width: 67.11%;
top: 212px;
left: -166px;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box05 .small_img {
max-width: 197px;
width: 100%;
top: 20px;
left: -154px;
box-shadow: 5px 5px 10px rgba(1, 15, 57, .28);
transform: rotate(13deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box06 .small_img {
max-width: 197px;
width: 100%;
top: 40px;
right: -168px;
box-shadow: 5px 5px 10px rgba(1, 15, 57, .28);
transform: rotate(13deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box08 .small_img {
max-width: 197px;
width: 67.11%;
top: 190px;
right: -154px;
box-shadow: 5px 5px 10px rgba(1, 15, 57, .28);
transform: rotate(-22deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .spot_area .cnt_box09 .small_img {
max-width: 197px;
width: 67.11%;
top: 170px;
right: -168px;
box-shadow: 5px 5px 10px rgba(1, 15, 57, .28);
transform: rotate(13deg);
}
#sns_spot .cnt_area .cnt_block .cnt_g .icon_img {
display: block;
position: absolute;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img01 {
max-width: 78px;
width: 7.34%;
top: 53px;
right: 42%;
transform: rotate(-10deg);
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img02 {
max-width: 198px;
width: 18.61%;
top: 314px;
right: 0;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img03 {
max-width: 99.5px;
width: 9.36%;
top: 498px;
left: 0.57%;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img04 {
max-width: 70px;
width: 6.58%;
top: 762px;
left: 4.61%;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img05 {
max-width: 99.5px;
width: 9.36%;
top: 783px;
right: 0;
}
#sns_spot #cnt_area01 .cnt_block .cnt_g .icon_img.icon_img06 {
max-width: 109px;
width: 10.25%;
bottom: 737px;
right: 2.73%;
transform: rotate(39deg);
}
#sns_spot #cnt_area02 {
background: url("../img/sns_spot/bg_sns02.png") repeat center;
background-size: 220px auto;
margin-top: -310px;
}
#sns_spot #cnt_area02 .cat_g {
max-width: 1184px;
width: 100%;
margin: 0 auto;
padding: 163px 0 106px;
position: relative;
}
#sns_spot #cnt_area02 .cat_g .title_g {
max-width: 540px;
/*margin: 0 0 23px 29px;*/
 padding: 0 0 40px;
 margin: 0 0 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
position: relative;
}
#sns_spot #cnt_area02 .cat_g .title_g .img_cat {
max-width: 98px;
display: block;
margin: 0 25px 0 0;
}
#sns_spot #cnt_area02 .cat_g .title_g h3 {
font-size: 40px;
color: #fff;
font-weight: bold;
line-height: 59px;
letter-spacing: 0.1em;
padding: 0 40px 10px;
text-shadow: 1px 1px 8px rgba(1, 15, 57, 0.3);
position: relative;
}
#sns_spot #cnt_area02 .cat_g .title_g h3::before,
#sns_spot #cnt_area02 .cat_g .title_g h3::after {
content: '';
height: 40px;
width: 40px;
}
#sns_spot #cnt_area02 .cat_g .title_g h3::after {
border-right: 3px solid #fff;
-moz-transform: skew(-40deg);
-webkit-transform: skew(-40deg);
transform: skew(-40deg);
position: absolute;
top: 15px;
right: 80px;
}
#sns_spot #cnt_area02 .cat_g .title_g h3::before {
border-left: 3px solid #fff;
-moz-transform: skew(40deg);
-webkit-transform: skew(40deg);
transform: skew(40deg);
position: absolute;
top: 15px;
left: 10px;
}
#sns_spot #cnt_area02 .cat_g .title_g .sub_text {
font-size: 20px;
color: #fff;
font-weight: 500;
line-height: 30px;
letter-spacing: 0.08em;
text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
#sns_spot #cnt_area02 .cat_g .slide_g ul {
max-width: 1126px;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}
#sns_spot #cnt_area02 .cat_g .slide_g ul li {
display: block;
background: #FFF;
padding: 13px;
border-radius: 5px;
max-width: 342px;
width: 30.38%;
}
#sns_spot #cnt_area02 .cat_g .img_cat02 {
display: block;
max-width: 196px;
position: absolute;
bottom: -20px;
right: 10%;
}
#sns_spot #cnt_area02 .cat_g .img_flower {
display: block;
max-width: 70px;
position: absolute;
}
#sns_spot #cnt_area02 .cat_g .img_flower.flower01 {
top: 40%;
 left: 8%;
/*right: 8%;*/
}
#sns_spot #cnt_area02 .cat_g .img_flower.flower02 {
bottom: 40px;
left: 10%;
transform: rotate(45deg);
}
#sns_spot #cnt_area02 .cat_g .img_flower.flower03 {
bottom: 20px;
right: 34%;
}
#sns_spot #cnt_area03 {
background: url('../img/sns_spot/bg_sns03.png') repeat center center;
background-size: 55px auto;
background-color: #FBF7EA;
}
#sns_spot #cnt_area03 .cnt_block {
padding: 27px 0 0;
}
#sns_spot #cnt_area03 .cnt_block .cnt_g {
max-width: 1064px;
width: 100%;
position: relative;
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .spot_area .spot_g {
flex-direction: row-reverse;
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img01 {
max-width: 261px;
width: 24.54%;
top: -7px;
left: -40px;
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img02 {
max-width: 174px;
width: 16.36%;
top: 232px;
right: 1.41%;
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img03 {
max-width: 82px;
width: 7.71%;
bottom: 239px;
left: 1.51%;
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .icon_img.icon_img04 {
max-width: 82px;
width: 7.71%;
bottom: 273px;
right: 1.04%;
transform: rotate(112deg);
}
#sns_spot #cnt_area03 .cnt_block .cnt_g .spot_area .cnt_box02 .small_img {
max-width: 354px;
width: 93.9%;
top: -154px;
right: -26px;
}
#sns_spot #cnt_area04 {
background: url("../img/sns_spot/bg_sns01.png") repeat center;
background-size: 55px auto;
background-color: #8497C1;
margin: -216px 0 0;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(1) {
margin: -145px 0 20px;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(2) {
margin: 167px 0 20px;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box:nth-child(3) {
margin: -35% 0 20px;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .icon_img.icon_img01 {
max-width: 104px;
width: 9.78%;
top: 67px;
right: 1px;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .icon_img.icon_img02 {
max-width: 139px;
width: 13.07%;
bottom: 0;
right: 21.25%;
}
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box02 .small_img {
max-width: 308px;
width: 81.7%;
top: 27px;
right: -232px;
} 
#sns_spot #cnt_area04 .cnt_block .cnt_g .spot_area .cnt_box03 .small_img {
max-width: 250px;
width: 100%;
top: 256px;
right: -233px;
box-shadow: 5px 5px 10px rgba(1, 15, 57, .28);
transform: rotate(13deg);
} /*--------------------
07.料金案内
--------------------*/ /*--- リニューアル告知ボックス ---*/
/* 料金案内の項目をprice.cssに移動 */
 /*--------------------
08.町方マガジン
--------------------*/
#magazine .mainvisual {
background-color: #27335C;
}
#magazine #cnt_area01 {
max-width: 968px;
margin: 47px auto 76px;
}
#magazine .first_text {
padding: 0 0 39px;
max-width: 906px;
margin: 0 auto;
line-height: 30px;
letter-spacing: 0.05em;
}
#magazine .date_box {
max-width: 968px;
margin: 20px auto 28px;
display: flex;
align-items: center;
justify-content: flex-end;
}
#magazine .date_box .date_select {
position: relative;
overflow: hidden;
max-width: 52px;
width: 100%;
text-align: center;
}
#magazine .date_box .date_select select {
width: 100%;
cursor: pointer;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
line-height: 20px;
color: #162749;
}
#magazine .date_box .date_select select::-ms-expand {
display: none;
}
#magazine .date_box .date_select::before {
position: absolute;
top: 0.7em;
right: 0;
content: '';
background: url('../img/magazine/icon_arrow.png') no-repeat center bottom;
background-size: 100% auto;
width: 9px;
height: 6px;
pointer-events: none;
}
#magazine .date_box .year {
max-width: 52px;
}
#magazine .date_box .year select {
font-weight: 500;
font-size: 15px;
}
#magazine .date_box .month {
max-width: 33px;
margin: 0 0 0 34px;
}
#magazine .date_box .month select {
font-size: 16px;
}
#magazine .cnt_g {
max-width: 968px;
margin: 0 auto 130px;
}
#magazine .cnt_g .cnt_box {
display: flex;
align-items: center;
margin: 0 auto 70px;
}
#magazine .cnt_g .cnt_img {
width: 45%;
}
#magazine .cnt_g .cnt_img img {
border-radius: 3px;
display: block;
height: 300px;
object-fit: cover;
}
#magazine .cnt_g .cnt_text {
width: 52%;
margin: 0 0 0 3%;
}
#magazine .cnt_g .cnt_text h2 {
font-size: 22px;
line-height: 30px;
font-weight: 500;
padding: 0 0 15px;
}
#magazine .cnt_g .cnt_text p {
font-size: 16px;
line-height: 30px;
letter-spacing: 0.012em;
padding: 0 0 37px;
}
#magazine .cnt_g .cnt_text .info_box {
display: flex;
align-items: start;
}
#magazine .cnt_g .cnt_text .date {
font-size: 14px;
line-height: 31px;
color: #717171;
}
#magazine .cnt_g .cnt_text .category {
margin: 0 0 0 19px;
}
#magazine .cnt_g .cnt_text .category span {
font-size: 14px;
line-height: 15px;
padding: 5px 9px;
display: inline-block;
color: #fff;
border-radius: 2px;
background: #C1C1C1;
margin: 3px 7px 3px 0;
}
#magazine .category_g {
max-width: 1080px;
margin: 0 auto 54px;
}
#magazine .category_g .title {
font-size: 20px;
line-height: 20px;
padding: 0 0 7px;
border-bottom: 1px solid #707070;
margin: 0 0 24px;
}
#magazine .category_g ul {
display: flex;
align-items: start;
flex-wrap: wrap;
}
#magazine .category_g li {
margin: 0 7px 13px 0;
}
#magazine .category_g li a {
border-radius: 2px;
background: #7F889B;
color: #fff;
display: inline-block;
padding: 5px 9px;
font-size: 14px;
letter-spacing: 0.012em;
line-height: 15px;
}
#magazine .cnt_box .contents_btn {
border: 1px solid #27335C;
margin: 15px 0 0 auto;
max-width: 200px;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1em;
background: #fff;
text-align: center;
border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#magazine .cnt_box .contents_btn a {
width: 100%;
color: #27335C;
display: inline-block;
padding: 5px 29px 5px 25px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#magazine .cnt_box .contents_btn:hover {
border: 1px solid #27335C;
background: #27335C;
}
#magazine .cnt_box .contents_btn a:hover {
color: #fff;
} /*--------------------
08-01.町方マガジン詳細
--------------------*/
#magazine_detail #cnt_area01 {
max-width: 968px;
margin: 10px auto 60px;
}
#magazine_detail .cnt_g {
margin: 0 auto 40px;
}
#magazine_detail .cnt_g .date_box {
color: #717171;
font-size: 14px;
line-height: 17px;
margin: 0 0 10px;
display: flex;
align-items: center;
}
#magazine_detail .cnt_g .date_box .date {
display: block;
max-width: 101px;
width: 100%;
border: 1px solid #707070;
text-align: center;
padding: 3px 0;
}
#magazine_detail .cnt_g .date_box .category {
display: block;
margin: 0 0 0 10px;
}
#magazine_detail .cate_box {
display: flex;
align-items: center;
color: #7C7C7C;
font-size: 20px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}
#magazine_detail .cate_box .category {
display: block;
margin: 0 0 0 10px;
}
#magazine_detail .cnt_g .page_title {
font-size: 25px;
line-height: 35px;
font-weight: bold;
margin: 0 0 55px;
}
#magazine_detail .cnt_g p {
font-size: 16px;
line-height: 30px;
margin: 0 0 35px;
}
#magazine_detail .cnt_g img {
display: block;
margin: 0 0 36px;
}
#magazine_detail .cnt_g .box_type01 {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 35px;
}
#magazine_detail .cnt_g .box_type01 .cnt_img {
width: 45%;
}
#magazine_detail .cnt_g .box_type01 .cnt_text {
width: 52%;
}
#magazine_detail .cnt_g strong {
font-weight: 500;
}
#magazine_detail .cnt_g dl.desc dd {
margin: 14px 0 0;
}
#magazine_detail .cnt_g .article_box a {
text-decoration: underline;
}
#magazine_detail .cnt_g .article_box .center {
text-align: center;
}
#magazine_detail .category {
margin: 0 0 0 19px;
}
#magazine_detail .category span {
font-size: 14px;
line-height: 15px;
padding: 5px 9px;
display: inline-block;
color: #fff;
border-radius: 2px;
background: #C1C1C1;
margin: 3px 7px 3px 0;
}
#magazine_detail .pagelink_g,
#magazine_detail .category_g {
max-width: 968px;
margin: 0 auto 54px;
width: 94%;
}
#magazine_detail .pagelink_g .title,
#magazine_detail .category_g .title {
font-size: 20px;
line-height: 20px;
padding: 0 0 7px;
border-bottom: 1px solid #707070;
margin: 0 0 24px;
}
#magazine_detail .pagelink_g ul,
#magazine_detail .category_g ul {
display: flex;
align-items: start;
flex-wrap: wrap;
}
#magazine_detail .category_g li {
margin: 0 7px 13px 0;
}
#magazine_detail .category_g li a {
border-radius: 2px;
background: #7F889B;
color: #fff;
display: inline-block;
padding: 5px 9px;
font-size: 14px;
letter-spacing: 0.012em;
line-height: 15px;
}
#magazine_detail .pagelink_g li {
margin: 0 15px 13px 0;
}
#magazine_detail .pagelink_g li a {
font-size: 16px;
letter-spacing: 0.012em;
position: relative;
display: inline-block;
text-decoration: none;
}
#magazine_detail .pagelink_g li a::after {
position: absolute;
bottom: -10px;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #333;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
#magazine_detail .pagelink_g li a:hover::after {
bottom: -6px;
opacity: 1;
visibility: visible;
}
#magazine_detail .cnt_area .btn_g {
max-width: 780px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
margin: 0 auto 0 0;
}
#magazine_detail .cnt_area .btn_g .contents_btn {
width: 49.4%;
border: 3px solid #B98F30;
border-radius: 5px;
color: #000;
}
#magazine_detail .cnt_area .btn_g .contents_btn.btn_previous {
background: url("../img/magazine/arrow_left.png") no-repeat 5% center;
background-size: 17px;
}
#magazine_detail .cnt_area .btn_g .contents_btn.btn_next {
background: url("../img/magazine/arrow_right.png") no-repeat 95% center;
background-size: 17px;
}
#magazine_detail .cnt_area .btn_g .contents_btn a {
display: inline-block;
width: 100%;
color: #000;
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: underline;
}
#magazine_detail .cnt_area .btn_g .contents_btn.btn_previous a {
padding: 26.5px 40px 26.5px 75px;
}
#magazine_detail .cnt_area .btn_g .contents_btn.btn_next a {
padding: 26.5px 75px 26.5px 40px;
}
#magazine_detail .cnt_area .btn_g .article_nav {
display: block;
} /*--------------------
09.宿泊
--------------------*/
#lodging .mainvisual {
background-color: #27315C;
}
#lodging .first_text {
max-width: 968px;
padding: 49px 0 42px;
line-height: 30px;
letter-spacing: 0.05em;
}
#lodging .cnt_area {}
#lodging .cnt_area .contents_in {
display: flex;
align-items: start;
padding: 0 98px 0 16px;
}
#lodging .cnt_area .h2_g {
position: relative;
}
#lodging .cnt_area .h2_g h2 {
width: 54px;
height: 210px;
background: url("../img/lodging/bg_h2_title01.png") repeat center top;
background-size: cover;
margin: 0 auto;
font-size: 20px;
font-weight: 700;
color: #27345C;
line-height: 22px;
letter-spacing: 0.08em;
padding: 33px 17px 29px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#lodging #hotel_area {
background: url('../img/lodging/bg_hotel.png') repeat center center;
background-size: 89px auto;
background-color: #3F795E;
padding: 0 0 34px
}
#lodging #hotel_area .cnt_g {
max-width: 968px;
width: 100%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
margin: 34px 0 0 28px;
}
#lodging #hotel_area .cnt_box {
position: relative;
max-width: 478px;
width: 49.39%;
margin-bottom: 12px;
}
#lodging #hotel_area .cnt_img {
width: 100%;
position: relative;
}
#lodging #hotel_area .cnt_img::before {
content: "";
width: 100%;
height: 100%;
display: block;
background: rgba(0, 0, 0, .3);
position: absolute;
top: 0;
left: 0;
}
#lodging #hotel_area .cnt_text {
width: 100%;
position: absolute;
bottom: 31px;
left: 0;
}
#lodging #hotel_area .cnt_text h3 {
text-align: center;
font-size: 20px;
letter-spacing: 0.05em;
color: #fff;
font-weight: 700;
text-shadow: 1px 1px 5px rgba(0, 0, 0, .71);
padding: 0 0 38px;
}
#lodging #hotel_area .cnt_text .next_btn {
padding: 0 26px 0 0;
text-align: right;
}
#lodging #hotel_area .cnt_text .next_btn p {
color: #fff;
text-decoration: underline;
font-weight: 500;
font-size: 14px;
position: relative;
}
#lodging #hotel_area .cnt_text .next_btn p::after {
content: "";
display: inline-block;
width: 19px;
height: 18px;
background: url('../common/img/arrow_right08.png') no-repeat center center;
background-size: 19px auto;
margin: 0 0 0 10px;
vertical-align: middle;
}
#lodging #hotel_area .cnt_box01 {
max-width: 968px;
width: 100%;
margin: 0 0 12px;
}
#lodging #hotel_area .cnt_box01 .cnt_text img {
max-width: 147px;
margin: 0 auto 19px;
}
#lodging #relax_area {
padding: 44px 0 21px;
}
#lodging #relax_area .h2_g h2 {
background-image: url('../img/lodging/bg_h2_title02.png');
color: #E1C36A;
height: 316px;
}
#lodging #relax_area .cnt_g {
max-width: 968px;
width: 100%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 0 28px;
}
#lodging #relax_area .cnt_box {
max-width: 478px;
width: 49.39%;
position: relative;
margin: 0 0 13px;
}
#lodging #relax_area .cnt_img {
position: relative;
}
#lodging #relax_area .cnt_img img {
border-radius: 5px;
}
#lodging #relax_area .cnt_img::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
}
#lodging #relax_area .cnt_text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#lodging #relax_area .cnt_text .title {
width: 100%;
color: #fff;
font-size: 20px;
line-height: 30px;
letter-spacing: 0.05em;
font-weight: 700;
max-width: 274px;
margin: 0 auto;
text-align: center;
}
#lodging #relax_area .cnt_text p {
color: #fff;
font-weight: 500;
line-height: 30px;
letter-spacing: 0.05em;
max-width: 260px;
margin: 21px auto 0;
}
#lodging #relax_area .cnt_box01 {
max-width: 968px;
width: 100%;
} /*--------------------
10.アクセス
--------------------*/
/* アクセスの項目をaccess.cssに移動 */
/*--------------------
11.よくある質問・お問い合わせ
--------------------*/
#faq .mainvisual {
background-color: #27335C;
}
#faq #cnt_area01 {
max-width: 1120px;
width: 100%;
margin: 47px auto 76px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}
#faq h2 {
width: 54px;
height: 210px;
background: url("../img/faq/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #E1C36A;
line-height: 22px;
padding: 27px 17px;
margin: -86px 16px 0 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright; /* Safari */
text-orientation: upright;
}
#faq .first_text {
max-width: 945px;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.05em;
margin: 47px auto 40px;
}
#faq #cnt_area01 .tab_wrap {
width: 100%;
max-width: 980px;
margin: 0;
}
#faq #cnt_area01 .tab_wrap .tab_area {
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: flex-end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-o-justify-content: flex-end;
-ms-justify-content: flex-end;
}
#faq #cnt_area01 .tab_area label {
width: 23.85%;
margin: 0 6px;
display: inline-block;
padding: 15px 0 14px;
color: #fff;
background: rgba(76, 94, 150, 0.83);
border-radius: 5px 5px 0 0;
text-align: center;
font-size: 18px;
font-weight: 500;
line-height: 19px;
cursor: pointer;
transition: ease 0.2s opacity;
}
#faq #cnt_area01 .tab_area label:last-of-type {
margin: 0 0 0 5px;
}
#faq #cnt_area01 .tab_area label:hover {
opacity: 0.5;
}
#faq #cnt_area01 .tab_area label.active {
background: #fff;
color: #27345C;
border-top: 2px solid #27345C;
border-left: 2px solid #27345C;
border-right: 2px solid #27345C;
}
#faq #cnt_area01 .panel_area {
background: #fff;
border-top: 2px solid #27345C;
margin: -2px auto 0;
}
#faq #cnt_area01 .tab_panel {
width: 100%;
max-width: 968px;
padding: 51px 0 0;
margin: 0 0 0 auto;
display: none;
}
#faq #cnt_area01 .tab_panel.active {
display: block;
animation: tabAnim ease 0.6s forwards;
-ms-animation: tabAnim ease 0.6s forwards;
}
#faq #cnt_area01 .cnt_box {
border-bottom: 2px solid #27325C;
margin: 0 auto;
}
#faq #cnt_area01 .cnt_box:nth-child(1) {
border-top: 2px solid #27325C;
}
#faq #cnt_area01 .cnt_box .question_box {
display: flex;
align-items: start;
font-size: 18px;
font-weight: 500;
line-height: 27px;
color: #162749;
position: relative;
cursor: pointer;
padding: 21px 40px;
}
#faq #cnt_area01 .cnt_box .question_box::before {
content: "";
display: block;
width: 16px;
height: 16px;
background: url('../img/faq/icon_plus.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
top: 27px;
right: 40px;
}
#faq #cnt_area01 .cnt_box .question_box.active::before {
background-image: url('../img/faq/icon_minus.png');
}
#faq #cnt_area01 .cnt_box .icon {
padding: 0 12px 0 0;
font-weight: 500;
font-size: 18px;
}
#faq #cnt_area01 .cnt_box .text {
padding: 2px 0 0;
}
#faq #cnt_area01 .cnt_box .answer_box {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 30px;
display: none;
background: #27345C;
padding: 18px 25px 27px;
}
#faq #cnt_area01 .cnt_box .answer_box .box_in {
display: flex;
align-items: start;
}
#faq #cnt_area01 .cnt_box .answer_box a {
color: #fff;
text-decoration: underline;
}
#faq #cnt_area02 {
background: url('../img/faq/bg_contens_pc.png') repeat;
background-size: 145px;
background-color: rgba(251, 246, 231, 0.61);
position: relative;
}
#faq #cnt_area02 #form_area {
max-width: 1132px;
padding-bottom: 37px;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}
#faq #cnt_area02 #form_area h2 {
height: 316px;
margin: 0 16px 0 0;
}
#faq #cnt_area02 #form_area .cnt_g {
max-width: 980px;
margin: 34px auto 0;
}
#faq #cnt_area02 #form_area .cnt_g .note_text {
max-width: 576px;
font-size: 14px;
line-height: 26px;
margin: 0 auto 10px;
}
#faq #cnt_area02 #form_area .cnt_g table {
max-width: 576px;
width: 100%;
font-size: 19px;
line-height: 33px;
margin: 0 auto;
table-layout: fixed;
}
#faq #cnt_area02 #form_area .cnt_g table td {
width: 100%;
padding: 0 0 20px;
}
#faq #cnt_area02 #form_area .cnt_g table label {
display: none;
}
#faq #cnt_area02 #form_area .cnt_g table input.text_box,
#faq #cnt_area02 #form_area .cnt_g table textarea {
width: 100%;
background: #fff;
border-radius: 5px;
font-size: 19px;
line-height: 33px;
padding: 17px 24px 16px;
box-sizing: border-box;
-webkit-appearance: none;
border: none;
background-image: none;
box-shadow: none;
font-family: 'Noto Serif JP', serif;
}
#faq #cnt_area02 #form_area .cnt_g table select {
background: url("../img/faq/arrow_down.png") no-repeat 94% center;
background-size: 10px; /*width: 10px;
height: 5px;*/
width: 100%;
background-color: #fff;
border-radius: 5px;
font-size: 19px;
line-height: 33px;
padding: 17px 24px 16px;
box-sizing: border-box;
-webkit-appearance: none;
border: none;
box-shadow: none;
font-family: 'Noto Serif JP', serif;
}
#faq #cnt_area02 #form_area .cnt_g table .required {
color: #C30D23;
font-weight: 500;
}
#faq #cnt_area02 #form_area .cnt_g .submit_box {
max-width: 380px;
width: 100%;
margin: 0 auto;
}
#faq #cnt_area02 #form_area .cnt_g .submit_box .submit {
background-color: #162749;
width: 100%;
padding: 17px 0;
font-size: 18px;
font-weight: bold;
line-height: 27px;
color: #fff;
text-align: center;
cursor: pointer;
border-radius: 5px;
border: none;
box-shadow: none;
-webkit-appearance: none;
font-family: 'Noto Serif JP', serif;
}
#faq #cnt_area02 #form_area .cnt_g table input.text_box::-webkit-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table textarea::-webkit-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table select::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #898989;
font-size: 19px;
line-height: 33px;
}
#faq #cnt_area02 #form_area .cnt_g table input.text_box::-webkit-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table textarea:-ms-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table select::-webkit-input-placeholder {
/* Internet Explorer 10-11 */
color: #898989;
font-size: 19px;
line-height: 33px;
}
#faq #cnt_area02 #form_area .cnt_g table input.text_box::-webkit-input-placeholder,
#faq #cnt_area02 #form_area .cnt_g table textarea::placeholder,
#faq #cnt_area02 #form_area .cnt_g table select::-webkit-input-placeholder {
/* Others */
color: #898989;
font-size: 19px;
line-height: 33px;
}
#faq #tel_area {
max-width: 240px;
position: absolute;
bottom: 0;
right: 58px;
}
#faq #tel_area h2 {
width: 100%;
height: 48px;
background: url("../img/faq/bg02_title.png") no-repeat center center;
background-size: cover;
border-radius: 5px 5px 0 0;
font-size: 18px;
font-weight: bold;
color: #27325C;
line-height: 22px;
padding: 13px 10px;
-ms-writing-mode: lr-tb;
-webkit-writing-mode: inherit;
writing-mode: horizontal-tb;
text-align: center;
position: relative;
}
/* #faq #tel_area h2::before {
content: '';
display: inline-block;
width: 224px;
height: 206px;
background-image: url('../img/faq/img_call.png');
background-size: contain;
vertical-align: middle;
position: absolute;
bottom: 48px;
right: 0;
left: 0;
} */
#faq #tel_area .cnt_box {
width: 100%;
background: url("../img/faq/bg_call.png") no-repeat center center;
background-size: cover;
background-color: #27335C;
color: #fff;
}
#faq #tel_area .cnt_box .tel_number {
font-size: 28px;
line-height: 41px;
font-weight: 500;
text-align: center;
position: relative;
padding: 49px 5px 19px;
}
#faq #tel_area .cnt_box a {
color: #fff;
text-decoration: none;
}
#faq #tel_area .cnt_box a[href^="tel:"]{
pointer-events: none;
}
#faq #tel_area .cnt_box .tel_number a {
color: #fff;
text-decoration: none;
}
#faq #tel_area .cnt_box .tel_number::before {
content: '';
display: inline-block;
width: 22.68px;
height: 22.73px;
background-image: url("../img/faq/icon_call.png");
background-size: contain;
vertical-align: middle;
position: absolute;
top: 25px;
right: 0;
left: 0;
margin: 0 auto;
}
#faq #tel_area .cnt_box .tel_number .tel_title {
font-size: 14px;
line-height: 20px;
font-weight: bold;
display: block;
} /*--------------------
12.新着情報一覧
--------------------*/ /*#news .mainvisual{
background-color:#27335C;
}
#news #cnt_area01{
max-width: 968px;
margin: 47px auto 76px;
}
#news .cnt_box{
border-bottom: 1px solid #707070;
margin: 0 auto 43px;
padding: 0 16px 18px 18px;
}
#news .cnt_box .date_box{
color: #717171;
font-size: 14px;
line-height: 17px;
margin: 0 0 10px;
display: flex;
align-items: center;
}
#news .cnt_box .date_box .date{
display: block;
max-width: 101px;
width: 100%;
border: 1px solid #707070;
text-align: center;
padding: 3px 0;
}
#news .cnt_box .date_box .category{
display: block;
margin: 3px 0 0 10px;
}
#news .cnt_box h2{
font-size: 22px;
line-height: 30px;
font-weight: 500;
margin: 0 0 32px;
}
#news .cnt_box .contents_btn{
border: 1px solid #27335C;
margin: 0 0 0 auto;
max-width: 200px;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1em;
background: #fff;
text-align: center;
border-radius: 5px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#news .cnt_box .contents_btn a{
width: 100%;
color: #27335C;
display: inline-block;
padding: 5px 29px 5px 25px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#news .cnt_box .contents_btn:hover{
border: 1px solid #27335C;
background: #27335C;
}
#news .cnt_box .contents_btn a:hover{
color: #fff;
}
#news #pager_area{
text-align: right;
margin: 82px 0 48px;
}
#news #pager_area a,#news #pager_area span{
display: inline-block;
font-size: 18px;
margin: 0 4px;
}*/
#info .mainvisual {
background-color: #27335C;
}
#info #cnt_area01 {
margin: 95px auto 115px;
}
#info #cnt_area01 .tab_wrap {
max-width: 1165px;
margin: 95px auto 115px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}
#info #cnt_area01 .tab_area {
width: 24.3%;
margin: 0 6.3% 0 0;
}
#info #cnt_area01 .tab_area ul a {
display: block;
font-size: 20px;
font-weight: bold;
line-height: 30px;
padding: 16px 25px 16px 10px;
border-bottom: 1px solid #A7A7A7;
background: url("../img/news/arrow02_right.png") no-repeat 93% center;
background-size: 6px;
transition: all 0.2s;
}
#info #cnt_area01 .tab_area ul a:hover {
background: url("../img/news/arrow02_right.png") no-repeat 96% center;
background-size: 6px;
}
#info #cnt_area01 .tab_panel {
width: 56.2%;
margin: 35px 0 0; /*display: none;*/
}
#info #cnt_area01 .tab_panel.active {
display: block;
}
#info #cnt_area01 .cnt_box {
margin: 0 auto 30px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
align-items: flex-start;
-webkitalign-items: flex-start;
-moz-align-items: flex-start;
-o-align-items: flex-start;
-ms-align-items: flex-start;
}
#info #cnt_area01 .cnt_box .category_box {
max-width: 143px;
width: 100%;
background: #C7780D;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 20px;
padding: 5px;
margin: 0 16px 0 0;
text-align: center;
}
#info #cnt_area01 .cnt_box .category_box.magazine {
background: #A33741;
}
#info #cnt_area01 .cnt_box .category_box.information {
background: #C7780D;
}
#info #cnt_area01 .cnt_box .category_box.event {
background: #3F795E;
}
#info #cnt_area01 .cnt_box .category_box.release {
background: #27345C;
}
#info #cnt_area01 .cnt_box .category_box.important_notice {
background: #DD0031;
}
#info #cnt_area01 .cnt_box .date_box {
color: #717171;
font-size: 16px;
line-height: 27px;
margin: 0 18px 0 0;
}
#info #cnt_area01 .cnt_box .page_title {
width: 60.6%;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
#info .page_nav,
#couponlist .page_nav {
width: fit-content;
margin: 30px auto 40px;
}
#info .wp-pagenavi a:hover,
#info .wp-pagenavi span.current,
#couponlist .wp-pagenavi a:hover,
#couponlist .wp-pagenavi span.current  {
border-color: #27335c;
background: #27335c;
color: #fff;
}
#info .wp-pagenavi a,
#info .wp-pagenavi span,
#couponlist .wp-pagenavi a,
#couponlist .wp-pagenavi span {
text-decoration: none;
border: 1px solid #27335c; /* background: #47517266; */
padding: 6px 10px;
margin: 2px;
border-radius: 5px;
color: #27335c;
font-weight: bold;
} /*関連情報*/
#info #cnt_area02 {
background: url("../img/news/bg_contents.png") repeat top left;
background-size: 179px;
}
#info #cnt_area02 h2 {
width: 54px;
height: 198px;
background: url("../img/news/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #fff;
line-height: 22px;
letter-spacing: 0.05em;
padding: 27px 17px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright; /* Safari */
text-orientation: upright;
margin: 0 28px 0 0;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
#info #cnt_area02 .cnt_block {
max-width: 1132px;
width: 100%;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
}
#info #cnt_area02 .cnt_g {
max-width: 870px;
margin: 23px auto 0 0;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
#info #cnt_area02 .cnt_g .cnt_box {
width: 32.4%;
margin: 0 0 23px;
background: #fff;
padding: 16px 14px;
}
#info #cnt_area02 .cnt_img {
margin: 0 0 20px;
}
#info #cnt_area02 .date_text {
font-size: 17px;
line-height: 29px;
}
#info #cnt_area02 .title_text {
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin: 0 0 10px;
}
#info #cnt_area02 .category_box {
width: max-content;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 20px;
background: #A33741;
padding: 5px 19px;
}
#info #cnt_area02 .category_box.category_magazine {
background: #A33741;
}
#info #cnt_area02 .category_box.category_press_release {
background: #27345C;
}
#info #cnt_area02 .category_box.category_event {
background: #3F795E;
}
/*--- 210405 デザイン変更 ---*/
#info #cnt_area01 .nav_g{
margin-bottom: 60px;
}
#info #cnt_area01 .nav_g li{
display: inline-block;
max-width: 148px;
width: 100%;
margin: 0 12px 8px 0;
}
#info #cnt_area01 .nav_g li a{
background: #fff;
display: block;
width: 100%;
text-align: center;
border: 1px solid #000;
color: #000;
border-radius: 2px;
padding: 8px 8px 9px;
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
}
#info #cnt_area01 .nav_g li.important_notice a{
border: 1px solid #CB2A38;
background: #CB2A38;
color: #fff;
}
#info #cnt_area01 .nav_g li.information a{
border: 1px solid #BD7B2E;
background: #BD7B2E;
color: #fff;
}
#info #cnt_area01 .nav_g li.event a{
border: 1px solid #4B765F;
background: #4B765F;
color: #fff;
}
#info #cnt_area01 .nav_g li.pickup a{
border: 1px solid #8FBAC0;
background: #8FBAC0;
color: #fff;
}
#info #cnt_area01 .nav_g li.magazine a{
border: 1px solid #973E43;
background: #973E43;
color: #fff;
}
#info #cnt_area01 .nav_g li.eventcalendar a{
border: 1px solid #f78691;
background: #f78691;
color: #fff;
}
#info #cnt_area01 .cnt_g{
display: flex;
justify-content: flex-start;
flex-flow: wrap;
margin-bottom: 40px;
}
#info #cnt_area01 .cnt_g .cnt_box{
display: block;
width: 24.2%;
margin: 0 1% 40px 0;
background: #fff;
border-radius: 5px;
border: 1px solid #B98F30;
}
#info #cnt_area01 .cnt_g .cnt_box:nth-of-type(4n){
margin: 0 0 40px;
}
#info #cnt_area01 .cnt_g .cnt_box .cnt_img img{
border-radius: 4px;
}
#info #cnt_area01 .cnt_g .cnt_box .cnt_text{
padding: 12px 16px 18px;
min-height: 156px;
}
#info #cnt_area01 .cnt_box .cnt_text .cat_box{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
font-family: 'Noto Sans JP', sans-serif;
}
#info #cnt_area01 .cnt_box .cnt_text .cat{
display: block;
}
#info #cnt_area01 .cnt_box .cnt_text .cat span{
display: inline-block;
margin: 0 6px 6px 0;
background: #bbb;
color: #fff;
font-size: 12px;
border-radius: 2px;
padding: 6px 10px 7px;
/*max-width: 116px;*/
/*width: 100%;*/
text-align: center;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .important_notice{
background: #CB2A38;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .information{
background: #BD7B2E;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .event{
background: #4B765F;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .pickup{
background: #8FBAC0;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .magazine{
background: #973E43;
}
#info #cnt_area01 .cnt_box .cnt_text .cat .eventcalendar{
background: #f78691;
}
#info #cnt_area01 .cnt_box .cnt_text .date{
display: block;
font-size: 12px;
color: #939393;
margin-bottom: 6px;
}
#info #cnt_area01 .cnt_box .cnt_text .title{
display: block;
font-size: 16px;
line-height: 26px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
}
/*--------------------
12-01.お知らせ詳細
--------------------*/
.detail_page .pankuzu_area ul li,
.detail_page .pankuzu_area ul li a {
color: #000000;
}
#news_detail #cnt_area01 {
max-width: 968px;
margin: 10px auto 60px;
}
#news_detail .cnt_area .page_title {
font-size: 25px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}
#news_detail .cnt_area .date_box {
color: #7C7C7C;
font-size: 20px;
line-height: 35px;
font-weight: bold;
margin: 0 0 20px;
}
#news_detail #cnt_area01 .cnt_img {
max-width: 674px;
margin: 0 0 68px;
}
#news_detail #cnt_area01 .cnt_img img {
display: block;
}
#news_detail .cnt_area .article_box {
margin: 0 0 40px;
}
#news_detail .cnt_area .news-article_text {
color: #000;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
margin: 0 0 35px;
}
#news_detail .cnt_area .font_small {
font-size: 14px;
line-height: 22px;
}
#news_detail .cnt_area .news-article_text a {
color: #0027FC;
}
#news_detail .cnt_area .article_box .text_link a {
color: #000;
}
#news_detail .cnt_area .article_box .next_btn.btn_ptn01 {
max-width: 478px;
width: 100%;
margin: 0 auto 50px;
}
#news_detail .cnt_area .article_box .next_btn.btn_ptn01 a {
background: #A33741;
color: #fff;
border: 3px solid #A33741;
display: inline-block;
width: 100%;
text-align: center;
padding: 24px 0 22px;
font-size: 19px;
font-weight: 700;
text-decoration: none;
}
#news_detail .cnt_area .news-article_text .text_underline {
text-decoration: underline;
}
#news_detail .cnt_area .news-article_text .color_red {
color: #AD0000;
}
#news_detail .cnt_area .btn_g {
max-width: 780px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
margin: 0 auto 0 0;
}
#news_detail .cnt_area .btn_g .contents_btn {
width: 49.4%;
border: 3px solid #B98F30;
border-radius: 5px;
color: #000;
}
#news_detail .cnt_area .btn_g .contents_btn.btn_previous {
background: url("../img/news/arrow_left.png") no-repeat 5% center;
background-size: 17px;
}
#news_detail .cnt_area .btn_g .contents_btn.btn_next {
background: url("../img/news/arrow_right.png") no-repeat 95% center;
background-size: 17px;
}
#news_detail .cnt_area .btn_g .contents_btn a {
display: inline-block;
width: 100%;
color: #000;
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: underline;
}
#news_detail .cnt_area .btn_g .contents_btn.btn_previous a {
padding: 26.5px 40px 26.5px 75px;
}
#news_detail .cnt_area .btn_g .contents_btn.btn_next a {
padding: 26.5px 75px 26.5px 40px;
}
#news_detail .cnt_area .btn_g .article_nav {
display: block;
} /*CSS追記*/
#news_detail .cnt_area .article_box p {
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
margin: 0 0 35px;
}
#news_detail .cnt_area .article_box p.wp-caption-text {
font-size: 0.9em;
}
#news_detail .cnt_area .article_box .box_type01 {
display: flex;
align-items: start;
justify-content: space-between;
margin: 0 auto 35px;
}
#news_detail #cnt_area01 .video_insert video{
display: block;
width: 45%;
}
#news_detail #cnt_area01 .video_insert .news-article_text{
width: 52%;
}
#news_detail .cnt_area .article_box .cnt_img02 {
margin: 0 0 36px;
}
#news_detail .cnt_area .article_box .box_type01 .cnt_img {
width: 45%;
margin: 0 0 36px;
}
#news_detail .cnt_area .article_box .box_type01 .cnt_text {
width: 52%;
}
#news_detail .cnt_area .article_box strong {
font-weight: 500;
}
#news_detail .cnt_area .article_box dl.desc dd {
margin: 14px 0 0;
}
#news_detail .cnt_area .article_box a {
text-decoration: underline;
word-break: break-all;
}
#news_detail .cnt_area .article_box .center {
text-align: center;
}
#news_detail .cnt_area .article_box .category_title {
box-sizing: border-box; 
color: #fff; 
font-size: 23px;
font-weight: bold;
line-height: 30px;
margin: 0 0 20px;
padding: 30px 20px 25px;
width: 100%; 
}
#news_detail .cnt_area .article_box .category_title.-red {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_red.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .category_title.-blue {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_blue.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .category_title.-green {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_green.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .category_title.-purple {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_purple.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .category_title.-orange {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_orange.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .category_title.-cyan {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_cyan.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .sub_title {
box-sizing: border-box; 
background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/explore/bg_title02_under.png) no-repeat; 
background-size: cover;
color: #fff; 
font-size: 20px;
height: auto;
line-height: 30px;
margin: 0 0 20px;
padding: 15px 20px;
width: 100%; 
writing-mode: unset;
}
#news_detail .cnt_area .article_box .sub_title.-red {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_red.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .sub_title.-blue {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_blue.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .sub_title.-green {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_green.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .sub_title.-purple {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_purple.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .sub_title.-orange {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_orange.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .sub_title.-cyan {
	background: url(https://solaniwa.com/wp/wp-content/themes/sora02/img/news/bg_title02_cyan.png) no-repeat; 
	background-size: cover;
}
#news_detail .cnt_area .article_box .campany_name {
text-align: right;
font-size: 14px;
line-height: 30px;
}
#news_detail .cnt_area .article_box .box_type02 {
margin: 0 auto 40px;
}
#news_detail .cnt_area .article_box .box_type01 .cnt_box {
width: 45%;
}
#news_detail .cnt_area .article_box .box_type01 .cnt_box .cnt_img {
width: 100%;
}
#news_detail .cnt_area .article_box .text_link {
font-size: 14px;
line-height: 30px;
margin: 0 0 20px;
}
#news_detail .cnt_area .article_box dl.dl01 {
display: flex;
align-items: start;
flex-wrap: wrap;
font-size: 16px;
line-height: 30px;
max-width: 740px;
width: 100%;
margin: 0 0 20px;
}
#news_detail .cnt_area .article_box dl.dl01 dt {
width: 25%;
margin: 0 10px 0 0;
}
#news_detail .cnt_area .article_box dl.dl01 dd {
width: 70%;
}
#news_detail .cnt_area .article_box .text_right {
text-align: right;
display: inline-block;
width: 100%;
}
#news_detail .cnt_area .article_box .text_center {
text-align: center;
display: block;
width: 100%;
}
#news_detail .cnt_area .article_box .color_red {
color: #AD0000;
}
#news_detail .cnt_area .article_box strong {
font-weight: 700;
}
#news_detail .cnt_area .article_box .column {
max-width: 750px;
width: 100%;
padding: 20px 30px;
border: 1px solid #a33741;
margin-bottom: 10px;
}
#news_detail .cnt_area .article_box .column .flex_box {
display: flex;
justify-content: space-between;
align-items: center;
}
#news_detail .cnt_area .article_box .column .flex_box .img {
/* max-width: 140px; */
width: 43%;
}
#news_detail .cnt_area .article_box .column .flex_box .text {
margin: 0;
width: 55%;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
}
/*新着情報にフォーム設置*/

#news_detail .cnt_area .article_box .form_ptn01{
max-width:557px;
margin:30px 0;
}
#news_detail .cnt_area .article_box .form_ptn01	.note_text {
font-size: 14px;
margin-bottom: 3px;
}
#news_detail .cnt_area .article_box .form_ptn01 table {
max-width:557px;
width:100%;
table-layout: fixed;
word-break: break-word;
}
#news_detail .cnt_area .article_box .form_ptn01 tr {
padding-bottom: 20px;
display: block;
}
#news_detail .cnt_area .article_box .form_ptn01 .submit_box {
max-width: 200px;
width: 100%;
margin: 0 auto;
}
#news_detail .cnt_area .article_box .form_ptn01 .submit_box .submit {
background-color: #162749;
width: 100%;
padding: 10px 0;
font-size: 16px;
font-weight: bold;
line-height: 27px;
color: #fff;
text-align: center;
cursor: pointer;
border-radius: 5px;
border: none;
box-shadow: none;
-webkit-appearance: none;
font-family: 'Noto Serif JP', serif;
}
#news_detail .cnt_area .article_box .form_ptn01 label.inputlabel {
display: block;
margin-right: 15px;
}
#news_detail .cnt_area .article_box .form_ptn01 input.text_box,
#news_detail .cnt_area .article_box .form_ptn01 textarea {
max-width:557px;
width: 100%;
background: #fff;
border-radius: 5px;
font-size: 16px;
line-height: 26px;
padding: 5px 10px 5px;
box-sizing: border-box;
-webkit-appearance: none;
border: 1px solid #162749;
background-image: none;
box-shadow: none;
font-family: 'Noto Serif JP', serif;
}
#news_detail .cnt_area .article_box .form_ptn01 textarea {
width: 100%;
height: 160px;
resize: none;
}
#news_detail .cnt_area .article_box .form_ptn01 select {
background: url("../img/faq/arrow_down.png") no-repeat 94% center;
background-size: 10px;
width: 100%;
background-color: #fff;
border-radius: 5px;
font-size: 16px;
line-height: 26px;
padding: 5px 10px 5px;
box-sizing: border-box;
-webkit-appearance: none;
border: 1px solid #162749;
box-shadow: none;
font-family: 'Noto Serif JP', serif;
}

/* END 新着情報にフォーム設置*/

#news_detail .cnt_area .youtube{
position: relative;
width: 600px;
padding-top: 360px;
}
#news_detail .cnt_area .youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
#news_detail #cnt_area02 {
background: url("../img/news/bg_contents.png") repeat top left;
background-size: 179px;
}
#news_detail h2 {
width: 54px;
height: 198px;
background: url("../img/news/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #fff;
line-height: 22px;
letter-spacing: 0.05em;
padding: 27px 17px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright; /* Safari */
text-orientation: upright;
margin: 0 28px 0 0;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
#news_detail #cnt_area02 .cnt_block {
max-width: 1132px;
width: 100%;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
}
#news_detail #cnt_area02 .cnt_g {
max-width: 870px;
margin: 23px auto 0 0;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-o-justify-content: flex-start;
-ms-justify-content: flex-start;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
#news_detail #cnt_area02 .cnt_g .cnt_box {
width: 32.4%;
margin: 0 0.93% 23px 0;
background: #fff;
padding: 16px 14px;
}
#news_detail #cnt_area02 .cnt_img {
margin: 0 0 20px;
}
#news_detail #cnt_area02 .date_text {
font-size: 17px;
line-height: 29px;
}
#news_detail #cnt_area02 .title_text {
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin: 0 0 10px;
}
#news_detail #cnt_area02 .category_box {
width: max-content;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 20px;
background: #C7780D;
padding: 5px 19px;
}
#news_detail #cnt_area02 .magazine {
background: #A33741;
}
#news_detail #cnt_area02 .release {
background: #27345C;
}
#news_detail #cnt_area02 .event {
background: #3F795E;
} /*---------　カレンダー　---------*/
#news_detail .calendar_box {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#news_detail .calendar_box .calendar_title {
width: 54px;
height: auto;
background: url('../img/news/bg_title.png') no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #fff;
line-height: 22px;
letter-spacing: 0.05em;
padding: 27px 17px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright;
margin: 0 28px 0 0;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
#news_detail .calendar {
padding-bottom: 60px;
}
#news_detail .fc-toolbar h2 {
font-size: 20px;
font-weight: bold;
color: #28325c;
padding: 12px 0 8px;
width: auto;
height: auto;
background: none;
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
text-shadow: none;
margin: 0;
}
#news_detail .fc-toolbar button.fc-button {
border: 1px solid #28325c;
color: #28325c;
border-radius: 5px;
background: #fff;
transition: 0.2s;
font-family: 'Noto Serif JP', serif;
text-shadow: none;
box-shadow: none;
}
#news_detail .fc-toolbar button.fc-button:hover {
border: none;
color: #fff;
border-radius: 5px;
background: #28325c;
text-shadow: none;
box-shadow: none;
}
#news_detail .fc-toolbar button.fc-button.fc-state-disabled {
opacity: 1;
font-family: 'Noto Serif JP', serif;
}
#news_detail th.fc-day-header.fc-widget-header {
padding: 10px !important;
color: #28325c;
}
#news_detail th.fc-day-header.fc-widget-header.fc-sat {
background: #28325c;
color: #fff;
}
#news_detail th.fc-day-header.fc-widget-header.fc-sun {
background: #a43643;
color: #fff;
}
#news_detail .fc-ltr .fc-basic-view .fc-day-number {
text-align: center;
padding: 8px 0 !important;
font-weight: 600;
}
#news_detail .fc-ltr .fc-basic-view .fc-day-number.fc-sat {
color: #28325c;
}
#news_detail .fc-ltr .fc-basic-view .fc-day-number.fc-sun {
color: #a43643;
}
#news_detail .calendar_detail {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-flow: wrap;
}
#news_detail .calendar_detail .detail_box {
box-sizing: border-box;
width: 48%;
padding: 10px 0 30px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
#news_detail #cnt_area01 .calendar_detail .detail_box .cnt_img {
max-width: 180px;
width: 29.7%;
margin: 0 15px 0 0;
}
#news_detail #cnt_area01 .calendar_detail .detail_box .cnt_text {
width: 60%;
}
#news_detail .calendar_detail .detail_box .text_title {
color: #a33741;
font-weight: 700;
line-height: 1.4em;
padding-top: 10px;
}
#news_detail .calendar_detail .detail_box .cnt_text p {
letter-spacing: inherit;
margin: 0 0 15px;
}
#news_detail .fc-day-grid-event .fc-time {
font-weight: normal;
display: block;
font-size: 12px;
}
#news_detail span.fc-title {
font-size: 12px;
font-weight: 700;
}
#news_detail .eo-fullcalendar a {
pointer-events: none !important;
text-decoration: none !important;
} /*---------　カレンダーEND　---------*/ 

/* カスタムフィールド「画像 ＋ テキスト(横並び)」追加 */
#news_detail .cnt_area .v03_box {
display: flex;
justify-content: space-evenly;
margin-bottom: 35px;
}
#news_detail .cnt_area .v03_box_content {
width: 32%;
}
#news_detail .cnt_area .v03_box_img {
margin-bottom: 20px;
}
#news_detail .cnt_area .v03_box_title {
font-weight: bold;
margin-bottom: 14px;
}
#news_detail .cnt_area .v03_box_text {
font-size: 16px;
line-height: 25px;
letter-spacing: 0.05em;
}
/* ページ内リンク */
/* 選択カラー */
#news_detail #pagenav_area  {
	--color-red: #FF6B6B;
	--color-blue: #8A94DA;
	--color-yellow: #DCA150;
	--color-green: #74B27B;
	--color-purple: #C67AC6;
	--color-orange: #E3842F;
	--color-cryan: #48B4C9;
	
	--color-pink: #ff7fbb;
	--color-aquamarineblue: #77cbde;
	--color-turquoise: #11a7a7;
	--color-olivine: #a1c98b;
}
#news_detail #pagenav_area {
overflow: hidden;
position: relative;
padding: 0 0 2em;
}
#news_detail #pagenav_area .contents_in {
position: relative;
z-index: 1;
}
#news_detail #pagenav_area ul {
align-items: start;
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: space-evenly;
}
#news_detail #pagenav_area .pagenav01 {
margin: 0 auto 17px;
}
#news_detail #pagenav_area .pagenav01 li {
flex-shrink: 1;
flex-grow: 1;
min-width: 31.49%;
min-width: calc(33% - 5px);
position: relative;
padding: 0;
}
#news_detail #pagenav_area .pagenav01 li a {
display: block;
/* max-width: 340px; */
text-decoration: none;
text-align: center;
position: relative;
width: 100%;
z-index: 1;
}
#news_detail #pagenav_area .pagenav01 li span {
border-width: 3px;
border-style: solid;
border-radius: 14px;
color: inherit;
display: block;
font-size: 22px;
padding: 0.8em 1em 0.8em 0.5em;
position: relative;
text-align: center;
z-index: 1;
}
#news_detail #pagenav_area .pagenav01 li span::after {
bottom: 0;
border-right: 2px solid #808080;
border-top: 2px solid #808080;
content: "";
display: block;
height: 10px;
margin: auto;
left: auto;
position: absolute;
right: 15px;
transform: rotate(135deg);
top: 0;
width: 10px;
}
#news_detail #pagenav_area .pagenav02 li {
max-width: 340px;
width: 31.49%;
position: relative;
padding: 0;
}
#news_detail #pagenav_area .pagenav02 li a {
display: block;
max-width: 340px;
position: relative;
text-align: center;
text-decoration: none;
width: 100%;
z-index: 1;
}
#news_detail #pagenav_area .pagenav02 li a::before,
#news_detail #pagenav_area .pagenav02 li a::after {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
}
#news_detail #pagenav_area .pagenav02 li span {
border-radius: 5px;
border-width: 3px;
border-style: solid;
border-radius: 12px;
color: inherit;
display: block;
font-size: 16px;
padding: 0.9em 1em 0.9em 0.5em;
position: relative;
text-align: center;
z-index: 1;
}
#news_detail #pagenav_area .pagenav02 li span::after {
bottom: 0;
border-right: 2px solid #808080;
border-top: 2px solid #808080;
content: "";
display: block;
height: 8px;
margin: auto;
left: auto;
position: absolute;
right: 1em;
transform: rotate(135deg);
top: 0;
width: 8px;
}
#news_detail .cnt_area .article_box a.custom_btn {
background-color: #fff;
border-width: 2px;
border-style: solid;
border-color: #0b6d0599;
border-radius: 10px;
color: inherit;
display: block;
font-size: 16px;
line-height: 1.4;
margin: 1.5em auto 3em;
max-width: 320px;
padding: 0.7em 1em;
text-align: center;
text-decoration: none;
}

@media (hover:hover){
  #news_detail .cnt_area .article_box a.custom_btn {
    transition: opacity 0.3s;
  }
  #news_detail .cnt_area .article_box a.custom_btn:hover {
    opacity: 0.8;
  }
}
/*--------------------
13.サイト・プライバシー・利用規約
--------------------*/
.policy .first_text {
padding: 0 0 39px;
max-width: 968px;
margin: 0 auto;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.05em;
}
.policy .mainvisual {
background-color: #27335C;
}
.policy #cnt_area01 {
max-width: 968px;
margin: 47px auto 76px;
}
.policy .cnt_area h2 {
max-width: 266px;
width: 100%;
margin: 0 auto 27px;
font-size: 20px;
line-height: 20px;
padding: 7px 0;
}
.policy #cnt_area01 .cnt_g {
max-width: 968px;
margin: 20px auto 0;
}
.policy #cnt_area01 .cnt_box {
border-bottom: 1px solid #707070;
margin: 0 auto;
padding: 30px 16px;
}
.policy #cnt_area01 .cnt_box:nth-child(1) {
border-top: 1px solid #707070;
}
.policy #cnt_area01 .cnt_box .icon {
padding: 0 12px 0 0;
font-weight: 500;
font-size: 22px;
}
.policy #cnt_area01 .cnt_box .text {
font-size: 20px;
font-weight: 500;
line-height: 30px;
padding: 2px 0 0;
}
.policy #cnt_area01 .cnt_box .bold {
font-weight: 500;
padding-top: 12px;
display: inline-block;
}
.policy #cnt_area01 .cnt_box .answer_box {
line-height: 30px;
margin: 20px 0 0;
}
.policy #cnt_area01 .cnt_box .answer_box .box_in {
display: flex;
align-items: start;
}
.policy #cnt_area01 .cnt_box .answer_box .box_in {
display: flex;
align-items: start;
}
#site_policy.policy .first_text,
#term.policy .first_text {
max-width: 866px;
}
#site_policy.policy #cnt_area01,
#term.policy #cnt_area01 {
margin: 47px auto 76px;
}
#site_policy.policy h2,
#term.policy h2 {
width: 54px;
height: 230px;
background: url("../img/site_policy/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #E1C36A;
line-height: 22px;
padding: 27px 17px;
margin: 0 16px 0 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright; /* Safari */
text-orientation: upright;
}
#term.policy h2 {
height: 330px;
}
#site_policy.policy .cnt_block,
#term.policy .cnt_block {
max-width: 1038px;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}
#site_policy.policy .cnt_block .cnt_g,
#term.policy .cnt_block .cnt_g {
max-width: 968px;
}
#term.policy #cnt_area01 .cnt_box .attention_box {
padding-left: 20px;
display: inline-block;
} /*--------------------
14.会社概要
--------------------*/
#company .mainvisual {
background-color: #27335C;
}
#company #cnt_area01 {
margin: 60px auto 100px;
}
#company h2 {
width: 54px;
height: 210px;
background: url("../img/site_policy/bg_title.png") no-repeat center center;
background-size: cover;
font-size: 20px;
font-weight: bold;
color: #E1C36A;
line-height: 22px;
padding: 27px 17px;
margin: 0 16px 0 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright; /* Safari */
text-orientation: upright;
}
#company .cnt_block {
max-width: 1038px;
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}
#company .cnt_block .cnt_g {
max-width: 968px;
}
#company #cnt_area01 .cnt_box table {
max-width: 600px;
width: 90%;
margin: 20px auto 0;
font-size: 16px;
line-height: 30px;
}
#company #cnt_area01 .cnt_box table tr {
margin: 3px;
display: flex;
}
#company #cnt_area01 .cnt_box table th {
padding: 10px;
background: #162749;
color: #fff;
text-align: center;
width: 30%;
}
#company #cnt_area01 .cnt_box table td {
padding: 10px 0 10px 30px;
width: 70%;
} /*--------------------
15.個別ページ
--------------------*/
.under_page.fourth .pankuzu_area {
background: #CBBA1D;
}
.under_page.fourth h1 {
background: url("../img/explore/ganbanyoku/bg_title01_under.png")no-repeat center center;
background-size: cover;
color: #fff;
font-size: 25px;
font-weight: bold;
line-height: 37px;
text-align: center;
letter-spacing: 0.1em;
padding: 25px 0;
text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
position: relative;
}
.under_page.fourth .cnt_area .cnt_block {
max-width: 1164px; /*width: 100%;*/
margin: 0 auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}
.under_page.fourth .cnt_area .cnt_block {
max-width: 1164px; /*width: 100%;*/
margin: 0 auto;
}
.under_page.fourth .cnt_area .cnt_block .cnt_g {
max-width: 1066px;
margin: 40px auto;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
}
.under_page.fourth .cnt_area .cnt_block .cnt_g .cnt_img {
width: 54.03%;
display: block;
}
.under_page.fourth .cnt_area .cnt_block .cnt_g .cnt_box {
width: 37.8%;
margin: 0 auto 0 25px;
}
.under_page.fourth .cnt_area .cnt_block .cnt_g .cnt_box .cnt_title {
color: #C4535D;
font-size: 20px;
font-weight: bold;
line-height: 40px;
margin: 0 auto 25px;
}
.under_page.fourth .cnt_area .cnt_block .cnt_g .cnt_box .contents_desc {
font-size: 14px;
line-height: 30px;
} /*--------------------
15-01.SKDドリンク
--------------------*/
#skd #cnt_area01 .cnt_block .cnt_g {
align-items: center;
}
#skd #cnt_area02 .cnt_block .cnt_g {
max-width: 966px;
display: flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
#skd .cnt_area .flow_area .cnt_box {
max-width: 432px;
width: 44%;
margin: 0 2% 23px;
}
#skd .cnt_area .flow_area .cnt_box.box02 {
margin: 0 auto 23px;
}
#skd .cnt_area .flow_area .cnt_box h3 {
background: url("../img/price/enter/bg_title.png") no-repeat top left;
background-size: cover;
color: #fff;
font-size: 22px;
font-weight: bold;
letter-spacing: 0.05em;
padding: 20px 0 19px 83px;
border-radius: 30px 5px 0 30px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
position: relative;
}
#skd .cnt_area .flow_area .cnt_box.supplement_box h3 {
background: none;
padding: 0 0 10px;
border-radius: unset;
text-shadow: none;
position: relative;
text-align: center;
}
#skd .cnt_area .flow_area .cnt_box.supplement_box h3::before {
content: '';
display: inline-block;
width: 34.12px;
height: 53.16px;
background-image: url("../img/price/enter/icon06_flow.png");
background-size: contain;
vertical-align: middle;
position: absolute;
top: -60px;
right: 0;
left: 0;
margin: 0 auto;
}
#skd .cnt_area .flow_area .cnt_box.supplement_box h3.title02::before {
width: 54.9px;
height: 38.04px;
background-image: url("../img/price/enter/icon07_flow.png");
background-size: contain;
top: -45px;
right: 0;
left: 0;
}
#skd .cnt_area .flow_area .cnt_box.supplement_box h3.title03::before {
width: 117px;
height: 62px;
background-image: url("../img/price/enter/icon11_flow.png");
background-size: contain;
top: -80px;
right: 0;
left: 0;
}
#skd .cnt_area .flow_area .cnt_box h3 span {
width: 60px;
height: 60px;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
top: 0;
color: #fff;
font-size: 32px;
font-weight: bold;
letter-spacing: 0.1em;
background: #C4535D;
text-align: center;
padding: 13px 0;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
#skd .cnt_area .flow_area .cnt_box .cnt_img {
max-width: 231px;
margin: 0 auto;
}
#skd .cnt_area .flow_area .cnt_box .cnt_text {
font-size: 14px;
line-height: 30px;
letter-spacing: 0.05em;
margin: 20px 0 0 55px;
} /*--------------------
16.キッズ
--------------------*/
#kids .mainvisual {
background-color: #8DC1F5;
}
#kids .first_text {
padding: 49px 0 39px;
max-width: 906px;
margin: 0 auto;
line-height: 30px;
letter-spacing: 0.05em;
}
#kids .cnt_area .h2_g {
position: relative;
margin: 0 0 0 16px;
}
#kids .cnt_area .h2_g h2 {
width: 54px;
height: 272px;
background: url("../img/kids/bg_h2_title.png") repeat center center;
background-size: cover;
margin: 0 auto;
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 22px;
letter-spacing: 0.08em;
padding: 26px 17px 29px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#kids .cnt_area .contents_in {
max-width: 1184px;
}
#kids .cnt_area {
padding: 40px 0 0;
}
#kids .cnt_area .cnt_block {
display: flex;
align-items: start;
justify-content: center;
margin: 0 auto;
}
#kids .cnt_area .h2_g {
margin: 0 26px;
}
#kids .cnt_area .cnt_g {
max-width: 1064px;
width: 100%;
}
#kids .cnt_area .cnt_box {
max-width: 964px;
width: 100%;
display: flex;
align-items: start;
justify-content: center;
margin: 0 auto;
position: relative;
padding: 10px 0 40px;
}
#kids .cnt_area .cnt_box .icon_img {
position: absolute;
width: 100px;
height: 200px;
}
#kids .cnt_area .cnt_box .icon_img.icon01 {
top: 35%;
left: -80px;
width: 134px;
height: 115px;
}
#kids .cnt_area .cnt_box .icon_img.icon02 {
bottom: -90px;
right: 8%;
width: 111px;
height: 184px;
z-index: 1;
}
#kids .cnt_area .cnt_box .icon_img.icon03 {
bottom: -80px;
right: -20px;
width: 157px;
height: 160px;
}
#kids .cnt_area .cnt_box .icon_img.icon04 {
bottom: -25px;
left: -30px;
width: 133px;
height: 204px;
}
#kids .cnt_area .cnt_box .icon_img.icon05 {
bottom: -15px;
right: -50px;
width: 169px;
height: 120px;
}
#kids .cnt_area .cnt_img {
max-width: 408px; /*margin: 0 auto;*/
position: relative;
}
#kids .cnt_area .cnt_text {
max-width: 291px;
margin: 0 30px 45px;
}
#kids .cnt_area .cnt_text h3 {
font-weight: bold;
font-size: 25px;
line-height: 30px;
letter-spacing: 0.05em;
color: #4293E5;
padding: 15px 0;
}
#kids .cnt_area .cnt_text .text {
font-size: 16px;
line-height: 30px;
letter-spacing: 0.05em;
padding-bottom: 15px;
font-weight: 500;
}
#kids .cnt_area .cnt_text .link_btn {
max-width: 274px;
background: #8DC1F5;
border-radius: 30px;
margin: 10px 0;
display: block;
width: 224px;
padding: 12px 15px 14px;
text-align: left;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.1em;
}
#kids .cnt_area .cnt_text .link_btn.btn02 {
background: #7DD2DB;
}
#kids .cnt_area .cnt_text .link_btn.btn03 {
background: #F2ACD2;
}
#kids #cnt_area01 {
position: relative;
}
#kids #cnt_area01::before {
content: '';
display: block;
background: url("../img/kids/bg01_kids.png") repeat center;
background-size: 86px auto;
border-image: url("../img/kids/bg_line.png");
width: 100%;
height: 243px;
position: absolute;
bottom: 0;
left: 0;
}
#kids #cnt_area01::after {
content: '';
display: block;
background: url("../img/kids/bg_line.png") no-repeat;
background-size: cover;
width: 100%;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
}
#kids #cnt_area03 {
position: relative;
padding: 0;
}
#kids #cnt_area03::before {
content: '';
display: block;
background: url("../img/kids/bg01_kids.png") repeat center;
background-size: 86px auto;
width: 100%;
height: 243px;
position: absolute;
bottom: 0;
left: 0;
}
#kids #cnt_area03::after {
content: '';
display: block;
background: url("../img/kids/bg_line.png") no-repeat;
background-size: cover;
width: 100%;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
}
#kids #cnt_area03 .cnt_g,
#kids #cnt_area04 .cnt_g {
margin: 0 0 0 106px;
}
#kids #cnt_area04 .cnt_g .cnt_text {
margin: 0 50px 45px
}
#kids #cnt_area05 {
position: relative;
padding: 0;
}
#kids #cnt_area05::before {
content: '';
display: block;
background: url("../img/kids/bg01_kids.png") repeat center;
background-size: 86px auto;
width: 100%;
height: 243px;
position: absolute;
bottom: 0;
left: 0;
}
#kids #cnt_area05::after {
content: '';
display: block;
background: url("../img/kids/bg_line.png") no-repeat;
background-size: cover;
width: 100%;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
}
#kids #cnt_area06 .wear_g .cnt_box:first-of-type {
padding: 10px 0;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box {
max-width: 309px;
width: 50%;
margin: 0 25px;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_img {
max-width: 272px;
padding-bottom: 34px;
position: relative;
margin: 0 auto;
}
#kids .cnt_area .cnt_box .icon_img.icon06 {
bottom: 0;
left: -20%;
width: 112px;
height: 224px;
}
#kids .cnt_area .cnt_box .icon_img.icon07 {
bottom: 0;
right: -20%;
width: 98px;
height: 180px;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_img::before {
content: '';
width: 100%;
height: 94%;
background: url("../img/kids/bg02_kids.png") repeat center;
background-size: 70px auto;
border-radius: 131px;
position: absolute;
top: 30px;
left: -20px;
z-index: -1;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box.girls .cnt_img::before {
background: url("../img/kids/bg03_kids.png") repeat center;
background-size: 70px auto;
left: unset;
right: -20px;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_text {
margin: 0 auto;
width: 100%;
max-width: none;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_text .title {
display: block;
box-sizing: border-box;
font-size: 25px;
font-weight: bold;
color: #7DD2DB;
padding: 10px 24px;
max-width: 309px;
width: 100%;
margin: 30px auto 10px;
border: 2px solid;
border-radius: 20px;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_text .title span {
font-size: 18px;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box.boys .cnt_text .title {
color: #8DC1F5;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box.girls .cnt_text .title {
color: #F2ACD2;
}
#kids #cnt_area06 .wear_g .cnt_box .inner_box .cnt_text .text {
padding: 0 24px;
}
#kids #cnt_area07 {
position: relative;
padding-bottom: 46px;
}
#kids #cnt_area07::before {
content: '';
background: rgba(232, 217, 152, 0.3);
width: 100%;
height: 75%;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
#kids #cnt_area07 .attention_g {
max-width: 861px;
width: 90%;
margin: 0 auto;
display: block;
}
#kids #cnt_area07 .attention_g h3 {
text-align: center;
margin: 0 auto;
color: #fff;
background: #8DC1F5;
font-size: 25px;
font-weight: bold;
border-radius: 30px;
padding: 15px 60px;
width: fit-content;
position: relative;
z-index: 1;
}
#kids #cnt_area07 .attention_g .attention_box {
display: block;
box-sizing: border-box;
width: 100%;
max-width: 861px;
padding: 60px;
margin: -28px auto 0;
border: 2px solid #8DC1F5;
background: url("../img/kids/bg04_kids.png") repeat center;
background-size: 115px auto;
border-radius: 10px;
}
#kids #cnt_area07 .attention_g .attention_box .main {
font-weight: bold;
font-size: 20px;
line-height: 40px;
padding: 5px 0 5px 25px;
position: relative;
}
#kids #cnt_area07 .attention_g .attention_box .main::before {
content: '';
background: #8DC1F5;
width: 14px;
height: 14px;
border-radius: 50%;
position: absolute;
top: 20px;
left: 0;
}
#kids #cnt_area07 .attention_g .attention_box .sub {
padding: 0 40px 15px;
}
#kids #cnt_area07 .attention_g .attention_box .sub li {
font-weight: 500;
font-size: 16px;
line-height: 40px;
padding-left: 10px;
position: relative;
}
#kids #cnt_area07 .attention_g .attention_box .sub li::before {
content: '・';
position: absolute;
left: -8px;
}
#kids #cnt_area08 {
background: url('../img/lady/bg01_mama.png') repeat center center;
background-color: #D63C41;
background-size: 86px auto;
padding: 40px 0;
}
#kids #cnt_area08 .contents_in {
position: relative;
}
#kids #cnt_area08 .cnt_box {
display: flex;
align-items: start;
flex-direction: row-reverse;
padding: 0;
max-width: 960px;
margin: 0 auto; /* flex-wrap: wrap; */
}
#kids #cnt_area08 .cnt_text {
max-width: none;
max-width: 393px;
width: 100%;
margin: 17px 0 0;
position: relative;
z-index: 1;
}
#kids #cnt_area08 .title {
margin: 0 0 20px;
}
#kids #cnt_area08 .title span {
font-weight: 500;
display: inline-block;
margin: 0 0 10px;
background: #fff;
padding: 23px 28px 24px 29px;
color: #9B3D90;
font-size: 24px;
border-radius: 5px;
text-align: center;
}
#kids #cnt_area08 .cnt_img {
max-width: 641px;
width: 60.48%;
margin: 0 0 0 -4.17%;
}
#kids #cnt_area08 .next_btn {
max-width: 280px;
width: 100%;
margin: 0 auto;
}
#kids #cnt_area08 .next_btn a {
display: block;
width: 100%;
background: #9B3D90;
text-align: center;
color: #fff;
padding: 25px 0;
font-weight: 700;
font-size: 18px;
border-radius: 5px;
}
#kids #cnt_area08 .icon {
position: absolute;
}
#kids #cnt_area08 .icon01 {
max-width: 100px;
top: -50px;
left: 60px;
}
#kids #cnt_area08 .icon02 {
max-width: 120px;
bottom: -30px;
right: 60px;
} /*--------------------
17.検索結果
--------------------*/
#search .mainvisual {
background-color: #27335C;
}
#search .cnt_area {
padding: 50px 0;
}
#search .cnt_area .cnt_box {
max-width: 900px;
width: 96%;
margin: 0 auto 20px;
font-size: 18px;
line-height: 30px;
font-weight: 500;
}
#search .cnt_area .cnt_box h3 {
text-indent: -1em;
margin: 0 0 0 1em;
}
#search .wp-pagenavi {
text-align: center;
margin: 80px auto 0;
}
#search .wp-pagenavi a,
#search .wp-pagenavi span {
border-color: #27335C;
color: #27335C;
max-width: 26px;
width: 100%;
text-align: center;
padding: 5px 0;
display: inline-block;
margin: 0 5px;
}
#search .wp-pagenavi a:hover,
#search .wp-pagenavi span.current {
background: #27335C;
color: #fff;
} /*----------
18.女子会
----------*/
#lady .mainvisual {
background-color: #D36973;
}
#lady .first_text {
max-width: 968px;
padding: 49px 0 42px;
line-height: 30px;
letter-spacing: 0.05em;
}
#lady #pager_area {
margin: 0 0 97px;
}
#lady #pager_area ul {
max-width: 968px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
}
#lady #pager_area li {
max-width: 301px;
width: 31.1%;
border-radius: 5px;
}
#lady #pager_area li a {
display: inline-block;
width: 100%;
padding: 26px 0 23px;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 25px;
letter-spacing: 0.05em;
}
#lady #pager_area li:nth-child(1) {
background-color: #D36973;
}
#lady #pager_area li:nth-child(2) {
background-color: #9B3D90;
}
#lady #pager_area li:nth-child(3) {
background-color: #EBCB42;
}
#lady .cnt_area {
margin: 0 0 98px;
}
#lady .cnt_area .first_g {}
#lady .cnt_area .first_g .contents_in {
display: flex;
align-items: start;
}
#lady .cnt_area .first_g .h2_g {
position: relative;
}
#lady .cnt_area .first_g .h2_g h2 {
width: 54px;
height: 187px;
background: url("../img/lady/bg_h3_title.png") repeat center top;
background-size: cover;
background-color: #D36973;
margin: 0 0 0 16px;
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 22px;
padding: 27px 17px 30px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#lady .cnt_area .first_g .first_box {
max-width: 925px;
width: 100%;
margin: 0 0 0 71px;
}
#lady .cnt_area .first_g .first_box .catchcopy {
color: #D36973;
font-weight: 700;
font-size: 25px;
line-height: 40px;
letter-spacing: 0.05em;
padding: 0 0 23px;
}
#lady .cnt_area .first_g .first_box p {
font-size: 16px;
line-height: 30px;
font-weight: 500;
letter-spacing: 0.05em;
}
#lady .cnt_area .cnt_g .contents_in {
position: relative;
z-index: 1;
}
#lady .cnt_area .cnt_g .cnt_img img {
border-radius: 5px;
}
#lady .cnt_area .cnt_g .cnt_text {
position: absolute;
z-index: 1;
}
#lady .cnt_area .cnt_g .cnt_text p {
color: #fff;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.05em;
}
#lady .cnt_area .cnt_g .cnt_text p span {
display: inline-block;
background: #666;
border-radius: 5px;
padding: 23px 18px 24px 39px;
}
#lady .cnt_area .cnt_g .cnt_text p span:nth-child(1) {
margin: 0 0 6px;
}
#lady .cnt_area .cnt_g .cnt_text p span.attention_text {
font-size: 12px;
}
#lady .cnt_area .cnt_g .icon {
max-width: 100px;
position: absolute;
}
#lady .cnt_area .cnt_g01 {
margin: 0 0 32px;
}
#lady .cnt_area .cnt_g01 .cnt_box {
position: relative;
}
#lady .cnt_area .cnt_g01 .icon01 {
max-width: 128px;
width: 11%;
bottom: -16px;
left: 164px;
z-index: 2;
}
#lady .cnt_area .cnt_g01 .icon02 {
max-width: 130px;
width: 8.85%;
bottom: -46px;
right: 17%;
}
#lady .cnt_area .cnt_g01 .cnt_img {
max-width: 803px;
margin: 0 98px 0 auto;
}
#lady .cnt_area .cnt_g01 .cnt_text {
max-width: 492px;
top: 64px;
left: 141px;
}
#lady .cnt_area .cnt_g02 {
margin: 0 0 53px;
}
#lady .cnt_area .cnt_g02 .cnt_box {
max-width: 994px;
width: 100%;
margin: 0 auto;
position: relative;
}
#lady .cnt_area .cnt_g02 .cnt_box01 .cnt_img {
max-width: 575px;
width: 100%;
position: relative;
z-index: 1;
}
#lady .cnt_area .cnt_g02 .cnt_box01 .cnt_text {
top: 35px;
right: 46px;
max-width: 434px;
width: 100%;
}
#lady .cnt_area .cnt_g02 .cnt_box02 {
margin: -68px auto 0;
}
#lady .cnt_area .cnt_g02 .cnt_box02 .cnt_img {
max-width: 382px;
width: 100%;
margin: 0 13px 0 auto;
}
#lady .cnt_area .cnt_g02 .cnt_box02 .cnt_text {
bottom: 0;
left: 216px;
max-width: 472px;
width: 100%;
}
#lady .cnt_area .cnt_g02 .icon01 {
max-width: 130px;
width: 13.08%;
bottom: -81px;
left: 0;
}
#lady .cnt_area .cnt_g02 .icon02 {
max-width: 107px;
width: 10.77%;
bottom: -74px;
right: -41px;
}
#lady .cnt_area .cnt_g03 {
margin: 0 0 111px;
}
#lady .cnt_area .cnt_g03 .cnt_img {
max-width: 605px;
margin: 0 0 0 85px;
}
#lady .cnt_area .cnt_g03 .cnt_text {
max-width: 515px;
bottom: 0;
right: 31px;
}
#lady .cnt_area .cnt_g03 .icon01 {
max-width: 130px;
width: 8.85%;
bottom: -59px;
left: 52%;
}
#lady .cnt_area .cnt_g04 {}
#lady .cnt_area .cnt_g04 .cnt_img {
max-width: 531px;
margin: 0 98px 0 auto;
position: relative;
z-index: 1;
}
#lady .cnt_area .cnt_g04 .cnt_text {
max-width: 569px;
bottom: 0;
left: 85px;
}
#lady .cnt_area .cnt_g04 .icon01 {
max-width: 158px;
width: 13.58%;
top: -65px;
left: 181px;
}
#lady .cnt_area .cnt_g04 .icon02 {
max-width: 105px;
width: 9.03%;
bottom: -56px;
right: 50px;
}
#lady .cnt_area .bg_g {
position: relative;
}
#lady .cnt_area .bg_g::after {
content: "";
display: block;
width: 100%;
height: 261px;
background: url('../img/lady/bg01_joshi.png') repeat center center;
background-size: 86px auto;
background-color: #ED926F;
position: absolute;
bottom: 0;
left: 0;
}
#lady .cnt_area .option_g {
margin: 44px auto 36px;
position: relative;
z-index: 1;
}
#lady .cnt_area .option_g .contents_in {
position: relative;
}
#lady .cnt_area .option_g .icon {
max-width: 130px;
position: absolute;
}
#lady .cnt_area .option_g .h3_g {
border-radius: 5px;
background: url('../img/lady/bg02_lady.png') repeat center center;
background-size: 78px auto;
background-color: #666;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.05em;
color: #fff;
padding: 22px 0 23px;
text-align: center;
margin: 0 0 40px;
position: relative;
z-index: 1;
}
#lady .cnt_area .option_g .icon01 {
width: 11.17%;
top: 14px;
left: 10px;
}
#lady .cnt_area .option_g .small_option_g {
display: flex;
align-items: start;
justify-content: center;
margin: 0 auto 40px;
}
#lady .cnt_area .option_g .small_option_g .small_option_box {
max-width: 279px;
width: 100%;
border-radius: 6px;
border: 2px solid #666;
background: #fff;
color: #666;
text-align: center;
padding: 22px 0 23px;
font-weight: 700;
font-size: 20px;
margin: 0 10px;
}
#lady .cnt_area .option_g .big_option_g {
display: flex; /* align-items: stretch; */
align-items: start;
justify-content: space-between;
}
#lady .cnt_area .option_g .big_option_box {
max-width: 371px;
width: 100%;
border-radius: 5px;
border: 2px solid #666;
color: #666;
padding: 36px 0 24px;
text-align: center;
}
#lady .cnt_area .option_g .big_option_box .title {
font-size: 20px;
font-weight: 700;
padding: 0 0 30px;
}
#lady .cnt_area .option_g .big_option_box .next_btn {
font-weight: 500;
font-size: 14px;
text-decoration: underline;
position: relative;
cursor: pointer;
}
#lady .cnt_area .option_g .big_option_box .next_btn span {
display: none;
}
#lady .cnt_area .option_g .big_option_box .next_btn span.active {
display: block;
}
#lady .cnt_area .option_g .big_option_box .next_btn::after {
display: block;
width: 16px;
height: 8px;
margin: 14px auto 0;
content: "";
background: url('../img/lady/arrow01_joshi.png') no-repeat center center;
background-size: 100% auto;
}
#lady .cnt_area .option_g .big_option_box .next_btn.on::after {
transform: rotate(180deg);
}
#lady .cnt_area .option_g .big_option_box .cnt_text {
padding: 28px 22px 12px 28px;
font-weight: 500;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.05em;
text-align: left;
color: #797979;
display: none;
}
#lady .cnt_area .price_g {
margin: 0 auto 101px;
}
#lady .cnt_area .price_g .price_box {
border-bottom: 2px solid #666;
color: #666;
font-weight: 700;
font-size: 18px;
padding: 0 101px 12px 0;
text-align: right;
margin: 0 0 23px;
}
#lady .cnt_area .price_g .price_box span.price {
font-size: 67px;
}
#lady .cnt_area .price_g .price_box span.yen {
font-size: 46px;
}
#lady .cnt_area .price_g .attention_text {
text-align: right;
color: #797979;
padding: 0 16px 0 0;
font-size: 14px;
letter-spacing: 0.05em;
font-weight: 500;
}
#lady .cnt_area .btn_g .contents_in {
display: flex;
align-items: start;
justify-content: space-between;
}
#lady .cnt_area .btn_g .next_btn {
max-width: 551px;
width: 47.34%;
border-radius: 5px;
}
#lady .cnt_area .btn_g .next_btn a {
display: inline-block;
width: 100%;
text-align: center;
padding: 30px 0 28px;
color: #fff;
font-weight: 700;
font-size: 27px;
}
#lady .cnt_area .btn_g .next_btn a span {
display: block;
font-size: 18px;
padding: 22px 0 0;
}
#lady .cnt_area .btn_g .next_btn.btn_ptn01 {
background: #D36973;
}
#lady .cnt_area .btn_g .next_btn.btn_ptn02 {
background: #7DD2DB;
}
#lady #joshi_plan .cnt_g04 .cnt_text p span:nth-child(2) {
margin: 0 0 6px;
}
#lady #joshi_plan .cnt_g .cnt_text p span {
background: #D36973;
}
#lady #joshi_plan .option_g .h3_g {
background-color: #D36973;
}
#lady #joshi_plan .option_g .small_option_g .small_option_box {
color: #D36973;
border-color: #D36973;
}
#lady #joshi_plan .option_g .big_option_box {
color: #D36973;
border-color: #D36973;
}
#lady #joshi_plan .price_g .price_box {
color: #D36973;
border-color: #D36973;
}
#lady #mama_plan .first_g .h2_g h2 {
background-color: #9B3D90;
}
#lady #mama_plan .first_g .first_box .catchcopy {
color: #9B3D90;
}
#lady #mama_plan .cnt_g .cnt_text p span {
background: #9B3D90;
}
#lady #mama_plan .bg_g::after {
background-image: url('../img/lady/bg01_mama.png');
background-color: #D63C41;
}
#lady #mama_plan .cnt_g01 .cnt_text {
max-width: 385px;
top: -21px;
left: 141px;
}
#lady #mama_plan .cnt_g02 .cnt_box01 .cnt_text {
max-width: 567px;
right: 17px;
}
#lady #mama_plan .cnt_g02 .cnt_box01 .cnt_text span:nth-child(2) {
margin: 0 0 6px;
}
#lady #mama_plan .cnt_g02 .cnt_box02 {
max-width: none;
}
#lady #mama_plan .cnt_g02 .cnt_box02 .cnt_img {
max-width: 449px;
margin: 0 31px 0 auto;
}
#lady #mama_plan .cnt_g02 .cnt_box02 .cnt_text {
max-width: 535px;
bottom: 21px;
left: 200px;
}
#lady #mama_plan .cnt_g04 .cnt_box .cnt_text span:nth-child(2) {
margin: 0 0 6px;
}
#lady #mama_plan .option_g .h3_g {
background-color: #9B3D90;
}
#lady #mama_plan .option_g .small_option_g .small_option_box {
color: #9B3D90;
border-color: #9B3D90;
}
#lady #mama_plan .option_g .big_option_box {
color: #9B3D90;
border-color: #9B3D90;
}
#lady #mama_plan .option_g .big_option_box .next_btn::after {
background-image: url('../img/lady/arrow01_mama.png');
}
#lady #mama_plan .price_g .box_in {
display: flex;
align-items: start;
justify-content: space-between;
}
#lady #mama_plan .price_g .price_box {
width: 49.9%;
}
#lady #mama_plan .price_g .price_box01 {
color: #9B3D90;
border-color: #9B3D90;
padding: 0 79px 12px 0;
position: relative;
}
#lady #mama_plan .price_g .price_box01::after {
width: 2px;
height: 62px;
content: "";
display: block;
background: #9B3D90;
position: absolute;
bottom: 18px;
right: -0.3%;
}
#lady #mama_plan .price_g .price_box02 {
color: #5379B8;
border-color: #5379B8;
padding: 0 0 12px 79px;
text-align: left;
}
#lady #sweet_plan .first_g .h2_g h2 {
background-color: #EBCB42;
height: 197px;
}
#lady #sweet_plan .bg_g::after {
background-color: #88D8E0;
}
#lady #sweet_plan .first_g .first_box .catchcopy {
color: #EBCB42;
}
#lady #sweet_plan .cnt_g01 .cnt_text {
top: unset;
bottom: -20px;
}
#lady #sweet_plan .cnt_g01 .icon01 {
bottom: auto;
top: 153px;
left: 120px;
}
#lady #sweet_plan .cnt_g01 .icon02 {
z-index: -1;
width: 11.17%;
bottom: -74px;
right: 98px;
}
#lady #sweet_plan .cnt_box .cnt_text p span {
background-color: #EBCB42;
}
#lady #sweet_plan .cnt_box .shop_name {
color: #fff;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.05em;
display: inline-block;
background: #D36973;
border-radius: 5px;
padding: 23px 18px 24px 39px;
position: absolute;
top: -20px;
right: 98px;
}
#lady #sweet_plan .cnt_g02 p.key_text {
box-sizing: border-box;
font-size: 16px;
line-height: 30px;
font-weight: 500;
letter-spacing: 0.05em;
max-width: 925px;
margin: 0 0 0 155px;
padding: 20px 0 50px;
}
#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_text {
max-width: 494px;
right: 0;
top: -20px;
}
#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_text .text01 {
padding: 10px 0 10px 90px;
color: #C7780D;
font-size: 20px;
line-height: 45px;
}
#lady #sweet_plan .cnt_g02 .cnt_box01 .cnt_img span {
padding-top: 10px;
font-size: 14px;
}
#lady #sweet_plan .option_g .h3_g {
background-color: #EBCB42;
}
#lady #sweet_plan .option_g .big_option_g {
align-items: flex-start;
justify-content: center;
}
#lady #sweet_plan .option_g .big_option_g .small_option_box {
color: #EBCB42;
max-width: 371px;
width: 100%;
border-radius: 6px;
border: 2px solid #EBCB42;
background: #fff;
text-align: center;
padding: 22px 0 23px;
font-weight: 700;
font-size: 20px;
margin: 0 10px;
}
#lady #sweet_plan .option_g .big_option_box {
color: #EBCB42;
border-color: #EBCB42;
}
#lady #sweet_plan .option_g .big_option_box .next_btn::after {
background-image: url("../img/lady/arrow01_sweet.png");
}
#lady #sweet_plan .price_g .price_box {
color: #EBCB42;
border-color: #EBCB42;
padding: 0 79px 12px 0;
position: relative;
}
#lady #private_bath_area {
background: url("../img/lady/bg02_private.png") repeat;
background-size: 86px auto;
padding-bottom: 60px;
}
#lady #private_bath_area .page_header {
background: url("../img/lady/bg01_private.png")no-repeat center center;
background-size: cover;
color: #fff;
font-size: 25px;
font-weight: bold;
line-height: 37px;
text-align: center;
letter-spacing: 0.1em;
padding: 60px 0 30px;
text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
position: relative;
}
#lady #private_bath_area .page_header::before {
content: '';
display: inline-block;
width: 65px;
height: 74.3px;
background-image: url("../img/explore/icon_private-bath.png");
background-size: contain;
vertical-align: middle;
position: absolute;
top: -20px;
right: 0;
left: 0;
margin: 0 auto;
}
#lady #private_bath_area .cnt_box {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 55px 0;
}
#lady #private_bath_area .cnt_box .cnt_text {
width: 46.4%;
margin: 0 auto;
max-width: 488px;
}
#lady #private_bath_area .cnt_box .cnt_img {
width: 50.1%;
margin: 0 auto;
max-width: 527px;
}
#lady #private_bath_area .cnt_box .cnt_text .catchcopy {
color: #DEA65A;
font-size: 20px;
font-weight: bold;
line-height: 32px;
margin: 0 auto 25px;
}
#lady #private_bath_area .cnt_box .cnt_text dl dt {
font-size: 16px;
line-height: 24px;
font-weight: bold;
background: #DEA65A;
color: #fff;
border-radius: 5px;
padding: 10px 20px;
margin-bottom: 20px;
}
#lady #private_bath_area .cnt_box .cnt_text dl dd {
font-size: 14px;
line-height: 28px;
}
#lady #private_bath_area .next_btn a {
display: inline-block;
width: 100%;
text-align: center;
padding: 30px 0 28px;
color: #fff;
font-weight: 700;
font-size: 19px;
}
#lady #private_bath_area .next_btn {
max-width: 478px;
width: 47.34%;
border-radius: 5px;
background: #8B4D17;
margin: 0 auto;
} /*----------
19.１周年記念
----------*/
#firstyear {
padding: 0
}
#firstyear .mainvisual {
background-color: #856333;
position: relative;
z-index: 1;
}
#firstyear #first_area {
/* max-width: 1280px; */
margin: 0 auto;
background: url('../img/firstyear/bg_mainvisual.png') no-repeat center bottom;
background-size: cover;
padding: 34px 0 124px;
position: relative;
}
#firstyear #first_area .logo {
max-width: 181px;
margin: 0 auto 33px;
}
#firstyear #first_area p {
text-align: center;
max-width: 823px;
width: 100%;
margin: 0 auto;
font-weight: 600;
font-size: 16px;
line-height: 40px;
color: #fff;
padding: 0 0 38px;
}
#firstyear #first_area .attention_text {
font-weight: 700;
padding: 0;
}
#firstyear #first_area .pic_icon {
position: absolute;
}
#firstyear #first_area .pic01_icon {
max-width: 303px;
width: 23.68%;
top: -7.24%;
left: -4.07%;
}
#firstyear #first_area .pic02_icon {
max-width: 217px;
width: 16.96%;
bottom: -2%;
left: 11.1%;
z-index: 1;
}
#firstyear #first_area .pic03_icon {
max-width: 162px;
width: 12.66%;
bottom: -1.85%;
right: 15.39%;
z-index: 1;
}
#firstyear #first_area .pic04_icon {
max-width: 303px;
width: 23.68%;
bottom: 12.93%;
right: -5.94%;
z-index: 1;
}
#firstyear #first_area .icon {
position: absolute;
}
#firstyear #first_area .icon01 {
max-width: 245px;
width: 19.15%;
bottom: 21.7%;
left: -0.86%;
}
#firstyear #first_area .icon02 {
max-width: 104px;
width: 8.13%;
top: 27.7%;
left: 1.33%;
}
#firstyear #first_area .icon03 {
max-width: 220px;
width: 17.19%;
bottom: -5.85%;
left: 24.54%;
z-index: 1;
}
#firstyear #first_area .icon04 {
max-width: 125px;
width: 9.77%;
top: -5.7%;
right: 15.16%;
}
#firstyear #first_area .icon05 {
max-width: 227px;
width: 17.74%;
transform: rotate(165deg);
top: -6.77%;
right: -0.32%;
}
#firstyear #first_area .icon06 {
max-width: 178px;
width: 13.91%;
bottom: 57%;
right: 1.57%;
}
#firstyear #first_area .icon07 {
max-width: 84px;
width: 6.57%;
bottom: -5.86%;
right: 12.74%;
}
#firstyear #pagenav_area {
position: relative;
padding: 93px 0 81px;
}
#firstyear #pagenav_area ul {
max-width: 871px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: center;
}
#firstyear #pagenav_area li {
margin: 0 6px 20px;
}
#firstyear #pagenav_area li a {
display: inline-block;
width: 100%;
background: #fff;
border: 2px solid #27345C;
border-radius: 10px;
color: #000;
padding: 12px 36px 10px 16px;
}
#firstyear #pagenav_area li a img {
display: inline-block;
vertical-align: middle;
max-width: 36px;
width: 100%;
margin: 0 11px 0 0;
}
#firstyear #pagenav_area li a span {
display: inline-block;
vertical-align: middle;
font-size: 18px;
font-weight: 600;
}
#firstyear #pagenav_area .pic_icon {
position: absolute;
}
#firstyear #pagenav_area .pic01_icon {
max-width: 162px;
width: 11.59%;
top: -20px;
left: -11px;
}
#firstyear #pagenav_area .pic02_icon {
max-width: 246px;
width: 17.6%;
bottom: -50px;
right: -55px;
}
#firstyear #pagenav_area .icon {
position: absolute;
max-width: 84px;
width: 6.01%;
bottom: 65px;
left: 92px;
}
#firstyear #calendar_area .contents_in {
position: relative;
padding: 0 0 70px;
}
#firstyear #calendar_area .tab_g {
max-width: 1077px;
margin: 0 auto;
display: flex;
align-items: start;
padding: 0 0 0 31px;
}
#firstyear #calendar_area .tab_g .tab_box {
max-width: 293px;
width: 100%;
border-radius: 10px 10px 0 0;
border: 2px solid #27345C;
background: #fff;
color: #000;
padding: 12px 0;
text-align: center;
margin: 0 10px 0 0;
font-size: 20px;
line-height: 29px;
font-weight: 600;
letter-spacing: -0.05em;
cursor: pointer;
}
#firstyear #calendar_area .tab_g .tab_box.active {
background: #27345C;
color: #fff;
}
#firstyear #calendar_area .calendar_g {
max-width: 1077px;
margin: 0 auto;
}
#firstyear #calendar_area .calendar_box {
display: none;
}
#firstyear #calendar_area .calendar_box.active {
display: block;
}
#firstyear #calendar_area .icon {
position: absolute;
max-width: 262px;
width: 100%;
transform: rotate(11deg);
bottom: 11px;
left: -138px;
}
#firstyear .cnt_area {
position: relative;
padding: 27px 0 11px;
}
#firstyear .cnt_area.area_type01 {
background: url('../img/firstyear/bg_1st01.png') no-repeat center top;
background-size: cover;
padding: 62px 0 29px;
}
#firstyear .cnt_area .contents_in {
max-width: 1066px;
margin: 0 auto;
}
#firstyear .cnt_area h2 {
margin: 0 0 30px;
}
#firstyear .cnt_area h2 img {
max-width: 50px;
width: 100%;
margin: 0 12px 0 0;
display: inline-block;
vertical-align: middle;
}
#firstyear .cnt_area h2 span {
font-weight: 600;
letter-spacing: -0.05em;
color: #000;
display: inline-block;
}
#firstyear .cnt_area h2 .h2_text {
font-size: 35px;
vertical-align: middle;
}
#firstyear .cnt_area h2 .h2_jp {
font-size: 20px;
margin: 8px 0 0 12px;
vertical-align: top;
}
#firstyear .cnt_area .cnt_box {
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 11px;
border-bottom: 1px solid #B3B4B9;
margin: 0 0 11px;
}
#firstyear .cnt_area .cnt_box:last-child {
padding: 0;
margin: 0;
border-bottom: none;
}
#firstyear .cnt_area .cnt_img {
position: relative;
max-width: 366px;
width: 34.34%;
}
#firstyear .cnt_area .cnt_img img {
border-radius: 10px;
}
#firstyear .cnt_area .cnt_img .next_btn {
max-width: 118px;
width: 100%;
position: absolute;
bottom: 7px;
right: 7px;
}
#firstyear .cnt_area .cnt_img .next_btn a {
display: inline-block;
width: 100%;
background: rgba(11, 11, 11, 0.31);
border: 1px solid #fff;
border-radius: 10px;
color: #fff;
padding: 8px 0 7px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.05em;
position: relative;
text-align: center;
}
#firstyear .cnt_area .cnt_img.topic01::before {
content: "";
display: block;
max-width: 66px;
width: 100%;
height: 67px;
background: url('../img/firstyear/icon01_topic.png') no-repeat center center;
background-size: contain;
position: absolute;
top: -10px;
left: -17px;
}
#firstyear .cnt_area .cnt_img.topic02::before {
content: "";
display: block;
max-width: 66px;
width: 100%;
height: 67px;
background: url('../img/firstyear/icon02_topic.png') no-repeat center center;
background-size: contain;
position: absolute;
top: -10px;
left: -17px;
}
#firstyear .cnt_area .cnt_img .next_btn a::after {
display: inline-block;
content: "";
width: 12px;
height: 12px;
background: url('../img/firstyear/icon01_target.png') no-repeat center center;
background-size: contain;
margin: 0 0 0 1px;
}
#firstyear .cnt_area .cnt_text {
max-width: 676px;
width: 63.42%;
display: flex;
align-items: start;
justify-content: space-between;
position: relative;
}
#firstyear .cnt_area .cnt_text .text_left {
max-width: 487px;
width: 72.05%;
}
#firstyear .cnt_area .cnt_text .title {
font-weight: 600;
font-size: 20px;
line-height: 29px;
letter-spacing: -0.05em;
}
#firstyear .cnt_area .cnt_text .category_text {
margin: 1px 0 2px;
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.05em;
}
#firstyear .cnt_area .cnt_text .text_left p {
max-width: 464px;
padding: 5px 0 21px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.005em;
}
#firstyear .cnt_area .cnt_text .text_left p a {
text-decoration: underline;
}
#firstyear .cnt_area .cnt_text .text_left ul {
display: flex;
align-items: start;
flex-wrap: wrap;
}
#firstyear .cnt_area .cnt_text .text_left li {
background: #aaa;
border-radius: 10px;
color: #fff;
padding: 3px 16px;
text-align: center;
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.005em;
margin: 0 12px 6px 0;
}
#firstyear .cnt_area .cnt_text .text_left li.place {
background: #836132;
}
#firstyear .cnt_area .cnt_text .text_left li.price {
background: #27345C;
}
#firstyear .cnt_area .cnt_text .text_right {
max-width: 176px;
width: 26.04%;
min-height: 136px;
background: #fff;
border-radius: 10px;
border: 1px solid #B98F30;
padding: 14px 18px 14px 21px;
}
#firstyear .cnt_area .cnt_text .text_right p {
max-width: 199px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.05em;
} /*box_type02*/
#firstyear .cnt_area .box_type02 .cnt_text .text_left {
max-width: 407px;
width: 60.21%;
}
#firstyear .cnt_area .box_type02 .cnt_text .text_left p {
max-width: 407px;
}
#firstyear .cnt_area .box_type02 .cnt_text .text_right {
max-width: 246px;
width: 36.4%;
padding: 14px 26px 14px 21px;
}
#firstyear #entertainment .icon {
position: absolute;
max-width: 166px;
width: 11.06%;
top: 1px;
right: 47px;
}
#firstyear #beauty_health .cnt_box02 .cnt_text .text_left li.place {
padding: 3px 15px 3px 13px;
}
#firstyear #beauty_health .cnt_box02 .cnt_text .text_left li.price {
padding: 3px 0 3px 13px;
margin: 0;
}
#firstyear #private_bath .cnt_text .text_left li.price {
padding: 3px 3px 3px 16px;
margin: 0;
}
#firstyear #special_offer .box_type02 .cnt_text .text_left {
max-width: 370px;
width: 54.74%;
}
#firstyear #special_offer .box_type02 .cnt_text .text_right {
padding: 14px 17px 14px 18px;
max-width: 265px;
width: 39.21%;
} /*----------
20.メンバーシップ
----------*/
#membership .mainvisual {
background-color: #27335C;
}
#membership #cnt_area01 {
position: relative;
}
#membership #cnt_area01::before {
content: '';
display: inline-block;
width: 100%;
height: 8px;
background-image: url('../img/price/bg_border.png');
background-size: cover;
vertical-align: middle;
position: absolute;
top: 0;
}
#membership #cnt_area01::after {
bottom: 0;
top: 100%;
}
#membership .cnt_area .contents_in {
position: relative;
}
#membership .cnt_area h2 {
width: 54px;
height: 254px;
background: url("../img/membership/bg_h2_title01.png") no-repeat center center;
background-size: cover;
font-size: 20px;
color: #E1C36A;
font-weight: 700;
line-height: 22px;
padding: 27px 17px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright; /* Safari */
text-orientation: upright;
position: absolute;
z-index: 1;
top: 30px;
left: 0;
}
#membership #cnt_area01 .contents_in {
/*padding: 0 0 59px;*/
padding: 39px 0 59px;
}
/* #membership #cnt_area01 .contents_in::before,#membership #cnt_area01 .contents_in::after{
content: "";
display: block;
width: 565px;
height: 226px;
background: url(../img/membership/icon_cloud001.png) no-repeat center center;
background-size: 100% auto;
position: absolute;
z-index: 1;
}
#membership #cnt_area01 .contents_in::before{
top: 73px;
right: -247px;
}
#membership #cnt_area01 .contents_in::after{
width: 522px;
height: 208px;
bottom: -100px;
left: -208px;
} */
#membership .first_text {
padding: 49px 0 0;
max-width: 906px;
margin: 0 auto;
line-height: 30px;
letter-spacing: 0.05em;
}
#membership .note_text {
width: 92%;
max-width: 620px;
border: 1px solid #27345C;
line-height: 30px;
text-align: center;
padding: 15px;
margin: 30px auto 0;
}
#membership .note_text a{
font-weight: 700;
color: #27345C;
display: block;
text-decoration: underline;
}
#membership #cnt_area02 {
background: url("../img/membership/bg03.png") repeat center top;
background-size: 110px;
position: relative;
}
#membership #cnt_area02 .contents_in {
padding: 25px 0 30px;
}
#membership #cnt_area02 h2 {
/*background-image: url(../img/membership/bg_h2_title02.png);*/
color: #fff; /*height: 330px;*/
width: 100%;
height: auto;
background: none;
font-size: 36px; /*color: #E1C36A;*/
font-weight: 700;
line-height: 50px;
text-align: center;
padding: 27px 17px;
-webkit-writing-mode: unset;
-ms-writing-mode: unset;
writing-mode: unset;
-webkit-text-orientation: upright; /* Safari */
text-orientation: upright;
position: static;
}
#membership #cnt_area02 .cnt_g {
max-width: 960px;
width: 100%;
margin: 0 auto;
}
#membership #cnt_area02 .title_box {
max-width: 626px;
width: 100%;
margin: 0 auto;
}
#membership #cnt_area02 .title_box .title {
font-size: 28px;
line-height: 1.5em;
font-weight: 700;
text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
color: #fff;
padding: 0 46px;
position: relative;
max-width: 625px;
width: 100%;
margin: 0 auto 20px;
text-align: center;
}
#membership #cnt_area02 .title_box .title span {
color: #E1C36A;
font-size: 50px;
}
#membership #cnt_area02 .title_box .title::before,
#membership #cnt_area02 .title_box .title::after {
content: "";
display: block;
width: 48px;
height: 80px;
position: absolute;
top: 20px;
}
#membership #cnt_area02 .title_box .title::before {
background: url('../img/membership/icon01_memories.png') no-repeat left top;
background-size: 100% auto;
left: 0;
}
#membership #cnt_area02 .title_box .title::after {
background: url('../img/membership/icon02_memories.png') no-repeat left top;
background-size: 100% auto;
right: 0;
}
#membership #cnt_area02 p {
text-align: center;
color: #fff;
font-size: 20px;
padding: 0 0 10px;
}
#membership #cnt_area02 .cnt_g .next_btn {
font-size: 16px;
line-height: 27px;
text-align: right;
}
#membership #cnt_area02 .cnt_g .next_btn a {
text-decoration: underline;
color: #fff;
}
#membership #cnt_area02 .cnt_g .next_btn a .arrow01 {
display: inline-block;
width: 10px;
height: 10px;
border: 2px solid;
border-color: transparent transparent #fff #fff;
transform: rotate(-45deg);
margin: 0 0 2px 10px;
}
#membership #cnt_area02 .cnt_g .next_btn .text_note {
border: 1px solid #000;
padding: 16px 31px 14px;
margin: 0 auto 30px;
}
#membership #cnt_area03 {
background: url("../img/membership/bg01.png") repeat center center;
background-size: 84px auto;
position: relative;
padding-bottom: 50px;
}
#membership .cnt_area .cnt_g {
max-width: 960px;
width: 100%;
margin: 0 auto;
padding: 8px 0 0;
position: relative;
z-index: 1;
}
#membership #cnt_area03 h3 {
padding: 27px 0 40px;
text-align: center;
font-size: 40px;
line-height: 58px;
font-weight: 700;
}
#membership #cnt_area03 p {
line-height: 30px;
padding: 0 0 24px;
text-align: left;
}
#membership #cnt_area03 .cnt_box {
max-width: 500px;
width: 100%;
margin: 0 auto; /*background: #fff;*/ /*border-radius: 5px;
box-shadow: 2px 3px 12px rgba(0,0,0,.16);*/
}
#membership #cnt_area03 .cnt_box .box_in {
padding: 47px 27px 46px;
display: flex;
align-items: start;
justify-content: space-between;
}
#membership #cnt_area03 .cnt_box .box {
max-width: 115px;
width: 100%;
height: 115px;
font-size: 50px;
line-height: 1em;
text-align: center;
font-weight: 700;
text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
position: relative;
}
#membership #cnt_area03 .cnt_box .box::after {
content: "";
display: block;
width: 14px;
height: 26px;
background: url('../common/img/arrow_right04.png') no-repeat left top;
background-size: 100% auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -32px;
}
#membership #cnt_area03 .cnt_box .box03::after {
content: none;
}
#membership #cnt_area03 .cnt_box .box span {
font-size: 20px;
font-weight: 700;
line-height: 1em;
text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
display: block;
width: 100%;
}
#membership #cnt_area03 .cnt_box .yen_box {
border-radius: 50%;
color: #fff;
background: #27315C; /*background: rgb(238,238,238);
background: linear-gradient(130deg, rgba(238,238,238,1) 0%, rgba(185,195,201,1) 65%, rgba(185,195,201,1) 100%);*/
padding: 22px 0 0;
}
#membership #cnt_area03 .cnt_box .point_box {
border-radius: 50%; /*background: #27315C;*/
background: #b51726;
color: #E1C36A;
padding: 14px 0 0;
}
#membership #cnt_area03 .cnt_box .point_box span {
padding: 7px 0 0;
}
#membership #cnt_area03 .cnt_box02 {
max-width: 750px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
}
#membership .cnt_area .cnt_text {
font-size: 20px;
line-height: 1.4em;
font-weight: 700;
color: #27335C;
text-align: center;
margin: 0 auto 30px;
}
#membership #cnt_area03 .cnt_box02 .cnt_img {
max-width: 130px;
width: 18%;
margin: 0 5% 0 0;
}
#membership #cnt_area03 .cnt_box02 p {
width: 74%;
}
#membership #cnt_area03 .cnt_box03 {
max-width: 840px;
margin: 0 auto;
background: rgba(255, 255, 255, 1);
box-shadow: 0 0 8px 2px #ddd;
padding: 30px 50px;
}
#membership #cnt_area03 .cnt_box03 h3 {
width: max-content;
font-size: 20px;
font-weight: 500;
line-height: 1.3em;
color: #27335C;
text-align: center;
border-bottom: 1px solid #27335C;
padding: 0 0 10px;
margin: 0 auto 25px;
}
#membership #cnt_area04 {
background: url("../img/membership/bg04.png") repeat center center;
background-size: 112px auto;
position: relative;
padding-bottom: 50px;
}
#membership #cnt_area04 .cnt_box,
#membership #cnt_area05 .cnt_box {
max-width: 824px;
width: 100%;
margin: 0 auto;
}
#membership #cnt_area04.cnt_area .cnt_g {
padding: 80px 0 20px;
}
#membership #cnt_area04 p {
line-height: 30px;
padding: 0 0 24px;
text-align: center;
}
#membership #cnt_area05 {
background: url("../img/membership/bg01.png") repeat center center;
background-size: 84px auto;
position: relative;
padding-bottom: 90px;
}
#membership #cnt_area05.cnt_area .cnt_g {
padding: 80px 0 20px;
}
#membership #cnt_area05 p {
line-height: 30px;
padding: 0 0 24px;
text-align: center;
}
#membership #cnt_area04 .contents_in::before,
#membership #cnt_area04 .contents_in::after {
content: "";
display: block;
width: 565px;
height: 226px;
background: url('../img/membership/icon_cloud001.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
}
#membership #cnt_area04 .contents_in::before {
top: 15px;
right: -360px;
}
#membership #cnt_area04 .contents_in::after {
width: 522px;
height: 208px;
bottom: -58px;
left: -330px;
}
#membership #cnt_area06 {
background: url("../img/membership/bg05.png") repeat center top;
background-size: 110px;
position: relative;
}
#membership #cnt_area06 .contents_in {
padding: 25px 0 30px;
}
#membership #cnt_area06 .cnt_img {
max-width: 120px;
margin: 15px auto 10px;
}
#membership #cnt_area06 h2 {
color: #fff;
width: 100%;
height: auto;
background: none;
font-size: 36px;
font-weight: 700;
line-height: 50px;
text-align: center;
padding: 27px 17px;
-webkit-writing-mode: unset;
-ms-writing-mode: unset;
writing-mode: unset;
-webkit-text-orientation: upright; /* Safari */
text-orientation: upright;
position: static;
}
#membership #cnt_area06 .cnt_g {
max-width: 960px;
width: 100%;
margin: 0 auto;
}
#membership #cnt_area06 .point_list {
max-width: 800px;
width: 100%;
margin: 0 auto 15px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #fff;
padding-bottom: 15px;
}
#membership #cnt_area06 .point_list:last-of-type {
border-bottom: none;
}
#membership #cnt_area06 .point_list .title {
max-width: 300px;
width: 37%;
font-size: 28px;
line-height: 1.5em;
font-weight: 700;
text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
color: #fff;
margin: 0 20px; /*padding: 0 45px;*/
position: relative;
}
#membership #cnt_area06 .point_list .title span {
color: #27315c;
font-size: 50px;
padding: 0 4px 0 0;
}
#membership #cnt_area06 .point_list:first-of-type .title span {
color: #b51826;
}
#membership #cnt_area06 .point_list dd {
max-width: 500px;
width: 62%;
font-size: 22px;
line-height: 1.5em;
font-weight: 700;
text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
color: #fff;
padding: 15px 0 10px;
}
#membership #cnt_area06 .point_list .title::before {
background: url('../img/membership/icon01_memories.png') no-repeat left top;
background-size: 100% auto;
left: 0;
}
#membership #cnt_area06 .point_list .title::after {
background: url('../img/membership/icon02_memories.png') no-repeat left top;
background-size: 100% auto;
right: 0;
} /*-------------
21.春の宴会プラン
--------------*/
#partyplan_2020spring .mainvisual {
background-color: #DE4462;
}
#partyplan_2020spring #mainvisual_area {
width: 100%;
background: url("../img/partyplan_2020spring/bg_mainvisual01.png")repeat-y;
padding: 0 0 24px;
}
#partyplan_2020spring #mainvisual_area .attention_text {
width: 100%;
color: #D60050;
font-size: 18px;
font-weight: 700;
line-height: 26px;
text-align: center;
}
#partyplan_2020spring #mainvisual_area .mainimg {
position: relative;
}
#partyplan_2020spring #mainvisual_area .mainimg .title_logo {
position: absolute;
width: 36.5%;
max-width: 468px;
margin: 0 auto;
left: 0;
right: 0;
bottom: -4%;
z-index: 1;
}
#partyplan_2020spring #mainvisual_area .img_box {
max-width: 1080px;
width: 100%;
margin: 24px auto 0;
position: relative;
}
#partyplan_2020spring #mainvisual_area .img_box .title {
position: absolute;
width: 26.1%;
max-width: 282px;
left: -27px;
bottom: 0;
}
#partyplan_2020spring #mainvisual_area .img_box ul {
max-width: 900px;
width: 83.8%;
margin: 0 0 0 auto;
display: flex;
justify-content: space-between;
}
#partyplan_2020spring #mainvisual_area .img_box ul li {
max-width: 293px;
width: 32.5%;
display: flex;
justify-content: space-between;
}
#partyplan_2020spring #partyplan_area {
width: 100%;
background: rgb(214, 0, 80);
background: linear-gradient(0deg, rgba(214,0,80,1) 0%, rgba(0,0,0,1) 100%);
padding: 36px 0;
}
#partyplan_2020spring #partyplan_area .cnt_area {
max-width: 1080px;
width: 100%;
margin: 0 auto 32px;
}
#partyplan_2020spring #partyplan_area .cnt_area h2 {
margin: 0 auto 12px;
}
#partyplan_2020spring #partyplan_area .cnt_area .thumbnail {
display: flex;
justify-content: space-between;
margin: 0 auto 32px;
}
#partyplan_2020spring #partyplan_area .cnt_area .thumbnail li {
max-width: 260px;
width: 24.1%;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box {
max-width: 1015px;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left {
width: 55.76%;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left h3 {
font-size: 25px;
font-weight: 600;
color: #000000;
line-height: 36px;
background: rgb(245, 186, 198);
background: linear-gradient(90deg, rgba(245,186,198,1) 0%, rgba(246,236,228,1) 60%, rgba(137,159,33,1) 100%);
padding: 2px 22px;
margin: 0 0 9px;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left ul {
margin: 0 0 5px;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left ul li {
font-size: 16px;
line-height: 30px;
color: #fff;
text-indent: -1em;
padding: 0 0 0 1em;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left ul li:before {
content: "◆";
display: inline-block;
color: #EF7385;
margin: 0 10px;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left p {
font-size: 16px;
line-height: 30px;
color: #fff;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_left p .big_text {
font-size: 18px;
font-weight: 700;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_right {
max-width: 420px;
width: 41.37%;
}
#partyplan_2020spring #partyplan_area .cnt_area .text_box .cnt_right p {
font-size: 18px;
line-height: 35px;
color: #fff;
border: 1px solid #fff;
padding: 15px 27px;
}
#partyplan_2020spring #included_plan {
width: 100%;
background: url("../img/partyplan_2020spring/bg_contents.png") no-repeat;
background-size: cover;
}
#partyplan_2020spring #included_plan .cnt_g {
background: rgb(245, 186, 198);
background: linear-gradient(90deg, rgba(137,159,33,.55) 0%, rgba(246,236,228,.55) 60%, rgba(245,186,198,.55) 100%);
padding: 40px 0;
}
#partyplan_2020spring #included_plan #cnt_g02.cnt_g {
background: rgb(245, 186, 198);
background: linear-gradient(270deg, rgba(137,159,33,.55) 0%, rgba(246,236,228,.55) 60%, rgba(245,186,198,.55) 100%);
padding: 40px 0;
}
#partyplan_2020spring #included_plan .cnt_g .cnt_box {
max-width: 1080px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#partyplan_2020spring #included_plan #cnt_g02.cnt_g .cnt_box {
flex-direction: row-reverse;
}
#partyplan_2020spring #included_plan .cnt_g .cnt_img {
max-width: 520px;
width: 100%;
position: relative;
}
#partyplan_2020spring #included_plan .cnt_g .cnt_text {
max-width: 520px;
width: 100%;
margin: 0 0 0 3%;
}
#partyplan_2020spring #included_plan #cnt_g02.cnt_g .cnt_text {
max-width: 546px;
width: 100%;
margin: 0 1.2% 0 17px;
}
#partyplan_2020spring #included_plan #cnt_g01 .cnt_img dl {
background: #fff;
display: flex;
align-items: stretch;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
#partyplan_2020spring #included_plan #cnt_g01 .cnt_img dt {
background: #7DAC48;
color: #fff;
max-width: 33px;
width: 100%;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
padding: 6px 9px 6px 12px;
font-weight: 700;
font-size: 12px;
line-height: 1.2em;
text-align: center;
}
#partyplan_2020spring #included_plan #cnt_g01 .cnt_img dd {
font-size: 14px;
line-height: 27px;
padding: 11px 20px 7px 16px;
}
#partyplan_2020spring #included_plan #cnt_g01 .cnt_img .text_note {
font-size: 14px;
line-height: 27px;
position: absolute;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box {
position: relative;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box .title {
background: url("../img/partyplan_2020spring/icon01_plan.png") no-repeat left center;
background-size: contain;
color: #fff;
font-size: 18px;
line-height: 30px;
font-weight: 700;
padding: 37px 20px 6px 37px;
margin: 0 0 14px -20px;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box h2 {
color: #20561E;
font-size: 25px;
line-height: 30px;
font-weight: 700;
margin: 0 0 11px;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box p {
max-width: 280px;
color: #524040;
font-size: 18px;
line-height: 35px;
font-weight: 500;
margin: 0 0 23px;
}
#partyplan_2020spring #included_plan .cnt_text .text_top_box .price {
max-width: 271px;
width: 49.63%;
position: absolute;
top: 0;
right: 0;
}
#partyplan_2020spring #included_plan #cnt_g02 .cnt_text .text_top_box .price {
width: 48.2%;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box h3 {
font-size: 25px;
line-height: 36px;
font-weight: 600;
background: #F2A6B6;
padding: 1px 13px;
margin: 0 0 11px;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box h3 span {
font-size: 12px;
line-height: 30px;
font-weight: 500;
display: inline-block;
margin: -10px 0 0 19px;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box .box {
display: flex;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box .box ul {
width: 43.2%;
margin: 0 0 0 17px;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box .box ul li {
color: #524040;
font-size: 16px;
line-height: 30px;
text-indent: -1em;
padding: 0 0 0 1em;
}
#partyplan_2020spring #included_plan .cnt_text .text_bottom_box .box ul li:before {
content: "◆";
display: inline-block;
color: #524040;
margin: 0 10px;
}
#partyplan_2020spring #included_plan #cnt_g02 .cnt_text .text_bottom_box .box ul {
width: 24.2%;
margin: 0 0 0 17px;
}
#partyplan_2020spring #included_plan #cnt_g02 .cnt_text .attention_text {
text-align: right;
margin: -20px 35px 0 auto;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block {
max-width: 1080px;
margin: 0 auto 38px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block {
max-width: 1080px;
margin: 0 auto 38px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g {
max-width: 360px;
margin: 0 auto 12px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g h2 {
font-size: 42px;
color: #C7586A;
font-weight: 500;
line-height: 59px;
padding: 0 40px 10px;
text-align: center;
position: relative;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g h2 span {
font-size: 54px;
line-height: 60px;
display: inline-block;
padding: 0 5px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g.title01 {
max-width: 300px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g .attention_text {
width: 185px;
background: #C7586A;
font-size: 16px;
line-height: 30px;
color: #fff;
text-align: center;
margin: 0 auto;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g h2::before,
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g h2::after {
content: '';
height: 54px;
width: 17px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g h2::after {
border-right: 2px solid #BC425D;
-moz-transform: skew(-15deg);
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
position: absolute;
top: 15px;
right: 15px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .h2_g h2::before {
border-left: 2px solid #BC425D;
-moz-transform: skew(15deg);
-webkit-transform: skew(15deg);
transform: skew(15deg);
position: absolute;
top: 15px;
left: 10px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box01 {
background: rgba(255, 255, 255, 0.55);
padding: 32px 40px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box01 ul {
width: 46.4%;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box01 ul li {
font-size: 16px;
line-height: 24px;
font-weight: 600;
text-indent: -1em;
padding: 0 0 5px 1em;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .text_note01 {
margin: 10px auto 0;
font-size: 14px;
line-height: 26px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 .text_box {
max-width: 527px;
width: 48.7%;
background: rgba(255, 255, 255, 0.55);
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 .h3_g {
background: url("../img/partyplan_2020spring/bg01_plan.png") no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 .h3_g h3 {
color: #fff;
font-size: 54px;
line-height: 67px;
font-weight: bold;
padding: 4px 0 10px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 .h3_g h3 .unit {
font-size: 29px;
line-height: 41px;
font-weight: bold;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 .h3_g .type {
color: #BD5769;
font-size: 15px;
line-height: 20px;
padding: 6px 10px;
background: #FFE200;
margin: 0 0 0 15px;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 table tr:first-of-type {
border-bottom: 1px solid #B0444E;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 table th {
width: 31.5%;
padding: 17px 5px 17px 20px;
font-size: 20px;
line-height: 24px;
font-weight: bold;
letter-spacing: -0.06em;
text-align: left;
}
#partyplan_2020spring #included_plan #cnt_g03 .cnt_block .cnt_box.cnt_box02 table td {
width: 68.5%;
padding: 17px 20px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
#partyplan_2020spring #contact_area {
margin: 71px auto 45px;
}
#partyplan_2020spring #contact_area .cnt_g {
max-width: 1080px;
background: url("../img/partyplan_2020spring/bg_contact.png") no-repeat;
background-size: cover;
margin: 0 auto 5px;
display: flex;
justify-content: center;
}
#partyplan_2020spring #contact_area .cnt_g .left_box {
max-width: 474px;
width: 43.8%;
margin: 19px 0 0 auto;
position: relative;
}
#partyplan_2020spring #contact_area .cnt_g .left_box h2 {
max-width: 310px;
color: #27345C;
font-size: 25px;
font-weight: bold;
line-height: 30px;
margin: 0 0 10px auto;
}
#partyplan_2020spring #contact_area .cnt_g .left_box .text_box {
background: rgba(255, 255, 255, 0.63);
max-width: 474px;
margin: 0 0 0 auto;
padding: 16px 0;
position: relative;
}
#partyplan_2020spring #contact_area .cnt_g .left_box .text_box::before {
content: '';
display: inline-block;
width: 185px;
height: 223px;
background-image: url("../img/partyplan_2020spring/pic01_contact.png");
background-size: contain;
vertical-align: middle;
position: absolute;
bottom: 0;
left: -7%;
}
#partyplan_2020spring #contact_area .cnt_g .left_box .text_box p {
max-width: 310px;
color: #262626;
font-size: 16px;
line-height: 26px;
margin: 0 0 0 auto;
}
#partyplan_2020spring #contact_area .cnt_g .right_box {
max-width: 520px;
width: 48.14%;
}
#partyplan_2020spring #contact_area .cnt_g .right_box .btn_g {
max-width: 416px;
margin: 65px auto 53px;
display: flex;
justify-content: space-between;
}
#partyplan_2020spring #contact_area .cnt_g .right_box .btn_g .btn_more {
width: 48.5%;
font-size: 12px;
line-height: 22px;
color: #fff;
margin: 0 6px;
}
#partyplan_2020spring #contact_area .cnt_g .right_box .btn_g .btn_more a {
display: inline-block;
background: #27345C;
width: 100%;
color: #fff;
padding: 12px 10px;
text-align: center;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#partyplan_2020spring #contact_area .cnt_g .right_box .btn_g .btn_more a:hover {
color: #27345C;
background: #fff;
}
#partyplan_2020spring #contact_area .text_note {
max-width: 1080px;
margin: 0 auto 49px;
font-size: 12px;
line-height: 30px;
}
#partyplan_2020spring .btn_box {
max-width: 426px;
width: 100%;
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: #fff;
margin: 0 auto 45px;
}
#partyplan_2020spring .btn_box a {
display: inline-block;
background: #B2545F;
border: 1px solid #B2545F;
width: 100%;
color: #fff;
padding: 24px 10px;
text-align: center;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#partyplan_2020spring .btn_box a:hover {
color: #B2545F;
background: #fff;
} /*----------
22.夏のイベント2020
----------*/
#summer2020 {
padding: 0;
}
#summer2020 .mainvisual {
background-color: #856333;
position: relative;
z-index: 1;
display: none;
}
#summer2020 #mainvisual_area {
background: #daecf6;
padding: 65px 0 55px;
text-align: center;
}
#summer2020 #mainvisual_area .mainvisual_text {
font-weight: 900;
color: #1082CA;
font-size: 34px;
margin: 0 0 16px;
}
#summer2020 #mainvisual_area .date_text {
background: #fff;
display: inline-block;
padding: 10px 20px;
text-align: center;
color: #1082CA;
font-weight: 600;
font-size: 16px;
line-height: 16px;
border-radius: 20px;
}
#summer2020 .first_text {
text-align: center;
font-weight: 600;
font-size: 20px;
padding: 50px 0 48px;
color: #27345C;
}
#summer2020 .cnt_area {
max-width: 968px;
width: 100%;
margin: 0 auto 60px;
}
#summer2020 .cnt_area h2 {
background: #1082CA;
padding: 16px 20px;
border-radius: 5px;
color: #fff;
font-size: 24px;
font-weight: 700;
margin: 0 0 50px;
}
#summer2020 .cnt_area .cnt_box {
max-width: 928px;
width: 100%;
margin: 0 auto 40px;
}
#summer2020 .cnt_area h3 {
font-size: 20px;
font-weight: 600;
margin: 0 0 15px;
}
#summer2020 .cnt_area p {
font-size: 16px;
line-height: 30px;
}
#summer2020 .last_text {
font-size: 16px;
text-align: center;
line-height: 30px;
padding: 0 0 100px;
}
@font-face {
font-family: 'A-OTF-MaruFoPro-Bold';
src: url('../common/font/A-OTF-MaruFoPro-Bold.woff2') format('woff2'), url('../common/font/A-OTF-MaruFoPro-Bold.woff') format('woff'), url('../common/font/A-OTF-MaruFoPro-Bold.otf') format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'A-OTF-MaruFoPro-Medium';
src: url('../common/font/A-OTF-MaruFoPro-Medium.woff2') format('woff2'), url('../common/font/A-OTF-MaruFoPro-Medium.woff') format('woff'), url('../common/font/A-OTF-MaruFoPro-Medium.otf') format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}
#summer2020_new {
padding: 0;
}
#summer2020_new .mainvisual {
display: none;
}
#summer2020_new #mainvisual_area {
margin: 0 0 12px;
}
#summer2020_new .contents_in {
max-width: 1080px;
}
#summer2020_new #calendar_area {
max-width: 1280px;
margin: 0 auto;
padding: 0 0 60px;
position: relative;
z-index: 1;
font-family: 'Noto Sans JP', sans-serif;
}
#summer2020_new #calendar_area::before,
#summer2020_new #calendar_area::after {
content: "";
display: block;
width: 498px;
height: 195px;
background: url('../img/summer2020/icon01_cloud.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
}
#summer2020_new #calendar_area::before {
bottom: 60px;
left: -64px;
}
#summer2020_new #calendar_area::after {
bottom: 29px;
right: -149px;
}
#summer2020_new #calendar_area .contents_in {
position: relative;
z-index: 1;
}
#summer2020_new #calendar_area .calendar {
max-width: 1061px;
margin: 0 0 6px auto;
}
#summer2020_new #calendar_area dl {
max-width: 993px;
width: 100%;
margin: 0 0 25px auto;
border-radius: 2px;
border: 1px solid #72B2BF;
padding: 13px 0 12px;
color: #0F8198;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
#summer2020_new #calendar_area dl dt {
max-width: 285px;
width: 100%;
position: relative;
}
#summer2020_new #calendar_area dl dt::after {
content: "";
display: block;
width: 1px;
height: 35px;
background: #72B2BF;
position: absolute;
top: -10px;
right: 0;
}
#summer2020_new #calendar_area dl dd {
max-width: 362px;
width: 100%;
font-weight: 500;
display: flex;
align-items: center;
padding: 0 0 0 7px;
}
#summer2020_new #calendar_area dl dd .time_box {
margin: 0 0 0 15px;
max-width: 163px;
width: 100%;
}
#summer2020_new #calendar_area dl dd .time_box span {
display: inline-block;
border-radius: 4px;
max-width: 24px;
width: 100%;
padding: 2px 0 4px;
text-align: center;
border: 1px solid #72B2BF;
margin: 0 4px 0 0;
}
#summer2020_new #calendar_area .next_btn {
max-width: 604px;
width: 100%;
margin: 0 auto;
position: relative;
padding: 0 0 8px;
}
#summer2020_new #calendar_area .next_btn::after {
content: "";
display: block;
background: #0F8198;
max-width: 602px;
width: 100%;
height: 63px;
position: absolute;
bottom: 0;
right: -6px;
}
#summer2020_new #calendar_area .next_btn a {
display: block;
max-width: 604px;
width: 100%;
text-align: center;
position: relative;
z-index: 1;
}
#summer2020_new #calendar_area .next_btn a::before,
#summer2020_new #calendar_area .next_btn a::after {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 100%;
}
#summer2020_new #calendar_area .next_btn a::before {
max-width: 602px;
width: 100%;
background: #fff;
left: 0;
}
#summer2020_new #calendar_area .next_btn a::after {
width: 100%;
background: url('../img/summer2020/bg01_btn.png') no-repeat left top;
background-size: 100% 100%;
right: 0;
}
#summer2020_new #calendar_area .next_btn span {
font-family: 'A-OTF-MaruFoPro-Medium';
position: relative;
z-index: 1;
display: block;
color: #0F8198;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
padding: 20px 0 21px;
}
#summer2020_new #calendar_area .next_btn span::after {
content: "";
display: block;
width: 6px;
height: 11px;
background: url('../img/summer2020/arrow_right01.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
top: 50%;
right: 60px;
transform: translateY(-50%);
}
#summer2020_new #pagenav_area {
position: relative;
padding: 0 0 90px;
}
#summer2020_new #pagenav_area .bg {}
#summer2020_new #pagenav_area::before {
content: "";
display: block;
width: 100%;
height: 972px;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(199,229,234,1) 100%);
position: absolute;
top: -372px;
}
#summer2020_new #pagenav_area .bg::before,
#summer2020_new #pagenav_area .bg::after {
content: "";
display: block;
position: absolute;
}
#summer2020_new #pagenav_area .bg::before {
width: 592px;
height: 283px;
background: url('../img/summer2020/bg01_activity.png') no-repeat center center;
background-size: 100% auto;
bottom: -480px; /* bottom: -145.02%; */
left: 0;
}
#summer2020_new #pagenav_area .bg::after {
content: "";
display: block;
width: 600px;
height: 418px;
background: url('../img/summer2020/bg02_activity.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
bottom: -558px;
right: 0;
}
#summer2020_new #pagenav_area .contents_in {
position: relative;
z-index: 1;
}
#summer2020_new #pagenav_area ul {
display: flex;
align-items: start;
justify-content: space-between;
}
#summer2020_new #pagenav_area .pagenav01 {
margin: 0 auto 17px;
}
#summer2020_new #pagenav_area .pagenav01 li {
max-width: 340px;
width: 31.49%;
position: relative;
padding: 0 0 8px;
}
#summer2020_new #pagenav_area .pagenav01 li::after {
content: "";
display: block;
background: #0F8198;
max-width: 335px;
width: 98.53%;
height: 126px;
position: absolute;
bottom: 0;
right: -6px;
}
#summer2020_new #pagenav_area .pagenav01 li a {
display: block;
max-width: 340px;
width: 100%;
text-align: center;
position: relative;
z-index: 1;
}
#summer2020_new #pagenav_area .pagenav01 li a::before,
#summer2020_new #pagenav_area .pagenav01 li a::after {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
}
#summer2020_new #pagenav_area .pagenav01 li a::before {
width: 100%;
height: 100%;
background: url('../img/summer2020/bg_pagenav.png') no-repeat left top;
background-size: 100% 100%;
z-index: 1;
}
#summer2020_new #pagenav_area .pagenav01 li a::after {
max-width: 335px;
width: 98.53%;
background: #F2E67F;
height: 97.7%;
}
#summer2020_new #pagenav_area .pagenav01 li span {
font-family: 'A-OTF-MaruFoPro-Medium';
position: relative;
z-index: 1;
display: block;
color: #0F8198;
font-size: 28px;
text-align: center;
padding: 53px 0 47px;
}
#summer2020_new #pagenav_area .pagenav01 li img {
max-width: 55px;
width: 100%;
margin: 0 auto;
position: absolute;
top: -29px;
left: 50%;
transform: translateX(-50%);
}
#summer2020_new #pagenav_area .pagenav01 li span::after {
content: "";
display: block;
width: 11px;
height: 6px;
background: url('../img/summer2020/arrow_bottom01.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
bottom: 13px;
left: 50%;
transform: translateX(-50%);
}
#summer2020_new #pagenav_area .pagenav02 {}
#summer2020_new #pagenav_area .pagenav02 li {
max-width: 340px;
width: 31.49%;
position: relative;
padding: 0 0 8px;
}
#summer2020_new #pagenav_area .pagenav02 li::after {
content: "";
display: block;
background: #0F8198;
max-width: 335px;
width: 98.53%;
height: 78px;
position: absolute;
bottom: 0;
right: -6px;
}
#summer2020_new #pagenav_area .pagenav02 li a {
display: block;
max-width: 340px;
width: 100%;
text-align: center;
position: relative;
z-index: 1;
}
#summer2020_new #pagenav_area .pagenav02 li a::before,
#summer2020_new #pagenav_area .pagenav02 li a::after {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
}
#summer2020_new #pagenav_area .pagenav02 li a::before {
width: 100%;
height: 100%;
background: url('../img/summer2020/bg_pagenav.png') no-repeat left top;
background-size: 100% 100%;
z-index: 1;
}
#summer2020_new #pagenav_area .pagenav02 li a::after {
max-width: 335px;
width: 98.53%;
background: #EFCAC8;
height: 97.5%;
}
#summer2020_new #pagenav_area .pagenav02 li span {
font-family: 'A-OTF-MaruFoPro-Medium';
position: relative;
z-index: 1;
display: block;
color: #0F8198;
font-size: 20px;
text-align: center;
padding: 25px 0 35px;
}
#summer2020_new #pagenav_area .pagenav02 li span::after {
content: "";
display: block;
width: 11px;
height: 6px;
background: url('../img/summer2020/arrow_bottom01.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
bottom: 13px;
left: 50%;
transform: translateX(-50%);
}
#summer2020_new .cnt_area {
font-family: 'Noto Sans JP', sans-serif;
position: relative;
}
#summer2020_new .cnt_area .contents_in {
position: relative;
z-index: 1;
}
#summer2020_new .cnt_area h2 {
text-align: center;
font-family: 'A-OTF-MaruFoPro-Medium';
font-size: 40px;
color: #0F8198;
margin: 0 0 44px;
}
#summer2020_new .cnt_area h2 img {
max-width: 56px;
width: 100%;
display: inline-block;
vertical-align: middle;
margin: 0 17px 0 0;
}
#summer2020_new .cnt_area .cnt_box {
position: relative;
display: flex;
align-items: start;
padding: 28px 0 0;
margin: 0 auto 56px;
}
#summer2020_new .cnt_area .cnt_box::before,
#summer2020_new .cnt_area .cnt_box::after {
content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
}
#summer2020_new .cnt_area .cnt_box::before {
max-width: 925px;
width: 86.65%;
z-index: 1;
background: url('../img/summer2020/bg01_cntbox.png') no-repeat left top;
background-size: 100% 100%;
top: 0;
}
#summer2020_new .cnt_area .cnt_box::after {
max-width: 924px;
width: 86.63%;
background: #fff;
border-radius: 2px;
bottom: 0;
height: 99.7%;
}
#summer2020_new .cnt_area .cnt_box .cnt_img {
max-width: 340px;
width: 31.49%;
margin: 0 3.05% 0 0;
position: relative;
z-index: 1;
}
#summer2020_new .cnt_area .cnt_box .cnt_text {
max-width: 705px;
width: 65.28%;
position: relative;
z-index: 1;
color: #0F8198;
padding: 2px 0 0;
}
#summer2020_new .cnt_area .cnt_box .cnt_text h3 {
font-family: 'A-OTF-MaruFoPro-Bold';
font-size: 28px;
margin: 0 0 26px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text h3 img {
max-width: 24px;
width: 100%;
display: inline-block;
margin: 0 11px 0 0;
vertical-align: baseline;
}
#summer2020_new .cnt_area .cnt_box .cnt_text p {
max-width: 674px;
font-weight: 500;
font-size: 16px;
line-height: 28px;
margin: 0 0 3px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text p .small_text {
font-size: 13px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .price_text {
font-weight: 700;
font-size: 16px;
line-height: 28px;
margin: 0 0 15px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .price_text .small_text {
font-size: 13px;
margin: 0 0 0 10px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .movie {
font-weight: 700;
font-size: 16px;
margin: 0 0 34px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .movie a {
padding: 0 11px 0 0;
position: relative;
line-height: 16px;
color: #0F8198;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .movie a::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 6px;
height: 12px;
background: url('../img/summer2020/arrow_right01.png') no-repeat center center;
background-size: 100% auto;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box {
display: flex;
align-items: stretch;
justify-content: flex-end;
margin: 0 0 2px;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box dl {
display: flex;
align-items: stretch;
background: #FFFACB;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box dt {
max-width: 79px;
width: 100%;
background: #0F8198;
text-align: center;
font-size: 16px;
line-height: 18px;
font-weight: 500;
color: #fff;
padding: 21px 0;
display: flex;
align-items: center;
justify-content: center;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box dd {
padding: 17px 10px 17px 21px;
font-weight: 700;
color: #0F8198;
font-size: 14px;
line-height: 26px;
display: flex;
align-items: center;
justify-content: center;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box .period_data {
max-width: 473px;
width: 100%;
}
#summer2020_new .cnt_area .cnt_box .cnt_text .data_box .place_data {
max-width: 234px;
width: 100%;
}
#summer2020_new #activity {
position: relative;
z-index: 1;
padding: 0 0 67px;
}
#summer2020_new #activity .icon {
position: absolute;
}
#summer2020_new #activity .icon01 {
max-width: 312px;
width: 100%;
top: -67px;
left: -58px;
}
#summer2020_new #activity .icon02 {
max-width: 337px; /* width: 31.21%; */
width: 100%;
top: -104px;
right: -71px;
}
#summer2020_new #activity .cnt_box02 .cnt_text p {
margin: 0 0 32px;
}
#summer2020_new #activity .cnt_box03 .cnt_text p {
margin: 0 0 40px;
}
#summer2020_new #activity .cnt_box03 .cnt_text .price_text {
margin: 0 0 27px;
}
#summer2020_new #activity .cnt_box04 .cnt_text p {
margin: 0 0 38px;
}
#summer2020_new #activity .cnt_box04 .cnt_text .price_text {
margin: 0 0 27px;
}
#summer2020_new #activity .cnt_box05 {
padding: 24px 0 0;
}
#summer2020_new #activity .cnt_box05 .cnt_text {
padding: 6px 0 0;
}
#summer2020_new #activity .cnt_box05 .cnt_text p {
margin: 0 0 93px;
}
#summer2020_new #watch {
padding: 0 0 71px;
}
#summer2020_new #watch::before {
content: "";
display: block;
width: 100%;
height: 1052px;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(199,229,234,1) 100%);
position: absolute;
top: -148px;
}
#summer2020_new #watch .bg::before,
#summer2020_new #watch .bg::after {
content: "";
display: block;
position: absolute;
}
#summer2020_new #watch .bg::before {
width: 547px;
height: 352px;
background: url('../img/summer2020/bg01_food.png') no-repeat center center;
background-size: 100% auto;
bottom: 377px;
left: 0;
}
#summer2020_new #watch .bg::after {
content: "";
display: block;
width: 538px;
height: 395px;
background: url('../img/summer2020/bg02_food.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
bottom: 349px;
right: 0;
}
#summer2020_new #watch .icon {
position: absolute;
}
#summer2020_new #watch .icon01 {
max-width: 102px;
width: 100%;
top: 0;
left: 8px;
}
#summer2020_new #watch .icon02 {
max-width: 168px;
width: 100%;
top: -75px;
right: 2px;
}
#summer2020_new #watch .cnt_box01::before {
background-image: url('../img/summer2020/bg02_cntbox.png');
}
#summer2020_new #watch .cnt_box01 .cnt_img {
margin: 41px 3.05% 0 0;
}
#summer2020_new #watch .cnt_box01 .cnt_text p {
margin: 0 0 32px;
}
#summer2020_new #watch .cnt_box01 .cnt_text ul {
margin: 0 0 25px;
}
#summer2020_new #watch .cnt_box01 .cnt_text li {
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #32889A;
margin: 0 0 18px;
position: relative;
padding: 0 0 0 23px;
}
#summer2020_new #watch .cnt_box01 .cnt_text li::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: #FEA6A4;
border-radius: 50%;
position: absolute;
top: 8px;
left: 0;
}
#summer2020_new #watch .cnt_box01 .cnt_text li span {
display: block;
font-weight: 400;
font-size: 16px;
}
#summer2020_new #watch .cnt_box01 .cnt_text .price_text {
margin: 0 0 17px;
}
#summer2020_new #watch .cnt_box01 .cnt_text .data_box .period_data dd {
display: block;
line-height: 20px;
}
#summer2020_new #watch .cnt_box01 .cnt_text .data_box dd a {
font-size: 12px;
text-decoration: underline;
color: #0F8198;
}
#summer2020_new #watch .cnt_box03 .cnt_text p {
margin: 0 0 34px;
}
#summer2020_new #watch .cnt_box02 .cnt_text p {
margin: 0 0 94px;
}
#summer2020_new #food {
padding: 0 0 27px;
}
#summer2020_new #food .icon {
position: absolute;
}
#summer2020_new #food .icon01 {
max-width: 151px;
width: 100%;
top: -63px;
left: 18px;
}
#summer2020_new #food .icon02 {
max-width: 258px;
width: 100%;
top: -88px;
right: -47px;
}
#summer2020_new #food .cnt_box01 .cnt_text p {
margin: 0 0 96px;
}
#summer2020_new #food .cnt_box02 .cnt_text p {
margin: 0 0 96px;
}
#summer2020_new #info {
padding: 0 0 28px;
}
#summer2020_new #info::before {
content: "";
display: block;
width: 100%;
height: 592px;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(199,229,234,1) 100%);
position: absolute;
top: -307px;
}
#summer2020_new #info .bg::before,
#summer2020_new #info .bg::after {
content: "";
display: block;
position: absolute;
background: url('../img/summer2020/icon02_cloud.png') no-repeat center center;
background-size: 100% auto;
width: 498px;
height: 194px;
}
#summer2020_new #info .bg::before {
bottom: 48px;
left: -143px;
}
#summer2020_new #info .bg::after {
bottom: 54px;
right: -108px;
}
#summer2020_new #info .icon {
position: absolute;
}
#summer2020_new #info .icon01 {
max-width: 193px;
width: 100%;
top: -11px;
right: -85px;
}
#summer2020_new #info .cnt_box01 .cnt_text p {
margin: 0 0 17px;
}
#summer2020_new #info .cnt_box01 .cnt_text .data_box .period_data {
max-width: none;
}
#summer2020_new #info .cnt_box01 .cnt_text .data_box .period_data dd {
justify-content: flex-start;
max-width: 629px;
width: 100%;
padding: 6px 17px 10px 21px;
}
#summer2020_new #info .cnt_box01 .cnt_text .data_box .next_btn {
max-width: 236px;
width: 100%;
position: relative;
margin: 0 0 0 auto;
}
#summer2020_new #info .cnt_box01 .cnt_text .data_box .next_btn::after {
content: "";
display: block;
background: #0F8198;
border-radius: 2px;
max-width: 230px;
width: 97.46%;
height: 40px;
position: absolute;
bottom: -6px;
right: 0;
}
#summer2020_new #info .cnt_box01 .cnt_text .data_box .next_btn a {
display: block;
max-width: 230px;
width: 97.46%;
border-radius: 2px;
background: #fff;
border: 1px solid #0F8198;
text-align: center;
padding: 8px 0;
text-align: center;
font-weight: 500;
font-size: 16px;
position: relative;
color: #0F8198;
z-index: 1;
}
#summer2020_new #info .cnt_box01 .cnt_text .data_box .next_btn a::after {
content: "";
display: block;
width: 6px;
height: 11px;
background: url('../img/summer2020/arrow_right01.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 27px;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text p {
margin: 0 0 68px;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text .data_box .period_data {
max-width: none;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text .data_box .period_data dd {
justify-content: flex-start;
max-width: 629px;
width: 100%;
padding: 6px 17px 10px 21px;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text .data_box .next_btn {
max-width: 236px;
width: 100%;
position: relative;
margin: 0 0 0 auto;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text .data_box .next_btn::after {
content: "";
display: block;
background: #0F8198;
border-radius: 2px;
max-width: 230px;
width: 97.46%;
height: 40px;
position: absolute;
bottom: -6px;
right: 0;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text .data_box .next_btn a {
display: block;
max-width: 230px;
width: 97.46%;
border-radius: 2px;
background: #fff;
border: 1px solid #0F8198;
text-align: center;
padding: 8px 0;
text-align: center;
font-weight: 500;
font-size: 16px;
position: relative;
color: #0F8198;
z-index: 1;
}
#summer2020_new #photo_con .cnt_box01 .cnt_text .data_box .next_btn a::after {
content: "";
display: block;
width: 6px;
height: 11px;
background: url('../img/summer2020/arrow_right01.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 27px;
}
#summer2020_new #safe_area {
font-family: 'Noto Sans JP', sans-serif;
position: relative;
margin: 0 auto 19px;
padding: 85px 0 0;
}
#summer2020_new #safe_area .cnt_g {
background: #FFE2E5;
border: 1px solid #0F8198;
padding: 40px 60px;
color: #0F8198;
}
#summer2020_new #safe_area h2 {
font-family: 'A-OTF-MaruFoPro-Medium';
font-size: 40px;
text-align: center;
margin: 0 0 37px;
}
#summer2020_new #safe_area p {
font-size: 18px;
line-height: 44px;
text-align: center;
margin: 0 0 40px;
}
#summer2020_new #safe_area .next_btn {
max-width: 498px;
width: 100%;
position: relative;
margin: 0 auto;
}
#summer2020_new #safe_area .next_btn::after {
content: "";
display: block;
background: #0F8198;
border-radius: 2px;
max-width: 488px;
width: 98%;
height: 78px;
position: absolute;
bottom: -11px;
right: 0;
}
#summer2020_new #safe_area .next_btn a {
display: block;
max-width: 486px;
width: 97.6%;
border-radius: 2px;
background: #fff;
border: 1px solid #0F8198;
text-align: center;
padding: 27px 0;
text-align: center;
font-weight: 500;
font-size: 18px;
position: relative;
color: #0F8198;
z-index: 1;
}
#summer2020_new #safe_area .next_btn a::after {
content: "";
display: block;
width: 6px;
height: 11px;
background: url('../img/summer2020/arrow_right01.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
#summer2020_new #safe_area .icon {
position: absolute;
}
#summer2020_new #safe_area .icon01 {
max-width: 156px;
width: 100%;
top: 0;
left: -42px;
}
#summer2020_new #safe_area .icon02 {
max-width: 172px;
width: 100%;
bottom: 0;
right: -16px;
}
#summer2020_new .last_attention_text {
font-size: 14px;
color: #0F8198;
margin: 0 auto 8px;
}
#summer2020_new .page_top {
margin: 0 auto 83px;
}
#summer2020_new .page_top a {
display: block;
max-width: 64px;
width: 100%;
margin: 0 0 0 auto;
}
/*----------
23.空庭温泉公式アプリ
----------*/
#app .cnt_area{
font-family: 'Rounded Mplus 1c', serif;
}
#app .mainvisual {
margin-bottom: 21px;
background-color: #27345C;
}
#app .contents_in{
max-width: 900px;
}
#app #cnt_area01 .cnt_box01 .first_text{
font-family: 'Noto Serif JP', serif;
line-height: normal;
margin-bottom: 27px;
}
#app #cnt_area01 .cnt_box01 .cnt_img.img_mv{
display: block;
margin: 0 auto 28px;
max-width: 820px;
}
#app #cnt_area01 .cnt_box01 .cnt_text01{
margin: 0 auto 41px;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: -5px;
font-size: 32px;
font-weight: 800;
color: #27345C;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::before,
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::after{
content: '';
display: block;
width: 96px;
height: 18px;
background-size: cover;
background-repeat: no-repeat;
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::before{
margin-right: 24px;
background-image: url("../img/app/parts_left.png");
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:first-of-type::after{
margin-left: 24px;
background-image: url("../img/app/parts_right.png");
}
#app #cnt_area01 .cnt_box01 .cnt_text01 span:last-of-type{
display: flex;
align-items: end;
justify-content: center;
font-size: 67px;
font-weight: 800;
line-height: 99px;
color: #27345C;
}
/*
#app #cnt_area01 .cnt_box01 .cnt_text01 span:last-of-type::after{
content: '';
display: block;
margin: -5px 0 0 5.5px;
width: 285px;
height: 90px;
background-image: url("../img/app/parts01.png");
background-size: cover;
background-repeat: no-repeat;
}
*/

#app #cnt_area01 .cnt_box02{
min-height: 325px;
position: relative;
padding: 0 0 33px 38px;
}
#app #cnt_area01 .cnt_box02 ul{
margin-bottom: 58px;
padding-left: 12px;
}
#app #cnt_area01 .cnt_box02 ul li{
margin-bottom: 31px;
font-size: 23px;
font-weight: 800;
line-height: 26px;
color: #27345C;
}
#app #cnt_area01 .cnt_box02 ul li p.other{
margin-left: 1.5em;
}
#app #cnt_area01 .cnt_box02 ul li span.number{
display: inline-flex;
margin-right: 20px;
align-items: center;
position: relative;
color: #FFFFFF;
z-index: 1;
}
#app #cnt_area01 .cnt_box02 ul li span.number::before{
content: '';
display: inline-block;
position: absolute;
border-radius: 90%;
background-color: #FCC000;
width: 40px;
height: 40px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
#app #cnt_area01 .cnt_box02 ul li .bg_yellow{
background-color: #FDD966;
}
#app #cnt_area01 .cnt_box02 ul li .text_caution{
margin: 7px 0 0 0;
font-size: 16px;
font-weight: 500;
line-height: 23px;
display: block;
}
#app #cnt_area01 .cnt_box02 .cnt_text01{
margin-bottom: 22px;
font-size: 18px;
font-weight: 800;
}
#app #cnt_area01 .cnt_box02 .cnt_text02{
position: relative;
height: 79px;
width: 453px;
}
#app #cnt_area01 .cnt_box02 .cnt_text02 span::after{
content: '';
display: block;
position: absolute;
background-image: url("../img/app/parts_right_arrow.png");
background-size: cover;
background-repeat: no-repeat;
width: 8px;
height: 13px;
top: 50%;
right: 15px;
transform: translateY(-50%);
z-index: 2;
}
#app #cnt_area01 .cnt_box02 .cnt_text02 span{
border: 4px solid #102F5A;
border-radius: 10px;
padding: 19px 0 19px 16px;
display: block;
position: absolute;
font-size: 18px;
font-weight: 800;
line-height: 27px;
color: #102F5A;
background-color: #FFFFFF;
width: 453px;
z-index: 2;
}
#app #cnt_area01 .cnt_box02 .cnt_text02::before{
content: '';
display: block;
position: absolute;
border-radius: 10px;
background-color: #E0E0E0;
height: 73px;
width: 453px;
top: 6px;
left: 7px;
z-index: 1;
}
#app #cnt_area01 .cnt_box02 .cnt_img01{
max-width: 429px;
width: 47%;
position: absolute;
bottom: -16%;
right: -9.5%;
}
#app .app_store_area{
padding: 44px 0 56px;
position: relative;
background-color: #102F5A;
z-index: 1;
}
#app .app_store_area .cnt_box{
padding: 0 0;
display: flex;
align-items: center;
justify-content: center;
}
#app .app_store_area .cnt_img01{
margin-right: 31px;
max-width: 348px;
width: 38.6%;
}
#app .app_store_area .cnt_img02,
#app .app_store_area .cnt_img03{
max-width: 224px;
width: 24.9%;
margin-top: 2%;
}
#app .app_store_area .cnt_img02{
margin-right: 14px;
}
#app #cnt_area02{
margin-top: 58px;
}
#app #cnt_area02 .contents_wrapper{
margin: 0 auto;
padding-bottom: 95px;
position: relative;
max-width: 1280px;
}
#app #cnt_area02 .contents_wrapper .bg_bottom{
position: absolute;
width: 100%;
bottom: -5%;
left: 0;
}
#app #cnt_area02 .contents_wrapper .bg_parts{
position: absolute;
}
#app #cnt_area02 .contents_wrapper .bg_parts01{
width: 15%;
top: 2%;
left: 6%;
}
#app #cnt_area02 .contents_wrapper .bg_parts02{
width: 21%;
top: -1%;
right: 4%;
}
#app #cnt_area02 .contents_wrapper .bg_parts03{
width: 14%;
top: 30%;
left: 6%;
}
#app #cnt_area02 .contents_wrapper .bg_parts04{
width: 12%;
top: 33%;
right: 7%;
}
#app #cnt_area02 .contents_wrapper .bg_parts05{
width: 12%;
bottom: 35%;
right: 7%;
}
#app #cnt_area02 .contents_wrapper .bg_parts06{
width: 14%;
bottom: 19%;
left: 3%;
}
#app #cnt_area02 .cnontents_in{
z-index: 1;
}
#app #cnt_area02 .cnt_box01 .first_text{
display:flex;
margin-bottom: 18px;
justify-content: center;
align-items: center;
position: relative;
font-size: 24px;
font-weight: 500;
line-height: 36px;
color: #D60000;
}
#app #cnt_area02 .cnt_box01 .first_text::after{
content: '';
display: block;
position: absolute;
background-image: url("../img/app/parts_under.png");
background-size: cover;
background-repeat: no-repeat;
width: 288px;
height: 74px;
top: 3px;
}
#app #cnt_area02 .cnt_box01 .first_text span{
font-size: 32px;
font-weight: 800;
line-height: 47px;
}
#app #cnt_area02 .cnt_box01 .cnt_text{
margin-bottom: 27px;
text-align: center;
font-size: 42px;
font-weight: 800;
line-height: 62px;
color: #D60000;
}
#app #cnt_area02 .cnt_box01 .cnt_text span{
font-size: 52px;
line-height: 78px;
}
#app #cnt_area02 .cnt_otoku{
margin: 0 auto 58px;
position:relative;
max-width: 840px;
z-index: 1;
}
#app #cnt_area02 .cnt_otoku .otoku_wrapper{
width: 100%;
background: #FCFBF1;
font-size: 20px;
text-align: center;
padding: 30px 0;
border-radius: 20px;
position: relative;
z-index: 1;
}
#app #cnt_area02 .cnt_otoku02 .otoku_wrapper{
padding-bottom: 47px;
}
#app #cnt_area02 .cnt_otoku::before{
content: "";
display: block;
background: #FDD966;
width: 97%;
height: 88%;
position: absolute;
border-radius: 20px 0 0 0;
top: -3px;
left: -3px;
}
#app #cnt_area02 .cnt_otoku::after{
content: "";
display: block;
background: #FDD966;
width: 100%;
height: 100%;
position: absolute;
border-radius: 20px;
top: 6px;
left: 6px;
}
#app #cnt_area02 .cnt_otoku .number{
position: absolute;
width: 138px;
height: 40px;
top: -25px;
left: 50%;
transform: translateX(-50%);
}
#app #cnt_area02 .cnt_otoku .number span{
position: absolute;
border:2px solid #791716;
border-radius: 26px;
padding: 3px 0 4px;
font-size: 20px;
font-weight: 800;
line-height: 29px;
color: #791716;
width: 100%;
background-color: #ffffff;
top: 0px;
left: 0px;
z-index: 2
}
#app #cnt_area02 .cnt_otoku .number::after{
content: '';
display: block;
position: absolute;
border-radius: 26px;
width: 100%;
height: 40px;
background-color: #791716;
top: 5px;
left: 2px;
z-index: 1;
}
#app #cnt_area02 .cnt_otoku .title{
margin-bottom: 14px;
font-size: 40px;
font-weight: 800;
letter-spacing: -0.03em;
line-height: 60px;
color: #791716;
}
#app #cnt_area02 .cnt_otoku04 .title{
margin-bottom: 26px;
}
#app #cnt_area02 .cnt_otoku .text{
font-size: 18px;
font-weight: 500;
line-height: 27px;
color: #791716;
}
#app #cnt_area02 .cnt_otoku .text_section{
	margin-top: 1.5em;
    font-family: 'Noto Sans JP',serif;
    font-size: 16px;
    color: #102F5A;
}
#app #cnt_area02 .cnt_otoku .text_section .text_section_flex {
	display: flex;
	text-align: left;
	max-width: 400px;
	margin: 0.4em auto 0;
	padding-top: 0.5em;
	justify-content: center;
	border-top: 1px solid #000;
}
#app #cnt_area02 .cnt_otoku .text_section .coupon_img{
	width: 200px;
}
#app #cnt_area02 .cnt_otoku .text_section p{	
    font-size: 18px;
	padding-left: 1em;
	line-height: 1.5;
	color: #000;
}
#app #cnt_area02 .cnt_otoku .text_section p span.small {
	font-size: 88%;
}
#app #cnt_area02 .cnt_otoku .text_section p span.mark {
	background: linear-gradient(transparent 30%, #FDD966 0%);
}
#app #cnt_area02 .cnt_otoku02::before{
height: 96%;
}
#app #cnt_area02 .cnt_otoku02 .text{
margin: 0 auto;
padding: 34px 0 16px;
border-radius: 20px;
max-width: 716px;
width: 87.5%;
background-color: #ffffff;
}
#app #cnt_area02 .cnt_otoku02 .text .first_text{
margin-bottom: 25px;
font-size: 29px;
font-weight: 800;
line-height: 43px;
}
#app #cnt_area02 .cnt_otoku02 .text ul{
padding-left: 45px;
font-family: 'Noto Sans JP',serif;
text-align: left;
color: #000000;
}
#app #cnt_area02 .cnt_otoku02 .text ul:first-of-type{
margin-bottom: 10px;
font-size: 19px;
font-weight: 700;
line-height: 40px;
}
#app #cnt_area02 .cnt_otoku02 .text ul:last-of-type{
padding-bottom: 39px;
border-bottom: 2px dashed #112F59;
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
#app #cnt_area02 .cnt_otoku02 .text span{
background: linear-gradient(transparent 30%, #FDD966 0%);
}
#app #cnt_area02 .cnt_otoku02 .text .last_text{
padding-top: 14px;
font-family: 'Noto Sans JP',serif;
font-size: 20px;
font-weight: 700;
line-height: 38px;
color: #102F5A;
}
#app #cnt_area02 .cnt_otoku03 .text{
position: relative;
margin: 0 auto;
max-width: 662px;
}
#app #cnt_area02 .cnt_otoku03 .text::after{
content: '';
display: block;
position: absolute;
width: 89%;
height: 9px;
bottom: -7px;
left: 49%;
transform: translateX(-50%);
background-image: url("../img/app/parts_borderline.png");
background-size: cover;
background-repeat: no-repeat;

}
#app #cnt_area02 .cnt_otoku03 .text span{
display: block;
margin-top: 3px;
font-size: 26px;
font-weight: 800;
line-height: 38px;
}
#app #cnt_area02 .cnt_otoku:last-child{
margin-bottom: 0;
}
#app #cnt_area03{
padding: 42px 0 105.5px;
background-image: url("../img/app/bg_area03.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: top;
}
#app #cnt_area03 .cnt_box01 .first_text{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 55px;
font-size: 42px;
font-weight: 800;
line-height: 62px;
color: #D60000;
}
#app #cnt_area03 .cnt_box03 .first_text{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 32px;
font-size: 42px;
font-weight: 800;
line-height: 62px;
color: #D60000;
}
#app #cnt_area03 .cnt_box01 .first_text h2{
margin: 0 44.5px;
}
#app #cnt_area03 .cnt_box03 .first_text h2{
margin: 0 28px;
}
#app #cnt_area03 .cnt_box01 .first_text::before,
#app #cnt_area03 .cnt_box01 .first_text::after,
#app #cnt_area03 .cnt_box03 .first_text::before,
#app #cnt_area03 .cnt_box03 .first_text::after{
content: '';
display: block;
width: 25px;
height: 48px;
background-size: contain;
background-repeat: no-repeat;
}
#app #cnt_area03 .cnt_box01 .first_text::before,
#app #cnt_area03 .cnt_box03 .first_text::before{
background-image: url("../img/app/bg_parts07.png");
}
#app #cnt_area03 .cnt_box01 .first_text::after,
#app #cnt_area03 .cnt_box03 .first_text::after{
background-image: url("../img/app/bg_parts08.png");
}

#app #cnt_area03 .cnt_benri{
margin: 0 auto 61px;
position:relative;
max-width: 840px;
z-index: 1;
}
#app #cnt_area03 .cnt_benri:last-of-type{
margin-bottom: 167px;
}
#app #cnt_area03 .cnt_benri .benri_wrapper{
width: 100%;
background: #FCFBF1;
font-size: 20px;
text-align: center;
padding: 17px 0 15px 36px;
border-radius: 20px;
position: relative;
z-index: 1;
}
#app #cnt_area03 .cnt_benri::before{
content: "";
display: block;
background: #102F5A;
width: 96%;
 height: 75%;
position: absolute;
border-radius: 20px 0 0 0;
top: -3px;
left: -3px;
}
#app #cnt_area03 .cnt_benri::after{
content: "";
display: block;
background: #102F5A;
width: 100%;
height: 100%;
position: absolute;
border-radius: 20px;
top: 6px;
left: 6px;
}
#app #cnt_area03 .cnt_benri .number{
position: absolute;
width: 138px;
height: 40px;
top: -24px;
left: 50%;
transform: translateX(-50%);
}
#app #cnt_area03 .cnt_benri .number span{
position: absolute;
border:2px solid #102F5A;
border-radius: 26px;
padding: 3px 0 4px;
font-size: 20px;
font-weight: 800;
line-height: 29px;
color: #102F5A;
width: 100%;
background-color: #ffffff;
top: 0px;
left: 0px;
z-index: 2
}
#app #cnt_area03 .cnt_benri .number::after{
content: '';
display: block;
position: absolute;
border-radius: 26px;
width: 100%;
height: 40px;
background-color: #102F5A;
top: 5px;
left: 2px;
z-index: 1;
}
#app #cnt_area03 .cnt_benri .text_box{
display: flex;
align-items: center;
font-size: 40px;
letter-spacing: -0.03em;
font-weight: 800;
line-height: 60px;
color: #102F5A;
text-align: left;
}
#app #cnt_area03 .cnt_benri02 .text_box,
#app #cnt_area03 .cnt_benri03 .text_box{
padding: 23px 0 25px;
}
#app #cnt_area03 .cnt_benri03{
margin-bottom: 163px;
}
#app #cnt_area03 .cnt_benri .text_box .text{

}
#app #cnt_area03 .cnt_benri .text_box .cnt_img{
margin-right: 27px;
width: 126px;
}
#app #cnt_area03 .cnt_box02 .first_text{
margin-bottom: 20.5px;
font-size: 42px;
font-weight: 800;
line-height: 62px;
color: #D60000;
text-align: center;
}
#app #cnt_area03 .cnt_box02 .first_text span{
display: flex;
align-items: center;
justify-content: center;
}
#app #cnt_area03 .cnt_box02 .first_text span::before,
#app #cnt_area03 .cnt_box02 .first_text span::after{
content: '';
display: block;
width: 25px;
height: 48px;
background-size: contain;
background-repeat: no-repeat;
}
#app #cnt_area03 .cnt_box02 .first_text span::before{
margin-right: 44.5px;
background-image: url("../img/app/bg_parts07.png");
}
#app #cnt_area03 .cnt_box02 .first_text span::after{
margin-left: 44.5px;
background-image: url("../img/app/bg_parts08.png");
}
#app #cnt_area03 .cnt_box02 .cnt_text{
margin-bottom: 41px;
font-family: 'Noto Sans JP', serif;
font-size: 28px;
font-weight: 900;
line-height: 42px;
color: #102F5A;
text-align: center;
}
#app #cnt_area03 .cnt_box02 .cnt_text span{
background: linear-gradient(transparent 15%, #FDDA66 0%);
}
#app #cnt_area03 .cnt_box02 .text01 h3{
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 13px;
font-family: 'Noto Sans JP', serif;
font-size: 20px;
font-weight: 700;
line-height: 42px;
color: #102F5A;
text-align: center;
}
#app #cnt_area03 .cnt_box02 .text01 h3::before,
#app #cnt_area03 .cnt_box02 .text01 h3::after{
content: '';
display: block;
position: absolute;
width: 26%;
height: 1px;
border-top: dashed 2px #102F5A;
}
#app #cnt_area03 .cnt_box02 .text01 h3::before{
left: 0;
}
#app #cnt_area03 .cnt_box02 .text01 h3::after{
right: 0;
}
#app #cnt_area03 .cnt_box02 .text02{
margin-bottom: 153px;
padding-bottom: 23px;
font-family: 'Noto Sans JP', serif;
font-size: 22px;
font-weight: 400;
line-height: 32px;
color: #102F5A;
text-align: center;
border-bottom: dashed 2px #102F5A;
}
#app #cnt_area03 .cnt_box03{


}
#app #cnt_area03 .cnt_box03 .cnt_wrapper{
display: flex;
margin-left: -15px;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box{
max-width: 165px;
width: calc(100%/5 - 15px);
margin-left: 15px;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .cnt_img{
position: relative;
margin: 0 auto 12.2px;
max-width: 147px;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .cnt_img::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;
top: 50%;
right: -20%;
transform: translateY(-50%);
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box:last-of-type .cnt_img::after{
display: none;
}
#app #cnt_area03 .cnt_box03 .cnt_wrapper .img_box .text{
display: flex;
flex-direction: column;
justify-content: center;
border-top: solid 1px #102F5A;
border-bottom: solid 1px #102F5A;
padding: 6.2px 0 14.8px;
font-family: 'Noto Sans JP', serif;
font-size: 15px;
font-weight: 700;
line-height: 26px;
color: #102F5A;
text-align: center;
white-space: nowrap;
}
#app #cnt_area04{
padding: 69px 0 48px;
}
#app #cnt_area04 .first_text{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 34px;
font-size: 42px;
font-weight: 800;
line-height: 62px;
color: #D60000;
}
#app #cnt_area04 .first_text h2{
margin: 0 62px;
}
#app #cnt_area04 .first_text::before,
#app #cnt_area04 .first_text::after{
content: '';
display: block;
width: 25px;
height: 48px;
background-size: contain;
background-repeat: no-repeat;
}
#app #cnt_area04 .first_text::before{
background-image: url("../img/app/bg_parts07.png");
}
#app #cnt_area04 .first_text::after{
background-image: url("../img/app/bg_parts08.png");
}
#app #cnt_area04 .panel_area{
margin-bottom: 85px;
}
#app #cnt_area04 .panel_title{
border-radius: 10px;
padding: 14px 0 12.5px 19.5px;
font-size: 32px;
font-weight: 500;
letter-spacing: -0.03em;
line-height: 47px;
color: #FFFFFF;
background-color: #102F5A;

}
#app #cnt_area04 .tab_panel.active {
display: block;
animation: tabAnim ease 0.6s forwards;
-ms-animation: tabAnim ease 0.6s forwards;
}
#app #cnt_area04 .tab_panel {
/* width: 100; */
padding: 32.5px 0 0;
margin: 0 0 0 auto;
}
#app #cnt_area04 .cnt_box {
margin: 0 auto 35.2px;
}
#app #cnt_area04 .cnt_box .question_box{
display: flex;
align-items: center;
margin-bottom: 23.7px;
border-bottom: 2px solid #102F5A;
padding: 0 0 10px;
font-size: 28px;
font-weight: 800;
line-height: 42px;
color: #102F5A;
position: relative;
cursor: pointer;
}
#app #cnt_area04 .cnt_box .question_box::before {
content: "";
display: block;
width: 16px;
height: 16px;
background: url(../img/app/parts_under_arrow.png) no-repeat center center;
background-size: 100% auto;
position: absolute;
right: 15px;
transform: rotate(0deg);
transition: all .3s;
}
#app #cnt_area04 .cnt_box .question_box.active::before {
transform: rotate(-180deg);
}
#app #cnt_area04 .cnt_box .icon {
padding-right: 7px;
font-size: 28px;
font-weight: 800;
line-height: 42px;
}
#app #cnt_area04 .cnt_box .answer_box {
color: #fff;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
line-height: 30px;
display: none;
background-color: rgba(92,122,163,0.06) ;
padding: 30px 41px 48px 41px;
margin-bottom: 74px;
}

#app #cnt_area04 .cnt_box .answer_box .text{
font-family: 'Noto Sans JP', serif;
font-size: 22px;
font-weight: 400;
line-height: 44px;
color: #102F5A;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .answer_box{
padding: 36.5px 20px 42px;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .answer_box .text{
margin-bottom: 7px;
padding-left: 23px;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .app_dl{
display: flex;
align-items: center;
justify-content: space-between;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .cnt_g{
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 16px 16px 23px;
background-color: #FFFFFF;
max-width: 425px;
width: 50%;

}
#app #cnt_area04 .panel_area01 .cnt_box02 .cnt_g .box_left {
width: 52.7%;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .cnt_g .box_left .store_text{
margin-bottom: 6px;
font-family: 'Noto Sans JP',serif;
font-size: 25px;
font-weight: 700;
line-height: 44px;
color: #102F5A;
text-align: center;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .cnt_g .box_left .cnt_img{
max-width: 224px;
width: 100%;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .cnt_g .qr_img{
max-width: 120px;
width: 31%;
}
#app #cnt_area04 .panel_area01 .cnt_box02 .cnt_g:first-of-type{
margin-right: 5px;
}
#app #cnt_area04 .panel_area03 .cnt_box03 span{
font-weight: 500;
}
#app #cnt_area04 .panel_area03 .cnt_box03 span:first-of-type{
font-weight: 700;
}

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

#coupon{
padding: 0
}
#coupon .mainvisual{
background-color: #BD7B2E;
position: relative;
z-index: 1;
}
#coupon #first_area{
padding: 50px 0;
}
#coupon #first_area p{
text-align: center;
max-width: 823px;
width: 100%;
margin: 0 auto;
font-weight: 600;
font-size: 20px;
line-height: 52px;
font-weight: bold;
}
#coupon #pagenav_area{
margin: 0 auto 70px;
}
#coupon #pagenav_area ul{
max-width: 975px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
}
#coupon #pagenav_area li{
max-width: 150px;
width: 100%;
}
#coupon #pagenav_area li a{
display: block;
width: 100%;
background: #fff;
text-align: center;
border: 1px solid #000;
border-radius: 2px;
padding: 9px 8px 10px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
}
#coupon #pagenav_area li:nth-child(2) a{
background: #CB2A38;
border-color: #CB2A38;
color: #fff;
}
#coupon #pagenav_area li:nth-child(3) a{
background: #BD7B2E;
border-color: #BD7B2E;
color: #fff;
}
#coupon #pagenav_area li:nth-child(4) a{
background: #4B765F;
border-color: #4B765F;
color: #fff;
}
#coupon #pagenav_area li:nth-child(5) a{
background: #8FBAC0;
border-color: #8FBAC0;
color: #fff;
}
#coupon #pagenav_area li:nth-child(6) a{
background: #973E43;
border-color: #973E43;
color: #fff;
}
#coupon .cnt_area{
margin: 0 auto 120px;
}
#coupon .cnt_area .contents_in{
max-width: 1066px;
}
#coupon #limited_coupon {
background: url("../img/coupon/bg_red.png") repeat-y top center;
background-size: 100% auto;
margin: 0 auto;
padding: 120px 0;
}
#coupon #food_coupon {
background: url("../img/coupon/bg_yellow.png") repeat-y top center;
background-size: 100% auto;
margin: 0 auto;
padding: 120px 0;
}
#coupon #line_coupon {
background: url("../img/coupon/bg_green.png") repeat-y top center;
background-size: 100% auto;
margin: 0 auto;
padding: 120px 0;
}
#coupon #apli_coupon {
background: url("../img/coupon/bg_blue.png") repeat-y top center;
background-size: 100% auto;
margin: 0 auto;
padding: 120px 0 150px;
}
#coupon #web_coupon {
background: url("../img/coupon/bg_pink.png") repeat-y top center;
background-size: 100% auto;
margin: 0 auto;
padding: 120px 0 150px;
}
#coupon .cnt_area h2{
background: #000;
color: #fff;
font-size:20px;
font-weight: bold;
padding: 16px 25px;
margin: 0 auto 50px;
border-radius: 2px;
}
#coupon .cnt_area .cnt_box{
display: flex;
align-items: start;
justify-content: space-between;
margin: 0 auto;
padding-bottom: 150px;
}
#coupon .cnt_area .cnt_box:last-child{
padding-bottom: 0;
}
#coupon .cnt_area .cnt_box .cnt_img{
max-width: 366px;
width: 34.34%;
}
#coupon .cnt_area .cnt_box .cnt_text{
max-width: 670px;
width: 62.86%;
}
#coupon .cnt_area .cnt_box .cnt_text .title{
font-weight: 700;
font-size: 20px;
line-height: 29px;
/* letter-spacing: -0.05em; */
margin: 0 auto 10px;
}
#coupon .cnt_area .cnt_box .cnt_text .sub_title{
font-weight: 600;
font-size: 16px;
line-height: 28px;
margin: 0 auto 15px;
position: relative;
display: inline-block;
}
#coupon .cnt_area .cnt_box .cnt_text .sub_title span{
position: relative;
z-index: 1;
}
#coupon .cnt_area .cnt_box .cnt_text .sub_title::after{
content: "";
width: 100%;
height: 12px;
background: #BD7B2E;
position: absolute;
bottom: 4px;
left: 0;
transform: skewX(-30deg);
opacity: 0.2;
}
#coupon .cnt_area .cnt_box .cnt_text dl{
font-size: 16px;
line-height: 30px;
margin: 0 auto 20px;
}
#coupon .cnt_area .cnt_box .cnt_text dl div{
display: flex;
align-items: start;
margin: 0 auto 5px;
}
#coupon .cnt_area .cnt_box .cnt_text dl dt{
width: 80px;
margin-right: 10px;
position: relative;
}
#coupon .cnt_area .cnt_box .cnt_text dl dt::after{
content: ":";
line-height: 28px;
position: absolute;
top: 0;
right: 0;
}
#coupon .cnt_area .cnt_box .cnt_text dl dd{
width: calc(100% - 80px - 10px);
}
#coupon .cnt_area .cnt_box .cnt_text p{
font-size: 16px;
line-height: 24px;
}
#coupon .cnt_area .cnt_box .cnt_text .btn_ptn01{
margin: 20px 0;
}
#coupon .cnt_area .cnt_box .cnt_text .btn_ptn01 a{
background: #A33741;
color: #fff;
display: inline-block;
text-align: center;
padding: 14px 60px;
font-size: 16px;
text-decoration: none;
position: relative;
}
#coupon .cnt_area .cnt_box .cnt_text .btn_ptn01 a::after{
content: ">";
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
}
#coupon .cnt_area .cnt_box .cnt_text .btn_ptn02 a{
background: #00B900;
}
#coupon #limited_coupon h2{
background: #CB2A38;
}
#coupon #limited_coupon .cnt_box .cnt_text .sub_title::after{
background: #CB2A38;
}
#coupon #food_coupon h2{
background: #BD7B2E;
}
#coupon #food_coupon .cnt_box .cnt_text .sub_title::after{
background: #BD7B2E;
}
#coupon #line_coupon h2{
background: #4B765F;
}
#coupon #line_coupon .cnt_box .cnt_text .sub_title::after{
background: #4B765F;
}
#coupon #apli_coupon h2{
background: #8FBAC0;
}
#coupon #apli_coupon .cnt_box .cnt_text .sub_title::after{
background: #8FBAC0;
}
#coupon #web_coupon h2{
background: #973E43;
}
#coupon #web_coupon .cnt_box .cnt_text .sub_title::after{
background: #973E43;
}