@charset 'UTF-8';


.hdg-l3,
.related .related-hdg{
font-weight:700;
line-height:1.25;
}
.lyt-special #str-contents{
font-size:16px;
line-height:1.75;
}
.lyt-special #str-contents dl,
.lyt-special #str-contents menu,
.lyt-special #str-contents ol,
.lyt-special #str-contents p,
.lyt-special #str-contents table,
.lyt-special #str-contents ul{
margin-top:20px;
}
.related-container{
padding:0 15px;
}
.related{
font-size:13px;
position:relative;
min-height:140px;
margin-top:10px;
padding-left:150px;
}
.related a{
text-decoration:none;
color:#454545;
}
.related a:active .related-hdg,
.related a:focus .related-hdg,
.related a:hover .related-hdg{
text-decoration:underline;
}
.related .related-hdg{
font-size:18px;
margin-bottom:-10px;
color:#0b41a1;
}
.related .related-thumb{
position:absolute;
top:0;
left:0;
}
.page-info{
font-size:13px;
margin-top:60px;
border-top:1px solid #ddd;
}
.page-info p,
.page-info ul{
margin-top:10px!important;
}
.sns li{
display:inline-block;
margin-left:10px;
vertical-align:top;
}
/*
.hdg-l3:before,
.hdg-l4-01:before,
.hdg-l4:before,
.hdg-l5:before{
display:block;
content:'';
overflow:hidden;
left:0;
}
*/
.sns li:first-child{
margin-left:0;
}

.hdg-l1{
margin-bottom:50px;
}

.hdg-l2-img{
margin-top:52px;
}
.hdg-l3{
margin-top: 40px;
padding-bottom: 5px;
border-bottom: 1px solid #c9c9c9;
font-weight: 700;
line-height: 1.4;
font-size: 24px;
}

.hdg-l2-img+.hdg-l3{
margin-top:15px;
}
.hdg-l4{
font-size:18px;
position:relative;
margin:20px 0 -15px;
/*padding-left:18px;*/
}
.hdg-l4.branch{
margin:0 0 0;
}
/*
.hdg-l4:before{
position:absolute;
top:.5em;
width:10px;
height:10px;
background-color:#000;
}
*/
.carousel+.hdg-l4{
margin-top:10px;
}
.hdg-l5{
font-size:18px;
font-weight:normal;
}
.btn,
.btn-01,
.btn-02{
font-weight:700;
line-height:1.3;
text-align:left;
text-decoration:none;
}
.hdg-l4-01:before{
position:absolute;
bottom:0;
width:100%;
height:2px;
background:url(/w_special/portland/images/hdg-bg-01-02.png) repeat-x;
}
.btn{
width: 434px;
}
.btn,
.btn-01{
/*width: 438px;*/
font-size: 18px;
display:inline-block;
margin-bottom:4px;
padding: 23px 20px 19px 20px;
color:#fff;
border:none;
border-radius:5px;
background-color:#2f8ad0;
box-shadow:0 4px 0 #0061ab;
/* text-align:center; */
}
[class*=cmn-list-col-] .btn,[class*=cmn-list-col-] .btn-01{
display:block;
}
.btn-01:active,
.btn-01:focus,
.btn-01:hover,
.btn:active,
.btn:focus,
.btn:hover{
color:#fff;
background-color:#1e71b1;
box-shadow:0 4px 0 #0061ab;
}
.btn-01.c-01{
background-color:#2f8ad0;
box-shadow:0 4px 0 #0061ab;
}
.btn-01.c-01:active,
.btn-01.c-01:focus,
.btn-01.c-01:hover{
background-color:#277ec1;
box-shadow:0 4px 0 #0061ab;
}
.btn-01.c-02{
background-color:#f38077;
box-shadow:0 4px 0 #ce3b30;
}
.btn-01.c-02:active,
.btn-01.c-02:focus,
.btn-01.c-02:hover{
background-color:#dc6960;
box-shadow:0 4px 0 #ce3b30;
}
.btn-01.c-03{
background-color:#00bbcd;
box-shadow:0 4px 0 #008f9d;
}
.btn-01.c-03:active,
.btn-01.c-03:focus,
.btn-01.c-03:hover{
background-color:#00a4b4;
box-shadow:0 4px 0 #008f9d;
}
.btn-01.c-04{
background-color:#607ecb;
box-shadow:0 4px 0 #2a4faf;
}
.btn-01.c-04:active,
.btn-01.c-04:focus,
.btn-01.c-04:hover{
background-color:#5471bd;
box-shadow:0 4px 0 #2a4faf;
}
.btn-01:visited,
.btn:visited{
color:#fff;
}
.btn-02,
.btn-02:visited{
color:#06c;
}
.btn-01{
display:block;
width:494px;
margin:0 auto;
text-align:center;
background: url(../images/ar01.png) no-repeat 96% center #24b4bd;
box-shadow:0 4px 0 #09878f;
}
.btn-01:active,
.btn-01:focus,
.btn-01:hover{
background-color:#1e969d;
box-shadow:0 4px 0 #077077;
}
.btn-02{
width: 434px;
font-size:18px;
border:1px solid #ccc;
border-radius:5px;
box-shadow:0 -4px 0 #e5e5e5 inset;
text-align:center;
background: url(../images/ar02.png) no-repeat 96% center #fff;
margin: 0 auto;
display: block;
padding: 24px 20px 20px 20px;
}
.btn-02:active,
.btn-02:focus,
.btn-02:hover{
color:#06c;
box-shadow:0 -4px 0 #06c inset;
background-color:#f7f7f7;}[class*=cmn-list-col-] .btn-02{
display:block;
}
.btn-01-center{
/*    padding-left: 0;*/
/*    width: 458px;*/
text-align: center;
}


