.ori-sp-container{
width:100%;
margin:0 auto;
text-align:center;
}
#ori-sp-wrapper a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
#ori-sp-wrapper a.bl-text{
text-decoration:underline;
}
.ori-sp-container .main-container{
width:100%;
margin-top:20px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ori-sp-container .main-container img{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.ori-sp-container .nvi-container{
width:810px;
margin-bottom:40px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ori-sp-container .nvi-container .nv ul li{
float:left;
padding-right:30px;
font-size:0px;
}
.ori-sp-container .nvi-container .nv ul li:last-child{
padding-right:0px;
}
.ori-sp-container .nvi-container .nv ul li img{
max-width:100%;
height:auto;
}
.ori-sp-container .container-1010{
width:1010px;
margin:0 auto;
text-align:center;
}
.ori-sp-container .container-1030{
width:1030px;
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 .key-color-ptn1{
color:#AB694A;
}
.ori-sp-container .key-color-ptn2{
color:#FF3300;
}
.ori-sp-container .key-color-ptn3{
color:#A96CAC;
}
.ori-sp-container .key-color-ptn3{
color:#CA5250;
}
.ori-sp-container .float-left-ptn1{
width:550px;
float:left;
}
.ori-sp-container .float-right-ptn1{
width:440px;
float:right;
}
.ori-sp-container .float-left-ptn2{
width:240px;
float:left;
}
.ori-sp-container .float-right-ptn2{
width:130px;
float:right;
}
.ori-sp-container .float-left-ptn3{
width:50%;
float:left;
text-align:left;
}
.ori-sp-container .float-right-ptn3{
width:50%;
float:right;
text-align:right;
}
.ori-sp-container .btnM{
width:100%;
margin:0 auto:
text-align:center;
}
.ori-sp-container .btnM a{
display:block;
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_arrow.png);
background-color:#D7405E;
background-repeat:no-repeat;
background-position:right center;
text-align:center;
color:#fff;
padding:20px 15px;
font-size:18px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.ori-sp-container .menu-title{
width:100%;
margin:0 auto;
text-align:center;
}
.ori-sp-container .bg-menu-title-1,
.ori-sp-container .bg-menu-title-2{
background-repeat:repeat-x;
background-position:left center;
padding:25px 0px;
}
.ori-sp-container .bg-menu-title-1{
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_title_1.png);
}
.ori-sp-container .bg-menu-title-2{
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_title_2.png);
}
.ori-sp-container .poke-container{
margin-bottom:40px;
}
.ori-sp-container .poke-list ul li{
float:left;
padding-right:25px;
padding-bottom:25px;
}
.ori-sp-container .poke-list ul li:nth-child(3n){
padding-right:0px;
}
.ori-sp-container .poke-list ul li a{
text-decoration:none;
display:block;
}
.ori-sp-container .poke-list ul li .frame{
width:320px;
}
.ori-sp-container .poke-list ul li .inner{
border:1px solid #EFE2B4;
background-color:#FBF8EF;
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_fac_poke.png);
background-repeat:no-repeat;
background-position:right bottom;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.ori-sp-container .poke-list ul li .img-style{
position: relative;
width:318px;
height:205px;
}
.ori-sp-container .poke-list ul li .img-style .icon-poke{
width:85px;
height:35px;
z-index:100;
position: absolute;
right:0;
bottom:0;
}
.ori-sp-container .poke-list ul li .img-style .photo{
width:318px;
height:205px;
position: absolute;
left:0;
top:0;
}
.ori-sp-container .poke-list ul li .img-style .photo img{
max-width:100%;
height:auto;
}
.ori-sp-container .poke-list ul li .box{
padding:15px 14px;
text-align:left;
}
.ori-sp-container .poke-list ul li .area,
.ori-sp-container .poke-list ul li .name,
.ori-sp-container .poke-list ul li .info{
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_dotline.png);
background-repeat:repeat-x;
background-position:center bottom;
}
.ori-sp-container .poke-list ul li .area{
padding-bottom:10px;
margin-bottom:15px;
}
.ori-sp-container .poke-list ul li .area p{
font-size:12px;
padding:5px 0px;
background-image:url(/special/travel/cp_spring_sanpo_2018/images/icon_poke.png);
background-repeat:no-repeat;
background-position:right center;
}
.ori-sp-container .poke-list ul li .name{
padding-bottom:10px;
margin-bottom:15px;
font-size:16px;
color:#AB694A;
height:7em;
}
.ori-sp-container .poke-list ul li .info{
padding-bottom:10px;
margin-bottom:10px;
}
.ori-sp-container .poke-list ul li .info .cal,
.ori-sp-container .poke-list ul li .info .acc{
padding-top:5px;
padding-bottom:5px;
padding-left:34px;
margin-bottom:10px;
font-size:14px;
background-repeat:no-repeat;
background-position:left center;
}
.ori-sp-container .poke-list ul li .info .cal{
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_icon_cal.png);
}
.ori-sp-container .poke-list ul li .info .acc{
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_icon_acc.png);
}
.ori-sp-container .poke-list ul li .tokuten{
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_icon_tokuten.png);
background-repeat:no-repeat;
background-position:left center;
padding-top:5px;
padding-bottom:5px;
padding-left:34px;
font-size:16px;
color:#FF3300;
font-weight:bold;
}

