@charset 'UTF-8';

.hdg-l2,
.related{
position:relative;
}

.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;
min-height:140px;
margin-top:10px;
padding-left:150px;
}

.related a{
text-decoration:none;
color:#333;
}

.related a:active
.related-hdg,
.related a:focus
.related-hdg,
.related a:hover
.related-hdg{
text-decoration:underline;
}

.related
.related-hdg{
font-size:18px;
font-weight:700;
line-height:1
.25;
margin-bottom:-10px;
color:#0b41a1;
}

.related
.related-thumb{
position:absolute;
top:0;
left:0;
}

.page-info{
font-size:13px;
margin-top:40px;
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;
}

.sns li:first-child{
margin-left:0;
margin-top:-1px;
}

.hdg-l2{
font-size:36px;
font-weight:400;
margin-top:30px;
padding:11px 0 4px;
border-width:2px 0;
border-style:solid;
border-color:#333;
}
.hdg-l2 span.two-days{
color:#ec2c67;
}
.hdg-l2 span.three-days{
color:#0066cc;
}
.hdg-l2 span.four-days{
color:#319709;
}
.hdg-l2 span.two-days,
.hdg-l2 span.three-days,
.hdg-l2 span.four-days{
font-weight:normal;
font-size:24px;
display:block;
padding-top:4px;
margin-bottom:-10px;
line-height:1.2;
}

.hdg-l2:after,
.hdg-l2:before{
position:absolute;
display:block;
height:1px;
content:'';
width:100%;
left:0;
overflow:hidden;
}

.hdg-l2:before{
top:2px;
}

.hdg-l2:after{
bottom:2px;
}

.hdg-l2:after,
.hdg-l2:before{
background-color:#999;
}

.hdg-l3{
font-size:24px;
font-weight:700;
margin-top:30px;
padding-bottom:5px;
border-bottom:1px solid #c9c9c9;
}

.hdg-l3>span{
display:inline-block;
}

.hdg-l3>span:before{
display:inline;
content:'\3010';
}

.hdg-l3>span:after{
display:inline;
content:'\3011';
}

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

.photo{
max-width:800px;
margin-right:auto;
margin-left:auto;
text-align:center;
}

.photo
.caption{
font-size:12px;
display:block;
margin-top:2px;
text-align:right;
}

.list-def{
margin-top:10px;
}

.list-def>li{
display:table;
width:100%;
}

.list-def>li>b{
font-weight:400;
display:table-cell;
width:3em;
}

.link a,
.link-list a,
.tab a{
font-weight:700;
text-decoration:none;
}
.link-list a:visited{
color: #fff;
}

.list-def>li>p{
position:relative;
display:table-cell;
padding-left:1em;
}

.list-def>li>p:before{
position:absolute;
top:0;
left:0;
content:'：';
}

.link{
font-size:16px;
margin-top:40px!important;
text-align:right;
}

.link a{
position:relative;
display:inline-block;
padding-left:10px;
color:#06c;
}

.link-list a:active,
.link-list a:focus,
.link-list a:hover,
.tab a,
.tab a:active,
.tab a:focus,
.tab a:hover{
color:#fff;
}

.link a:before{
position:absolute;
display:inline-block;
display:block;
margin:0;
border-width:5px 0 5px 5px;
border-color:transparent transparent transparent #818181;
top:
.45em;
left:0;
}

.link-list{
font-size:18px;
line-height:1
.25;
}

.link-list>li{
margin-top:25px;
}

.link-list>li:nth-child(-n+2){
margin-top:0;
}

.link-list a{
position:relative;
display:block;
padding: 13px 15px 9px 15px;
color:#fff;
border-radius:6px;
background-color:#078acb;
box-shadow:0 4px 0 #066fa3;
}

.tab{
font-size:18px;
overflow:hidden;
text-align:center;
}

.tab.two-days{
border-bottom:5px solid #ec2c67;
}
.tab.three-days{
border-bottom:5px solid #0066cc;
}
.tab.four-days{
border-bottom:5px solid #319709;
}
.tab.bottom.two-days{
border-top:5px solid #ec2c67;
border-bottom:0;
}
.tab.bottom.three-days{
border-top:5px solid #0066cc;
border-bottom:0;
}
.tab.bottom.four-days{
border-top:5px solid #319709;
border-bottom:0;
}

.tab a{
display:block;
padding:15px 5px 10px;
border-radius:4px 4px 0 0;
background-color:#fff;
}
.tab.bottom a{
display:block;
padding:15px 5px 10px;
border-radius:0 0 4px 4px;
background-color:#fff;
}
.tab li.active.two-days a{
background-color:#ec2c67;
}
.tab li.active.three-days a{
background-color:#0066cc;
}
.tab li.active.four-days a{
background-color:#319709;
}
.tab li a{
border:2px solid #bfbfbf;
border-bottom:0;
border-radius:4px 4px 0 0;
margin-bottom:-2px;
line-height:1.2;
}
.cmn-list-col-3.tab.bottom>li{
margin-top:0;
}
.tab.bottom li a{
border:2px solid #bfbfbf;
border-top:0;
border-radius: 0 0 4px 4px;
margin-bottom:0;
line-height:1.2;
}
.tab li.two-days a{
color:#ec2c67;
}
.tab li.three-days a{
color:#0066cc;
}
.tab li.four-days a{
color:#319709;
}
.tab li.active a{
border:none;
color:#fff;
}
.box-movie{
font-size:14px;
position:relative;
min-height:155px;
margin-top:20px;
padding:20px 20px 20px 150px;
background-color:#f5f5f5;
}