.btn-03{
width: 434px;
margin: 0 auto;
display: block;
text-align:center;
background:url(../images/ar01.png) no-repeat 96% center #f67b9f;
box-shadow: 0 4px 0 #eb618b;
}
.btn-03:active,
.btn-03:focus,
.btn-03:hover{
background-color:#ff5a8f;
box-shadow:0 4px 0 #f2467b;
}

.btn-03big {
width: 494px;
}


.btn-04{
width: 434px;
margin: 0 auto;
display: block;
text-align:center;
background-color: #f08cce;
box-shadow: 0 4px 0 #cf52a4;
}
.ic-newwin{
background: url(/w_special/mariana2018/images/ic-newwin.png) right no-repeat ;
padding-right: 15px;
}
.btn-04:active,
.btn-04:focus,
.btn-04:hover{
background-color:#d259a9;
box-shadow:0 4px 0 #853469;
}


.nav-internal{
display:table;
margin: 24px auto 0 !important;
padding-bottom: 10px;
table-layout:fixed;
}
.nav-internal>li{
display:table-cell;
padding:0 10px;
vertical-align:top;
}
.nav-internal>li:first-child {
padding-left:0 !important;
}
.nav-internal>li:last-child {
padding-right:0 !important;
}
.nav-internal>li a{
display:block;
text-align:center;
}
/*
.nav-internal>li a:active img,
.nav-internal>li a:focus img,
.nav-internal>li a:hover img{
opacity:.6;
}
*/
.cmn-center,
.nav-int2{
margin-top: -10px !important;
}


/*navi */
.tabnavi {
margin: 52px auto 0 !important;
}

.tabnavi li a {
display: block;
width: 282px;
height: 214px;
text-indent: -9999px;
}
.tabnavi li.an01 a {
width: 282px;
background:url(../images/nav-01.png) no-repeat 0 0;
}
.tabnavi li.an01 a:hover {
background:url(../images/nav-01_hover.png) no-repeat 0 0;
}
.tabnavi li.an02 a {
background:url(../images/nav-02.png) no-repeat 0 0;
}
.tabnavi li.an02 a:hover {
background:url(../images/nav-02_hover.png) no-repeat 0 0;
}
.tabnavi li.an03 a {
background:url(../images/nav-03.png) no-repeat 0 0;
}
.tabnavi li.an03 a:hover {
background:url(../images/nav-03_hover.png) no-repeat 0 0;
}
.tabnavi li.an04 a {
background:url(../images/nav-04.png) no-repeat 0 0;
}
.tabnavi li.an04 a:hover {
background:url(../images/nav-04_hover.png) no-repeat 0 0;
}

