@charset "UTF-8";
/* CSS Document */
strong{
font-weight:bold;
font-size:120%;
margin:0 auto 10px;
display: block;
}
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
nav.pageNav ul{
width:86%;
}

#special .movie-wrap {
position: relative;
width: 100%;
padding-top:56.25%;
margin:0 auto ;
}
#special .movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*special infoBox*/
#special .infoBox{
border-bottom:1px dotted #333;
margin:20px 0;
}
#special .infoBox:last-of-type{
border-bottom:none;
}
#special .infoBox dl{
width:90%;
margin:0 auto 20px;
border:2px solid #000;
background: #fff;
}
#special .infoBox dl dt{
width:10rem;
padding:10px 0;
float: left;
clear: both;
border-top:1px solid #000;
text-align: center;
}
#special .infoBox dl dd{
margin-left:10rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
}
#special .infoBox dl dt:first-of-type,
#special .infoBox dl dd:first-of-type{
border-top:none;
}
#special .infoBox p.pic{
width:90%;
margin:0 auto 10px;
}
#special .infoBox p.pic img{
border:none;
}
#special02 .btn{
margin-bottom:30px;
}
/**/
#special03 .infoBox p.pic {
width:90%;
margin:0 auto 10px;
}
#special03 .infoBox p.txt {
width:90%;
text-align: center;
line-height: 160%;
	margin:0 auto 10px;
}	
#special03 table {
width: 90%;
margin: 0 auto;
margin: 10px auto 30px;
box-sizing: border-box;
border: 2px solid #000;
background: #fff;
}
#special03 table th {
display: block;
text-align: center;
padding: 5px;
border: 1px solid #000;
background:rgba(77,76,85,0.2);
}
#special03 table td {
display: block;
text-align: center;
padding: 10px;
border: 1px solid #000;
}
/**/
#special04 p.pic,
#special04 p.txt{
width:90%;
margin:0 auto 10px;
text-align: center;
line-height: 160%;
}

#special04 dl{
width:100%;
margin:0 auto 20px;
border:2px solid #000;
background: #fff;
}
#special04 dl dt{
width:10rem;
padding:10px 0;
float: left;
clear: both;
border-top:1px solid #000;
text-align: center;
}
#special04 dl dd{
margin-left:10rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
}
#special04 dl dt:first-of-type,
#special04 dl dd:first-of-type{
border-top:none;
}	
/**/	
#special05{
text-align: center;
}
#special05 p.pic{
width:90%;
margin:20px auto;
}
#special05 p.txt{
width:96%;
margin:0 auto 30px;
}
#special05 .innerBox ul li{
margin:0 auto 30px;
text-align:center;
vertical-align: middle;
}
#special06 p.txt{
margin:20px auto;
line-height: 160%;
text-align: center;
}
#special06 dl{		
width:100%;
margin:0 auto 30px;
border:2px solid #000;
background: #fff;
}
#special06 dl dt{
width:10rem;
padding:10px 0;
float: left;
clear: both;
border-top:1px solid #000;
text-align: center;
}
#special06 dl dd{
margin-left:10rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
}
#special04 dl dt:first-of-type,
#special04 dl dd:first-of-type{
border-top:none;
}	
#special06 dl dt:first-of-type,
#special06 dl dd:first-of-type{
border-top:none;
}
	
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#navMenu nav ul li.nav06 img{
opacity: 0;
}
#navMenu nav ul li.nav06{
background:url(../common/img/nav/nav_special_on.png) no-repeat center center;
background-size: contain;
}
nav.pageNav ul{
width:840px;
}	
/****PV****/
#special .movie-wrap {
position: relative;
width: 100%;
padding-top:56.25%;
margin:0 auto ;
}
#special .movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*special infoBox*/
#special .infoBox{
clear: both;
margin:10px auto 40px;
border-bottom:1px dotted #333;
}
#special .infoBox:first-of-type{
margin-top:50px;
}
#special .infoBox:last-of-type{
border-bottom:none;
}
#special .infoBox dl{
width:500px;
margin:0 auto 30px;
border:2px solid #000;
background: #fff;
float:right;
}
#special .infoBox dl dt{
width:10rem;
padding:10px 0;
float: left;
clear: both;
border-top:1px solid #000;
text-align: center;
}
#special .infoBox dl dd{
margin-left:10rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
}
#special .infoBox dl dt:first-of-type,
#special .infoBox dl dd:first-of-type{
border-top:none;
}
#special .infoBox p.pic{
float:left;
width:360px;
margin:0 ;
}
#special .infoBox p.pic img{
border:none;
}
#special02 .btn{
margin-bottom:20px;
}
/**/	
#special03 .infoBox p.pic {
width:100%;
}
#special03 .infoBox p.txt {
width:100%;
text-align: center;
line-height: 160%;
}
#special03 table {
width: 900px;
margin: 0 auto;
margin: 10px auto 30px;
box-sizing: border-box;
border: 2px solid #000;
background: #fff;
}
#special03 table td {
text-align: center;
padding: 10px 5px;
border: 1px solid #000;
}
#special03 table td.date{
width:30%;
}
#special03 table td.shop{
width:40%;
}
#special03 table td.link{
width:30%;
}
/**/
#special04 p.pic,
#special04 p.txt{
margin:0 auto 20px;
text-align: center;
line-height: 160%;
}
#special04 dl{		
width:600px;
margin:0 auto 30px;
border:2px solid #000;
background: #fff;
}
#special04 dl dt{
width:10rem;
padding:10px 0;
float: left;
clear: both;
border-top:1px solid #000;
text-align: center;
}
#special04 dl dd{
margin-left:10rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
}
#special04 dl dt:first-of-type,
#special04 dl dd:first-of-type{
border-top:none;
}	
/**/	
#special05{
text-align: center;
}
#special05 p.pic{
width:640px;
margin:20px auto;
}
#special05 p.txt{
margin:20px auto;
line-height: 160%;
}
#special05 .innerBox ul{
width:400px;
margin:20px auto;
display: flex;
flex-wrap: wrap;
}
#special05 .innerBox ul li{
margin:0 auto;
float:left;
text-align:center;
vertical-align: middle;
}
#special06 p.txt{
margin:20px auto;
line-height: 160%;
text-align: center;
}
#special06 dl{		
width:760px;
margin:0 auto 30px;
border:2px solid #000;
background: #fff;
}
#special06 dl dt{
width:10rem;
padding:10px 0;
float: left;
clear: both;
border-top:1px solid #000;
text-align: center;
}
#special06 dl dd{
margin-left:10rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
}
#special04 dl dt:first-of-type,
#special04 dl dd:first-of-type{
border-top:none;
}	
#special06 dl dt:first-of-type,
#special06 dl dd:first-of-type{
border-top:none;
}		
}