@charset "UTF-8";
.contents { overflow: hidden; }
/*img{width: 100%;}*/

figure{position: relative;}

.f-50{font-size: 50%;}
.f-60{font-size: 60%;}
.f-70{font-size: 70%;}
.f-80{font-size: 80%;}
.f-90{font-size: 90%;}
.f-110{font-size: 110%;}
.f-120{font-size: 120%;}
.f-130{font-size: 130%;}
.f-140{font-size: 140%;}
.f-150{font-size: 150%;}
.f-160{font-size: 160%;}
.f-170{font-size: 170%;}
.f-180{font-size: 180%;}
.f-190{font-size: 190%;}
.f-200{font-size: 200%;}
.f-210{font-size: 210%;}
.f-220{font-size: 220%;}
.f-230{font-size: 230%;}
.f-240{font-size: 240%;}

sup{
font-size: 10px;
vertical-align: super;
}
.small_txt{
font-size: 10px;
}

.contents {
font-feature-settings: "palt";
}
#main_Wrap {
position: relative;
}
#main_Wrap h2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: clamp(23px, 3.333333333333333vw, 40px);
color: #fff;
text-shadow: 0px 0px 12px #000000;
letter-spacing: 0.12em;
font-family: "Cinzel", serif;
font-weight: lighter;
width: 100%;
text-align: center;
}
.head_bg {
position: relative;
}
.head_bg {
}
.head_bg > .bg_img {
position: absolute;
top: 0;
left: 0;
width: 50%;
max-width: 600px;
z-index: 1;
}

.page_head {
position: relative;
width: 94%;
margin: 0 auto;
padding: 80px 0 70px;
text-align: center;
}
.page_head h3 {
font-size: clamp(18px,2.166666666666667vw,26px);
line-height: 1.8;
letter-spacing: 0.12em;
color: #333;
}
.page_head h6{
width: 80%;
max-width: 526px;
margin: 2em auto;
}

.page_head p{
font-size: clamp(16px, 1.833333333333333vw, 20px);
line-height: 2;
}
.sec_head {
text-align: center;
}
.sec_head h3 {
font-size: clamp(18px,2.166666666666667vw,26px);
line-height: 1.8;
letter-spacing: 0.12em;
color: #162e3a;
}
.sec_head h6 {
}
.sec_head p {
font-size: clamp(16px, 1.833333333333333vw, 20px);
line-height: 2;
letter-spacing: 0.12em;
}

.body_copy {
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.8;
}
.sec_ttl.center {
text-align: center;
}
.sec_ttl h3 {
display: flex;
align-items: center;
color: #604927;
font-size: clamp(18px,1.833333333333333vw,22px);
letter-spacing: 0.12em;
}
.sec_ttl h3:after {
content: "";
flex-grow: 1;
height: 1px;
background: #604927;
margin:0 0 0 .4em;
}
.sec_ttl h4 {
font-size: clamp(18px,2vw,24px);
letter-spacing: 0.12em;
line-height: 1.6;
padding-top: 1em;
}
.sec_ttl p {
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.8;
}
.text h3{
font-size: clamp(18px, 1.916666666666667vw, 23px);
}
.text p{
font-size: clamp(14px,1.142857142857143vw,16px);
line-height: 1.8;
}



.sec01 {
display: flex;
margin: 0 auto 120px;
}
.sec01 > figure {
width: 39.5%;
}

.sec01 .side {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 60.5%;
padding: 0 6.607142857142857%;
}
/*
@media screen and (min-width: 1401px) {
.sec01 .side {
width: 100%;
max-width: 800px;
padding: 0 0 0 6.607142857142857%;
}
}
*/


.sec01 .sec_ttl {
}
.sec01 .sec_ttl p {
padding-top: 1em;
font-size: 16px;
}
.sec01 h3 {
}
.sec01 br {
}
.sec01 .side .flex {
justify-content: space-between;
align-items: flex-end;
margin: 0 auto 0;
}
.sec01 .side .flex figure{
width: 51.359516616314199%;
}
.sec01 .side .flex p{
width: 41.389728096676737%;
}
.sec01 .side div.balcony,
.sec01 .side div.openair{
margin: 1.5vw auto 0;
}