.marinavi {
margin: 91px auto 79px !important;
}

.marinavi li {
padding: 0 7px;
}
/*navi */


/* link-top
--------------------------------------------------*/
.link-top {
font-size:12px;
position: relative;
text-align: right;
}
.link-top a {
color:#0b41a1;
text-decoration: none;
}

.link-top:before {
position: absolute;
top: 7px;
right: 10.4em;
display: block;
width: 0;
height: 0;
margin: 0;
content: '';
border-width: 0 6px 8px;
border-style: solid;
border-color: transparent transparent #0b41a1;
}


.carousel .cmn-carousel-item{
padding:0;
}
.carousel .cmn-carousel-item-inner ul li{
text-align:center;
}
.carousel .cmn-carousel-item-inner ul li .hdg-l3{
margin: 5px auto;
padding: 0;
text-align: left;
display:block;
max-width:800px;
border-bottom: 0;
}
.carousel .cmn-carousel-item-inner ul li .copyright{
font-size:12px;
display:block;
max-width:800px;
height: 37px;
margin:4px auto 0;
text-align:left;
}
.carousel .cmn-carousel-item-inner ul li .caption{
font-size: 16px;
line-height: 25px;
display:block;
margin:4px auto 10px;
text-align:left;
}
.carousel .cmn-carousel-item-inner ul.no-copy li .caption{
margin-top: 15px;
}
.carousel .carousel-thumb{
margin:10px -5px 44px !important;
text-align:center;
}
.carousel .carousel-thumb>li{
display:inline-block;
overflow:hidden;
width:110px;
height:61px;
margin:0 5px;
}
.carousel .carousel-thumb>li.active a{
position:relative;
display:block;
}
.carousel .carousel-thumb>li.active a:before{
position:absolute;
top:0;
left:0;
display:block;
overflow:hidden;
width:100%;
height:100%;
content:'';
box-sizing:border-box;
border:2px solid #7796cf;
background-color:rgba(255,255,255,
.5);
}

/*
.carousel .cmn-carousel-item{
padding:0;
}
.carousel .cmn-carousel-item-inner ul li{
text-align:center;
}
.carousel .cmn-carousel-item-inner ul li .caption{
font-size:12px;
display:block;
max-width:800px;
margin:10px auto 0;
text-align:left;
}
.carousel .carousel-thumb{
margin:10px 3px 5px;
text-align:center;
}
.carousel .carousel-thumb>li{
display:inline-block;
overflow:hidden;
width:110px;
height:61px;
margin:0 5px;
}
.carousel .carousel-thumb>li.active a{
position:relative;
display:block;
}
.carousel .carousel-thumb>li.active a:before{
position:absolute;
top:0;
left:0;
display:block;
overflow:hidden;
width:100%;
height:100%;
content:'';
box-sizing:border-box;
border:2px solid #7796cf;
background-color:rgba(255,255,255,
.5);
}
*/

