@charset "UTF-8";
/* CSS Document */
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
br.spNo{
display:none;
}
.TxtLef{
text-align:left;
}
.cau{
color:#F00;
}
#Nav nav ul li.nav07 a{
background:url(../common/img/nav/navSPbg_on.png) center left no-repeat;
background-size:contain;
}
#pageConts h3{
margin:0 auto 20px;
}
.iframe_wrap {
position: relative;
width: 96%;
height:0;
padding-top:56.25%;
margin:0 auto 40px ;
}
.iframe_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.txt{
width:96%;
margin:0 auto 10px;
}
.thumb{
width:96%;
margin:0 auto;
}
/**/
.infoBox{
width:96%;
margin:0 auto;
clear:both;
text-align:center;
padding:20px 0;
margin-bottom:20px;
}
.infoBox .thumb{
width:100%;
margin:0 auto 10px;
}
.infoBox dl{
width:100%;
margin:0 0 10px 0;
letter-spacing:0.2px;
border:1px solid #fff;
background:#fff;
}
.infoBox dt{
clear:both;
padding:5px 0;
color:#08102B;
text-align:center;
font-weight:bold;
}
.infoBox dt:first-child,
.infoBox dt:first-child + dd{
border-top:none;
}
.infoBox dt span.sma,
.infoBox dt span.sma{
font-size:14px;
line-height:160%;
}
.infoBox dd span.fin,
.infoBox dd span.fin{
color:#F10074;
}
.infoBox dd{
clear:both;
padding:10px;
background:#08102B;
margin:0;
}
.infoBox dd a.link{
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px 20px;
}
.infoBox dd a.link:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
.infoBox dd ul{
margin:5px auto;
padding:0;
}
/* infobox02*/
.infoBox02{
width:100%;
margin:0 auto;
clear:both;
border:1px solid #fff;
line-height:200%;
}
.infoBox02 p.tit{
padding:10px 0;
border-bottom:1px solid #fff;
margin:0;
}
.infoBox02 p.thumb{
width: 80%;
border-top:1px solid #08102B;
padding:10px;
color:#08102B;
text-align:center;
font-weight:bold;
}
.infoBox02 div.txt{
width:100%;
text-align:left;
border-top:1px solid #fff;
}
.infoBox02 div.txt p{
padding:20px;
}
.infoBox02 a.link{
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:0 auto 30px;
}
.infoBox02 a.link:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
/********special05********/
#special0504 .infoBox a.link{
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px 20px;
}
#special0504 .infoBox a.link:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
#special0508 .infoBox dl dd dl{
line-height:100%;
text-align:center;
border:none;
margin:5px 0;
padding:0;
}
#special0508 .infoBox dl dd dl dt{
font-weight:normal;
background:none;
background:#08102B;
color:#fff;
}
#special0508 .infoBox dl dd dl dd{
line-height:140%;
margin:0;
padding:0;
font-size:90%;
}

/********special06********/
#special06 .infoBox {
border-bottom:none;
}
/*dl dd dl*/
#special06 .infoBox dl dd dl{
width:100%;
margin:0;
padding:0;
border:none;
background:none;
line-height:160%;
text-align:left;
}
#special06 .infoBox  dl dd dl dt{
float:none;
clear:none;
border-top:none;
padding:5px 0;
color:#fff;
text-align:left;
font-weight:bold;
}
#special06 .infoBox dl dd dl span{
color:#08102B;
background:#F6AF5B;
padding:10px 20px;
border-radius:6px;
}
#special06 .infoBox  dl dd dl dt:first-child,
#special06 .infoBox  dl dd dl dt:first-child + dd{
border-top:none;
}
#special06 .infoBox  dl dd dl  dt span.sma{
font-size:14px;
}
#special06 .infoBox  dl dd dl dd{
margin-left: 0;
border-top:none;
border-left:none;
padding:10px 0;
background:none;
}
/**/
#special06 .infoBox ul{
width:96%;
margin:0 auto;
padding:0;
line-height:160%;
}
/********special07********/
#special0702 dd{
padding-top:15px;
}
#special0702 ol{
margin:0 0 0 20px;
padding:0;
text-align:left; 
}
#special0702 ol li{
list-style-type:decimal-leading-zero;
list-style-position:inside;
}
#special0702 strong{
font-size:120%;
letter-spacing:0.2rem;
text-align:center;
}
/********special08********/
.linkBtn{
text-align:center;
margin-top:10px;
}
.linkBtn ul{
text-align:center;
margin:0;
padding:0;
}
.linkBtn li{
width:100%;
margin:0  auto;
display:inline-block;
}
.linkBtn li a{
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
}
.linkBtn li a:hover {
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}

#special08 .WpBox{
margin:0 auto 30px;
border-bottom:1px solid #fff;
}
#special08 .WpBox:last-child{
border-bottom:none;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
.TxtLef{
text-align:left;
}
.cau{
color:#F00;
}
#Nav nav ul li.nav07 a{
background:url(../common/img/nav/navPC07_on.png) center center no-repeat;
}
#pageConts #pChead nav{
width:920px;
height:140px;
}
.coninbox{
margin-bottom:60px;
}
#pageConts h3{
margin:0 auto 20px;
}
#pageConts h3 span{
margin:0 auto;
}
.txt{
width:880px;
margin:0 auto 20px;
}