.sakura {
max-width: 800px;
margin: 2vw auto 0 0;
position: relative;
}
.sakura figure {
}
.sakura span {
position: absolute;
top: 28%;
left: 66.5%;
transform: translate(0, 0);
width: 33.534743202416918%;
}

.sec02 {
width: 100%;
background:url(../img/hamamachi_bg.jpg)top center no-repeat;
background-size: cover;
padding: 120px 0;
}
.sec02 {
}
.sec02 .sec_ttl {
}
.sec02 h3 {
width: 60%;
max-width: 342px;
margin: 0 auto 0;
}
.sec02 p {
text-align: center;
font-size: clamp(16px, 1.833333333333333vw, 20px);
line-height: 1.6;
letter-spacing: 0.12em;
padding-top: 1.5em;
}
.sec02 br {
}
.sec02 .img_list {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 94%;
max-width: 970px;
margin: 60px auto 0;
}
.sec02 figure {
width: 22.680412371134021%;
}
.sec02 figure:nth-of-type(1),
.sec02 figure:nth-of-type(3) {
padding-top: 60px;
}

.sec03 {
width: 100%;
background:url(../img/history_bg.jpg)top center no-repeat;
background-size: cover;
/*padding: 16.830357142857143% 0;*/
padding: 7% 0 8%;
}

.history_box {
width: 55.166666666666667%;
}
.history_box .sec_ttl {
}
.history_box h3 {
}
.history_box h4 {
}
.history_box .inner_box {
width: 66.163141993957704%;
}
.history_box .inner_box figure{
margin: 2em auto 1em;
}
.history_box .body_copy {
}

.sec04 {
width: 100%;
background:url(../img/area_bg.jpg)top center no-repeat;
background-size: cover;
padding: 120px 0;
}
.sec04 .flex {
gap:2em 3em;
}
.sec04 .sec_ttl {
width: 50%;
}
.sec04 .sec_ttl p{
padding-top: 1.5em;
}

.sec04 figure {
width: 50%;
}
.sec05 {
background: #000;
padding: 0 0 120px;
}
.sec05 .sec05_head {
position: relative;
z-index: 1;
margin: 0 auto 100px;
}
.sec05_head > span{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
}
.sec05 .sec_head {
padding: 120px 0;
z-index: 1;
}
.sec05 .sec_head h3 {

}
.sec05 .sec_head h6 {
width: 90%;
max-width: 520px;
margin: 0 auto;
}
.sec05 .sec_head p {
color: #c1aa73;
padding: 2em 0 0;
}

.contents_box {
}
.contents_box:not(:first-of-type) {
margin: 100px auto 0;
}
.contents_box.con_sec01{
}
.contents_box .sec_ttl {
margin: 0 auto 40px;
}
.contents_box.con_sec01 .sec_ttl h3 {
color: #c1aa73;
}
/*
.contents_box.con_sec01 .sec_ttl h3:after {
background: #fff;
}
*/
.contents_box.con_sec01 .sec_ttl h4 {
color: #fff;
}
.contents_box br {
}
.contents_box .type_01 {
justify-content: space-between;
align-items: flex-end;
}
.contents_box.con_sec01 .type_03 .text {
color: #fff;
}
.contents_box.con_sec01 .type_03 .text h3 {
font-size: clamp(20px, 2.166666666666667vw, 26px);
padding-bottom: 0.5em;
}
.contents_box.con_sec01 .type_03 .text h4 {
font-size: clamp(20px, 2.166666666666667vw, 26px);
letter-spacing: 0.1em;
padding-bottom: 0.5em;
}
.contents_box.con_sec01 .type_03 .text h4 .f-240 {
font-family: "Cinzel", serif;
font-weight: lighter;
}
.contents_box.con_sec01 .type_03 .text h4 .f-240 {
font-family: "Cinzel", serif;
font-weight: lighter;
}
.contents_box.con_sec01 .type_03 p {
font-size: clamp(14px,1.142857142857143vw,16px);
line-height: 1.8;
}
.contents_box .type_01 ul {
display: flex;
justify-content: space-between;
width: 73.166666666666667%;
}
.contents_box .type_01 li {
width: 32.232346241457859%;
}
.contents_box .type_01 figure {
}


