@charset "UTF-8";
/* CSS Document */
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#top{
text-align:center;
}
#top{
background:url(../img/top/topMain_SP.jpg) center top no-repeat;
background-size:contain;
padding:103.125% 0 0 0;
margin:0 ;
}
#tCtop img{
display:none;
height:0;
}
#popUp{
display: none;
}
/****SPmovie****/
#SPmovie{
width:90%;
margin:0 auto 20px;
}
#SPmovie .movie-wrap {
position: relative;
width: 100%;
padding-top:56.25%;
margin:0 auto ;
}
#SPmovie .movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#news{
width:100%;
background:url(../img/top/newsBG_bottom.png) center bottom no-repeat;
background-size:contain;
padding-bottom:4.05%;
margin:0 auto;
text-align: left;
}
#news h2{
background:url(../img/top/newsBG_top.png) center bottom no-repeat;
background-size:contain;
text-align: center;
margin:0;
padding:0;
}
#news .inBox{
background:url(../img/top/newsBG_repeat.png) center top repeat-y;
background-size:contain;
height:200px;
}
#news .inBox dl{
height:180px;
line-height: 150%;
margin:0 16px 20px 10px;
padding: 10px 20px;
overflow: auto;
}
#news .inBox dl dt{
margin:0 ;
padding:0; 
}
#news .inBox dl dd{
margin:0 0 10px 0;
padding:0 0 5px;
border-bottom:2px dashed #333;
}	
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#main{
background:url(../img/top/topMain_PC.jpg) center 40px no-repeat;
}
h1{
height:auto;
text-indent:0;
}
/****main****/
#top {
width:1280px;
margin:0 auto;
padding:0;
position:relative;
}
#tCtop{
height:1200px;
}
#top p.catch{
position:absolute;
top:10px;
left:210px;
}
#top h1{
position:absolute;
top:600px;
left:192px;
}
#top p.date{
position:absolute;
top:980px;
left:190px;
}
/****PV****/
#SPmovie{
display: none;
}
#PV iframe{
width:800px;
height:450px;
margin:0 auto 10px;
}
#popUp{
margin-bottom:20px;
position: absolute;
top:480px;
right:80px;
}
#popUp a{
display: block;
width:222px;
height:176px;
background:url(../img/top/btnPV.png) center center no-repeat;
text-indent:-99999px;
}
#popUp a:hover{
background:url(../img/top/btnPV_on.png) center center no-repeat;
background-size: contain;
}
#news{
width:740px;
background:url(../img/top/newsBG_bottom.png) center bottom no-repeat;
background-size:740px;
margin:0 auto 30px;
height:360px;
}
#news h2{
background:url(../img/top/newsBG_top.png) center top no-repeat;
background-size:740px;
text-align: center;
height:90px;
margin:0;
}
#news .inBox{
background:url(../img/top/newsBG_repeat.png) center top repeat-y;
background-size:740px;
height:250px;
}
#news .inBox dl{
height:230px;
line-height: 150%;
margin:0 22px 20px;
padding: 10px 30px;
overflow: auto;
}
#news .inBox dl dt{
margin:0 ;
padding:0; 
}
#news .inBox dl dd{
margin:0 0 10px 0;
padding:0 0 5px;
border-bottom:2px dashed #333;
}

}