@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

#ori-sp-wrapper a:hover{
filter:alpha(opacity=90);
-moz-opacity: .9;
opacity: .9;
}
/*position: stickyが効かないためoverflow:hidden解除*/
#ori-sp-wrapper,
.ori-sp-wrapper,
.ori-sp-container{
overflow:visible;
}
.ori-sp-container{
width:100%;
padding-bottom:40px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;*/
/*font-weight:500;*/
	color:#333;
background-position:center top;
background-repeat:repeat;
background-image:url(/special/travel/cp_summerresort_2026/images/bg_contents.jpg);
}
.ori-sp-container .font-mincho{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 500;
}

.ori-sp-container br.brake{
display:block;
}
.ori-sp-container br.sp-brake{
display:none;
}
.ori-sp-container .key-color-ptn1{
color:#d21d5c;
}
.ori-sp-container .key-color-ptn2{
color:#2a3e61;
}
.ori-sp-container .key-color-ptn3{
color:#ff5400;
}
.ori-sp-container .key-color-ptn4{
color:#fff;
}
.ori-sp-container .container-1010{
width:1010px;
margin:0 auto;
text-align:center;
}
.ori-sp-container .al-center{
width:100%;
margin:0 auto;
text-align:center;
}
.ori-sp-container .al-left{
text-align:left;
}
.ori-sp-container .al-right{
text-align:right;
}
.ori-sp-container .disp-pc{
display:block;
}
.ori-sp-container .disp-sp{
display:none;
}
.ori-sp-container .flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
clear:both;
}
.ori-sp-container .float-left-ptn1{
width:50%;
float:left;
}
.ori-sp-container .float-right-ptn1{
width:50%;
float:right;
text-align:right;
}
.ori-sp-container .color-white{
color:white;
}
.ori-sp-container .color-green{
color:#458565;
}
.ori-sp-container .color-red{
color:#b60014;
}
.ori-sp-container .color-pink{
color:#e02c2e;
}
.ori-sp-container .color-red2{
color:#fd0505;
}
.ori-sp-container .font-12{
font-size:12px;
}
.ori-sp-container .font-14{
font-size:14px;
}
.ori-sp-container .font-15{
font-size:15px;
}
.ori-sp-container .font-16{
font-size:16px;
}
.ori-sp-container .font-18{
font-size:18px;
}
.ori-sp-container .font-20{
font-size:20px;
}
.ori-sp-container .font-22{
font-size:22px;
}
.ori-sp-container .font-24{
font-size:24px;
}
.ori-sp-container .font-26{
font-size:26px;
}
.ori-sp-container .font-28{
font-size:28px;
}
.ori-sp-container .font-36{
font-size:36px;
}
.clear-area{
clear:both;
}

.vegas-timer-progress{
display:none;
}

