@charset "UTF-8";
/* CSS Document */
.cau{
font-size:80%;
color:#f74486;
}
#special p.btn{
margin-bottom:20px;
}
p img.noBor{
border: none;
}
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#special .conINbox{
width:90%;
margin:0 auto;
}
#special .movie-wrap{
width:100%;
margin:0 auto;
position: relative;
padding-bottom: 56.25%; 
height: 0;
overflow: hidden;
}
#special .movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*special infoBox*/
#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;
}
#special03 .infoBox ul{
text-align: center;
}	
#special03 .infoBox ul li{
margin:0 auto 30px;
}	

}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#navMenu nav ul li.nav07{
background:url(../common/img/nav/nav07_on.png) no-repeat center center;
background-size: contain;
}
#navMenu nav ul li.nav07 img{
opacity: 0;
}
nav.pageNav ul{
width:400px;
}
.movie-wrap{
text-align: center;
}
.movie-wrap iframe{
width:720px;
height:405px;
margin:0 auto 40px;
}
/*special infoBox*/
#special .infoBox{
clear: both;
margin:10px auto 40px;
}
#special .infoBox dl{
width:480px;
margin:0 auto 0 100px;
border:2px solid #000;
background: #fff;
float: left;
}
#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:right;
width:400px;
margin:0 100px 0 0;
}
#special .infoBox p.pic img{
border:none;
}
#special03  p.pic{
width:720px;
margin:0 auto 30px;
}
#special03 .infoBox ul{
width:360px;
margin:0 auto 60px;
padding:0;
display: flex;
flex-wrap: wrap;
}
#special03 .infoBox ul li {
margin:0 auto 10px;
float:left;
text-align:center;
}	
	
}