@charset "utf-8";
@import url(common-module.css);
/*
	common.css
*/

/* ==========================================================
	PC表示 @media screen and (min-width: 670px)
========================================================== */


/* 大枠
============================================= */

@media screen and (max-width: 768px){

body {
	min-width: 320px;
	

  font-size: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

  word-break: break-all;
	
}

#wrapper {
position:relative;
}




header{width:100%;positon:relative;}
header div.mainBack{position:absolute;width:100%;background: url(../images/main_background.jpg) ;z-index:10;opacity:0.55;top:0px;}
header div.mainWhite{position:absolute;width:100%;top:0px;margin:0 auto;opacity:0.65;z-index:20;background-color:#FFF;left:0;right: 10px;}

header h1{width:85%;z-index:30;margin:0 auto;}




#mainTitle{position:relative;width:100%;z-index:55;margin:0 auto 50px;}

header h1 img,header p.price img,header p.bookcover img{width:100%;}
header p.price{position:absolute;z-index:50;left: 0px;bottom:-40px;width:80%;margin:0 auto;left:0;right:0;}
header p.bookcover{width:75%;margin:0 auto;}

header div.snsArea{width:95%;text-align:center;}
header div.snsArea ul{margin:0 auto;overflow:hidden;width:280px;bottom:15px;position:absolute;left:0;right:0;}
header div.snsArea ul li{display:block;float:left;}


#twitter-widget-0{margin:5px 10px 0 0;}
nav,nav.main ul{width:100%;overflow:hidden;margin:0px;padding:0px;}
nav.main ul li {width:50%;float:left;display:block;overflow:hidden;}
nav.main ul li a:hover p{opacity:0.6;}

nav.main ul li:nth-child(1){width:50%;background-color:#0351a3;}
nav.main ul li:nth-child(2){width:50%;background-color:#e7314f;}

nav.main ul li p {width: 100%;padding: 0;margin:0 15px 15px 15px ;color: #FFF;font-weight: bold;font-size: 1em;line-height: 0em; }

nav.main ul li p span.boysSubindent{width:100%;padding:15px 0 0 0;color:#FFF;font-weight:bold;font-size:0.7em;display:block;line-height:1.125em;}
nav.main ul li p span.girlsSubindent{width:100%;padding:15px 0 0 0;color:#FFF;font-weight:bold;font-size:0.7em;display:block;line-height:1.125em;}

nav.main ul li p.boys{background: url(../images/nav_indent01.png)no-repeat 85% 73%;line-height: 1.125em;background-size: 8%;font-size:0.935em;}
nav.main ul li p.girls {background: url(../images/nav_indent02.png)no-repeat 87% 73%;line-height: 1.125em;background-size: 8%;font-size:0.935em;}

nav.main ul li a{text-decoration:none;}

div.infoArea{background-color:#fff;width:100%;}
div.infoMain{width:100%;margin:0 auto;}
div.infoMain div{padding:10px 0px 25px;}

div.infoMain h2{font-size:0.875em;font-weight:bold;color:#333;display:block;line-height:1.5em;padding:0 10px;}
div.infoMain p.txt1{padding:5px 10px 5px 10px;font-size:0.875em;line-height:1.5em;color:#333;}
div.infoMain p.img1{width:auto;margin:10px auto;}
div.infoMain p.img1 img{width:100%;margin:0 auto;}

div#bookDetailes{width:100%;padding:0 0 60px 0;}
#boys{position:relative;z-index:30;}
#girls{position:relative;z-index:30;}

#boys div#sc1{overflow:hidden;margin:0px auto;padding:15px 10px 0 10px;color:#FFF;background:#0351a3 url(../images/boys_main_background.jpg)no-repeat center bottom;}
#girls div#sc1{overflow:hidden;margin:0px auto;padding:15px 10px 0px 10px;color:#FFF;background:#e7314f url(../images/girls_main_background.jpg)no-repeat center bottom;}

#boys div#sc2,div#girls div#sc2{overflow:hidden;margin:0px auto;padding:0px 0px 60px;color:#333;}

#boys div#sc1 div.boxIn,div#girls div#sc1 div.boxIn,#boys div#sc2 div.boxIn,div#girls div#sc2 div.boxIn{width:auto;margin:0 auto;}

#boys div#sc1 span.cath,boys  div#sc1 span.cath{font-size:0.875em;}
#boys div#sc1 h2,div#girls div#sc1 h2{font-size:1em;line-height:1.25em;font-weight:bold;}
#boys div#sc1 p,div#girls div#sc1 p{font-size:0.825em;}

#boys div#sc1 dl,#girls div#sc1 dl {width:100%;overflow:hidden;padding:0px;}
#boys div#sc1 dl dt,#girls div#sc1 dl dt{width:55%;display:block;margin:0 auto;}
#boys div#sc1 dl dt img,#girls div#sc1 dl dt img{width:100%;}

#boys div#sc1 dl dd,#girls div#sc1 dl dd{width:100;padding:10px 10px 20px;font-size:1em;line-height:1.6em;display:block;}
#boys div#sc1 dl dd p,#girls div#sc1 dl dd p{margin-bottom:15px;padding:0 0 0 15px;background:url(../images/indent_box.png)no-repeat left 6px;}

#boys p.yaCenter,#girls p.yaCenter{width:100%;margin:0px auto;padding:0px;}
#boys p.yaCenter span,#girls p.yaCenter span{width:6%;margin:-15px 48.5% 5px;padding:0px;display:block;}
#boys p.yaCenter img,#girls p.yaCenter img{width:100%;}

#boys div#sc2 h2,div#girls div#sc2 h2{font-size:1em;font-weight:bold;}
#boys div#sc2 div.bookContents,#girls div#sc2 div.bookContents{width: auto;padding: 10px 10px 0px 10px;font-size: 0.935em;}
#boys div#sc2 div.bookContents p,#girls div#sc2 div.bookContents p{font-size: 0.875em;line-height: 1.25em;margin-bottom: 10px;}


.boysCap{width:85%;margin:0 7.5%;padding-bottom:15px;}
.girlsCap{width:85%;margin:0 7.5%;padding-bottom:15px;}
.boysCap img,.girlsCap img{width:100%;}

#boys .buyBtn a{font-size: 1.125em; border-radius:30px; background-color: #0350a1;  padding:15px;  color: #FFF; font-weight: bold;  display:block;  text-align: center; margin: 30px auto 0 ; text-decoration: none; width:75%;}
#boys .buyBtn a:hover{opacity:0.6;color: #FFF;}

#girls .buyBtn a{font-size: 1.125em; border-radius:30px; background-color: #e7314f;  padding:15px;  color: #FFF; font-weight: bold;  display:block;  text-align: center; margin: 30px auto 0 ; text-decoration: none; width:75%;}
#girls .buyBtn a:hover{opacity:0.6;color: #FFF;}

#toTop{
	font-size:0.725em;
    line-height:1em;
    font-weight: bold;
    color: #333333;
    position: fixed;
    right: 20px;
    bottom: 5px;
    width: 60px;
    height: 42px;
    text-align: center;
    border-radius: 30px;
    z-index: 300;
    padding-top:18px;
    background:#ff9908
    }

#toTop a{text-decoration:none;color: #333333;width:auto;height:auto;}
#toTop a:hover{text-decoration:none;color: #333333;width:auto;height:auto;}


footer{width:auto;margin:0 auto;text-align:center;font-size:0.685em;color:#333;display:block;padding:20px 20px 50px ;background-color:#f1f1f1;}



.toeiHeader{display:none;}

}




@media screen and (min-width: 769px){

body {min-width: 1000px;font-size: 16px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; word-break: break-all;}
#wrapper {}
header{position:relative;height:332px}
#mainTitle{position:relative;width:940px;z-index:55;margin:0 auto;left:0px;right:0px;}
header h1{position:absolute;z-index:50;left: 0px;top:0px;}
header p.price{position:absolute;z-index:50;left: 0px;top:221px;}
header p.bookcover{position:absolute;z-index:50;right: 0px;top:0px;}

header div.mainBack{position:absolute;width:100%;background: url(../images/main_background.jpg) ;z-index:10;height:332px;opacity:0.55; }

header div.mainWhite{position:absolute;width:1000px;top:0px;margin:0 auto;opacity:0.75;z-index:20;height:332px;background-color:#FFF;left:0;right: 10px;}
header div.snsArea{width:940px;position:absolute;z-index:50;bottom:18px;margin:0 auto; left: 0px;overflow:hidden;right:0;}
header div.snsArea ul{margin:0 auto;overflow:hidden;float:left;}
header div.snsArea ul li{display:block;float:left;}
#twitter-widget-0{margin:5px 10px 0 0;}


nav,nav.main ul{width:100%;overflow:hidden;margin:0px;padding:0px;}
nav.main ul li {width:50%;float:left;display:block;overflow:hidden;}
nav.main ul li a:hover p{opacity:0.6;}

nav.main ul li:nth-child(1){width:50%;background-color:#0351a3;}
nav.main ul li:nth-child(2){width:50%;background-color:#e7314f;}

nav.main ul li p {width: 500px;padding: 15px 0 20px 0;margin: -15px 0 20px 0;color: #FFF;text-align: center;font-weight: bold;font-size: 2.275em;line-height: 0em; }

nav.main ul li p span.boysSubindent{width:500px;padding:15px 0 15px 0;color:#FFF;text-align:center;font-weight:bold;font-size:0.52em;display:block;line-height:1.5em;margin-left:-20px;}
nav.main ul li p span.girlsSubindent{width:500px;padding:15px 0 15px 0;color:#FFF;text-align:center;font-weight:bold;font-size:0.52em;display:block;line-height:1.5em;margin-left:-6px;}
nav.main ul li p span.boysSubindent br,nav.main ul li p span.girlsSubindent br{display:none;}
nav.main ul li p.boys{float:right;background:url(../images/nav_indent01.png)no-repeat 90% 55px;}
nav.main ul li p.girls {float:left;background:url(../images/nav_indent02.png)no-repeat 90% 55px;}

div.infoArea{background-color:#fff;width:100%;}
div.infoMain{width:1000px;margin:0 auto;}
div.infoMain div{padding:40px 0px 70px 30px;}

div.infoMain h2{font-size:1.5em;font-weight:bold;color:#333;display:block;line-height:1.35em;}
div.infoMain p.txt1{padding:10px 0 20px 0;}
div.infoMain p.img1{width:91.1%;margin:0;}


div#bookDetailes{width:100%;padding:0 0 100px 0;}
#boys{position:relative;z-index:30;}
#girls{position:relative;z-index:30;}

#boys div#sc1{overflow:hidden;margin:0px auto;padding:25px 0px 35px;color:#FFF;background:#0351a3 url(../images/boys_main_background.jpg)no-repeat right top;}
#girls div#sc1{overflow:hidden;margin:0px auto;padding:25px 0px 35px;color:#FFF;background:#e7314f url(../images/girls_main_background.jpg)no-repeat right top;}

#boys div#sc2,div#girls div#sc2{overflow:hidden;margin:0px auto;padding:0px 0px 120px;color:#333;}

#boys div#sc1 div.boxIn,div#girls div#sc1 div.boxIn,#boys div#sc2 div.boxIn,div#girls div#sc2 div.boxIn{width:1000px;margin:0 auto;}

#boys div#sc1 span.cath,boys  div#sc1 span.cath{font-size:1.125em;}
#boys div#sc1 h2,div#girls div#sc1 h2{font-size:2.1em;font-weight:bold;margin-top:-10px;}
#boys div#sc1 h2 br,div#girls div#sc1 h2 br{display:none;}
#boys div#sc1 p,div#girls div#sc1 p{font-size:0.9375em;}


#boys div#sc1 dl,#girls div#sc1 dl {width:100%;overflow:hidden;padding:15px 0 0 0;}
#boys div#sc1 dl dt,#girls div#sc1 dl dt{width:21.5%;float:left;display:block;}
#boys div#sc1 dl dt img,#girls div#sc1 dl dt img{width:100%;}

#boys div#sc1 dl dd,#girls div#sc1 dl dd{width:78.5%;float:left;padding-top:10px;font-size:1em;line-height:1.6em;display:block;}
#boys div#sc1 dl dd p,#girls div#sc1 dl dd p{margin-bottom:15px;padding:0 0 0 15px;background:url(../images/indent_box.png)no-repeat left 6px;}

#boys p.yaCenter,#girls p.yaCenter{width:1000px;margin:0px auto;padding:0px;}
#boys p.yaCenter span,#girls p.yaCenter span{width:3%;margin:-8px 48.5% 15px;padding:0px;display:block;}
#boys p.yaCenter img,#girls p.yaCenter img{width:100%;}

#boys div#sc2 h2,div#girls div#sc2 h2{font-size:1.3125em;font-weight:bold;margin-bottom:15px;margin-left:-15px;}
#boys div#sc2 div.bookContents,#girls div#sc2 div.bookContents{width:70%;}
#boys div#sc2 div.bookContents p,#girls div#sc2 div.bookContents p{font-size:0.935em;line-height:1.8em;}


.boysCap{position:absolute;right:10%;bottom:185px;z-index:100;width:355px;}
.girlsCap{position:absolute;right:10%;bottom:185px;z-index:100;width:355px;}
.boysCap img,.girlsCap img{width:100%;}

#boys .buyBtn a{font-size: 1.8em; border-radius:40px; background-color: #0350a1;  padding:18px;  color: #FFF; font-weight: bold;  display:block;  text-align: center; margin: 70px auto 0 ; text-decoration: none; width:32%;}
#boys .buyBtn a:hover{opacity:0.6;color: #FFF;}

#girls .buyBtn a{font-size: 1.8em; border-radius:40px; background-color: #e7314f;  padding:18px;  color: #FFF; font-weight: bold;  display:block;  text-align: center; margin: 70px auto 0 ; text-decoration: none; width:32%;}
#girls .buyBtn a:hover{opacity:0.6;color: #FFF;}
#toTop{font-size:0.875em;line-height:1.125em; font-weight: bold;color: #333333;position: fixed;right: 80px;bottom: 90px;width: 80px;height: 55px;text-align: center; border-radius: 40px; z-index: 300;padding-top:25px;background:#ff9908;}
#toTop a{text-decoration:none;color: #333333;}
#toTop a:hover{text-decoration:none;color: #333333;}

footer{width:auto;margin:0 auto;text-align:center;font-size:0.685em;color:#333;display:block;padding:30px 20px 50px ;background-color:#f1f1f1;}
footer p{text-align:center;}

.toeiHeader{padding:0px;margin:0px;}

}