@charset "utf-8";
/********** childrensbook **********/

#childrensbook main {
	width:1080px;
    padding: 0;
	margin:0 auto 50px;
#   background-color: lightcyan;
}

#childrensbook main #coHeader img {
	width:100%;
	height:auto;
	text-align: center;
}

#childrensbook main h2{
  padding: 20px 10px 0px;
  margin-bottom: 1em;
  font-size: 1.8em;
  line-height: 1.3em;
  color: #00BCD4;
}
#childrensbook main h2 span{
	display: block;
	margin-top:0.2em;
	font-size: 0.8em;
	font-weight: normal;
	color:#000;
}

#childrensbook main h2 img{
	width:80%;
	height:auto;
}

/* スマホ用コンテンツを非表示 */

#childrensbook main .sevenseries-sp  {
	display: none!important;
}    



/* セブンシリーズ */

#childrensbook main .sevenseries {
    font-family: ui-rounded;
	display: block;
    padding: 0 0 70px;
}
#childrensbook main .seven {
	position: relative;
    margin: 40px 0 ;
}

#childrensbook main .seven img{
    width:70%;
}

#childrensbook main .seven p {
   position: absolute;
   font-size: 0.95rem;
   font-weight: 400;    
   line-height: 1.3rem;
   color: #000;
   padding:0;
   margin:0;
   z-index: 1; 
}

#childrensbook main .seven p span {
   font-weight: 700;    
   line-height: 1.7rem;
   color: #fff;
  padding:3px;
  background-color: #fa3c02;
}

/* ネームの位置 */
/* おしょうがつセブン */
.osg1{
   top:62%;
   left:12%;
   text-align: left;
      }	 
.osg2{
   top:13%;
   right:38%;
      }	 
	  
/* せつぶんセブン */
.stb1{
   top:54%;
   right:12%;
   text-align: left;
      }	 

.stb2{
   top:13%;
   left:30.5%;
      }	 

/* ひなまつりセブン */	  
.hnm1{
   top:52%;
   left:13%;
    text-align: left;
     }	 

.hnm2{
   top:14%;
   right:12%;
      }	 

/* そつえんセブン */	  
.stn1{
   top:53%;
   right:12%;
   text-align: left;
     }	 

.stn2{
   top:10%;
   left:36%;
      }	
	  
/* こいのぼりセブン */
.knb1{
   top:49%;
   left:13%;
    text-align: left;
     }	 

.knb2{
   top:13%;
   left:45%;
      }	
	  
/* おつきみセブン */
.otm1{
   top:45%;
   right:13%;
    text-align: left;
     }	 

.otm2{
   top:12%;
   left:24%;
      }	

/* たなばたセブン */ 
.tnb1{
   top:50%;
   right:13%;
     text-align: left;
    }	 

.tnb2{
   top:18%;
   left:24.5%;
      }	
/* うんどうかいセブン */ 	  
.und1{
   top:47%;
   right:13%;
     text-align: left;
     }	 

.und2{
   top:16%;
   left:16%;
      }	 


/* もっとみるボタン */
#childrensbook main .preBTN{
	display: inline-block;
	margin:0 5em 2em;
	padding:0.5em 2em;
	text-align: center;
	line-height: 1;
	border-radius: 2em;
	color: #fff !important;
	background-color: #ed64a9;
	font-size: 0.rem;
	position: relative;
}
#childrensbook main .preBTN::after{
	content: '\e902';
	font-family: 'ico';
	position: absolute;
	right:0.5em;
	top:calc(50% - 0.5em);
}





/* スマホ用 */
@media screen and (max-width:414px) {

#childrensbook main .preBTN{
    margin:0 0 15%;
}	
#childrensbook main {
	width:100%;
}
#childrensbook main .seven {
	position: relative;
    margin: -8% 0 5%;
}

/* PC用コンテンツを非表示 */
#childrensbook main .sevenseries {
	display: none!important;
}        
    
#childrensbook main .sevenseries-sp  {
	display: block!important;
}    

#childrensbook main .sevenseries-sp p {
   position: absolute;
   font-size: 0.8rem;
   font-weight: 400;    
   line-height: 1.15rem;
   color: #000;
   padding:0;
   margin:0;
   z-index: 1; 
}
    
/* ネームの位置 */
/* 共通 */
.osg1,.stb1,.hnm1,.stn1,.knb1,.otm1,.tnb1,.und1
	{
   top:34%;
   left:6%;
   text-align: left;
      }	
/* おしょうがつセブン */
.osg2{
   top:12%;
   right:40%;
      }	 
/* せつぶんセブン */
.stb2{
   top:12.5%;
   left:10%;
      }	 
/* ひなまつりセブン */	  
.hnm2{
   top:15%;
   right:10%;
      }	 
/* そつえんセブン */	  
.stn2{
   top:13%;
   left:11%;
      }	
/* こいのぼりセブン */
.knb2{
   top:16%;
   left:53%;
      }	
/* おつきみセブン */
.otm2{
   top:13%;
   left:10%;
      }	
/* たなばたセブン */ 
.tnb2{
   top:18%;
   left:7%;
      }	
/* うんどうかいセブン */ 	  
.und2{
   top:17%;
   left:12%;
      }	    
	  
}