.main-wrap{
width:100%;
margin:0 auto;
text-align:center;
height:832px;
background-position:left top;
background-repeat:repeat-x;
background-image:url(/special/travel/cp_summerresort_2026/images/bg_main.png);
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-sp{
display:none;
}
.main-img{
width:100%;
margin:0 auto;
text-align:center;
}
.main-container{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
}
.main-slide{
padding-top:40px;
/*padding-left:4%;
padding-right:4%;*/
width:95%;
margin:0 auto;
text-align:center;
}
.main-slide .slide{
background-position:center top;
background-repeat:no-repeat;
/*background-image:url(/special/travel/cp_summerresort_2026/images/img_main_1.jpg);*/
background-size:cover;
height:790px;
width:100%;
border-radius:40px;
}
.main-en{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:10px;
left:auto;
}
.main-en .inner-en{
width:100%;
margin:0 auto;
text-align:center;
}
.main-en img{
opacity:0.9;
}
.main-title{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:40px;
left:auto;
}
.main-title .inner-title{
width:100%;
margin:0 auto;
height:790px;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}
.main-title .inner-title>h2{
width:100%;
margin:0 auto;
text-align:center;
}

@media screen and (min-width: 769px) and (max-width: 1086px){
.main-slide{
width:98%;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.main-wrap{
height:60vh;
background-image:none;
}
.main-slide{
padding-top:0px;
width:100%;
}
.main-slide .slide{
height:60vh;
border-radius:0px;
background-position:right top;
}
.main-title{
top:0px;
}
.main-title .inner-title{
width:94%;
height:60vh;
}
}


.summary-wrap{
width:100%;
margin:0 auto;
text-align:center;
padding-top:160px;
padding-bottom:140px;
}
.summary-wrap img{
max-width:100%;
height:auto;
}
.bg-summary-left,
.bg-summary-right{
height:831px;
}
.bg-summary-left{
background-position:top left;
background-repeat:no-repeat;
background-image:url(/special/travel/cp_summerresort_2026/images/bg_summary_left.png);
}
.bg-summary-right{
background-position:top right;
background-repeat:no-repeat;
background-image:url(/special/travel/cp_summerresort_2026/images/bg_summary_right.png);
}
.summary-container{
width:1244px;
padding-top:40px;
padding-bottom:40px;
	position:relative;
	margin:0 auto;
	text-align:center;
}
.summary-container .img-left,
.summary-container .img-right{
position:absolute;
	top:160px;
	z-index:1;
}
.summary-container .img-left{
left:0;
}
.summary-container .img-right{
right:0;
}
.summary-container .frame{
position:absolute;
top:30px;
width:100%;
margin:0 auto;
	text-align:center;
	z-index:3;
}
.summary-container .frame-inner{
width:740px;
height:740px;
margin:0 auto;
text-align:center;
background-position:center center;
background-repeat:no-repeat;
background-image:url(/special/travel/cp_summerresort_2026/images/summary_frame.jpg);
border-radius:100%;
background-size:cover;
display: flex;
justify-content: center;
align-items: center;
}
.summary-container .frame-text{
width:100%;
margin:0 auto;
text-align:center;
}
.summary-container .frame-text>h3{
margin-bottom:40px;
}
.summary-container .frame-text>h3 span{
color:#fff;
display:block;
line-height:100%;
font-size:30px;
font-weight:normal;
letter-spacing: .15rem;
}
.summary-container .frame-text>h3 span:nth-child(1){
margin-bottom:20px;
}
.summary-container .frame-text>p{
color:#fff;
line-height:220%;
font-size:18px;
letter-spacing: .15rem;
}
@media screen and (min-width: 769px) and (max-width: 1243px){
.summary-container{
width:1010px;
}
.summary-container .img-left,
.summary-container .img-right{
z-index:5;
}
.summary-container .img-left{
left:-5%;
}
.summary-container .img-right{
right:-5%;
}
.su
}
@media screen and (min-width: 248px) and (max-width: 768px){
.summary-wrap{
padding-top:80px;
padding-bottom:70px;
}
.bg-summary-left,
.bg-summary-right{
height:auto;
background-image:none;
}
.summary-container{
width:94%;
padding-top:0;
padding-bottom:0;
}
.summary-container .img-left,
.summary-container .img-right{
position:static;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.summary-container .img-left{
margin-bottom:20px;
}
.summary-container .img-right{
margin-top:20px;
}
.summary-container .frame{
position:static;
}
.summary-container .frame-inner{
width:100%;
height:50vh;
border-radius:30px;
}
.summary-container .frame-text>h3{
margin-bottom:20px;
}
.summary-container .frame-text>h3 span{
font-size:22px;
letter-spacing: 0rem;
}
.summary-container .frame-text>h3 span:nth-child(1){
margin-bottom:10px;
}
.summary-container .frame-text>p{
line-height:180%;
font-size:14px;
letter-spacing: 0rem;
}
}



.nv-wrap{
width:100%;
margin:0 auto;
text-align:center;
padding-bottom:230px;
}
.nv-wrap img{
max-width:100%;
height:auto;
}
.nv-title{
width:100%;
text-align:center;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
}
.nv-title>span{
display:block;
margin-bottom:10px;
}
.nv-title>p{
line-height:100%;
color:#949393;
font-size:16px;
letter-spacing: .15rem;
}
.nv-container{
width:572px;
margin:0 auto;
text-align:center;
}
.nv-container ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nv-container ul li{
width: 135px;
margin-bottom:10px;
}
.nv-container ul li a{
display:block;
text-decoration:none;
}
.nv-row{
width: 100%;
margin:0 auto;
text-align:center;
}
.nv-col{
width: 135px;
position:relative;
}
.nv-col>p{
color:#53b7ad;
letter-spacing: .15rem;
font-size:17px;
margin-bottom:8px;
line-height:100%;
}
.nv-col>span{
display:block;
color:#53b7ad;
letter-spacing: .15rem;
font-size:13px;
line-height:100%;
}
.nv-ballon{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
bottom:-40px;
left:0;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.nv-wrap{
padding-bottom:100px;
}
.nv-title{
margin-bottom:20px;
}
.nv-container{
width:94%;
}
.nv-container ul li{
width:33%;
margin-bottom:0px;
}
.nv-col{
width:100%;
}
.nv-col>p{
letter-spacing:0rem;
font-size:15px;
margin-bottom:5px;
}
.nv-col>span{
letter-spacing:0rem;;
font-size:12px;
}
.nv-ballon{

}
}





.menu-wrap{
width:100%;
margin-bottom:200px;
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
}
.menu-wrap:last-child{
margin-bottom:60px;
}
.menu-wrap img{
max-width:100%;
height:0 auto;
}
.menu-container{
width:100%;
margin:0 auto;
text-align:center;
}
.submain-wrap{
width:95%;
margin:0 auto;
text-align:center;
}
.submain-img-1,
.submain-img-2,
.submain-img-3{
width:100%;
margin:0 auto;
text-align:center;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
height:500px;
display: flex;
justify-content: center;
align-items: center;
border-radius:30px;
}
.submain-img-1{
background-image:url(/special/travel/cp_summerresort_2026/images/img_submain_1.jpg);
}
.submain-img-2{
background-image:url(/special/travel/cp_summerresort_2026/images/img_submain_2.jpg);
}
.submain-img-3{
background-image:url(/special/travel/cp_summerresort_2026/images/img_submain_3.jpg);
}
.submain-title>h3{
width:100%;
margin:0 auto;
text-align:center;
}
@media screen and (min-width: 769px) and (max-width: 1086px){
.submain-wrap{
width:98%;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-wrap{
margin-bottom:100px;
}
.menu-wrap:last-child{
margin-bottom:40px;
}
.submain-wrap{
width:100%;
}
.submain-img-1,
.submain-img-2,
.submain-img-3{
height:400px;
border-radius:0px;
}
}

.menu-summary{
width:100%;
margin:0 auto;
text-align:center;
padding-top:80px;
padding-bottom:150px;
}
.bg-menu-summary-left,
.bg-menu-summary-right{
background-repeat:no-repeat;
}
.bg-menu-summary-left{
background-position:top 40px left;
background-image:url(/special/travel/cp_summerresort_2026/images/bg_menu_summary_left.png);
}
.bg-menu-summary-right{
background-position:top 40px right;
background-image:url(/special/travel/cp_summerresort_2026/images/bg_menu_summary_right.png);
}
.menu-summary-container{
width:1085px;
margin:0 auto;
text-align:center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.menu-summary-img{
width:550px;
}
.menu-summary-text{
width:440px;
}
.menu-summary-img>p{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-summary-img>p img{
border-radius:30px;
}
.menu-summary-text-box{
height:450px;
vertical-align:middle;
display:table-cell;
text-align:left;
}
.menu-summary-text-box .ctach>h4{
color:#53b7ad;
font-size:28px;
font-weight:normal;
letter-spacing: .15rem;
margin-bottom:20px;
}
.menu-summary-text-box .read>p{
color:#444;
font-size:18px;
line-height:180%;
letter-spacing: .15rem;
	margin-bottom:30px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.menu-summary-text-box .add{
margin-bottom:15px;
}
.menu-summary-text-box .add>p,
.menu-summary-text-box .temp>p{
color:#444;
font-size:14px;
line-height:100%;
letter-spacing: .15rem;
padding-left:40px;
background-repeat:no-repeat;
background-position:left center;
padding-top:10px;
padding-bottom:10px;
}
.menu-summary-text-box .add>p{
background-image:url(/special/travel/cp_summerresort_2026/images/icon_photo.png);
}
.menu-summary-text-box .temp>p{
background-image:url(/special/travel/cp_summerresort_2026/images/icon_temp.png);
}
@media screen and (min-width: 769px) and (max-width: 1086px){
.menu-summary-container{
width:1010px;
}
.menu-summary-img{
width:520px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
	.menu-summary{
padding-top:40px;
padding-bottom:50px;
}
.bg-menu-summary-left{
background-position:top 150px left;
}
.bg-menu-summary-right{
background-position:top 150px right;
}
.menu-summary-container{
width:94%;
display:block;
}
.menu-summary-img{
width:100%;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.menu-summary-text{
width:100%;
margin:0 auto;
text-align:center;
}

.menu-summary-text-box{
height:auto;
display:block;
}
.menu-summary-text-box .ctach>h4{
color:#53b7ad;
font-size:22px;
letter-spacing: 0rem;
margin-bottom:15px;
}
.menu-summary-text-box .read>p{
font-size:16px;
line-height:160%;
letter-spacing: 0rem;
	margin-bottom:20px;
}
.menu-summary-text-box .add{
margin-bottom:15px;
}
.menu-summary-text-box .add>p,
.menu-summary-text-box .temp>p{
letter-spacing: 0rem;
}
}



.menu-list-wrap{
width:1085px;
margin:0 auto;
text-align:center;
}
@media screen and (min-width: 769px) and (max-width: 1086px){
.menu-list-wrap{
width:1010px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-list-wrap{
width:94%;
}
}

.menu-pickup{
margin-bottom:130px;
}
.menu-pickup-container{
background-color:#fff;
border-radius:30px;
box-shadow:0px 0px 20px #e4f4f1;
position:relative;
}
.menu-pickup-title{
position:absolute;
top:-65px;
width:100%;
margin:0 auto;
text-align:center;
left:auto;
}
.menu-pickup-title>h3{
width:170px;
margin:0 auto;
text-align:center;
}
.menu-pickup-title>h3 span{
display:block;
}
.menu-pickup-title>h3 p{
background-color:#f898e0;
border-radius:50px;
text-align:center;
}
.menu-pickup-title>h3 p strong{
display:block;
line-height:100%;
color:#fff;
font-size:18px;
padding:20px 10px;
letter-spacing: .15rem;
}

.menu-pickup-title-sp{
display:none;
}

.menu-pickup-type{
position:absolute;
top:0;
left:40px;
z-index:5;
width:177px;
}
.menu-pickup-type .type-box{
width:100%;
margin:0 auto;
text-align:center;
background-color:#45ad87;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.menu-pickup-type .type-box>p{
line-height:100%;
color:#fff;
text-align:center;
font-size:15px;
padding:30px 5px;
}

.menu-pickup-inner{
padding-top:50px;
padding-left:40px;
padding-right:40px;
padding-bottom:50px;
}
.menu-pickup-inner .row{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.menu-pickup-img{
width:480px;
}
.menu-pickup-summary{
width:480px;
}
.menu-pickup-img .slide-img{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-pickup-img img{
border-radius:30px;
}
.menu-pickup-summary .col{
width:480px;
text-align:left;
height:380px;
vertical-align:middle;
display:table-cell;
}
.menu-pickup-summary .area{
display: -webkit-flex;
display: flex;
justify-content: space-between;
border-bottom:1px solid #eee;
padding-bottom:17px;
margin-bottom:17px;
}
.menu-pickup-summary .area>p{
color:#666;
line-height:100%;
font-size:14px;
}
.menu-pickup-summary .area>p:nth-child(2){
text-align:right;
}
.menu-pickup-summary .name{
margin-bottom:15px;
}
.menu-pickup-summary .name>h4{
color:#45ad87;
font-size:24px;
line-height:140%;
}
.menu-pickup-summary .ctach{
margin-bottom:15px;
}
.menu-pickup-summary .ctach>p{
color:#444;
font-weight:bold;
font-size:18px;
}
.menu-pickup-summary .read{
margin-bottom:15px;
}
.menu-pickup-summary .read>p{
color:#444;
	font-size:14px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.menu-pickup-icon{
margin-bottom:15px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.menu-pickup-icon .type{
width:80%;
}
.menu-pickup-icon .map{
width:17%;
}
.menu-pickup-icon .type>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.menu-pickup-icon .type>ul li{
padding-right:10px;
}
.menu-pickup-icon .type>ul li:last-child{
padding-right:0px;
}
.menu-pickup-icon .type-box>p{
border:1px solid #81cdb1;
box-sizing:border-box;
border-radius:10px;
padding:8px 10px;
text-align:left;
color:#45ad87;
font-size:14px;
}
.menu-pickup-icon .type-box>p span{
display:block;
line-height:100%;
padding-left:30px;
padding-top:5px;
padding-bottom:5px;
background-repeat:no-repeat;
background-position:left center;
}
.menu-pickup-icon .type-box>p span.cnt{
background-image:url(/special/travel/cp_summerresort_2026/images/icon_pickup_type_cnt.png);
}
.menu-pickup-icon .type-box>p span.bbq{
background-image:url(/special/travel/cp_summerresort_2026/images/icon_pickup_type_bbq.png);
}
.menu-pickup-icon .type-box>p span.terrace{
background-image:url(/special/travel/cp_summerresort_2026/images/icon_pickup_type_terrace.png);
}
.menu-pickup-icon .map-btn{
width:100%;
margin:0 auto;
text-align:center;
background-color:#ab7a41;
border-radius:10px;
}
.menu-pickup-icon .map-btn>a{
display:block;
text-decoration:none;
padding:8px 10px;
background-repeat:no-repeat;
background-position:right 5px center;
background-image:url(/special/travel/cp_summerresort_2026/images/icon_map_blank.png);
}
.menu-pickup-icon .map-btn>a p{
font-size:12px;
line-height:100%;
color:#fff;
text-align:left;
padding-left:25px;
padding-top:8px;
padding-bottom:8px;
background-repeat:no-repeat;
background-position:left center;
background-image:url(/special/travel/cp_summerresort_2026/images/icon_map.png);
}
.menu-pickup-buttun>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.menu-pickup-buttun>ul li{
width:115px;
}
.menu-pickup-buttun .buttun-box{
width:100%;
display: flex;
justify-content: center;
align-items: center;
height:62px;
background-color:#f9a23b;
border-radius:15px;
}
.menu-pickup-buttun .buttun-box>a{
display:block;
text-decoration:none;
width:100%;
margin:0 auto;
text-align:center;
}
.menu-pickup-buttun .buttun-box>a p{
color:#fff;
text-align:center;
font-size:14px;
line-height:120%;
}
.menu-pickup-buttun .buttun-box>a p strong{
line-height:120%;
}
.menu-pickup-buttun .buttun-box>a p span{
font-weight:bold;
font-size:18px;
line-height:120%;
}
@media screen and (min-width: 769px) and (max-width: 1086px){
.menu-pickup-inner{
padding-left:15px;
padding-right:15px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
	.menu-pickup{
margin-bottom:60px;
}
.menu-pickup-title-sp{
display:block;
width:100%;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.menu-pickup-title-sp>h3{
width:170px;
margin:0 auto;
text-align:center;
}
.menu-pickup-title-sp>h3 span{
display:block;
}
.menu-pickup-title-sp>h3 p{
background-color:#f898e0;
border-radius:50px;
text-align:center;
}
.menu-pickup-title-sp>h3 p strong{
display:block;
line-height:100%;
color:#fff;
font-size:16px;
padding:20px 10px;
letter-spacing: .15rem;
}
.menu-pickup-container{
border-radius:20px;
}
.menu-pickup-title{
display:none;
}
.menu-pickup-type{
left:20px;
width:150px;
}
.menu-pickup-type .type-box{
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.menu-pickup-type .type-box>p{
font-size:13px;
padding:20px 5px;
}
.menu-pickup-inner{
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.menu-pickup-inner .row{
display:block;
}
.menu-pickup-img{
width:100%;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.menu-pickup-summary{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-pickup-img img{
border-radius:20px;
}
.menu-pickup-summary .col{
width:100%;
height:auto;
		display:block;
		padding-top:20px;
}
.menu-pickup-summary .area{
padding-bottom:15px;
margin-bottom:15px;
}
.menu-pickup-summary .area>p{
font-size:12px;
}
.menu-pickup-summary .name>h4{
font-size:20px;
}
.menu-pickup-summary .ctach>p{
font-size:16px;
}

.menu-pickup-icon{
margin-bottom:15px;
display:block;
}
.menu-pickup-icon .type{
width:100%;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.menu-pickup-icon .map{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-pickup-icon .type>ul li{
padding-right:5px;
padding-bottom:5px;
}
.menu-pickup-icon .type-box>p{
border-radius:10px;
padding:8px 10px;
font-size:12px;
}
.menu-pickup-icon .type-box>p span{
padding-left:28px;
padding-top:5px;
padding-bottom:5px;
}
.menu-pickup-icon .map-btn{
border-radius:10px;
}
.menu-pickup-icon .map-btn>a{
background-position:right 10px center;
}

.menu-pickup-buttun>ul li{
width:49%;
padding-bottom:5px;
}
.menu-pickup-buttun .buttun-box>a p{
font-size:14px;
}
.menu-pickup-buttun .buttun-box>a p span{
font-size:16px;
}

}


.menu-list-container{
background-color:#fff;
border-radius:30px;
box-shadow:0px 0px 20px #e4f4f1;
position:relative;
}
.menu-list-title{
position:absolute;
top:-65px;
width:100%;
margin:0 auto;
text-align:center;
left:auto;
}
.menu-list-title>h3{
width:170px;
margin:0 auto;
text-align:center;
}
.menu-list-title>h3 span{
display:block;
}
.menu-list-title>h3 p{
background-color:#53b792;
border-radius:50px;
text-align:center;
}
.menu-list-title>h3 p strong{
display:block;
line-height:100%;
color:#fff;
font-size:18px;
padding:20px 10px;
letter-spacing: .15rem;
}

.menu-list-title-sp{
display:none;
}

.menu-list-inner{
padding-top:50px;
padding-left:40px;
padding-right:40px;
padding-bottom:25px;
}
.menu-list-inner>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.menu-list-inner>ul li{
/*padding-right:25px*/;
padding-bottom:25px;
}
.menu-list-inner>ul li:nth-child(3n){
padding-right:0px;
}
.menu-list-box{
width:320px;
margin:0 auto;
text-align:center;
background-color:#ebfbee;
border-radius:25px;
}
.menu-list-img{
padding-top:5px;
padding-left:5px;
padding-right:5px;
}
.menu-list-img>p{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-list-img>p img{
border-radius:23px;
}
.menu-list-summary{
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
text-align:left;
}
.menu-list-summary .area{
margin-bottom:15px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.menu-list-summary .area>p{
color:#666;
line-height:100%;
font-size:12px;
}
.menu-list-summary .area>p:nth-child(2){
text-align:right;
}
.menu-list-summary .name{
margin-bottom:10px;
}
.menu-list-summary .name>p{
font-size:20px;
font-weight:bold;
color:#45ad87;
height:2.7em;
}
.menu-list-summary .read{
margin-bottom:15px;
}
.menu-list-summary .read>p{
font-size:14px;
color:#444;
	height:4em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.btn-area{
width:100%;
margin:0 auto;
text-align:center;
clear:both;
}
.buttun{
width:150px;
margin:0 auto;
text-align:center;
}
.buttun a{
display:block;
text-decoration:none;
width:100%;
margin:0 auto;
text-align:center;
border-radius:100px;
background-color:#f9a23b;
transition: 0.5s ease;
}
.buttun a>p{
text-align:center;
color:#fff;
font-size:14px;
padding:15px 10px;
position:relative;
line-height:100%;
}
.buttun a>p::before{
content: "";
position: absolute;
top:45%;
right: 20px;
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.5s ease;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.buttun a:hover{
transition: 0.5s ease;
/*background-color:#c2655f;*/
}
.buttun a:hover>p::before{
transition: 0.5s ease;
right: 10px;
}
@media screen and (min-width: 769px) and (max-width: 1086px){
.menu-list-inner{
padding-left:15px;
padding-right:15px;
}
.menu-list-box{
width:315px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-list-container{
border-radius:20px;
}
.menu-list-title{
display:none;
}
.menu-list-title-sp{
display:block;
width:100%;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.menu-list-title-sp>h3{
width:170px;
margin:0 auto;
text-align:center;
}
.menu-list-title-sp>h3 span{
display:block;
}
.menu-list-title-sp>h3 p{
background-color:#53b792;
border-radius:50px;
text-align:center;
}
.menu-list-title-sp>h3 p strong{
display:block;
line-height:100%;
color:#fff;
font-size:16px;
padding:20px 10px;
letter-spacing: .15rem;
}
.menu-list-inner{
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.menu-list-inner>ul{
display:block;
}
.menu-list-inner>ul li{
padding-bottom:20px;
}
.menu-list-box{
border-radius:20px;
}
.menu-list-img>p img{
border-radius:17px;
}
.menu-list-summary{
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.menu-list-summary .area{
margin-bottom:10px;
}
.menu-list-summary .name{
margin-bottom:15px;
}
.menu-list-summary .name>p{
font-size:18px;
height:auto;
}
.menu-list-summary .read>p{
height:auto;
}

}


.note-wrap{
width:1010px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.note-wrap>p{
text-align:left;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.note-wrap{
width:94%;
}
}

@media screen and (min-width: 248px) and (max-width: 768px){
.ori-sp-container{
padding-top:0px;
}
.ori-sp-container br.brake{
display:none;
}
.ori-sp-container br.sp-brake{
display:block;
}
.ori-sp-container .font-12{
font-size:10px;
}
.ori-sp-container .font-14{
font-size:12px;
}
.ori-sp-container .font-15{
font-size:13px;
}
.ori-sp-container .font-16{
font-size:14px;
}
.ori-sp-container .font-18{
font-size:16px;
}
.ori-sp-container .font-20{
font-size:18px;
}
.ori-sp-container .font-22{
font-size:20px;
}
.ori-sp-container .font-24{
font-size:22px;
}
.ori-sp-container .font-26{
font-size:24px;
}
.ori-sp-container .font-28{
font-size:26px;
}
.ori-sp-container .font-36{
font-size:30px;
}

.ori-sp-container .container-1010{
width:94%;
}
.ori-sp-container .flex{
display: block;
margin-bottom:10px;
}
.ori-sp-container .disp-pc{
display:none;
}
.ori-sp-container .disp-sp{
display:block;
}
.note-wrap{
width:94%;
}
}