#ori-sp-wrapper a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.ori-sp-container{
width:100%;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
overflow:hidden;
zoom:1;
background-image:url(/special/travel/cp_sakura_2026/images/bg.png);
background-position:center top;
background-repeat:repeat;
}
.ori-sp-container .sakura-heder{
width:100%;
margin:0 auto;
text-align:center;
overflow:hidden;
zoom:1;
background-image:url(/special/travel/cp_sakura_2026/images/bg_sakura.png);
background-position:center top;
background-repeat:no-repeat;
}
.ori-sp-container br.brake{
display:block;
}
.ori-sp-container br.none-brake{
display:none;
}
.ori-sp-container .main-container{
width:100%;
margin-top:60px;
margin-bottom:70px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ori-sp-container .main-container img{
border-radius:20px;
}
.ori-sp-container .nvi-container{
width:100%;
margin-bottom:110px;
margin-left:auto;
margin-right:auto;
text-align:center;
overflow:hidden;
zoom:1;
}
.ori-sp-container .nvi{
width:1010px;
margin:0 auto;
text-align:center;
}
.ori-sp-container .nvi .nvi-title{
margin-bottom:20px;
}
.ori-sp-container .nvi ul li{
float:left;
padding-right:10px;
padding-bottom:10px;
}
.ori-sp-container .nvi ul li:last-child{
padding-right:0px;
}
.ori-sp-container .nvi ul li>div{
width:100%;
margin:0 auto;
text-align:center;
}
.ori-sp-container .flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
clear:both;
}
.ori-sp-container .key-color-ptn1{
color:#f04250;
}
.ori-sp-container .key-color-ptn2{
color:#b84e58;
}
.ori-sp-container .key-color-ptn3{
color:#846133;
}
.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 .container-1010{
width:1010px;
margin:0 auto;
text-align:left;
overflow:hidden;
zoom:1;
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 .float-left-ptn2{
width:580px;
float:left;
}
.ori-sp-container .float-right-ptn2{
width:410px;
float:right;
}
.ori-sp-container .float-left-ptn3{
width:410px;
float:left;
}
.ori-sp-container .float-right-ptn3{
width:580px;
float:right;
}
.ori-sp-container .float-left-ptn4{
width:510px;
float:left;
}
.ori-sp-container .float-right-ptn4{
width:410px;
float:right;
}
.ori-sp-container .button-area {
width:100%;
margin:0 auto;
text-align:center;
clear:both;
}
.ori-sp-container .button-1 {
border-radius:50px;
margin:0 auto;
text-align:center;
box-shadow:0px 0px 10px #ccc;
width:280px;
}
.ori-sp-container .button-1 a {
display:block;
text-decoration:none;
color:#fff;
line-height:100%;
transition: 0.3s ease;
font-weight:bold;
background-repeat:no-repeat;
background-position:right center;
background-image:url(/special/travel/cp_sakura_2026/images/bg_btn.png);
background-color:#e47780;
border-radius:50px;
font-size:14px;
padding:15px 0px;
}
.ori-sp-container .button-1 a:hover{
background-position:right -10px center;
transition: 0.3s ease;
}
.ori-sp-container .button-2 a {
display:block;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/travel/cp_sakura_2026/images/bg_btn_L.png);
color:#7b522a;
font-size:28px;
padding-top:60px;
padding-bottom:40px;
text-decoration:none;
}


