@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;
}
.lyt-special #str-contents ul.cmn-list-col-2{
margin-top:10px;
}
.lyt-special #str-contents p.ph {
	margin-right: auto;
    margin-left: auto;
    max-width: 802px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.lyt-special #str-contents p.ph span.caption {
    font-size: 12px;
    display: block;
    margin-top: 4px;
}
.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;
}
strong{
	color:#333333;
}
.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-l2{
    font-size: 38px;
    font-weight: 400;
    line-height: 1.25;
    position: relative;
    margin-top: 38px;
    padding: 20px 0 16px;
    border-width: 2px 0;
    border-style: solid;
    border-color: #333;
	margin-bottom:30px;
	text-align:center;
}
.hdg-l2:after, .hdg-l2:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    display: block;
    content: '';
    overflow: hidden;
    background-color: #999;
}
.hdg-l2:before {
    top: 2px;
}
.hdg-l2:after {
    bottom: 2px;
}
.hdg-l2 .hdg-sup {
	font-size: 24px;
    display: block;
}
.hdg-l2 span.red {
	color:#e70026;
}

.hdg-l3{
margin-top: 40px;
padding-bottom: 5px;
border-bottom: 1px solid #c9c9c9;
font-weight: 700;
line-height: 1.4;
font-size: 24px;
margin-bottom:30px;
}
.hdg-l3 span{
font-size: 28px;
}
.hdg-l2-img+.hdg-l3{
margin-top:15px;
}
.hdg-l4{
font-size:18px;
position:relative;
margin:20px 0 -15px;
padding-left:18px;
color:#333333;
}
.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;
}
.btn,
.btn-01{
/*width: 438px;*/
font-size: 18px;
display:inline-block;
margin-bottom:4px;
padding:15px 20px 11px 20px;
color:#fff;
border:none;
border-radius:5px;
text-align:center;
background-color:#1964b9;
box-shadow:0 4px 0 #134b8b;
/* text-align:center; */
}

.cmn-center .btn{
width: 50%;
}
[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:#4783c7;
box-shadow:0 4px 0 #426fa2;
}
.btn-01:visited,
.btn:visited{
color:#fff;
}
.btn-02,
.btn-02:visited{
color:#06c;
}
.btn-01{
background-color:#69a30c;
box-shadow:0 4px 0 #588d00;
}
.btn-01:active,
.btn-01:focus,
.btn-01:hover{
background-color:#578e00;
box-shadow:0 4px 0 #4c7d00;
}
.btn-02{
font-size:18px;
display:inline-block;
/*padding:10px 22px;*/
border:1px solid #ccc;
border-radius:5px;
background-color:#fff;
box-shadow:0 -4px 0 #e5e5e5 inset;
    padding: 15px 20px 13px 20px;
/*    width: 436px;*/
}
.btn-02:active,
.btn-02:focus,
.btn-02:hover{
color:#06c;
background-color:#f7f7f7}[class*=cmn-list-col-] .btn-02{
display:block;
}
.btn-01-center{
/*    padding-left: 0;*/
/*    width: 458px;*/
    text-align: center;
}
.nav-internal{
display:table;
    width: 100%;
}
.nav-internal>li{
    line-height: 1.4;
    display: table-cell;
    vertical-align: middle;
}
.nav-internal>li:not(:first-child) {
    border-left: 1px solid #d2d2d2;
}
.nav-internal>li a{
    font-size: 16px;
    line-height: 20px;
	font-weight: 700;
    position: relative;
    display: block;
    padding: 10px 10px 10px 32px;
    text-decoration: none;
    color: #333333;
    letter-spacing: -0.05em;
}
.nav-internal>li a.line1{
    padding: 20px 10px 20px 32px;
}
.nav-internal>li:first-child a {
    padding: 10px 20px 10px 19px;
}
.nav-internal>li a:hover{
	background:#e9e9e9;
}
.nav-internal>li>a:after, .nav-internal>li>a:before {
    position: absolute;
    content: '';
}
.nav-internal>li>a:before {
    margin-top: -7px;
    border-radius: 100%;
    background-color: #888;
    top: 50%;
    left: 14px;
    display: block;
    overflow: hidden;
    width: 14px;
    height: 14px;
}
.nav-internal>li:first-child a:before {
    left: 1px;
}
.nav-internal>li>a:after {
    top: 48%;
    left: 17px;
    margin-top: -2px;
    display: inline-block;
    display: block;
    width: 0;
    height: 0;
    margin: 0;
    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
}
.nav-internal>li:first-child a:after {
    left: 4px;
}
.nav-internal>li>a>span {
    display: block;
}
/*
.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 30px;
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 65px;
	padding:15px;
background:#f5f5f5;
}

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

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

.box .box-list {
    margin-top: 5px;
}

.box .box-list>li {
    font-size: 14px;
    position: relative;
    padding-left: 24px;
    color: #333;
}

.box h4.box-hdg {
	font-size: 18px;
    margin-top: 10px;
/*    margin-top: 20px;*/
}
.box h4.box-hdg span {
	font-size: 11px;
}

.box h4.box-hdg-small {
    margin-top: 5px;
    font-size: 14px;
}