iframe{
width:960px;
height:540px;
margin:0 auto 10px;
}
/*infoBox*/
.infoBox dl{
width:880px;
margin:20px auto 40px;
border:1px solid #fff;
background:#fff;
line-height:200%;
}
.infoBox dt{
width: 360px;
float: left;
clear:both;
border-top:1px solid #08102B;
padding:10px;
color:#08102B;
text-align:center;
font-weight:bold;
}
.infoBox dt:first-child,
.infoBox dt:first-child + dd{
border-top:none;
}
.infoBox dt span.sma{
font-size:14px;
}
.infoBox dd span.fin{
color:#F10074;
}
.infoBox dd{
margin-left: 380px;
border-top:1px solid #fff;
border-left:1px solid #fff;
padding:10px;
background:#08102B;
}
.infoBox dd a.link{
width:32rem;
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px auto;
}
.infoBox dd a.link:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
/* infobox02*/
.infoBox02{
width:880px;
margin:20px auto 40px;
border:1px solid #fff;
line-height:200%;
}
.infoBox02 p.tit{
padding:10px 0;
border-bottom:1px solid #fff;
}
.infoBox02 p.thumb{
width: 360px;
float: left;
clear:both;
border-top:1px solid #08102B;
padding:10px;
color:#08102B;
text-align:center;
font-weight:bold;
}
.infoBox02 div.txt{
float:right;
width:480px;
text-align:left;
}
.infoBox02 div.txt p{
padding:10px 15px 0 0;
}
.infoBox02 a.link{
width:360px;
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:0 auto 30px;
}
.infoBox02 a.link:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}


/********special02********/
#special02 .infoBox{
width:920px;
margin:0 auto;
clear:both;
border-bottom:1px dotted #fff;
text-align:left;
padding:20px 0;
}
#special02 .infoBox .thumb{
float:right;
width:320px;
}
#special02 .infoBox dl{
width:560px;
margin:0 0 10px 0;
letter-spacing:0.2px;
float:left;
border:1px solid #fff;
}
#special02 .infoBox dt{
width: 130px;
border-top:1px solid #08102B;
padding:10px 0 0 0;
text-align:center;
}
#special02 .infoBox dt:first-child,
#special02 .infoBox dt:first-child + dd{
border-top:none;
}
#special02 .infoBox dt span.sma{
font-size:14px;
line-height:160%;
}
#special02 .infoBox dd span.fin{
color:#F10074;
}
#special02 .infoBox dd{
margin-left: 130px;
padding:10px;
}
/*special04*/
br.pcNo{
display:none;
}
#pageConts #special04 h3{
height:540px;
}
#special04 h3 img{
width:960px;
height:540px;
}
/********special05********/
#special05 .infoBox{
width:920px;
margin:0 auto 30px;
clear:both;
text-align:left;
padding:20px 0;
}
#special05 .infoBox .thumb{
margin:0 auto;
text-align:center;
}
#special0504 .infoBox a.link{
width:360px;
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:0 auto 30px;
}
#special0504 .infoBox a.link:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
#special0508 .infoBox dl dd dl{
width:90%;
line-height:120%;
text-align:center;
border:none;
margin:10px auto;
padding:0;
}
#special0508 .infoBox dl dd dl dt{
font-weight:normal;
background:none;
color:#fff;
text-align:center;
width:100%;
margin:0;
padding:0;
}
#special0508 .infoBox dl dd dl dd{
line-height:140%;
padding:0;
font-size:96%;
text-align:center;
margin-left: 0;
border-top:none;
border-left:none;
}
/********special06********/
#special06 .infoBox .thumb{
margin:10px auto;
}
/*dl dd dl*/
#special06 .infoBox dl dd dl{
width:100%;
margin:0;
padding:0;
border:none;
background:none;
line-height:160%;
text-align:left;
}
#special06 .infoBox  dl dd dl dt{
float:none;
clear:none;
border-top:none;
padding:10px 0;
color:#fff;
text-align:left;
font-weight:bold;
}
#special06 .infoBox dl dd dl  span{
color:#08102B;
background:#F6AF5B;
padding:10px 20px;
border-radius:6px;
}
#special06 .infoBox  dl dd dl dt:first-child,
#special06 .infoBox  dl dd dl dt:first-child + dd{
border-top:none;
}
#special06 .infoBox  dl dd dl  dt span.sma{
font-size:14px;
}
#special06 .infoBox  dl dd dl dd{
margin-left: 0;
border-top:none;
border-left:none;
padding:10px 0;
background:none;
}
#special06 .infoBox ul {
width:880px;
margin:0 auto;
line-height:160%;
}
#special06 .infoBox dl ul {
width:auto;
line-height:160%;
}

/********special07********/
#special0702 ol{
margin:0 0 0 40px;
padding:0;
text-align:left; 
}
#special0702 ol li{
list-style-type:decimal-leading-zero;
list-style-position:inside;
}
#special0702 strong{
font-size:120%;
letter-spacing:0.2rem;
text-align:center;
}
/********special08********/
.linkBtn{
text-align:center;
position: relative;
overflow: hidden;
margin-top:10px;
}
.linkBtn ul{
list-style-type: none;
padding: 0;
text-align:center;
}
.linkBtn li{
width:280px;
margin:0 10px;
display:inline-block;
}
.linkBtn li a{
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
}
.linkBtn li a:hover {
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}

#special08 .WpBox{
width:960px;
margin:0 auto 40px;
padding-bottom:20px;
border-bottom:1px solid #fff;
}
#special08 .WpBox:last-child{
border-bottom:none;
}
}