@charset "utf-8";
/* CSS Document */

/*--------------------------- @import font--------------------------- */
@import url(//fonts.googleapis.com/css?family=Bowlby+One" rel="stylesheet);
@import url(//fonts.googleapis.com/css?family=Merriweather+Sans);
/*----------------------------------------------------------------*/
/*---contents_left-------------------------------------------------------------*/

div#contents_left{
}

div#sec_originalbook{
margin:0 2%;
}

/*----------------------------------------------------------------*/

div#heading{
}

div#heading h2{
position:relative;
font-family: 'Merriweather Sans', sans-serif;
color:#5c2c78;
font-size:18px;
text-align:center;

font-weight:900;
width:98%;
margin:0 auto 10px;
}

div#heading h2 span{
font-size:12px;
text-align:center;
display:block;
font-weight:normal;
}

div#heading h2 b{
font-family:'Bowlby One', cursive;
background:#ff0000;
color:#fff;
font-size:16px;
line-height:18px;
font-weight:700;
text-align:center;
letter-spacing:0;
display:inline-block;
width:98%;
height:20px;
margin:2px auto 0;
padding:0;
padding-top:2px;

-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;

behavior:url("/_htc/PIE.htc");
}
div#heading h2 b:nth-child(2){

}

div#heading div{
}

div#heading p{
font-size:12px;
line-height:19px;
margin-bottom:10px;
}

div#heading img.pcimg{
width:100%;
margin:5px 0 10px;
}



/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/

div.detail{
margin-top:20px;
}

div.detail h2{
font-size:14px;
padding-top:3px;
padding-left:8px;
margin-bottom:6px;
border-left:4px #5c2c78 solid;
}

div.detail h2 span{
color:#5c2c78;
font-size:17px;
display:inline-block;
margin-right:6px;
}

div.detail ul {
width:98%;
margin:0 auto 20px;
}

div.detail ul li {
position:relative;
font-size:13px;
line-height:21px;
min-height:20px;
padding:5px;
padding-top:7px;
border-bottom:1px #5c2c78 solid;
}
div.detail ul li:before {
content: "";
position: absolute;
background: #5c2c78;
bottom:-3px;
left:0;
height:5px;
width:5px;
border-radius: 50%;
}
div.detail ul li:after {
content: "";
position: absolute;
background:#5c2c78;
bottom:-3px;
right:0;
height:5px;
width:5px;
border-radius: 50%;
}

div.detail ul b{

background:#ccc0d9;
font-size:12px;
text-align:center;
width:100%;
display:block;
margin:0 auto 3px;
padding:0px 0;
padding-top:2px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}



div.volume{
position:relative;
width:98%;
margin:7px 0;
padding:7px 3px;
border-top:1px #ececec dashed;
}

div.volume a.booklink1{
display:none;
}

div.volume a.booklink2{
display:none;
}

div.volume img.pc_img{
display:none;
}

div.volume h3{
color:#5c2c78;

font-size:16px;
font-weight:bold;
margin:10px 0;
}

div.volume h3 span{
font-family:'Bowlby One', cursive;
background:#5c2c78;
color:#fff;
font-size:13px;
text-align:center;
width:160px;
display:block;
margin-bottom:6px;
padding:2px 6px;
padding-top:4px;

-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;

behavior:url("/_htc/PIE.htc");
}

div.volume p{
color:#5c2c78;
font-size:12px;
}

div.volume p.sp_img,
div.volume img{
width:100%;
margin:10px 0;
border:1px #ececec solid;
}



div.volume div.story{
color:#333;
font-size:12px;
line-height:20px;
width:98%;
padding:6px 8px;
margin:10px auto;

display:block;
border:2px #ececec solid;

-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;

behavior:url("/_htc/PIE.htc");
}

div#heading div.volume div.story p.entext{
color:#333;
font-size:12px;
line-height:20px;
margin-top:6px;
padding-top:6px;
border-top:1px #dbdbdb solid;
}

div.volume div.story b{
background:#ff0000;
color:#fff;
padding:1px 2px;
padding-top:3px;
margin-right:4px;
}


div.volume iframe{
width:98%;
height:300px;
display:block;
margin:10px auto;
}

/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/

div#order{
width:98%;
position:relative;
background-color:#f4f4f4;
text-align:center;
padding:15px 10px;
margin:0 auto;
margin-top:5px;
margin-bottom:30px;
border:1px #e3e3e3 solid;

-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

div#order h2{
font-size:15px;
text-align:center;
}

div#order p{
font-size:13px;
display:inline-block;
margin:12px 6px;
}

div#order p b{
font-size:22px;
}

div#order a{
width:80%;
margin-top:8px;
}

div#order a:hover{
color:#fff;
}

/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/

div.coution{
width:98%;
padding:10px 10px;
margin:0 auto;
margin-top:15px;
border:3px #ececec solid;

-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

div.coution h2{
color:#ff0000;
font-size:14px;
margin-bottom:5px;
}

div.coution p{
font-size:13px;
line-height:17px;
}