@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);

/*----------------------------------------------------------------*/
label.fnis{
color:#666666;
font-size:12px;
padding-left:18px;
}

/*----------------------------------------------------------------*/
/*---contents_left-------------------------------------------------------------*/

div#contents_left{
}

div#sec_originalbook{
}

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

div#heading{

}

div#heading h2{
position:relative;
font-family: 'Merriweather Sans', sans-serif;
color:#5c2c78;
font-size:27px;
letter-spacing:-0.025em;
font-weight:900;
width:100%;
display:block;
margin-bottom:10px;
padding-left:10px;
}

div#heading h2 span{
font-size:15px;
display:block;
margin-bottom:10px;
font-weight:normal;
}

div#heading h2 b{
position:absolute;
top:-5px;
right:0px;
font-family:'Bowlby One', cursive;
background:#ff0000;
color:#fff;
font-size:18px;
line-height:16px;
font-weight:700;
text-align:center;
letter-spacing:0;
display:inline-block;
width:200px;
height:24px;
margin:2px 5px;
padding-top:4px;

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

behavior:url("/_htc/PIE.htc");
}
div#heading h2 b:nth-child(2){
position:absolute;
top:-5px;
right:55px;
}



div#heading div.moviewrap {
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
     margin-bottom:20px;
}
 
div#heading div.moviewrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

div#heading div{
}

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

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


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

div.volume a.booklink1{
position:absolute;
top:10px;
left:0;
width:210px;
height:210px;
display:block;
}

div.volume a.booklink2{
position:absolute;
top:220px;
left:0;
width:210px;
height:210px;
display:block;
}

div.volume img.pc_img{

}

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

div.volume h3{
color:#5c2c78;

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

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

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

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

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

div.volume img{
float:left;
width:210px;
margin-right:20px;
border:1px #ececec solid;
}

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


div.volume div.story{
color:#333;
font-size:12px;
line-height:20px;
padding:12px 15px;
margin-top:6px;
margin-left:230px;
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#heading div.volume div.story p.entext span{
font-style: italic; 
}

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




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

div#order{
position:relative;
background-color:#f4f4f4;
padding:16px 16px;
margin-top:30px;
margin-bottom:30px;
border:1px #e3e3e3 solid;

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

div#order h2{
font-size:18px;
margin-top:5px;
}

div#order p{
float:left;
font-size:14px;
line-height:28px;
width:49%;
min-height:70px;
margin:5px 0.5%;
padding:10px 0 0 20px;
display:block;
}

div#order p b{
font-size:25px;
display:inline;
}

div#order p:nth-child(even){
border-left:1px #5c2c78 solid;
}

div#order a{

width:60%;
}

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

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

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

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

div.detail ul li {
position:relative;
font-size:14px;
line-height:21px;
min-height:60px;
padding:18px 10px 10px 200px;
padding-top:20px;
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{
position:absolute;
top:12px;
left:15px;
background:#ccc0d9;
font-size:13px;
text-align:center;
width:160px;
padding:7px 0;
padding-top:9px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;

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


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

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

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

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

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

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