@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
margin:0;
padding:0;
font-size:100%;
color:#1a1919;
}

a:link {color:#206CFF;text-decoration:underline;}
a:visited {color:#206CFF;text-decoration:underline;}
a:hover {color:#3b5998;text-decoration:none;}
a img {border-style:none;}
img {vertical-align:bottom;}

.clr{clear:both;}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

.pcnone{}
.spnone{display:none;}

p {
font-size:100%;
line-height:160%;
}

header {
margin:0;
padding:0;
width:100%;
height:50px;
position:fixed;
top:0;
left:0;
z-index:9999;
transition:.3s;
background:#000;
}
.headerbox{
margin:0 10px;
padding:0;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.item{
width:140px;
margin:0;
padding:0;
}
.item img{width:100%;}
.logo{padding-top:10px;}

.device{
margin:0;
padding:0;
text-align:center;
}
.device a:link {
color:#000;
text-decoration:none;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.device a:hover {
color:#000;
text-decoration:none;
opacity:0.7;
filter:alpha(opacity=70);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.device a:visited {color:#000;text-decoration:none;}

.btn {
display:inline-block;
font-weight:bold;
text-decoration:none;
border:solid 1px #ffcf4d;
color:#000;
text-align:center;
background:-moz-linear-gradient(top, #ffcf4d, #f6b533);
background:-webkit-linear-gradient(top, #ffcf4d, #f6b533);
background:linear-gradient(to bottom, #ffcf4d, #f6b533);
}

.size_01{
width:140px;
margin:11px auto 0 auto;
padding:4px 0;
font-size:75%;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.size_02{
width:100%;
margin:0 auto 0 auto;
padding:20px 0;
font-size:120%;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.size_03{
width:100%;
margin:40px auto 0 auto;
padding:20px 0;
font-size:115%;
line-height:150%;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

#container {
margin:0 auto;
padding:50px 0 0 0;
}

#copybox{
margin:0;
padding:25px 15px;
}
#copybox h1{
margin:0;
padding:0 0 20px 0;
}
.book{
margin:0;
padding:0;
}
.copy{
margin:0;
padding:0;
text-align:center;
}

.price{
margin:0;
padding:15px 0 10px 0;
font-size:100%;
line-height:150%;
text-align:center;
color:#5f626e;
}
.price_bottom{
margin:0;
padding:15px 0 15px 0;
font-size:100%;
line-height:150%;
text-align:center;
color:#5f626e;
}

.top_commentbox{
margin:0 15px 45px 15px;
padding:20px 15px 15px 15px;
color:#5f626e;
background-color:#f2f2f2;
border:double 3px #fff;
}

.commentbox{
margin:30px 0 0 0;
padding:20px 15px 15px 15px;
color:#5f626e;
background-color:#f2f2f2;
border:double 3px #fff;
}
.comment {
margin:0;
position:relative;
padding:1px 15px;
}
.comment:before,.comment:after{ 
content:'';
width:30px;
height:30px;
position:absolute;
display:inline-block;
}
.comment:before{
border-left:solid 1px #5f626e;
border-top:solid 1px #5f626e;
top:0;
left:0;
}
.comment:after{
border-right:solid 1px #5f626e;
border-bottom:solid 1px #5f626e;
bottom:0;
right:0;
}

.comment_degree{
margin:0;
padding:15px 0 3px 0;
font-size:60%;
line-height:150%;
color:#868894;
text-align:right;
}
.comment_name{
margin:0;
padding:0;
font-size:80%;
line-height:150%;
color:#868894;
text-align:right;
}


h2{}
h3{}
h4{}

.subtitle{
margin:0 20px;
padding:0;
font-size:150%;
line-height:150%;
text-align:center;
}
.subhead{
margin:0;
padding:5px 20px 0 20px;
font-size:105%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.subhead24{
margin:0;
padding:20px 0 15px 0;
font-size:105%;
font-weight:bold;
line-height:150%;
text-align:center;
}

hr {
width:45px;
margin:15px auto 35px auto;
padding:0;
height:0;
border:0;
border-top:3px solid #d1101a;
}

.contents{
margin:0 20px 60px 20px;
padding:0;
}
.contents img{
width:100%;
margin-bottom:15px;
}

.episode{
margin:-5px 20px 30px 20px;
padding:20px 20px 15px 20px;
color:#5f626e;
background-color:#f2f2f2;
border:solid 1px #dedede;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.episode_title {
overflow:hidden;
text-align:center;
margin:0 20px 20px 20px;
padding:0;
font-size:120%;
line-height:180%;
}
.episode_title span {
display:inline-block;
padding:4px 10px 0 10px;
position:relative;
}
.episode_title span:before,
.episode_title span:after {
border:solid 1px #dedede;
content:"";
position:absolute;
top:50%;
width:99em;
}
.episode_title span:before {
right:100%;
}
.episode_title span:after {
left:100%;
}

.episode_end{
margin:0 20px 50px 20px;
padding:0;
}

.pointbox{
margin:30px;
padding:8px 0 20px 0;
font-size:200%;
font-weight:bold;
line-height:110%;
text-align:center;
border-top:solid 2px #1a1919;
border-bottom:solid 2px #1a1919;
font-family:Arial, Helvetica, sans-serif;
}
.pointbox span{
font-size:50%;
line-height:110%;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.author{
margin:0 20px 50px 20px;
padding:10px 20px 1px 20px;
color:#5f626e;
border-left:solid 1px #5f626e;
border-right:solid 1px #5f626e;
}
.author_sub{
margin:0;
padding:5px 0 20px 0;
font-size:100%;
line-height:100%;
text-align:center;
color:#fff;
}
.author_sub span{
margin:0;
padding:3px 15px;
background:#5f626e;
}
.author_name{
margin:0;
padding:0;
font-size:250%;
font-weight:bold;
line-height:100%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.author_jpn{
margin:0;
padding:5px 0 15px 0;
font-size:14px;
line-height:100%;
text-align:center;
}
.author_photo{
margin:0;
padding:0 0 10px 0;
text-align:center;
}
.author_photo img{
width:60%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}

table.check{
width:100%;
border-collapse:collapse;
margin:15px 0 35px 0;
}
table.check th{
width:30px;
font-size:100%;
line-height:160%;
padding:14px 0 10px 0;
color:#d1101b;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:100%;
line-height:160%;
padding:12px 0 10px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}

.check strong{
font-size:120%;
line-height:160%;
}

.bookbox{
margin:0 15px 45px 15px;
padding:15px 0 20px 0;
border:1px solid #ccc;
position:relative;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.bookbox_title{
margin:0;
padding:0;
top:0;
left:50%;
transform: translate(-50%, -50%);
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
}
.bookbox_title span{
padding:0 15px;
background:#fff;
}
.book_detail{
margin:0 20px;
padding:0;
}
.detail{
margin:0;
padding:0;
}
.detail p{
font-size:100%;
}

ul {
margin:15px 0 0 20px;
padding:0 5px;
list-style-type: disc
}
ul li {
margin:0;
padding:0 0 5px 0;
font-size:100%;
line-height:160%;
}

ol {
margin:0 0 0 33px;
padding:0 5px;
list-style-type: decimal-leading-zero;
}
ol li {
margin:0;
padding:0 0 5px 0;
font-size:100%;
line-height:160%;
}

.cr_title{
margin:0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.cr_jpn{
margin:0 0 15px 0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#d0111b;
}

.customer_reviews{
margin:0 15px 45px 15px;
padding:15px 15px 1px 15px;
background-color:#f2f2f2;
border:solid 1px #dedede;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.review{
margin:0 0 15px 0;
padding:20px 25px;
font-size:80%;
line-height:180%;
background:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.review_title{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:180%;
}
.review_star{
margin:0;
padding:2px 0 5px 0;
font-size:110%;
line-height:180%;
letter-spacing:3px;
color:#eeba16;
}
.customer{
margin:10px 0 0 0;
padding:0;
font-size:80%;
line-height:180%;
color:#ccc;
font-family:Arial, Helvetica, sans-serif;
}


.page_title{
margin:0 0 30px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}

.contents_sub{
margin:0 20px 45px 20px;
padding:0;
}
.contents_sub p{
font-size:80%;
}

table.spec{
width:100%;
border-collapse:collapse;
margin:0;
}
table.spec th{
font-size:90%;
line-height:150%;
padding:0 0 5px 0;
border-bottom:solid 1px #999;
text-align:left;
display:block;
}
table.spec td{
font-size:90%;
line-height:150%;
padding:10px 0 20px 0;
display:block;
}



/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#d0111b;}
.green{color:#41c9b4;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 40%, #fdfd76 40%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:150%;}

.font120{font-size:120%;}
.font150{font-size:150%;line-height:180%;}
.font180{font-size:180%;}
.font210{font-size:210%;}
.font240{font-size:240%;}

.center{text-align:center;}
.right{text-align:right;}


/*---------- フッター ----------*/

#footer{
margin:0 15px;
padding:20px 0;
text-align:center;
border-top:solid 1px #d9d9d9;
}

.footer_link{
margin:0;
padding:0;
font-size:70%;
line-height:150%;
}
.footer_ad{
margin:10px 0 0 0;
padding:0;
font-size:70%;
line-height:150%;
color:#666;
font-family:Arial, Helvetica, sans-serif;
}

#footer a:link {color:#666;text-decoration:none;}
#footer a:visited {color:#666;text-decoration:none;}
#footer a:hover {color:#666;text-decoration:underline;}