.contents_box .type_02 ul {
display: flex;
justify-content: space-between;
width: 100%;
}
.contents_box .type_02 li {
width: 31.666666666666667%;
}
.contents_box .type_02 li{
text-align: center;
color: #fff;
}
.contents_box .type_02 li h4{
font-size: clamp(18px, 1.916666666666667vw, 23px);
padding-top: 0.5em;
}

.contents_box .type_02 li h4 .f-240{
font-family: "Cinzel", serif;
font-weight: lighter;
}


.contents_box {
}
.contents_box.con_sec01 .sec_ttl h3:after {
background: #c1aa73;
}
.contents_box.con_sec01 .sec_ttl h4 {
padding-top: 0;
}
.contents_box.con_sec03 .sec_ttl h3 {
color: #c1aa73;
}
.contents_box.con_sec03 .sec_ttl h3:after {
background: #c1aa73;
}
.contents_box.con_sec02 .sec_ttl h4 {
color: #fff;
}
.contents_box.con_sec03 .sec_ttl h4 {
color: #fff;
padding-top: 0;
}
.contents_box.con_sec04 .sec_ttl h4 {
color: #fff;
}
.contents_box.con_sec01 .type_03,
.contents_box.con_sec03 .type_03 {
justify-content: space-between;
}
.contents_box.con_sec01 .type_03 > figure{
width: 47.5%;
}
/*
.contents_box.con_sec03 .type_03 > figure{
width: 47.5%;
}
*/
.contents_box.con_sec03 .type_03 > .figbox{
width: 47.5%;
}
.contents_box.con_sec03 .type_03 > .figbox .small_txt{
color: #fff;
line-height: 1.3;
padding-top: 1em;
}


.contents_box.con_sec01 .type_03 .text_block{
width: 47.5%;
}
.contents_box.con_sec01 .type_03 .text_block,
.contents_box.con_sec03 .type_03 .text_block {
width: 47.5%;
}
/*
.contents_box.con_sec03 .type_03 .text_block {
text-align: center;
width: 100%;
}
*/
.contents_box.con_sec03 .type_03 .text_block .text{

}
.contents_box.con_sec03 .type_03 .text_block .text h3{
}
.contents_box.con_sec03 .type_03 .text_block .text p{
color: #fff;
padding-top: 1em;
}
.contents_box.con_sec03 .type_03 .text_block .list{
color: #fff;
margin: 1em 0 0;
}
.contents_box.con_sec03 .type_03 .text_block .list span{
position: relative;
display: inline-block;
color: #000;
padding: 0.5em;
z-index: 1;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: 600;
}
.contents_box.con_sec03 .type_03 .text_block .list span::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1.3em;
height: 1.3em;
transform: translate(-50%,-50%);
background: #c1aa73;
border-radius: 50%;
z-index: -1;
}
.contents_box.con_sec03 .type_04{
margin: 60px auto 0;
}
.contents_box.con_sec03 .type_04 ul{
justify-content: space-between;
flex-wrap: wrap;
gap: 2em 0;
}
.contents_box.con_sec03 .type_04 ul li{
width: 47.5%;
display: flex;
justify-content: space-between;
}
.contents_box.con_sec03 .type_04 ul li > figure{
width: 46.315789473684211%;
}
.contents_box.con_sec03 .type_04 ul li > div{
width: 49.824561403508772%;
}
.contents_box.con_sec03 .type_04 ul li > .text{
color: #fff;
}
.contents_box.con_sec03 .type_04 ul li > .text h4{
font-size: clamp(18px,1.583333333333333vw,19px);
}
.contents_box.con_sec03 .type_04 ul li > .text p{
padding-top: 1em;
}
.contents_box.con_sec03 .type_04 p.small_txt{
padding-top: 4em;
color: #fff;
line-height: 1.4;
}

.contents_box.con_sec04 .type_05 ul{
justify-content: space-between;
flex-wrap: wrap;
gap: 3em 0;
}
.contents_box.con_sec04 .type_05 ul li{
width: 31.666666666666667%;
}