.box .icon {
    line-height: 18px;
    position: absolute;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    padding: 0;
    text-align: center;
    border-radius: 2px;
    background-color: #999;
	top: 1px;
    left: 0;
}
.box .icon:before {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    content: '';
}
.box .icon-address:before {
    content: '\4f4f';
}
.box .icon-hp:before, .box .icon-tel:before {
    font-size: 11px;
    padding: 3px 1px 1px;
    letter-spacing: -.05em;
}
.box .icon-hp:before {
    content: 'HP';
}
.box .icon-time:before {
    content: '\55B6';
}
.box .icon-holiday:before {
    content: '\4F11';
}
.box .icon-tel:before {
    content: 'Tel';
}

/* .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-info .info_tag {
    background: #595959;
    font-size: 15px;
    color: #ffffff !important;
    font-weight: bold;
    width: 120px;
    text-align: center;
    margin: 0 0 5px 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 {
    margin-top: 5px !important;
}

.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 .info-icon.place:before {
content: '\5834';
}
.list-info>li a{
word-wrap: break-word;
word-break: break-all;
}

@media screen and (max-width: 550px) {
strong{
	color:#333333;
}
.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;
}
.pickup .pickup-img{
margin-bottom:10px;
}
.info-hdg{
margin-bottom:-5px;
font-size:14px;
}

}



@media screen and (max-width:720px){
strong{
	color:#333333;
}
.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;
}
.lyt-special #str-contents ul.cmn-list-col-2{
margin-top:0px;
}
.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;
}
.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;
text-align:left;
}
.hdg-l3 span{
font-size:20px;
}
.hdg-l4{
font-size:16px;
}
.hdg-l4:before{
position:absolute;
top:.5em;
width:10px;
height:10px;
background-color:#000;
}
.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-l4{
font-size:14px;
}
.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;
}
.hdg-l1 {
    margin: 0 -10px;
}
.lyt-special #str-contents .about p.about-txt {
	margin-top:15px;
}

.hdg-l2 {
    font-size: 18px;
    margin-top: 30px;
    padding: 16px 0 12px;
    margin-bottom: 0;
}
.hdg-l2 .hdg-sup {
    font-size:15px;
}
.hdg-l3 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0;
}
.hdg-l3 span {
    font-size:20px;
}
.lyt-special #str-contents p.ph {
	margin-top: 15px;
    margin-bottom: 15px;
}
#str-main .cmn-carousel {
    margin-top: 10px;
}
.cmn-carousel .cmn-carousel-item {
    padding: 0;
}

.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 p ,
#str-main .txt {
    font-size: 14px;
    line-height: 20px;
}
.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 .caption ,
.lyt-special #str-contents p.ph span.caption {
    font-size: 11px;
	margin:5px 0 10px;
	line-height:16px;
}
#str-main ul.carousel-thumb{
	margin-top:0;
	text-align:center;
    margin-bottom: 10px;
	}
.carousel .carousel-thumb>li{
    width: 17%;
    height: auto;
    margin: 0 0.8% 9px 0;
}
#str-main p.txt{
	margin-top:0;
	padding-bottom:10px;
}
#str-main p.lead {
    /* display: none; */
    font-size: 16px;
    min-height: 33px;
    line-height: 20px;
    /* text-align: left; */
    margin: -7% 10% 5px;
    /* background: url(../images/hdg-01sp2.jpg) no-repeat center top; */
    /* background-size: 100% auto; */
    /* margin: 0; */
}
#str-main p.lead2 {
    background: none;
    margin-top: -8%;
    min-height: 39px;
}
#str-main p.end-txt{
	font-size:13px;
	line-height:18px;
    padding-top: 0;
	}
#str-main .hdg-l5{
	font-size:14px;
	font-weight: bold;
	}
.page-info {
    margin-top: 20px;
}

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

.nav-internal {
    display: block;
    width: auto;
    margin: 10px -10px 0 !important;
    border-bottom: 1px solid #d2d2d2;
}
.nav-internal>li {
    display: block;
    width: 100%;
    border-top: 1px solid #d2d2d2;
    border-left: none !important;
    padding: 0;
}
.nav-internal>li>a {
    font-size: 13px;
    padding: 16px 15px 16px 30px !important;
}
.nav-internal>li a.line1{
    padding: 16px 15px 16px 30px !important;
}
.nav-internal>li a:hover{
	background:#FFFFFF;
}
.nav-internal>li>a>span {
    display: inline;
}
.nav-internal>li>a:before {
    left: 10px !important;
}
.nav-internal>li>a:after {
    left: 13px !important;
}

.anc-nav {
    clear: both;
    overflow: hidden;
}

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

.cmn-center .btn{
width: 92%;
}
.btn, .btn-01, .btn-02 {
    font-size: 15px;
    padding: 10px 15px 7px;
    margin-bottom: 10px;
}
.btn-01-center {
    text-align: left;
}

.box {
    margin: 0 0 30px;
}
.box h4.box-hdg {
    margin: 10px 0 5px 0;
    font-size: 14px;
    line-height: 1.45;
}
.box h4.box-hdg span {
    display: block;
    font-size: 11px;
}
.box h4.box-hdg-small {
    font-size: 13px;
    line-height: 18px;
    margin-left: 1em;
    text-indent: -1em;
}
.pickup .pickup-img {
    margin-bottom: 20px;
}

.list-info>li {
    font-size: 13px;
}

}