@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;
}
.ori-sp-container{
width:100%;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
overflow:hidden;
zoom:1;
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:#222;
}
.f-min{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.ori-sp-container br.brake{
display:block;
}
.ori-sp-container br.sp-brake{
display:none;
}
.ori-sp-container .flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
clear:both;
}
.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 .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;
}
.ori-sp-container .font-bold{
font-weight:bold;
}
.clear-area{
clear:both;
}


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

.main-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-sp{
display:none;
}
.main-container{
width:100%;
height:764px;
margin:0 auto;
text-align:center;
position:relative;
}
.main-inner{
padding-top:20px;
margin-left:1.1%;
margin-right:1.1%;
}
.main-slide-area{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.main-slide-box{
width:49%;
}
.main-slide-box .slide-bg-1,
.main-slide-box .slide-bg-2{
border-radius:20px;
width:100%;
height:670px;
background-size:cover;
background-repeat:no-repeat;
background-position:top center;
}
.main-slide-box .slide-bg-1{
/*background-image:url(/special/travel/cp_okinawa_2026/images/main_img_col1_1.jpg);*/
}
.main-slide-box .slide-bg-2{
/*background-image:url(/special/travel/cp_okinawa_2026/images/main_img_col2_1.jpg);*/
}
.main-flower-left,
.main-flower-right{
position:absolute;
top:0;
}
.main-flower-left{
left:0;
}
.main-flower-right{
right:0;
}
.main-title{
position:absolute;
top:20px;
width:100%;
left:auto;
margin:0 auto;
text-align:center;
}
.main-title-box{
width:100%;
margin:0 auto;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
height:672px;
}
.main-title-box>h2{
width:100%;
margin:0 auto;
text-align:center;
}
.main-en{
position:absolute;
bottom:0;
left:auto;
width:100%;
margin:0 auto;
text-align:center;
}
.main-en>div{
width:100%;
margin:0 auto;
text-align:center;
}
@media screen and (min-width: 769px) and (max-width: 1100px){
}
@media screen and (min-width: 248px) and (max-width: 768px){
.main-container{
height:80vh;
}
.main-inner{
padding-top:2%;
margin-left:2%;
margin-right:2%;
}
.main-slide-area{
display:block;
width:100%;
margin:0 auto;
text-align:center;
}
.main-slide-box{
width:100%;
margin-bottom:10px;
}
.main-inner .main-slide-box:nth-child(2){
margin-bottom:0px;
}
.main-slide-box .slide-bg-1,
.main-slide-box .slide-bg-2{
height:40vh;
}
.main-flower-left,
.main-flower-right{
display:none;
}
.main-title-box{
height:80vh;
}
.main-title-box>h2 img{
width:350px;
height:auto;
}
.main-en{
display:none;
}
}

.en-wrap{
width:90%;
	margin-top:70px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
text-align:center;
display:none;
}
.en-wrap img{
max-width:100%;
height:auto;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.en-wrap{
display:block;
}
}

.summary-wrap{
width:100%;
margin:0 auto;
text-align:center;
padding-top:190px;
padding-bottom:140px;
}
.summary-wrap img{
max-width:100%;
height:auto;
}
.summary-container{
width:1200px;
margin:0 auto;
text-align:center;
position:relative;
}
.summary-map{
position:absolute;
z-index:10;
top:-40px;
left:32%;
}
.summary-row{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.summary-img{
width:53%;
}
.summary-text{
width:40%;
}
.summary-img>p{
width:100%;
margin:0 auto;
text-align:center;
}
.summary-text-box{
padding-right:70px;
text-align:left;
height:550px;
vertical-align:middle;
display:table-cell;
}
.summary-text-box-inner>h3{
font-size:26px;
line-height:100%;
color:#e684c4;
margin-bottom:45px;
letter-spacing: .15rem;
font-weight:normal;
}
.summary-text-box-inner>p{
font-size:18px;
line-height:230%;
color:#666;
letter-spacing: .09rem;
text-align: justify;
}
@media screen and (min-width: 769px) and (max-width: 1199px){
.summary-container{
width:1010px;
}
.summary-text{
width:43%;
}
.summary-text-box-inner>h3{
font-size:22px;
letter-spacing: .1rem;
}
.summary-text-box-inner>p{
font-size:16px;
line-height:220%;
letter-spacing: 0rem;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.summary-wrap{
padding-top:40px;
padding-bottom:70px;
}
.summary-container{
width:94%;
}
.summary-map{
display:none;
}
.summary-row{
display: block;
}
.summary-img{
width:100%;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.summary-text{
width:100%;
}
.summary-text-box{
padding-right:0px;
height:auto;
		display:block;
		text-align:center;
}
.summary-text-box-inner>h3{
font-size:20px;
line-height:140%;
margin-bottom:20px;
}
.summary-text-box-inner>p{
font-size:15px;
line-height:180%;
text-align:center;
}
}



.reverse{
overflow:hidden;
width:100%;
line-height:0;
}
.reverse-track{
display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
  transform: translate3d(0,0,0);
  animation: marquee var(--duration, 60s) linear infinite;
  animation-play-state: paused;
}
.reverse-inner{
  display:flex;
  flex-wrap: nowrap;
line-height:0;
flex-shrink:0;
}
.slider__item{
  flex:0 0 auto;
	line-height:0;
	margin:0 50px;
}
.slider__item img{
  display:block;
  height:auto;
max-width: 100%;
}
.reverse-inner .slider__item:nth-child(1),
.reverse-inner .slider__item:nth-child(5){
padding-top:10px;
}
.reverse-inner .slider__item:nth-child(2),
.reverse-inner .slider__item:nth-child(6){
padding-top:75px;
}
.reverse-inner .slider__item:nth-child(3),
.reverse-inner .slider__item:nth-child(7){
padding-top:22px;
}
/* 右→左に流したいなら 0 → -50% が基本で安定 */
@keyframes marquee{
  from { transform: translate3d(-50%,0,0); }
  to   { transform: translate3d(0,0,0); }
}
.reverse-track.is-rev{
  animation-name: marquee-rev;
}
/* JSでクラス付けたら動かす */
.reverse-track.is-ready{
  animation-play-state: running;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.slider__item{
margin:0 20px;
}
}


.nv-wrap{
width:100%;
margin:0 auto;
text-align:center;
padding-top:130px;
padding-bottom:230px;
}
.nv-wrap img{
max-width:100%;
height:auto;
}
.nv-container{
width:660px;
margin:0 auto;
text-align:center;
}
.nv-title{
margin-bottom:60px;
}
.nv-title>h4{
width:100%;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:top center;
background-image:url(/special/travel/cp_okinawa_2026/images/nv_title_line.png);
}
.nv-title>h4 p{
line-height:100%;
color:#7d93a0;
font-weight:normal;
letter-spacing: .15rem;
padding:20px 0px;
font-size:16px;
text-align:center;
}
.nv>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nv>ul li{
width:25%;
}
.nv-box{
width:100%;
margin:0 auto;
text-align:center;
}
.nv-box a{
display:block;
text-decoration:none;
text-align:center;
color:#e684c4;
position: relative;
}
.nv-box a>p{
line-height:100%;
margin-bottom:10px;
letter-spacing: .1rem;
font-size:18px;
}
.nv-box a>span{
display:block;
line-height:100%;
letter-spacing: .1rem;
font-size:12px;
}
.nv-box a::before{
content: "";
position: absolute;
bottom:-55%;
left: 50%;
width: 6px;
height: 6px;
display: block;
margin: auto;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
transition: 0.3s ease;
border-top: 1px solid #e684c4;
border-left: 1px solid #e684c4;
transform-origin:left top;
transform-origin:0 0;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.nv-wrap{
padding-top:70px;
padding-bottom:80px;
}
.nv-container{
width:94%;
}
.nv-title{
margin-bottom:30px;
}
.nv-title>h4 p{
padding:22px 0px;
font-size:14px;
}
.nv>ul li{
width:49%;
margin-bottom:30px;
}
.nv-box a>p{
font-size:16px;
}
}



.menu-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-wrap img{
max-width:100%;
height:auto;
}
.bg-wave-top,
.bg-wave-bottom{
background-repeat:no-repeat;
}
.bg-wave-top{
background-position:top center;
background-image:url(/special/travel/cp_okinawa_2026/images/bg_wave_top.png);
height:230px;
}
.bg-wave-bottom{
background-position:bottom center;
background-image:url(/special/travel/cp_okinawa_2026/images/bg_wave_bottom.png);
height:184px;
}
.menu-container{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-container.wave{
background-color:#ecf9fd;
}
.menu-container.no-wave{
padding-top:240px;
padding-bottom:180px;
}
.menu-container.no-wave-last{
padding-top:240px;
padding-bottom:80px;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.bg-wave-top{
background-position:top center;
background-image:url(/special/travel/cp_okinawa_2026/images/bg_wave_top.png);
height:180px;
}
.bg-wave-bottom{
background-position:bottom center;
background-image:url(/special/travel/cp_okinawa_2026/images/bg_wave_bottom.png);
height:150px;
}
.menu-container.no-wave{
padding-top:120px;
padding-bottom:90px;
}
.menu-container.no-wave-last{
padding-top:120px;
padding-bottom:40px;
}
}

.submain-wrap{
width:100%;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.submain-wrap img{
max-width:100%;
height:auto;
}
.submain-container{
position:relative;
height:615px;
}
.submain-base{
position:absolute;
width:70%;
height:563px;
top:50px;
right:0px;
z-index:0;
background-color:#fff;
border-top-left-radius: 150px;
border-bottom-left-radius: 150px;
}
.submain-base.water{
background-color:#ecf9fd;
}

.submain-box{
position:absolute;
width:100%;
top:0;
left:auto;
z-index:5;
}
.submain-box .row{
width:1200px;
margin:0 auto;
text-align:center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.submain-img{
width:56%;
}
.submain-text{
width:36%;
}
.submain-img>p{
width:100%;
margin:0 auto;
text-align:center;
}
.submain-img>p img{
border-radius:30px;
}
.submain-text-box{
position:relative;
padding-top:50px;
}
.submain-map{
position:absolute;
top:0;
right:0;
z-index:5;
}
.submain-text-inner{
text-align:left;
height:563px;
vertical-align:middle;
display:table-cell;
}
.submain-text-inner-box>h3{
font-size:36px;
line-height:100%;
margin-bottom:40px;
color:#e684c4;
	letter-spacing: .1rem;
}
.submain-text-inner-box>p{
font-size:22px;
line-height:100%;
margin-bottom:20px;
color:#444;
letter-spacing: .1rem;
font-weight:bold;
}
.submain-text-inner-box>span{
display:block;
font-size:16px;
line-height:210%;
color:#666;
text-align: justify;
}
.submain-title-sp{
width:94%;
margin-bottom:25px;
text-align:center;
display:none;
}
.submain-title-sp>h3{
font-size:30px;
line-height:100%;
color:#e684c4;
letter-spacing: .1rem;
}
@media screen and (min-width: 769px) and (max-width: 1199px){
.submain-base{
width:80%;
}
.submain-box .row{
width:1010px;
}
.submain-text{
width:38%;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.submain-box .row{
width:94%;
display:block;
}
.submain-container{
height:auto;
}
.submain-base{
display:none;
}
.submain-box{
position:static;
}
.submain-img{
width:100%;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.submain-text{
width:100%;
}
.submain-text-box{
background-color:#fff;
border-radius:20px;
padding:15px;
}
.submain-text-box.water{
background-color:#ecf9fd;
}
.submain-map{
position:static;
width:100%;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.submain-text-inner{
height:auto;
display:block;
}
.submain-text-inner-box>h3{
display:none;
}
.submain-text-inner-box>p{
font-size:16px;
line-height:140%;
margin-bottom:15px;
}
.submain-text-inner-box>span{
font-size:14px;
line-height:180%;
}
.submain-title-sp{
display:block;
}
}

.fac-wrap{
width:1010px;
margin:0 auto;
text-align:center;
padding-top:100px;
}
.fac-wrap img{
max-width:100%;
height:auto;
}
.fac-title{
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:70px;
text-align:center;
}
.fac-title>p{
margin-bottom:15px;
}
.fac-title>h4{
font-size:20px;
color:#7d93a0;
letter-spacing: .15rem;
font-weight:normal;
position:relative;
}
.fac-title>h4::before,
.fac-title>h4::after{
content: "";
position: absolute;
top:45%;
width:25px;
height:2px;
background-repeat:no-repeat;
background-image:url(/special/travel/cp_okinawa_2026/images/fac_title_line.png);
}
.fac-title>h4::before{
left:38%;
background-position:left center;
}
.fac-title>h4::after{
right:38%;
background-position:right center;
}
.fac-pickup{
position:relative;
margin-bottom:40px;
}
.fac-pickup-balloon{
position:absolute;
top:-30px;
left:10px;
z-index:10;
}
.fac-pickup-box{
border:2px solid #ccedf7;
background-color:#fff;
border-radius:30px;
box-sizing:border-box;
}
.fac-pickup-inner{
padding:40px 50px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.fac-pickup-img{
width:390px;
}
.fac-pickup-text{
width:450px;
}
.fac-pickup-img-box{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
}
.fac-pickup-img-box img{
border-radius:25px;
}
.fac-pickup-acc{
position: absolute;
width:100%;
margin:0 auto;
text-align:center;
bottom:-5%;
left:0;
z-index:5;
}
.fac-pickup-acc-box{
width:94%;
margin:0 auto;
text-align:center;
background-color:#5699c1;
border-radius:50px;
}
.fac-pickup-acc-box>p{
text-align:left;
padding-left:5px;
padding-right:10px;
}
.fac-pickup-acc-box>p span{
display:block;
background-repeat:no-repeat;
background-position:left center;
background-image:url(/special/travel/cp_okinawa_2026/images/icon_acc.png);
padding-left:35px;
	line-height:100%;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:40px;
color:#fff;
font-weight:bold;
font-size:14px;
}
.fac-pickup-text-box{
width:450px;
height:370px;
vertical-align:middle;
display:table-cell;
}
.fac-pickup-text-box-inner{
text-align:left;
}
.fac-pickup-area{
border-bottom:1px solid #ddd;
margin-bottom:25px;
padding-bottom:20px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.fac-pickup-area>p{
font-size:13px;
color:#666;
line-height:100%;
}
.fac-pickup-area>p:nth-child(1){
text-align:left;
}
.fac-pickup-area>p:nth-child(2){
text-align:right;
}
.fac-pickup-name{
margin-bottom:25px;
}
.fac-pickup-name>p{
color:#5699c1;
font-size:22px;
font-weight:bold;
}
.fac-pickup-read{
margin-bottom:25px;
}
.fac-pickup-read>p{
color:#666;
font-size:16px;
}
.fac-pickup-icon{
margin-bottom:30px;
}
.fac-pickup-icon>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.fac-pickup-icon>ul li{
width: 96px;
margin-right:10px;
}
.fac-pickup-icon>ul li p{
width:100%;
margin:0 auto;
text-align:center;
border-radius:100px;
}
.fac-pickup-icon>ul li p.bath{
background-color:#f9bc6c;
}
.fac-pickup-icon>ul li p.pool{
background-color:#86c9f0;
}
.fac-pickup-icon>ul li p.kids{
background-color:#8dd06f;
}
.fac-pickup-icon>ul li p span{
display:block;
color:#fff;
line-height:100%;
font-size:12px;
padding:10px 6px;
}
.fac-pickup-acc{
margin-bottom:30px;
}
.fac-pickup-acc>p{
font-weight:bold;
padding-left:40px;
padding-top:6px;
padding-bottom:6px;
background-repeat:no-repeat;
background-position:left center;
background-image:url(/special/travel/cp_okinawa_2026/images/icon_acc.png);
font-size:16px;
}

.fac-list>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.fac-list>ul li{
padding-right:25px;
padding-bottom:25px;
}
.fac-list>ul li:nth-child(3n){
padding-right:0;
}
.fac-list-box{
width:320px;
margin:0 auto;
text-align:center;
}
.fac-list-frame{
border:2px solid #ccedf7;
border-radius:30px;
	box-sizing:border-box;
	background-color:#fff;
}
.fac-list-img{
padding-top:6px;
padding-left:6px;
padding-right:6px;
position:relative;
}
.fac-list-acc{
position: absolute;
width:100%;
margin:0 auto;
text-align:center;
bottom:10px;
left:0;
z-index:5;
}
.fac-list-acc-box{
width:94%;
margin:0 auto;
text-align:center;
background-color:#5699c1;
border-radius:50px;
}
.fac-list-acc-box>p{
text-align:left;
padding-top:6px;
padding-left:4px;
padding-bottom:6px;
padding-right:10px;
}
.fac-list-acc-box>p span{
display:block;
background-repeat:no-repeat;
background-position:left center;
background-image:url(/special/travel/cp_okinawa_2026/images/icon_acc_s.png);
padding-left:30px;
padding-top:6px;
padding-bottom:6px;
line-height:100%;
color:#fff;
font-weight:bold;
font-size:12px;
}
.fac-list-img img{
border-radius:20px;
}
.fac-list-img>p{
width:100%;
margin:auto;
text-align:center;
}
.fac-list-text{
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
text-align:left;
}
.fac-list-area{
border-bottom:1px solid #ddd;
margin-bottom:20px;
padding-bottom:15px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.fac-list-area>p{
font-size:12px;
color:#666;
line-height:100%;
}
.fac-list-area>p:nth-child(1){
text-align:left;
}
.fac-list-area>p:nth-child(2){
text-align:right;
}
.fac-list-name{
margin-bottom:15px;
}
.fac-list-name>p{
color:#5699c1;
font-size:18px;
font-weight:bold;
line-height:130%;
height:2.5em;
}
.fac-list-read{
margin-bottom:25px;
}
.fac-list-read>p{
color:#666;
		font-size:14px;
		height:3.2em;
}
.fac-list-icon{
	margin-bottom:0px;
height:40px;
overflow:hidden;
}
.fac-list-icon>ul{
/*margin-bottom:15px;/*
/*height:30px;*/
}
.fac-list-icon>ul li{
	float:left;
	padding-right:5px;
}
.fac-list-icon>ul li p{
text-align:center;
border-radius:100px;
}
.fac-list-icon>ul li p.bath{
background-color:#f9bc6c;
}
.fac-list-icon>ul li p.pool{
background-color:#86c9f0;
}
.fac-list-icon>ul li p.kids{
background-color:#8dd06f;
}
.fac-list-icon>ul li p span{
display:block;
color:#fff;
line-height:100%;
font-size:12px;
text-align:center;
	padding:8px 14px;
	white-space:nowrap;
}
.buttun-area{
	clear:both;
width:100%;
margin:0 auto;
text-align:center;
}
.buttun-L,
.buttun-S{
margin:0 auto;
text-align:center;
}
.buttun-L{
width:195px;
}
.buttun-S{
width:175px;
}
.buttun-L a,
.buttun-S a{
display:block;
width:100%;
margin:0 auto;
text-align:center;
text-decoration:none;
border-radius:100px;
transition: 0.5s ease;
background-color:#e684c4;
}
.buttun-L a>p,
.buttun-S a>p{
text-align:center;
font-size:14px;
color:#fff;
line-height:100%;
position:relative;
}
.buttun-L a>p{
padding:20px 10px;
}
.buttun-S a>p{
padding:15px 10px;
}
.buttun-L a>p::before,
.buttun-S a>p::before{
content: "";
position: absolute;
top:45%;
right: 20px;
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s ease;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transition: 0.5s ease;
}
.buttun-L a:hover>p::before,
.buttun-S a:hover>p::before{
right: 10px;
transition: 0.5s ease;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.fac-wrap{
width:94%;
padding-top:50px;
}
.fac-wrap img{
max-width:100%;
height:auto;
}
.fac-title{
margin-bottom:40px;
}
.fac-title>p{
margin-bottom:10px;
}
.fac-title>h4{
font-size:16px;
}
.fac-title>h4::before{
left:15%;
}
.fac-title>h4::after{
right:15%;
}
.fac-pickup{
margin-bottom:30px;
}
.fac-pickup-balloon{
top:-30px;
left:10px;
}
.fac-pickup-balloon img{
width:80px;
height:auto;
}
.fac-pickup-box{
border-radius:25px;
}
.fac-pickup-inner{
padding:20px 20px;
display:block;
}
.fac-pickup-img{
width:100%;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.fac-pickup-text{
width:100%;
}
.fac-pickup-acc-box>p span{
font-size:13px;
}
.fac-pickup-text-box{
width:100%;
height:auto;
display:block;
}
.fac-pickup-area{
margin-bottom:20px;
padding-bottom:15px;
}
.fac-pickup-area>p{
font-size:12px;
}
.fac-pickup-name{
margin-bottom:20px;
}
.fac-pickup-name>p{
font-size:18px;
}
.fac-pickup-read{
margin-bottom:20px;
}
.fac-pickup-read>p{
font-size:14px;
}
.fac-pickup-icon{
margin-bottom:20px;
}
.fac-pickup-icon>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.fac-pickup-acc{
margin-bottom:25px;
}
.fac-pickup-acc>p{
padding-left:40px;
padding-top:7px;
padding-bottom:7px;
font-size:14px;
}



.fac-list>ul{
display: block;
}
.fac-list>ul li{
padding-right:0;
}
.fac-list-area{
margin-bottom:15px;
}
.fac-list-name{
margin-bottom:15px;
}
.fac-list-name>p{
font-size:18px;
height:auto;
}
.fac-list-read{
margin-bottom:20px;
}
.fac-list-read>p{
height:auto;
}
.fac-list-icon{
margin-bottom:15px;
}
.fac-list-icon>ul{
height:auto;
}
}








@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%;
}

}