@charset "UTF-8";
/* CSS Document */
#news dl dd{
line-height: 150%;
}

/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#top{
text-align:center;
}
#top .conbox,
#top .innerBox{
width:100%;
border-radius: none;
border:none;
background: none;
margin:0 auto;
}
#top .conbox{
background:url(img/topMain_switch2_SP.jpg) center top no-repeat;
background-size:contain;
padding:187.5% 0 0 0;
margin:0 ;
}
#top img,
#top  h1 img,
#top  h2 img{
display:none;
height:0;
}
#popUp{
display: none;
}
#top #news{
width:100%;
height:auto;
background:url(img/newsBoxBG_bottom.png) center bottom no-repeat;
background-size:contain;
padding-bottom:4%;
margin:0 auto;
text-align: left;
}
#top #news h2{
width:100%;
background:url(img/newsBoxBG_top.png) center bottom  no-repeat;
background-size:contain;
padding:9% 0 0 0;
margin:0;
}
#top #news .conbox{
background:url(img/newsBoxBG_middle.png) center top repeat;
background-size:contain;
padding:0;
margin:0;
}
#top #news dl{
width:93%;
height:180px;
margin:0 auto 0;
overflow: auto;
}
#top #news dl dt{
padding:10px 10px 0;
}
#top #news dl dd{
padding:3px 10px;
border-bottom:2px dashed #000;
}
/****SPmovie****/
#SPmovie{
width:90%;
margin:10px auto ;
}
#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%;
}
#linkDemo{	
width:72%;
margin:0 auto;
padding:0;
text-align: center;
}
#linkDemo img{
display:block;
width:100%;
margin:0 auto;
padding:0;
height:auto;
text-align: center;
}
#linkDemo img:hover{
opacity:0.7;
}
#top #linkAll img {
display: block;
height:auto;
}
#top #linkAll{
width:90%;
margin:0 auto;
background: #000;
padding:10px 10px;
border-radius: 10px;
text-align: center;
}
#top #linkAll p{
margin:16px auto;
}
#top #linkAll p.btn a {
display: block;
width:100%; 
text-align: center;
padding:3px 0 ;
box-sizing: border-box;
}
#btn_switch2{	
width:72%;
margin:0 auto;
padding:0;
text-align: center;
}
#btn_switch2 img{
display:block;
width:100%;
margin:0 auto;
padding:0;
height:auto;
text-align: center;
}
#btn_switch2  img:hover{
opacity:0.7;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#main{
}
h1{
height:auto;
text-indent:0;
}
/****main****/
#top {
margin:0 auto;
padding:0;
}
#top .conbox{
width:1374px;
height:1540px;
background:url(img/topMain_IMG_PC.jpg) center -20px no-repeat;
background-size:cover;
}
#top .innerBox{
height:100%;
position:relative;
}
#top p.catch01{
position:absolute;
top:6px;
left:12px;
}
#top h1{
position:absolute;
top:660px;
left:287px;
}
#top p.catch02{
position:absolute;
top:600px;
right:0px;
}
#top p.date{
position:absolute;
top:1040px;
left:207px;
}
#top #news{
width:700px;
height:250px;
position:absolute;
top:1240px;
left:337px;
background:url(img/newsBoxBG.png) center top repeat;
}
#top #news .conbox{
background:none;
padding:0;
margin:0;
border:none;
width:700px;
height:165px;
}
#top #news{
margin:0 auto;
}
#top #news h2,
#top #news h2 img{
height:60px;
background: none;
text-align: left;
margin:0;
padding:0;
}
#top #news dl{
width:654px;
height:165px;
margin:0 auto 0;
overflow: auto;
}
#top #news dl dt{
padding:10px 10px 0;
}
#top #news dl dd{
padding:3px 10px;
border-bottom:2px dashed #000;
}
/****PV****/
#SPmovie{
display: none;
}
#PV iframe{
width:800px;
height:450px;
margin:0 auto 10px;
}
#popUp{
margin-bottom:20px;
position: absolute;
top:16px;
right:24px;
}
#popUp a{
display: block;
width:302px;
height:252px;
background:url(img/btnPV02.png) center center no-repeat;
background-size: contain;
text-indent:-99999px;
}
#popUp a:hover{
background:url(img/btnPV02_on.png) center center no-repeat;
background-size: contain;
}
#link a img:hover{
opacity:0.7;
}
#linkDemo{
position:absolute;
top:272px;
right:40px;
margin:0 ;
padding:0;
}
#linkDemo a img{
display: none;
}
#linkDemo a{
display: block;
width:280px;
height:280px;
background:url(img/btnDemoIMG.png) center center no-repeat;
background-size:280px;
}		
#linkDemo a:hover{
background:url(img/btnDemoIMG_on.png) center center no-repeat;
background-size: contain;
}

#top #linkAll{
width:340px;
position:absolute;
top:320px;
left:24px;
background: #000;
padding:0 10px;
border-radius: 10px;
}
#top #linkAll p{
margin:16px auto;
}
#top #linkAll p.btn a {
display: block;
width:340px; 
text-align: center;
padding:3px 0 ;
box-sizing: border-box;
}
#btn_switch2{
position:absolute;
top:130px;
left:24px;
}
#btn_switch2 img{
display: none;
}
#btn_switch2 a{
display: block;	
width:340px;
height:175px;
background:url(img/btn_switch2.png) center center no-repeat;
background-size:340px;
}
#btn_switch2 a:hover{
background:url(img/btn_switch2_on.png) center center no-repeat;
background-size:340px;
}
	
}