.contents_box.con_sec04 .type_05 ul li > .text{
color: #fff;
padding-top: 1em;
}
.contents_box.con_sec04 .type_05 ul li > .text h4{
line-height: 1.4;
}
.contents_box.con_sec04 .type_05 ul li > .text p{
padding-top: 1em;
}

.sec06 {
margin: 0 auto 100px;
padding: 100px 0 0;
}
.sec06 .cat_box {

}
.sec06 .cat_box:not(:first-of-type) {
margin: 100px auto 0;
}
.sec06 .cat_ttl {
margin: 0 auto 60px;
}
.sec06 .cat_ttl h3 {
display: flex;
align-items: center;
color: #998b6b;
font-size: clamp(24px,3.333333333333333vw,40px);
font-family: "Cinzel", serif;
font-weight: lighter;
letter-spacing: 0.2em;
}
.sec06 .cat_ttl h3::before {
content: "";
flex-grow: 1;
height: 1px; /* 線の太さを変えたいときはここを変える */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#998b6b+0,998b6b+100&1+70,1+70,0+100 */
background: linear-gradient(to right,  rgba(153,139,107,1) 0%,rgba(153,139,107,1) 70%,rgba(153,139,107,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
margin:0 .4em 0 0; 
}
.sec06 .cat_ttl h3::after {
content: "";
flex-grow: 1;
height: 1px; /* 線の太さを変えたいときはここを変える */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#998b6b+0,998b6b+100&0+0,1+30,1+30 */
background: linear-gradient(to right,  rgba(153,139,107,0) 0%,rgba(153,139,107,1) 30%,rgba(153,139,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
margin:0 0 0 .4em; 
}
.sec06 .cat_ttl p {
text-align: center;
font-size: clamp(20px,2.166666666666667vw,26px);
padding-top: 1.5em;
letter-spacing: 0.08em;
line-height: 1.6;
}

.sec06 .inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sec06 .mainimg {
width: 35%;
}
.sec06 .mainimg figure {
}
.sec06 .mainimg img {
}
.sec06 .img_list {
width: 62.5%;
}
.sec06 .img_list ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap:26px 0;
}
.sec06 li {
width: 48%;
}
.sec06 li figure {
}
.sec06 li p {
}
.sec06 .text {
display: flex;
flex-direction: column;
gap:0.25em;
padding-top: 0.75em;
}
.sec06 .text h4 {
}
.sec06 .text p {
}

.sec06 {
}
.sec06 .cat_box {
}
.sec06 .cat_ttl {
}
.sec06 h3 {
}
.sec06 p {
}
.sec06 .inner {
}
.sec06 .life_info {
width: 100%;
}
.sec06 .life_info:not(:first-of-type) {
margin: 50px auto 0;
}

.sec06 .life_info h4 {
color: #998b6b;
font-size: clamp(18px, 1.916666666666667vw, 23px);
font-family: "Cinzel", serif;
font-weight: lighter;
letter-spacing: 0.2em;
padding-bottom: 0.8em;
}
.sec06 .life_info .flex {
justify-content: space-between;
width: 100%;

}
.sec06 .life_info .flex .info_box {
width: 46.8%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 8px 0;
}
.sec06 dl {
display: flex;
justify-content: space-between;
width: 100%;
padding: 8px 1em;
}

.sec06 dd {
}
.sec06 dt {
}

#history,
#access {
padding-top: 100px;
margin-top: -100px;
}


.gold{
color: #c1aa73;
}

.shop_area {
padding: 80px 0 100px;
}
.shop_area .shop_box:not(:first-of-type) {
margin: 80px auto 0;
}
.shop_area .shop_box.addmg{
margin: 160px auto 0;
}


.shop_area .shop_ttl {
width: 94%;
margin: 0 auto 60px;
text-align: center;
letter-spacing: 0.06em;
}
.shop_area .shop_ttl h3 {
font-size: clamp(21px,3vw,36px);
color: #c1aa74;

}
.shop_area .shop_ttl h3.cinzel {
font-family: "Cinzel", serif;
font-size: clamp(36px,4.166666666666666vw,50px);
}


.shop_area .shop_ttl p {
color: #fff;
font-size: clamp(16px,1.666666666666667vw,20px);
line-height: 1.8;
}
.shop_area .shop_ttl h3 + p {
padding-top: 1.25em;
}

.shop_area .shop_map {
width: 94%;
max-width: 580px;
margin: 0 auto;
}
.shop_area .shop_list {
width: 94%;
max-width: 1000px;
margin: 50px auto 60px;
}
.shop_area .shop_list ul {
/*
display: flex;
flex-wrap: wrap;
*/
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
row-gap: 20px;
column-gap: 30px;
}
.shop_area .shop_list li {
display: flex;
align-items: center;
width: fit-content;
}
.shop_area .shop_list li p {
color: #fff;
letter-spacing: 0.06em;
white-space: nowrap;
}
.shop_area .shop_list li span {
display: inline-block;
color: #fff;
padding: 0.25em 0.45em;
margin-right: 0.65em;
}
.shop_area .shop_list li span.yellow {
background: #ddac4a;
}
.shop_area .shop_list li span.green {
background: #81b07f;
}
.shop_area .shop_list li span.blue{
background: #588cad;
}
.shop_area .shop_list li span.red{
background: #c96773;
}
.shop_area .shop_list li span.purple{
background: #837da0;
}
.shop_area .shop_list li span.gray{
background: #808080;
}
.shop_area .comingsoon p {
opacity: 0.3;
}

.shop_cat {
width: 94%;
max-width: 1200px;
margin: 0 auto 60px;
}
.shop_cat ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap:60px 0; 
}
.shop_cat li {
display: flex;
justify-content: space-between;
flex-direction: column;
text-align: center;
}
.shop_cat li:nth-child(1),
.shop_cat li:nth-child(2){
width: 45%;
}
.shop_cat li:nth-child(n+3){
width: 30%;
}

.shop_cat .category {
width: 100%;
margin: 0 auto 1.25em;
}
.shop_cat .category h4 {
display: flex;
align-items: center;
color: #fff;
font-size: 20px;
}

.shop_cat .category h4:before,
.shop_cat .category h4:after {
content: "";
flex-grow: 1;
height: 3px;
}

.shop_cat .category h4:before {
margin:0 .5em 0 0;
}
.shop_cat .category h4:after {
margin:0 0 0 .5em;
}
.shop_cat .category h4.yellow:before,
.shop_cat .category h4.yellow::after{
background: #ddac4a;
}
.shop_cat .category h4.green:before,
.shop_cat .category h4.green::after {
background: #81b07f;
}
.shop_cat .category h4.blue:before,
.shop_cat .category h4.blue::after{
background: #588cad;
}
.shop_cat .category h4.red:before,
.shop_cat .category h4.red::after{
background: #c96773;
}
.shop_cat .category h4.purple:before,
.shop_cat .category h4.purple::after{
background: #837da0;
}
.shop_cat .category h4 + h4{
padding-top: 0.5em;
}
.shop_cat .category p {
color: #fff;
padding-top: 1em;
}
.coming_2f {
margin: 40px auto 0;
}
.coming_2f p {
text-align: center;
color: #fff;
font-size: clamp(16px,1.666666666666667vw,20px);
padding: 0.85em 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
opacity: 0.3;
}


.shop_img {
position: relative;
}
.shop_img::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
width: 100%;
height: 100px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c1aa74+0,71603a+100 */
background: linear-gradient(to right,  #c1aa74 0%,#71603a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.shop_img ul {
position: relative;
width: 100%;
}
.shop_img ul.ulo {
margin-bottom: 7.5%;
}
.shop_img ul.central {
margin-top: 14%;
}
.shop_img ul.marriott {
display: flex;
margin-top: 0;
}

.shop_img ul.ulo li:nth-child(1) {
width: 55.833333333333333%;
margin: 0 0 0 auto;
}
.shop_img ul.ulo li:nth-child(2) {
position: absolute;
top: 50%;
left: 0;
width: 38.333333333333333%;
}

.shop_img ul.central li:nth-child(1) {
width: 50.333333333333333%;
margin: 0 0 0 auto;
}
.shop_img ul.central li:nth-child(2) {
position: absolute;
top: 50%;
left: 0;
width: 44.166666666666667%;
transform: translate(0,-100%);
}

.shop_img ul.marriott li:nth-child(1) {
width: 35%;
margin: 0 5.833333333333333% 0 0;
}
.shop_img ul.marriott li:nth-child(2) {
width: 50.833333333333333%;
}

.shop_area > p.small_txt{
width: 94%;
max-width: 1200px;
margin: 60px auto 0;
color: #fff;
line-height: 1.4;
}


#notes_Area {
background: unset;
}
/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (min-width: 768px) and (max-width: 1024px) {






}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
.contents {
padding: 0;
}
.page_head {
padding: 60px 0 50px;
}
.page_head p {
padding: 30px 0 0;
text-align: center;
}
.page_head h6 {
margin: 2em auto 0;
}
.sec01 {
flex-wrap: wrap;
margin: 0 auto 60px;
}
.sec01 > figure {
width: 100%;
}
.sec01 .side {
width: 94%;
margin: 30px auto 0;
padding: 0;
}
.sec01 .side .flex {
flex-wrap: wrap;
margin: 2em auto;
}
.sec01 .side .flex figure {
width: 100%;
margin: 0 auto 1em;
}
.sec01 .side .flex p {
width: 100%;
}
.sec01 .side div:not(:first-of-type) {
    margin: 20px auto 0;
}
.sec01 .side .balcony{
margin: 1em auto;
}
.sec01 .side .openair{
margin: 1em auto 2em;
}
.sec01 .side p.body_copy {
margin: 1em auto 0;
}
.sec02 {
padding: 60px 0;
}
.sec03 {
width: 100%;
background: unset;
background-size: cover;
background-color:#f2ebdd;
background-blend-mode:lighten;
}
.history_box {
width: 100%;
}
.history_box .inner_box {
width: 100%;
}
.history_box .inner_box figure {
    margin: 1em auto 1em;
}
.history_box .inner_box figure.sp {
    margin: 1em auto 0;
}
.sec04 {
padding: 60px 0;
}
.sec04 .flex {
flex-wrap: wrap;
gap: 1em 0;
}
.sec04 .sec_ttl {
width: 100%;
order: 1;
}
.contents_box .sec_ttl {
margin: 0 auto 30px;
}