.lyt-special #str-contents .tieup{
overflow:hidden;
margin-top:30px;
}
.lyt-special #str-contents .tieup-hdg{
font-weight:400;
position:relative;
display:block;
float:left;
padding:15px 20px 0 0;
}
.lyt-special #str-contents .tieup-hdg:before{
position:absolute;
top:1em;
right:4px;
display:block;
overflow:hidden;
width:1em;
height:100%;
content:'\ff1a';
}
.lyt-special #str-contents .tieup-list{
overflow:hidden;
margin:0;
}
.lyt-special #str-contents .tieup-list li{
display:inline-block;
margin-right:5px;
vertical-align:middle;
}
.lyt-special #str-contents .tieup-list li img{
vertical-align:bottom;
}
.lyt-special #str-contents .tieup-list li.tieup-3{
margin-right:10px;
}
.googlemap{
position:relative;
overflow:hidden;
width:100%;
height:0;
margin-top:20px;
padding-top:52.08333%;
}
.googlemap-inner{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.googlemap-txt{
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic ProN','ＭＳＰゴシック',sans-serif;
margin-top:0!important}


.lyt-special #str-contents .page-provide {
font-size: 12px;
/*margin-top: -20px!important;*/
margin-top: -52px !important;
padding-bottom: 16px;
}
.under-info-box{
margin-top:40px;
padding-top:20px;
border-top:1px solid #ddd;
}
.lyt-special #str-contents .under-info-box ul{
font-size:13px;
margin-top:8px;
}
.under-info-box ul li{
clear:both;
display:block;
line-height:1.4;
}
.under-info-box ul li span:first-child{
width:100px;
display:inline-block;
margin-right:10px;
margin-bottom:14px;
float:left;
}
.under-info-box ul li span:first-child:after{
content:':';
float:right;
}
.under-info-box ul li span + span{
display:flex;
word-break:break-all;
}

.under-info-box .cmn-grid-span-3{
border-left:1px solid #ddd;
min-height:275px;
padding-left:10px;
text-align:center;
}
.under-info-box .cmn-grid-span-3 li{
margin-bottom:15px;
}

/* ----------------------------------------------------------------
box
----------------------------------------------------------------- */

/* .box
----------------------------------------------- */

.box {
font-size: 14px;
margin: 10px 0;
padding:15px;
background:#f5f5f5;
}

.box > :first-child {
margin-top: 0;
}

.box > :last-child {
margin-bottom: 0;
}

/* .box-img
----------------------------------------------- */

.box-img {
overflow: hidden;
margin-bottom: 15px;
}

.box-img p {
margin: 0;
}

/* .pickup
----------------------------------------------- */

.pickup {
display: table;
box-sizing: border-box;
width: 100%;
}

.pickup .pickup-img {
display: table-cell;
width: 35.3%;
vertical-align: top;
}
.pickup-img p{
margin-bottom:0;
}
.pickup .pickup-info {
display: table-cell;
padding: 0 20px;
vertical-align: top;
}

.pickup .pickup-info .info_tag {
background: #595959;
font-size: 15px;
line-height: 26px;
color: #ffffff !important;
font-weight: bold;
width: 120px;
text-align: center;
margin: 0 0 15px 0 !important;
}

.pickup .pickup-recommend {
display: table-cell;
width: 30%;
vertical-align: bottom;
}

.pickup .pickup-recommend .recommend-img {
width: 20.68966%;
}

.pickup .pickup-recommend .recommend-item {
background: #fff;
}

.pickup .pickup-recommend .recommend-item .recommend-main {
padding-left: 5px;
vertical-align: middle;
}

.pickup .pickup-recommend .recommend-item .recommend-main .hdg-l4 > span {
display: block;
}
.list-info>li {
position: relative;
margin-top: 3px;
padding-left: 26px;
}
.list-info>li .info-icon {
line-height: 20px;
position: relative;
position: absolute;
padding: 2px;
}