.ori-sp-container .spot-container{
margin-bottom:10px;
}
.ori-sp-container .spot-container .lnvi{
margin-bottom:30px;
}
.ori-sp-container .spot-container .lnvi ul li{
float:left; 
padding-right:10px;
}
.ori-sp-container .spot-container .lnvi ul li:last-child{
padding-right:0px;
}
.ori-sp-container .spot-container .lnvi ul li img{
max-width:100%;
height:auto;
}
.ori-sp-container .spot-container .spot-title{
margin-bottom:30px;
}
.ori-sp-container .spot-box{
margin-bottom:30px;
}
.ori-sp-container .spot-box img{
max-width:100%;
height:auto;
}
.ori-sp-container .spot-box .spot-img img{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.ori-sp-container .spot-box .inner{
text-align:left;
}
.ori-sp-container .spot-box .catch{
margin-bottom:20px;
}
.ori-sp-container .spot-box .sub-catch{
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}
.ori-sp-container .spot-box .read{
font-size:14px;
margin-bottom:20px;
}
.ori-sp-container .spot-box .migoro{
font-size:16px;
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_dotline.png);
background-repeat:repeat-x;
background-position:center bottom;
padding-bottom:15px;
margin-bottom:15px;
}
.ori-sp-container .spot-box .migoro-title{
font-size:16px;
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_icon_flower.png);
background-repeat:no-repeat;
background-position:left center;
font-size:16px;
color:#A96CAC;
font-weight:bold;
padding-left:50px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;
}
.ori-sp-container .spot-box .migoro-text{
font-size:14px;
}
.ori-sp-container .spot-box .tokuten{
font-size:16px;
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_dotline.png);
background-repeat:repeat-x;
background-position:center bottom;
padding-bottom:15px;
margin-bottom:20px;
}
.ori-sp-container .spot-box .tokuten-box{
background-color:#FFFFCC;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 15px;
}
.ori-sp-container .spot-box .tokuten-text{
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_icon_circle_tokuten.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:65px;
padding-top:15px;
padding-bottom:15px;
font-size:18px;
color:#FF3300;
font-weight:bold;
}