.sec04 figure {
width: 100%;
order: 2;
}
.sec05 {
padding: 0 0 60px;
}
.sec05 .sec_head {
padding: 50px 0;
z-index: 1;
}
.sec05 .sec05_head {
margin: 0 auto 10px;
}
.sec05_head > span {
opacity: 0.45;
}
.sec05 .sec_head h6 {
    filter: drop-shadow(0px 0px 2px #000);
}
.contents_box .type_01 {
flex-wrap: wrap;
}

.contents_box .type_01 .text {
width: 100%;
margin: 0 auto 2em;
}
.contents_box .type_01 ul {
flex-wrap: wrap;
width: 100%;
gap:1em;
}
.contents_box .type_01 li {
width: 100%;
}
.contents_box:not(:first-of-type) {
margin: 60px auto 0;
}
.contents_box .type_02 ul {
flex-wrap: wrap;
gap:2em;
}
.contents_box .type_02 li {
width: 100%;
}
.contents_box.con_sec01 .type_03,
.contents_box.con_sec03 .type_03 {
flex-wrap: wrap;
}
.contents_box.con_sec03 .type_03 .text_block .text p {
    text-align: left;
}

.contents_box.con_sec01 .type_03 .text h3 {
    text-align: center;
}
.contents_box.con_sec01 .type_03 .text h4 {
    text-align: center;
}
.contents_box.con_sec01 .type_03 .text_block,
.contents_box.con_sec03 .type_03 .text_block {
width: 100%;
}
/*
.contents_box.con_sec01 .type_03 figure {
width: 100%;
margin-bottom: 1em;
}
*/
.contents_box.con_sec03 .type_03 .figbox {
width: 100%;
margin-top: 1em;
}
.contents_box.con_sec03 .type_03 figure {
width: 100%;
margin-top: 2em;
}
.contents_box.con_sec03 .type_03 .text_block .text h3 {
    font-size: 22px;
}
.contents_box.con_sec03 .type_04 {
    margin: 30px auto 0;
}
.contents_box.con_sec03 .type_04 ul li {
width: 100%;
flex-wrap: wrap;
gap:1em;
}
.contents_box.con_sec03 .type_04 ul li > figure {
width: 100%;
}
.contents_box.con_sec03 .type_04 ul li > div {
width: 100%;
}
.contents_box.con_sec03 .type_04 ul li > .text h4 {
 text-align: center;
}
.contents_box.con_sec04 .type_05 ul {
gap: 2em 0;
}
.contents_box.con_sec04 .type_05 ul li {
width: 100%;
}
.contents_box.con_sec03 .type_03 .text_block .list {
font-size: 12px;
letter-spacing: 0.08em;
}
.contents_box.con_sec04 .type_05 ul li > .text h4{
text-align: center;
}
.contents_box.con_sec04 .type_05 ul li > .text h4 {
font-size: 18px;
}
.sec06 {
margin: 0 auto 60px;
padding: 60px 0 0;
}
.sec06.last {
margin: 0 auto 0;
}
.sec06 .inner {
gap: 26px 0;
}
.sec06 .cat_ttl {
margin: 0 auto 30px;
}
.sec06 .text.flex_sp {
display: flex;
flex-direction: unset;
align-items: baseline;
padding-top: 0.65em;
}
.sec06 .text.flex_sp h4{
margin-right: 1em;
}
.sec06 .text h4 {
font-size: 14px;
line-height: 1.4;
}
.sec06 .mainimg {
width: 100%;
order: 1;
}
.sec06 .img_list {
width: 100%;
order: 2;
}
.sec06 .life_info .flex {
flex-wrap: wrap;
}
.sec06 .life_info .flex .info_box {
width: 100%;
border-top: unset;
border-bottom: unset;
padding: 8px 0 0;
}
.sec06 dl {
font-size: 13px;
padding: 8px 0;
}
.sec06 .life_info h4 {
text-align: center;
letter-spacing: 0.2em;
padding-bottom: 0.5em;
border-bottom: 1px solid #ccc;
}
.sec06 .life_info:not(:first-of-type) {
margin: 30px auto 0;
}

.shop_area {
    padding: 60px 0 40px;
}
.shop_area .shop_ttl {
    margin: 0 auto 30px;
}
.shop_area .shop_ttl h3 {
    line-height: 1.3;
}
.shop_area .shop_list {
    margin: 30px auto 40px;
}
.shop_area .shop_list ul {
display: flex;
flex-wrap: wrap;
gap: 14px 1em;
}
.shop_area .shop_list li {
    width: fit-content;
    font-size: 14px;
}
.shop_cat ul {
    gap: 40px 0;
}
.shop_cat li:nth-child(1),
.shop_cat li:nth-child(2){
 width: 100%;
}
.shop_cat li:nth-child(n+3){
 width: 100%;
}
.shop_area .shop_ttl p {
    text-align: left;
}
.shop_area .shop_box:not(:first-of-type) {
    margin: 60px auto 0;
}
.shop_area .shop_box.addmg {
    margin: 60px auto 0;
}
.shop_img ul.ulo li:nth-child(1) {
    width: 100%;
    margin: 0;
}
.shop_img ul.ulo li:nth-child(2) {
    position: unset;
    top: unset;
    left: unset;
    width: calc(38.333333333333333% * 2);
    margin: 1em 0 0 auto;
}
.shop_img ul.central li:nth-child(1) {
    width: 100%;
    margin: 0;
}
.shop_img ul.central li:nth-child(2) {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    /*width: calc(44.166666666666667% * 2);*/
    width: calc(38.333333333333333% * 2);
    margin: 1em 0 0;
}
.shop_img ul.central {
margin-top: 0%;
}
.shop_img ul.ulo {
    margin-bottom: 0%;
}
.shop_img ul.marriott {
   flex-wrap: wrap;
}
.shop_img ul.marriott li:nth-child(1) {
    width: 70%;
    margin: 0 auto;
}
.shop_img ul.marriott li:nth-child(2) {
    width: 100%;
    margin: 1em 0 0;
}
.shop_area > p.small_txt {
    margin: 30px auto 0;
}

}