.list-info>li .info-icon:before {
position: absolute;
content: '';
font-size: 12px;
text-align: center;
color: #fff;
border-radius: 3px;
background-color: #999;
}
.list-info>li .info-icon, .list-info>li .info-icon:before {
top: 0;
left: 0;
width: 20px;
height: 20px;
display: block;
overflow: hidden;
}
.list-info>li .info-icon.address:before {
content: '\4f4f';
}
.list-info>li .info-icon.phone:before {
/*content: 'Tel';*/
content: '\96fb';
}
.list-info>li .info-icon.time:before {
content: '\6642';
}
.list-info>li .info-icon.holiday:before {
content: '\4f11';
}
.list-info>li .info-icon.site:before {
content: 'HP';
}
.list-info>li .info-icon.access:before {
content: '\30a2';
}
.list-info>li .info-icon.price:before {
content: '\6599';
}
.list-info>li a{
word-wrap: break-word;
word-break: break-all;
}
@media screen and (max-width: 550px) {
.pickup .pickup-img{
display:block;
clear:both;
width:100%;
padding: 0 50px;
box-sizing:border-box;
}
.pickup .pickup-info {
display: block;
padding: 0;
vertical-align: top;
}
.hdg-l4{
margin:10px 0 5px 0;
font-size:14px;
}
.hdg-l4 span{
display:block;
font-size:11px;
}
.pickup .pickup-img{
margin-bottom:10px;
}
.pickup .pickup-img p {
text-align:center;
}
.info-hdg{
margin-bottom:-5px;
font-size:14px;
}
}

}


@media screen and (max-width:720px){
.lyt-special #str-contents{
font-size:13px;
line-height:1.65;
}
.lyt-special #str-contents dl,
.lyt-special #str-contents menu,
.lyt-special #str-contents ol,
.lyt-special #str-contents p,
.lyt-special #str-contents table,
.lyt-special #str-contents ul{
margin-top:10px;
}
.related-container{
padding:0;
}
.related{
min-height:110px;
padding-left:110px;
}
.related .related-hdg{
font-size:15px;
}
.related .related-thumb{
max-width:100px;
}
.hdg-l1{
margin:0 -10px;
}
.hdg-l3{
font-size:18px;
min-height:30px;
margin-top:40px;
padding:8px 0 8px 35px;
}
.hdg-l3:before{
width:30px;
height:30px;
margin-top:-17px;
}
.hdg-l2-img+.hdg-l3{
margin-top:10px;
}
.hdg-l4{
font-size:13px;
margin:10px 0 -10px;
padding-left:12px;
}
.hdg-l4:before{
top:.35em;
width:8px;
height:8px;
}
.hdg-l4-01{
font-size:24px;
padding:15px 0;
}
.nav-internal>li:first-child{
padding-left:0;
}
.nav-internal>li:last-child{
padding-right:0;
}
.nav-internal>li a:active img,
.nav-internal>li a:focus img,
.nav-internal>li a:hover img{
opacity:1;
}
.carousel .carousel-thumb>li{
width:80px;
height:auto;
}
.lyt-special #str-contents .tieup-hdg{
font-size:16px;
float:none;
padding:8px 10px 5px;
border-top:2px solid #dbdbdb;
background-color:#f8f8f8;
}
.lyt-special #str-contents .tieup-hdg:before{
display:none;
}
.lyt-special #str-contents .tieup-list{
margin-top:5px;
}
.lyt-special #str-contents .tieup-list>li{
margin:5px 5px 0 0}}@media screen and (max-width:550px){
.btn,
.btn-01,
.btn-02{
line-height:1.2;
display:block;
}
.related-container{
margin-top:-10px;
}
.related{
margin-top:20px;
}
.sns li{
margin-left:5px;
}
.hdg-l2-img{
margin-top:30px;
}
.hdg-l3{
font-size:16px;
margin-top:20px;
}
.hdg-l4-01{
margin-top:30px;
padding:10px 0;
}
.hdg-l5{
font-size:18px;
}

.btn,
.btn-01{
font-size:15px;
padding:10px 15px 7px;
}
.btn-02{
font-size:14px;
box-shadow:0 -3px 0 #e5e5e5 inset;
}
.nav-internal>li{
padding:0 5px;
}
.carousel .carousel-thumb{
line-height:1;
font-size:1;
text-align:left;
}
.carousel .carousel-thumb>li{
width:31.4%;
height:auto;
margin:0 0.8% 9px 0;
}
/*.carousel .carousel-thumb>li img{
padding:0 3px;
}

*/.carousel .carousel-thumb li:nth-child(3){
margin-right:0;
}

.lyt-special #str-contents .tieup-list>li.tieup-1{
width:136.67px;
}
.lyt-special #str-contents .tieup-list>li.tieup-2{
width:103.33px;
}
.lyt-special #str-contents .tieup-list>li.tieup-3{
width:25.83px;
}
.lyt-special #str-contents .tieup-list>li.tieup-4{
width:116.67px;
}
.googlemap{
padding-top:85%;
}
}
@media screen and (max-width:720px){
.under-info-box{
margin-top:0;
padding-top:0;
border-top:0;
}
.hdg-l5{
margin-top:35px;
font-size:16px;
border-bottom:1px solid #e5e5e5;
text-align:left;
margin-bottom:15px;
}
.under-info-box .cmn-grid-span-3{
border-left:0;
min-height: inherit;
padding-left:0;
text-align:center;
}
}

