@charset "utf-8";
.ageAuth{
display: none;
position: relative;
z-index: 9999;
width: 100％;
margin: 0 auto;
padding: 30px 0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: center;
letter-spacing: 0;
color: #fff;
/*border: 3px solid #333;
border-radius: 15px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background:#000;
}
.ageAuthCaution{
font-size: 0.8rem;
text-align:center;
color:#ffff00;
line-height: 1.2rem;
}
.ageAuthLogo{
width: 200px;
margin: 30px auto 10px;
}
.ageAuthLogo img {
width: 100%;
height: auto;
}
.ageAuthEnter{
-js-display: flex;
-webkit-display: flex;
display: flex;
flex-flow: column;
margin:0.5rem auto 1.8rem;
}
a.ageAuthYes{
display:inline-block;
width:160px;
height:50px;
margin: 0 auto 1rem;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../pro_img/enyes_off.png) top left no-repeat;cursor:pointer;
}
a:hover.ageAuthYes{
background:url(../pro_img/enyes_on.png) top left no-repeat;
}
a.ageAuthNo{
display:inline-block;
width:160px;
height:50px;
margin: 0 auto;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../pro_img/enno_off.png) top left no-repeat;
}
a:hover.ageAuthNo{
background:url(../pro_img/enno_on.png) top left no-repeat;
}
.ageAuth p{
padding: 1rem;
font-size: 0.75rem;
line-height:1.8em;
text-align:center;
color:#fff;
}
.ageAuthCopy{
text-align:center;
font-size:80%;
color:#999;
}
.ageAuthCopy a{
color:#36F;
text-decoration:none;
}
.ageAuthCopy a:hover{
color:#666;
}
br.mdsp { display: block; }

@media screen and (min-width:960px){
.ageAuth{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 700px;
height: 550px;
border: 3px solid #333;
border-radius: 15px;
}
.ageAuthCaution{font-size:14px;}
.ageAuth p{padding:5px 0;font-size:14px;}
.ageAuthLogo{width:350px;height: 111px;margin: 30px auto;}
.ageAuthEnter{flex-flow:row;width:330px;height:50px;margin:30px auto 30px;}
a.ageAuthYes{
display:inline-block;
width:160px;
height:50px;
margin-right:10px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../pro_img/enyes_off.png) top left no-repeat;cursor:pointer;
}
a.ageAuthNo{
display:inline-block;
width:160px;
height:50px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../pro_img/enno_off.png) top left no-repeat;
}
br.mdsp { display: none; }
}