.ori-sp-container .menu-container{
width:100%;
text-align:center;
margin:0 auto;
overflow:hidden;
zoom:1;
clear:both;
}
.ori-sp-container .menu-container img{
max-width:100%;
height:auto;
}
.ori-sp-container .frame-container-1{
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_sakura_2026/images/bg_menu_1.png);
background-color:#fff;
padding-bottom:90px;
}
.ori-sp-container .frame-container-2{
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_sakura_2026/images/bg_menu_2.png);
padding-bottom:90px;
}
.ori-sp-container .column-1,
.ori-sp-container .column-2{
width:1010px;
margin:0 auto;
text-align:center;
}
.ori-sp-container .column-1{
padding-top:110px;
}
.ori-sp-container .column-2{
padding-top:170px;
}
.ori-sp-container .menu-title{
margin-bottom:35px;
overflow:hidden;
zoom:1;
clear:both;
}
.ori-sp-container .menu-title-1-left{
float:left;
width:60px;
text-align:left;
}
.ori-sp-container .menu-title-1-right{
float:right;
width:950px;
text-align:right;
}
.ori-sp-container .menu-title-2-left{
float:left;
width:950px;
text-align:left;
}
.ori-sp-container .menu-title-2-right{
float:right;
width:60px;
text-align:right;
}
.ori-sp-container .menu-title-inner-1-left{
float:left;
width:420px;
text-align:left;
}
.ori-sp-container .menu-title-inner-1-right{
float:right;
width:200px;
text-align:right;
}
.ori-sp-container .menu-title-inner-2-left{
float:left;
width:200px;
text-align:left;
}
.ori-sp-container .menu-title-inner-2-right{
float:right;
width:420px;
text-align:right;
}
.ori-sp-container .menu-title-border{
overflow:hidden;
zoom:1;
clear:both;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/travel/cp_sakura_2026/images/border_menu_title.png);
}
.ori-sp-container .menu-title-jp{
padding-top:30px;
padding-bottom:10px;
}
.ori-sp-container .menu-title-en{
padding-top:55px;
padding-bottom:10px;
}
.ori-sp-container .spot-container{
margin-bottom:50px;
overflow:hidden;
zoom:1;
}
.ori-sp-container .spot-container .sopt-img{
width:100%;
text-align:center;
margin:0 auto;
}
.ori-sp-container .spot-container .sopt-img img{
box-shadow:0px 0px 5px #CCC;
border-radius:5px;
}
.ori-sp-container .spot-container .summary{
text-align:left;
}
.ori-sp-container .spot-container .sopt-place{
margin-bottom:20px;
}
.ori-sp-container .spot-container .sopt-name{
margin-bottom:20px;
}
.ori-sp-container .spot-container .sopt-read{
margin-bottom:20px;
font-size:16px;
color:#222;
line-height:160%;
}
.ori-sp-container .spot-container .sopt-info{
margin-bottom:30px;
}
.ori-sp-container .spot-container .sopt-info>p{
background-repeat:no-repeat;
background-position:left center;
background-image:url(/special/travel/cp_sakura_2026/images/bg_dot_info.png);
padding-left:25px;
line-height:100%;
padding-top:2px;
margin-bottom:10px;
font-weight:bold;
font-size:14px;
color:#222;
}
.ori-sp-container .spot-container .sopt-time-1,
.ori-sp-container .spot-container .sopt-time-2{
overflow:hidden;
zoom:1;
border-radius:5px;
padding:15px;
}
.ori-sp-container .spot-container .sopt-time-1{
background-color:#fff1ed;
}
.ori-sp-container .spot-container .sopt-time-2{
background-color:#fff;
}
.ori-sp-container .spot-container .sopt-time{
}
.ori-sp-container .spot-container .sopt-time>p{
background-repeat:no-repeat;
background-position:left center;
background-image:url(/special/travel/cp_sakura_2026/images/bg_sakura_time.png);
padding-left:40px;
line-height:100%;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
font-size:14px;
color:#b84e58;
}
.ori-sp-container .fac-container{
width:100%;
text-align:center;
margin:0 auto;
overflow:hidden;
zoom:1;
clear:both;
}
.ori-sp-container .fac-container .fac-title{
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_sakura_2026/images/bg_rec_title.png);
height:57px;
}
.ori-sp-container .fac-container .fac-title span{
display:none;
}
.ori-sp-container .fac-list{
margin-bottom:20px;
}
.ori-sp-container .fac-list ul li{
float:left;
padding-right:25px;
padding-bottom:25px;
}
.ori-sp-container .fac-list ul li:nth-child(3n){
padding-right:0px;
}
.ori-sp-container .fac-list .inner{
width:320px;
text-align:center;
margin:0 auto;
}
.ori-sp-container .fac-list .box-1,
.ori-sp-container .fac-list .box-2{
border:1px solid #b09478;
border-radius:5px;
}
.ori-sp-container .fac-list .box-1{
background-color:#f5efe7;
}
.ori-sp-container .fac-list .box-2{
background-color:#fff;
}
.ori-sp-container .fac-list .img-style{
margin-top:1px;
}
.ori-sp-container .fac-list .img-style img{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.ori-sp-container .fac-list .column{
padding:15px 19px;
text-align:left;
}
.ori-sp-container .fac-list .area{
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-bottom:18px;
}
.ori-sp-container .fac-list .area .pref{
text-align:left;
color:#666;
font-size:12px;
line-height:100%;
}
.ori-sp-container .fac-list .area .no{
text-align:right;
color:#666;
font-size:12px;
line-height:100%;
}
.ori-sp-container .fac-list .name{
font-weight:bold;
color:#846133;
font-size:18px;
line-height:140%;
height:2.5em;
margin-bottom:15px;
clear:both;
}
.ori-sp-container .fac-list .read{
color:#222;
font-size:14px;
line-height:140%;
height:4.5em;
margin-bottom:10px;
}
.ori-sp-container .poke-container{
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:1010px;
}
.ori-sp-container .poke-container img{
max-width:100%;
height:auto;
}
.ori-sp-container .poke-container .box{
background-color:#fff;
border:1px solid #b09478;
border-radius:5px;
padding:30px 29px;
overflow:hidden;
zoom:1;
clear:both;
}
.ori-sp-container .poke-container .img-style img{
border-radius:5px;
}
.ori-sp-container .poke-container .poke-title{
width:100%;
height:115px;
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_sakura_2026/images/bg_daytrip_title.png);
overflow:hidden;
zoom:1;
}
.ori-sp-container .poke-container .poke-title span{
display:none;
}
.ori-sp-container .poke-container .summary{
text-align:left;
}
.ori-sp-container .poke-container .poke-name{
margin-bottom:30px;
}
.ori-sp-container .poke-container .poke-catch{
margin-bottom:15px;
color:#f04250;
font-weight:bold;
font-size:20px;
}
.ori-sp-container .poke-container .poke-read{
margin-bottom:30px;
color:#222;
font-size:16px;
}