/*テンプレ打ち消し*/
#str-main strong{
color:#454545;
}
#str-main .cmn-carousel {
margin-top: 0;
/*	width: 860px;
margin: 0 auto;*/
}
#str-main .cmn-carousel-item-inner ul{
margin:0;
}

#str-main p,#str-main li{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color:#333;
}


#str-main {
/*width:975px;*/
}
#str-main .about {
margin-top:30px;
}


#str-main ul.about-list{
margin:0;
}
#str-main .about .notice{
text-align:right;
font-size:12px;
margin:0;
}
#str-main .pic-txt{
font-size: 13px;
line-height: 25px;
text-align: right;
margin-top: 5px !important;
}
#str-main .about-txt{
font-size:16px;
line-height:25px;
padding: 10px 0;
}
#str-main .txt{
font-size:16px;
line-height:25px;
margin-bottom:44px;
}
#str-main .txt a {
color:#2243b7;
}
#str-main .txt .important{
color:#d60101;
}

/* msg */
#str-main .message_box {
position: relative;
padding-top: 80px;
}

#str-main .message_box h2 img {
width: auto;
}

#str-main .message_box p.ph {
position: absolute;
right: -14px;
top: 3px;
}
#str-main .message_box p.ph span.chief_name {
position: absolute;
bottom: 18px;
right: 68px;
font-size: 12px;
line-height: 17px;
text-align: center;
letter-spacing: -0.07em;
}

#str-main .message_box p.txt {
font-size: 16px;
line-height: 30px;
}
/* msg */


#str-main .gohobi {
width: 800px;
margin: 0 auto;
}


#str-main .delta_box p.lead ,
#str-main .delta_box p.photo {
text-align: center;
}


#str-main .tour{
background:url(../images/tours-bg02.gif) no-repeat center top;
margin:40px 0 52px;
position:relative;
}
#str-main .tour .ph{
position:absolute;
top:10px;
left:10px;
margin:0;
}

#str-main .tour .kazari{
position:absolute;
top:-38px;
right:0;
z-index:2;
}
#str-main .tour02 .kazari{
position:absolute;
top:-48px;
right:0;
z-index:2;
}
#str-main .tour03 .kazari{
position:absolute;
top:-50px;
right:0;
z-index:2;
}
#str-main .tour04 .kazari{
position:absolute;
top:-67px;
right:0;
z-index:2;
}
#str-main .tour05 .kazari{
position:absolute;
top:-29px;
right:0;
z-index:2;
}
#str-main .tour06 .kazari{
position:absolute;
top:-60px;
right:0;
z-index:2;
}
#str-main .tour07 .kazari{
position:absolute;
top:-30px;
right:0;
z-index:2;
}
#str-main .tour .tour-inner{
padding: 13px 15px 0 36%;
position:relative;
z-index:5;
}
#str-main .tour .special{
background:#13abd4;
font-size:18px;
color:#ffffff;
}
#str-main p.tour-hdg{
margin:0;
}
#str-main .tour .special .limit{
color:#fff93e;
}
#str-main .tour .company{
font-size:24px;
font-weight:bold;
color:#257990;
display:block;
padding:8px 0 10px;
line-height:30px;
}
#str-main .tour .check{
color:#c87f10;
font-size:28px;
font-weight:bold;
line-height:20px;
}