.box-movie
.box-movie-hdg{
font-size:18px;
font-weight:400;
line-height:1
.45;
}

.box-movie
.box-movie-thumb{
position:absolute;
top:20px;
left:20px;
width:110px;
}

.box-movie
.box-movie-thumb>img{
width:110px;
}

.box-movie
.box-movie-thumb>img:first-child{
width:0;
}

.box-movie
.branch
.box-movie-thumb{
top:11px;
}

.note{
font-size:12px;
position:relative;
padding-left:1
.5em;
}

.note:before{
position:absolute;
top:0;
left:0;
display:block;
content:'\203b';
}

.icon-box{
padding:15px 20px 20px 20px;
background:#f8f8e6;
box-sizing:border-box;
margin:25px 0 10px 0;
}
.lyt-special #str-contents .icon-box p{
margin:0;
}
.lyt-special #str-contents .icon-box p .sup{
background:url(/w_special/short/images/img-lead.png) no-repeat;
width:91px;
height:57px;
display:inline-block;
text-indent:-9999px;
margin-left:20px;
vertical-align:top;
}
.lyt-special #str-contents .icon-box .lead{
font-weight:bold;
color:#918365;
font-size:24px;
display:inline-block;
line-height:1.3;
}
.lyt-special #str-contents .icon-box .lead b{
font-size:20px;
color:#319709;
}

.icon-box ul{
box-sizing:border-box;
padding:0 25px 10px 25px;
background:#fff;
}
.icon-box ul li{
vertical-align:middle;
font-size:14px;
line-height: 38px;
}
.icon-box ul li img{
margin-right:8px;
}
.lyt-special #str-contents .icon-box + p{
margin:0;
font-size:12px;
}

.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:4px auto 0;
text-align:left;
}
.carousel .carousel-thumb{
margin:10px -5px 0;
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);
}
.link-list.cmn-list-col-3.cmn-col-state>li{
margin-top:0;
margin-bottom:20px;
}
.icon-list{
display:block;
margin:5px 0 -15px;
}
.icon-list li{
display:inline-block;
margin-right:0px;
}
#str-contents p.lead-bottom {
margin-top: 60px;
}

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

.icon-box .cmn-list-col-3>li{
width:47%;
margin-left:0;
}
.cmn-list-col-3>li:nth-child(3n+1) {
clear: inherit;
}
.lyt-special #str-contents ul.btn-big li a{
min-height: 3.5em;
}
}

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

.link-list{
font-size:16px;
}

.tab{
font-size:24px;
}
}
@media screen and (max-width:825px){

.tab{
font-size:20px;
}
}
@media screen and (max-width:750px){
.icon-box ul li img{
width:27px;
height:24px;
}
.icon-box ul li{
font-size:11px;
line-height: inherit;
}
.lyt-special #str-contents .icon-box .lead b{
font-size:11px;
}
.lyt-special #str-contents .icon-box .lead{
font-size:13px;
display:block;
}
.lyt-special #str-contents .icon-box p .sup{
background-image:none;
background-color:#3399ff;
text-indent:inherit;
padding:2px 12px;
color:#fff;
font-weight:bold;
font-size:11px;
display:inline-block;
width:auto;
height:inherit;
margin:0 0 5px 0;
}
.icon-box{
padding:10px;
margin:15px -10px;
}
.icon-list{
display:block;
margin:5px 0 -12px;
}
.icon-list img{
width:27px;
height:24px;
}
}
@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-l2{
font-size:22px;
}

.hdg-l3{
font-size:16px;
margin-top:40px;
}

.hdg-l2+
.hdg-l3{
margin-top:20px;
}

.link-list{
font-size:14px;
line-height:1
.35;
}

.link-list>li{
margin-top:10px;
}

.link-list a{
padding:12px 5px 10px 12px;
}

.link-list a:before{
left:10px;
}

.tab{
font-size:14px;
line-height:1
.45;
margin:5px -10px!important;
padding:0 10px;
border-bottom-width:7px;
}

.tab>li span{
display:block;
}

.tab a{
padding:15px 2px 10px;
}

.box-movie{
font-size:13px;
min-height:0;
margin-top:10px;
padding:170px 10px 10px;
}

.box-movie
.box-movie-hdg{
font-size:14px;
}

.box-movie
.box-movie-thumb{
top:15px;
left:50%;
width:100px;
margin-left:-50px;
}

.box-movie
.branch{
padding:180px 10px 10px;
}


.hdg-l2 span.two-days,
.hdg-l2 span.three-days,
.hdg-l2 span.four-days{
font-size:14px;
margin-bottom:-2px;
}

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

.related-container{
margin-top:-10px;
}

.related{
margin-top:20px;
}

.sns li{
margin-left:5px;
}

.hdg-l2{
font-size:18px;
}

.hdg-l3{
font-size:13px;
}

.hdg-l2+
.hdg-l3{
margin-top:10px;
}

.link{
margin-top:30px!important;
}

.link-list.cmn-list-col-3.cmn-col-state>li{
width:100%;
margin: 0px 0 12px 0px;
line-height: 1.6;
}

.link-list>li a{
top:0;
left:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
box-sizing:border-box;
width:100%;
height:100%;
padding:6px 2px 4px 20px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.hdg-l3{
margin-top:0;
}

.link-list>li a:before{
left:8px;
}
.icon-box .cmn-list-col-3{
	padding:5px 10px 10px 10px;
}
.icon-box .cmn-list-col-3>li{
width:100%;
margin-top:5px;
}
.lyt-special #str-contents ul.btn-big li a{
min-height: inherit;
}
}