/**fac-list**/
.ori-sp-container .fac-list{
width:100%;
margin-bottom:40px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ori-sp-container .fac-list ul li{
float:left;
padding-right:25px;
padding-bottom:25px;
}
.ori-sp-container .fac-list ul li a{
text-decoration:none;
display:block;
}
.ori-sp-container .fac-list ul li:nth-child(3n){
padding-right:0px;
}
.ori-sp-container .fac-list ul li .frame{
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_fac_1.png);
background-repeat:repeat;
background-position:center top;
width:320px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.ori-sp-container .fac-list ul li .inner{
margin:5px;
background-color:#fff;
background-image:url(/special/travel/cp_spring_sanpo_2018/images/bg_fac_2.png);
background-repeat:no-repeat;
background-position:right bottom;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.ori-sp-container .fac-list ul li .img-style img{
max-width:100%;
height:auto;
}
.ori-sp-container .fac-list ul li .box{
padding:15px 10px;
}
.ori-sp-container .fac-list ul li .area{
border-bottom:1px solid #DDD;
margin-bottom:10px;
padding-bottom:10px;
font-size:12px;
}
.ori-sp-container .fac-list ul li .name{
color:#D84F30;
font-size:16px;
height:4em;
text-align:left;
}
.ori-sp-container .fac-list ul li .summry{
border-top:1px solid #DDD;
padding-top:10px;
height:7.5em;
font-size:14px;
text-align:left;
}
.ori-sp-container .fac-list ul li .price{
border-top:1px solid #DDD;
padding-top:10px;
text-align:left;
}
.ori-sp-container .fac-list ul li .price dl{
width:100%;
}
.ori-sp-container .fac-list ul li .price dl dt{
width:35%;
background-color:#FF6600;
padding:5px;
text-align:center;
font-weight:bold;
color:#fff;
font-size:14px;
float:left;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.ori-sp-container .fac-list ul li .price dl dd{
width:60%;
padding-left:5%;
text-align:left;
font-weight:bold;
color:#FF3300;
float:left;
}
.ori-sp-container .fac-list ul li .price dl dd span.kakaku{
font-size:24px;
}
.ori-sp-container .fac-list ul li .price dl dd span.en{
font-size:18px;
}



.ori-sp-container,
.ori-sp-container .main-container,
.ori-sp-container .btnM,
.ori-sp-container .nvi-container,
.ori-sp-container .nvi-container .nv,
.ori-sp-container .container-1010,
.ori-sp-container .container-1030,
.ori-sp-container .al-center,
.ori-sp-container .al-left,
.ori-sp-container .al-right,
.ori-sp-container .menu-title,
.ori-sp-container .bg-menu-title-1,
.ori-sp-container .bg-menu-title-2,
.ori-sp-container .poke-container,
.ori-sp-container .poke-list ul li .frame,
.ori-sp-container .poke-list ul li .inner,
.ori-sp-container .poke-list ul li .box,
.ori-sp-container .poke-list ul li .area,
.ori-sp-container .poke-list ul li .name,
.ori-sp-container .poke-list ul li .info,
.ori-sp-container .spot-container,
.ori-sp-container .spot-container .lnvi,
.ori-sp-container .spot-box,
.ori-sp-container .spot-box .inner,
.ori-sp-container .spot-box .catch,
.ori-sp-container .spot-box .read,
.ori-sp-container .spot-box .tokuten-box,
.ori-sp-container .fac-list,
.ori-sp-container .fac-list ul li .frame,
.ori-sp-container .fac-list ul li .inner,
.ori-sp-container .fac-list ul li ul li .box,
.ori-sp-container .fac-list ul li .area,
.ori-sp-container .fac-list ul li .name,
.ori-sp-container .fac-list ul li .summry,
.ori-sp-container .fac-list ul li .price,
.ori-sp-container .fac-list ul li .price dl{
overflow:hidden;
zoom:1;
}
.ori-sp-container,
.ori-sp-container .main-container,
.ori-sp-container .nvi-container,
.ori-sp-container .container-1010,
.ori-sp-container .container-1030,
.ori-sp-container .al-center,
.ori-sp-container .al-left,
.ori-sp-container .al-right,
.ori-sp-container .menu-title,
.ori-sp-container .bg-menu-title-1,
.ori-sp-container .bg-menu-title-2,
.ori-sp-container .poke-container,
.ori-sp-container .spot-container,
.ori-sp-container .spot-container .lnvi,
.ori-sp-container .spot-container .spot-title,
.ori-sp-container .spot-box,
.ori-sp-container .fac-list,
.ori-sp-container .fac-list ul li .name,
.ori-sp-container .fac-list ul li .price dl{
clear:both;
}

@media screen and (min-width: 248px) and (max-width: 768px){
.ori-sp-container .main-container{
margin-bottom:10px;
}
.ori-sp-container .container-1010,
.ori-sp-container .container-1030{
width:98%;
}
.ori-sp-container .disp-pc{
display:none;
}
.ori-sp-container .disp-sp{
display:block;
}
.ori-sp-container .float-left-ptn1{
width:100%;
float:none;
margin-bottom:10px;
}
.ori-sp-container .float-right-ptn1{
width:100%;
float:none;
margin-bottom:10px;
}
.ori-sp-container .float-left-ptn2{
width:100%;
float:none;
margin-bottom:10px;
}
.ori-sp-container .float-right-ptn2{
width:100%;
float:none;
margin-bottom:10px;
}
.ori-sp-container .btnM{
width:100%;
}
.ori-sp-container .nvi-container{
width:100%;
}
.ori-sp-container .nvi-container .nv ul li{
width:50%;
padding-right:0px;
}
.ori-sp-container .nvi-container .nv ul li a{
display:block;
width:100%;
text-align:center;
}
.ori-sp-container .poke-list ul li{
float:none;
padding-right:0px;
text-align:center;
width:100%;
margin:0 auto;
}
.ori-sp-container .poke-list ul li .frame{
text-align:center;
margin:0 auto;
}
.ori-sp-container .poke-list ul li .name{
height:auto;
}
.ori-sp-container .spot-container .lnvi{
margin-left:auto;
margin-right:auto;
text-align:center;
width:100%;
}
.ori-sp-container .spot-container .lnvi ul li{
width:50%;
padding-right:0px;
}
.ori-sp-container .fac-list ul li{
float:none;
padding-right:0px;
text-align:center;
width:100%;
margin:0 auto;
}
.ori-sp-container .fac-list ul li .frame{
text-align:center;
margin:0 auto;
}
.ori-sp-container .fac-list ul li .name{
height:auto;
margin-bottom:10px;
padding-bottom:10px;
}
.ori-sp-container .fac-list ul li .summry{
height:auto;
margin-bottom:10px;
padding-bottom:10px;
}
.ori-sp-container span.brake{
display:block;
}
}