#str-main .tour p.tour-txt{
margin-top:7px;
font-size:16px;
line-height:25px;
}
#str-main p.lead{
font-size:32px;
line-height: 58px;
font-weight: bold;
text-align:center;
width: 800px;
margin: 20px auto 27px;
}
#str-main p.lead span{
background:url(../images/title-bg.png) no-repeat left center;
padding-left: 52px;
display: inline-block;
}
#str-main p.lead span.blue {
color:#0d72bf;
}
#str-main p.lead span.red {
color:#de6960;
}
#str-main p.lead span.green {
color:#1fa6a4;
}
#str-main p.lead span.purple {
color:#c1509b;
}
#str-main p.lead2 {
background:url(../images/hdg-05.jpg) no-repeat center top;
margin-top: 51px;
line-height: 83px;
margin-bottom: 15px;
}
#str-main .end-txt{
font-size:16px;
line-height:25px;
text-align:center;
padding-bottom:64px;
}
#str-main p.tour-btn{
margin:5px 0 0 0;
padding-bottom:10px;
}
#str-main .bnr-list li{
margin-bottom:5px;
}
.under-info-box ul li{
margin-bottom:14px;
}
h2 img{
width:100%;
}
.about img{
width:100%;
max-width:100%;
}
.cmn-carousel-item-inner img{
max-height: 100%;
}

@media screen and (min-width:721px){

.pcnone{
display:none;
}
#str-main .bnr-list li.bnr-name {
text-align: left;
margin-left: 12px;
}
#str-main .bnr-list li.bnr-name .icon {
font-weight:normal;
background:url(../images/newwin.png) no-repeat right 0;
background-size:12px 11px;
padding-right:18px;
}
#str-main .bnr-list li.bnr-name .small_txt {
font-size:12px;
}

#str-main .tour .ph {
width: 33.5%;
}
#str-main .tour .ph img {
width: 100%;
height: auto;
}

#str-main p.w800 {
width: 100%;
max-width: 800px;
margin: 20px auto 0;
}

}

/*tablet*/
@media screen and (max-width:959px){
#str-main p.lead {
margin-top: 20px;
margin-bottom: 10px;
font-size: 26px;
width:100%;
}

.hdg-l2-img {
margin-top: 30px;
}

.nav-internal {
width: 100%;
}
.nav-internal li a {
width:auto !important;
}

.btn-01-center{
text-align:left;
}

.tabnone{
display:none !important;
}

.tabnavi {
margin-bottom: 0 !important;
margin-left: -10px !important;
margin-right: -10px !important;
width: auto !important;
}
.tabnavi li a {
width: auto;
background: none !important;
text-indent: 0;
height: auto;
}

.marinavi {
margin-left: -10px !important;
margin-right: -10px !important;
width: auto !important;
}

}

/*sp*/
@media screen and (max-width:930px){
#str-main .tour .kazari{
display:none;
}

#str-main .cmn-carousel {
width: 100%;
/*    margin: 0 auto;*/
}



#str-main .gohobi {
width: 100%;
max-width: 800px;
}

#str-main .movie {
max-width: 800px;
margin: 20px auto 0;
width: 100%;
position: relative;
padding-top: 56.25%;
}
#str-main .movie iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

}

/*sp*/
@media screen and (max-width:720px){
.hdg-l1 {
margin-bottom: 20px;
}
.hdg-l2-img,
h3.pcnone{
margin-top:20px;
margin-bottom: 7px;
}

#str-main .bnr-list li.bnr-name .icon {
font-weight:normal;
background:url(../images/newwin.png) no-repeat right 0;
background-size:12px 11px;
padding-right:18px;
}

#str-main .about-txt,
#str-main .pic-txt,
#str-main .txt {
font-size: 13px;
line-height: 18px;
padding:0;
margin-bottom:30px;
}
.spnone{
display:none;
}