@media screen and (min-width: 248px) and (max-width: 768px){
.ori-sp-container br.brake{
display:none;
}
.ori-sp-container br.none-brake{
display:block;
}
.ori-sp-container .main-container{
margin-top:0px;
margin-bottom:40px;
}
.ori-sp-container .main-container img{
width:100%;
height:auto;
border-radius: 0px;
}
.ori-sp-container .nvi{
width:100%;
margin:0 auto;
text-align:center;
}
.ori-sp-container .nvi ul li{
padding-right:0px;
width:50%
}
.ori-sp-container .flex{
display: block;
margin-bottom:10px;
}
.ori-sp-container .disp-pc{
display:none;
}
.ori-sp-container .disp-sp{
display:block;
}
.ori-sp-container .container-1010{
width:100%;
}
.ori-sp-container .float-left-ptn2{
width:100%;
float:none;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ori-sp-container .float-right-ptn2{
width:100%;
float:none;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ori-sp-container .float-left-ptn3{
width:100%;
float:none;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ori-sp-container .float-right-ptn3{
width:100%;
float:none;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ori-sp-container .float-left-ptn4{
width:100%;
float:none;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ori-sp-container .float-right-ptn4{
width:100%;
float:none;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ori-sp-container .button-2 a {
background-position:right bottom;
font-size:20px;
font-weight:bold;
padding-top:20px;
padding-bottom:20px;
line-height:150%;
}
.ori-sp-container .column-1,
.ori-sp-container .column-2{
width:100%;
margin:0 auto;
text-align:center;
}
.ori-sp-container .menu-title-1-left{
float:none;
width:100%;
text-align:center;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
}
.ori-sp-container .menu-title-1-right{
float:none;
width:100%;
text-align:center;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
}
.ori-sp-container .menu-title-2-left{
float:none;
width:100%;
text-align:center;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
}
.ori-sp-container .menu-title-2-right{
float:none;
width:100%;
text-align:center;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
}
.ori-sp-container .menu-title-inner-1-left{
float:none;
width:100%;
text-align:center;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
}
.ori-sp-container .menu-title-inner-1-right{
float:none;
width:100%;
text-align:center;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
}
.ori-sp-container .menu-title-inner-2-left{
float:none;
width:100%;
text-align:center;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
}
.ori-sp-container .menu-title-inner-2-right{
float:none;
width:100%;
text-align:center;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
}
.ori-sp-container .menu-title-en{
padding-top:0px;
}
.ori-sp-container .fac-list ul li{
float:none;
width:100%;
padding-right:0px;
margin:0 auto;
}
.ori-sp-container .fac-list .name{
height:auto;
}
.ori-sp-container .fac-list .read{
height:auto;
}
.ori-sp-container .poke-container{
width:100%;
}
}