@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}
a{
text-decoration:none;
outline:none;
}
table{
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-weight:normal;
font-style:normal;
}
strong{
font-weight:bold;
}
ol,ul{
list-style:none;
margin:0;
padding:0;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
margin:0;
padding:0;
}
q:before,q:after,
{
content:'';
}
abbr,acronym{border:0;
}
sup{
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
legend{
color:#000000;
}
hr{
margin:0;
padding:0;
display:none;
}
table{
font-family:monospace;
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;
line-height:100%;
}
body, form{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
.l-footer select, .l-footer input, .l-footer textarea, .l-footer button{
vertical-align:middle;
font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
position:relative;
top:-1px;
font-size:11px;
}
input{
height: 16px;
line-height: 16px;
}
button, input[type="button"]{
overflow:visible;
height:22px;
padding:0 3px;
}
input[type="submit"]{
overflow:visible;
height:20px;
padding:2px 3px 0;
}
select{
height: 20px;
line-height: 20px;
}
input[type="checkbox"],
input[type="radio"]{
border:none;
top:-2px;
top:0\9;
margin-right:2px;
margin-right: 0\9;
}
iframe{
border:none;
}

/*-- Utility --*/
.clearfix:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0.1px;
font-size:0.1em;
line-height:0;
}
.clear{
clear: both;
}
a:focus{
outline: 0 !important;
}

/*-- Link --*/
a{text-decoration:underline;font-weight:bold;}
a:link{color:#000000;text-decoration:underline;}
a:visited{color:#000000;text-decoration:underline;}
a:active{color:#000000;text-decoration:underline;}
a:hover{color:#000000;text-decoration:none;}


/*-- Layout --*/
html{
height:100%;
}
body{
position:relative;
font:12px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
line-height:1.5;
color:#000000;
background:#ffffff;
text-align:center;
}
.l-wrap{
position:relative;
background:#ffffff;
overflow:hidden;
}
.l-contents{
position:relative;
margin:0 auto;
max-width:720px;
overflow:hidden;
}
.l-contents .inner{
position:relative;
margin:0 auto;
padding:0;
}

/*-- Header --*/
.l-header{
position:absolute;
top:0;
width:100%;
text-align:left;
z-index:10;
}
.l-header .inner{
position:relative;
margin:0 auto;
padding:0;
overflow:hidden;
}
.l-header__s-logo{
position:relative;
margin:0;
padding:5px 5px 0;
width:23%;
}
.l-header__s-logo img{
width:100%;
height:auto;
display:block;
}

/*-- Menu --*/
.l-footer__menu{
position:relative;
margin:0 auto 15px;
padding:15px 0 0;
width:100%;
text-align:center;
}
.l-menu_0,
.l-menu_1,
.l-menu_2,
.l-menu_3,
.l-menu_4,
.l-menu_5,
.l-menu_6{
width:44%;
margin:0 1% 5px;
display:inline-block;
}
.l-menu_0 img,
.l-menu_1 img,
.l-menu_2 img,
.l-menu_3 img,
.l-menu_4 img,
.l-menu_5 img,
.l-menu_6 img{
width:100%;
height:auto;
display:block;
}

/*-- Footer --*/
.l-footer{
margin:0 auto;
max-width:720px;
text-align:left;
}
.l-footer .inner{
position:relative;
margin:0 auto;
}
.l-footer__copy{
margin:0 auto 15px;
width:30%;
}
.l-footer__banner{
margin:0 auto 20px;
width:60%;
}
.l-footer__banner li{
margin:0 auto 12px;
width:100%;
height:auto;
}
.l-footer__copy img,
.l-footer__banner li img{
width:100%;
height:auto;
display:block;
}

/*-- SNS-btn --*/
.l-sns__box{
position:relative;
margin:0 auto 15px;
width:180px;
height:20px;
line-height:1;
overflow:hidden;
}
.l-sns__tw{
position:absolute;
left:0px;
width:75px;
height:20px;
}
.l-sns__fb{
position:absolute;
right:0px;
width:82px;
height:20px;
}

/*-- Top --*/
.p-top__main{
position:relative;
}
.p-top__movie-box{
margin:0 auto;
padding:12px 0 0;
text-align:center;
background:#e5e5e5;
}
.p-top__movie{
margin:0 auto 12px;
width:50%;
height:auto;
}
.p-top__banner{
width:50%;
margin:0 auto 12px;
line-height:1;
}
.p-top__line{
}
.p-top__main img,
.p-top__movie img,
.p-top__banner img,
.p-top__line img{
width:100%;
height:auto;
display:block;
}

.mv {
position: relative;
margin-bottom: 20px;
padding-bottom: 56.25%; /* 16/9 ratio */
height: 0;
overflow: hidden;
}
.mv iframe{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100% !important;
height:100% !important;
}

@media (max-width:720px){
#yt-content01,
#yt-content02,
#yt-content03,
#yt-content04,
#yt-content05,
#yt-content06,
#yt-content07,
#yt-content08,
#yt-content09,
#yt-content10,
#yt-content11,
#yt-content12,
#yt-content13,
#yt-content14,
#yt-content15,
#yt-content16,
#yt-content17,
#yt-content18,
#yt-content19,
#yt-content20,
#yt-content21,
#yt-content22,
#yt-content23,
#yt-content24,
#yt-content25,
#yt-content26,
#yt-content27,
#yt-content28,
#yt-content29,
#yt-content30{
position:relative;
padding:0;
width:300px;
height:169px;
overflow:hidden;
}
#cboxTitle{
display:none;
}
}

@media (min-width:721px){
#yt-content01,
#yt-content02,
#yt-content03,
#yt-content04,
#yt-content05,
#yt-content06,
#yt-content07,
#yt-content08,
#yt-content09,
#yt-content10,
#yt-content11,
#yt-content12,
#yt-content13,
#yt-content14,
#yt-content15,
#yt-content16,
#yt-content17,
#yt-content18,
#yt-content19,
#yt-content20,
#yt-content21,s
#yt-content22,
#yt-content23,
#yt-content24,
#yt-content25,
#yt-content26,
#yt-content27,
#yt-content28,
#yt-content29,
#yt-content30{
position:relative;
padding:0;
width:711px;
height:400px;
overflow:hidden;
}
}

/*-- digibook --*/
.btn-digibook_l{
position:absolute;
bottom:13%;
left:8%;
width:36%;
height:auto;
}
.btn-digibook_r{
position:absolute;
bottom:13%;
right:8%;
width:36%;
height:auto;
}
.btn-digibook_l img,
.btn-digibook_r img{
width:100%;
height:auto;
display:block;
}