#str-main{
width:auto;
}
.btn,
.btn-01,
.btn-02{
width:auto;
display:block;
}

#str-main .about p.pcnone{
text-align:center;
}
#str-main .about .notice{
font-size:8px;
}
#str-main .tour .kazari{
display:none;
}
#str-main .tour .ph{
position:static;
text-align:center;
padding-top:10px;
padding-bottom:2px;
}
#str-main .tour .ph img{
width:50%;
max-width:100%;
}
#str-main p.tour-hdg{
margin:0;
text-align:center;
}
#str-main p.tour-btn  {
margin:0 10px;
}

#str-main p.tour-btn a {
text-align:center;
}

.carousel .cmn-carousel-item-inner ul li .copyright {
font-size: 11px;
line-height:16px;
height: 16px;
}
.carousel .cmn-carousel-item-inner ul li .caption {
font-size: 13px;
line-height: 18px;
margin:5px 0 10px;
}
#str-main ul.carousel-thumb{
text-align:center;
}
.carousel .carousel-thumb>li{
width: 17%;
height: auto;
margin: 0 0.8% 9px 0;
}
#str-main p.txt{
margin-top:10px;
}
#str-main p.lead {
font-size: 18px;
line-height: 28px;
min-height: 30px;
}
#str-main p.lead span {
padding-left: 30px;
background: url(../images/title-bg.png) no-repeat left center;
background-size: 22px 29px;
}
#str-main .hdg-l5{
font-size:14px;
font-weight: bold;
}
.page-info {
margin-top: 20px;
}

#str-main .about {
margin-top: 0;
}


.nav-internal ,
.nav-internal>li {
display: block;
width: 100%;
padding-bottom: 0 !important;
margin-top: 20px !important;
}
.nav-internal>li {
padding: 0 !important;
}

.anc-nav {
clear: both;
overflow: hidden;
margin-left: 0 !important;
margin-right: 0 !important;
}

.anc-nav>li {
float:left;
width: 32%;
margin-top: 0;
margin-bottom: 10px;
padding: 0 0 0 1.3% !important;
}
.anc-nav>li:first-child {
padding: 0 !important;
}

.btn, .btn-01, .btn-02 {
font-size: 15px;
padding: 10px 15px 7px;
}
.btn-01-center {
text-align: left;
}


.btn-04 span.big ,
.btn-05 span.big ,
.btn-06 span.big {
font-size:20px;
}

.nav-internal>li a:active img,
.nav-internal>li a:focus img,
.nav-internal>li a:hover img{
opacity:1;
}


.marinavi {
margin: 40px 0 0 !important;
}

.marinavi>li {
width: 33%;
margin-bottom: 0;
padding: 0 0 0 0.5% !important;
}


}

@media screen and (max-width:551px){

.lyt-special #str-contents .page-provide {
font-size: 12px;
line-height:15px;
margin:0 !important;
padding-bottom:0;
}
/*
.anc-nav>li {
text-align: center;
float:left;
width: 49%;
margin-top: 0;
margin-bottom: 10px;
padding: 0 !important;
}
.anc-nav>li:nth-child(2n) {
float:right;
}
*/
}
@media screen and (min-width:551px){

.lyt-special #str-main .page-provide-tab{
font-size: 12px;
line-height:15px;
display:block;
margin-top: -43px !important;
padding-bottom: 22px;
}
#str-main .page-provide-sp{
display:none;
}
}

/*PC*/
@media screen and (min-width:960px){
.btn,
.btn-02{
width: 434px;
}
.btn.btn-04{
width: 630px;
}
.btn-01,
.btn-03big{
width: 494px;
}

.nav-internal>li a.btn {
width: 429px;
}

}
@media screen and (min-width:931px){
#str-main .movie {
width: 800px;
margin: 40px auto 20px;
position: relative;
padding-top: 450px;
}
#str-main .movie iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
}
@media screen and (max-width:470px){
.pickup .pickup-img {
padding: 0;
}
.pickup .pickup-img iframe {
width: 100%;
}
}