@charset "UTF-8";
/* CSS Document */
#wrapper{
	width:820px;
	margin:15px auto;
	text-align:left;
	font-size:12px;
	color:#777;
}

a:link{
	text-decoration: underline;
	color: #777;
	}

a:visited {
	text-decoration: none;
	color: #777;
	}
	
a:hover {
	color: #bbb;
	text-decoration: none;
	}

a:active {
	text-decoration:underline;
	}
	
.bold{
	font-weight:bold;
}

.caption{
	font-size:9px;
}
.news{
	width:700px;
	margin:40px auto;
}

.news-list{
	margin:0 auto 15px;
}
.news-title{
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}
.news-list ul{
	list-style:inside;
}
.news-list ul li{
	list-style:none;
}
.news-list ul li.news-date{
	font-size:12px;
}

.news-list ul li.news-title-list{
	font-size:13px;
	font-weight:bold;
}
#header{
width:820px;
position:relative;
margin-bottom:5px;
}

#header #logo{
width:100px;
left:0;
top:0;
}

#header #logo img{
	width:100px;
}

/* グローバルナビ */
#header #menu{
position:absolute;
width:720px;
top:33px;
right:0;
font-size:10px;
}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}

.dropmenu ul {
list-style:none;
}

.dropmenu li{
  position: relative;
  display:inline; 
  float: left;
  margin: 0;
  padding-left:53px;
}
.dropmenu li a{
  display: block;
  text-decoration: none;
  color:#777;
margin: 0;
}



.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding-top: 10px;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li.w86{
  width: 86%;
}
.dropmenu li ul li a{
  padding: 8px 5px;
  background: #fff;
  opacity:0.8;
  color:#444;
}

.dropmenu li:hover > a{
 color: #aaa;
}
.dropmenu li a:hover{
 color: #aaa;
}

#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 31px;
}

#navre{
	display:none;
}


/*コンテンツ・トップページ */
#content{
	position:static;
	margin-top:20px;
}
.box3{
	width:820px;
	margin-bottom:8px;
}

.box3 .box_266{
	width:266px;
	float:left;
	margin-right:11px;
}

.box3 .box_266 p{
	margin:0;
	padding:0;
}
	

.box3 .box_266 img{
	width:266px;
}

.box3 .box_266.last{
	margin-right:0px;
}

/*コンテンツ・aboutus */
.box2{
	width:820px;
	margin:30px 0 40px;
}

.box2 .box_390{
	width:390px;
	float:left;
	margin-right:40px;
}

.box2 .box_390 p{
	margin:0;
	padding:0;
}
	
.box2 .box_390 .box2img img{
	width:390px;
}
.box2 .box_390.last{
	margin-right:0px;
}
.work{
	margin-top:205px;
	line-height:170%;
	font-size:87%;
}
.square{
width:6px;
height:6px;
background-color:#ccc;

}
.box2 .box_390 p.concept{
	margin-left:100px;
	line-height:185%;
	font-size:87%;
}
.box2 .box_390 p.concept-title{
	margin-left:97px;
	margin-top:10px;
	font-weight:bold;
	font-size:115%;
	margin-bottom:3px;
}

.box2 .box_390 .concept-img{
	margin-top:10px;
	position:relative;
}
.box2 .box_390 .concept-img .concept-text1{
	position:absolute;
	left:-2px;
	width:168px;
	top:64px;
	font-size:87%;
	letter-spacing:-0.3px;
	line-height:170%;
}
.box2 .box_390 .concept-img .concept-text2{
	position:absolute;
	left:224px;
	width:170px;
	top:64px;
	font-size:87%;
	letter-spacing:-0.2px;
	line-height:170%;
}
	
/*絵本：サムネイルなしで次の画像を表示 */
.box3 .box_266 ul{
	display:none;
}
/*絵本：サムネイルなしで次の画像を表示 */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	visibility:hidden;
	clear:both;
}

/*コンテンツ・SHOP */
.box4{
	width:820px;
	margin-bottom:8px;
}

.box4 .box_196_1{
	width:196px;
	float:left;
	margin-right:12px;
}

.box4 .box_196_2{
	width:196px;
	float:left;
	margin-right:12px;
}

.box4 .box_196_3{
	width:196px;
	float:left;
	margin-right:12px;
}

.box4 .box_196_4{
	width:196px;
	float:left;
	margin-right:0px;
}
.box4 .box_196_1 p,.box4 .box_196_2 p,.box4 .box_196_3 p,.box4 .box_196_4 p{
	margin:0;
	padding:0;
}

.box4 .box_196_1 img,.box4 .box_196_2 img,.box4 .box_196_3 img,.box4 .box_196_4 img{
	width:196px;
}

.shop-box5{
	width:820px;
	margin-bottom:8px;
}

.goods-name{
	text-align:center;
	font-size:90%;
	margin-bottom:10px;
}
.box_156_1{
	width:156px;
	float:left;
	margin-right:10px;
}

.box_156_2{
	width:156px;
	float:left;
	margin-right:0px;
}
.box_156_width2{
	width:322px;
	float:left;
	margin-right:10px;
	text-align:center;
}
.box_156_width2 p.title{
	margin:5px 0 10px;
	font-size:140%;
}
.box_156_width2 p.sub-title{
	font-size:115%;
	margin:0;
}

.box_156_width2 p{
	font-size:90%;
}

.shop-box5 .box_156_1 p,.shop-box5 .box_156_2 p{
	margin:0;
	padding:0;
}

.shop-box5 .box_156_1 img,.shop-box5 .box_156_2 img{
	width:156px;
}


.shop_coming_soon{
	text-align:center;
	color:#EF753B;
	padding:10px 0;
	}
	
	
.order-information{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:solid 1px #eee;
}


.order-information .card-detail{
	float:left;
	width:350px;
}

.order-information .card-detail span{
	font-weight:bold;
	font-size:130%;
}
	

.order-information .order-mail{
	float:right;
	width:280px;
	margin-top:32px;
}
	

/*コンテンツ・画像メインのページ */
.main-box{
	width:820px;
	margin-bottom:8px;
}

.main-box img{
	width:820px;
}

.main-box-thumb{
	width:820px;
	margin-bottom:15px;
}

.main-box-thumb ul{
	list-style:none;
	text-align:left;
}

.main-box-thumb ul li{
	display:inline; 
	padding-right:5px;
	width:50px;
	zoom:1;
}	

.main-box-thumb ul li img{
	width:50px;
}

.book-img{
	width:680px;
	margin:0 auto;
	margin-bottom:8px;
}
.book-img img{
	width:680px;
}
/*キャラクター*/
.character-box{
	width:680px;
	border:solid 20px #f6a5af;
	margin:0 auto;
}

.character-box .box5{
	width:680px;
	border-bottom:solid 10px #f6a5af;
}
.character-box .box5.last{
	border-bottom:none;
}

.character-box .box5 .box5_a{
	float:left;
	border-right:solid 10px #f6a5af;
	width:128px;
	height:128px;
}
.character-box .box5 .box5_a img,.character-box .box5 .box5_a.last img{
	width:128px;
	
}

.character-box .box5 .box5_a.last{
	border-right:none;
}

.character-thumb{
	width:720px;
	margin:10px auto;
}

.character-thumb ul{
	list-style:none;
	text-align:left;
}

.character-thumb ul li{
	display:inline; 
	padding-right:5px;
	width:50px;
	zoom:1;
}
.character-thumb ul li img{
	width:50px;
}
	
/*coming-soon */
.coming{
	text-align:center;
	font-size:130%;
	margin:50px auto;

}
	


/*フッター */

.copyright{
	font-size:10px;
	padding-top:10px;
}

#copy{
	float:left;
	margin:0;
	padding:0;
	font-size:10px;
}
#copy p,#sns p{
	margin:0;
	padding:0;
}

#sns{
	float:right;
	margin:0;
	padding:0;
}

@media all and (max-width: 640px) {
	#wrapper{
		width:98%;
		margin:0 auto;
	}
	
	.news{
		width:100%;
	}
	
	.news img{
		width:100%;
	}

#header{
width:100%;
position:relative;
}

#header #logo{
width:80px;
left:0;
top:0;
}

#header #logo img{
	width:80px;
}

#header #menu{
	width:100%;
	display:none;
}
/*スマホ用メニュー*/
#navre{
	display:block;
	position:absolute;
	top:15px;
	right:0;
	width:60%;
	z-index:999;
}

#navre ul {
	border:solid 1px #ccc;
}
	
#navre ul li{
	font-size:100%;
	padding:10px;
	border-bottom:solid 1px #ccc;
	
}

#navre ul li a{
	color:#444;
	text-decoration:none;
}
#navre ul li.last{
	font-size:100%;
	padding:10px;
	border-bottom:none;
	color:#444;
}


#navre ul li ul {
	border:none;
	list-style-type:none;
	list-style-position:inside;
	padding-top:5px;
}

#navre ul li ul li{
	border-bottom:none;
}


/*コンテンツ*/
.box3,.main-box,.main-box-thumb,.book-img,.box4{
	width:100%;
	margin-bottom:0;
}
.box3 .box_266{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:10px;
}

.box3 .box_266 img,.main-box img,.box2 .box_390 .concept-img img,.book-img img{
	width:100%;
}
.news-detail img{
	width:100%;
	height: auto;
}
.main-box-thumb,.character-thumb{
	width:100%;
	margin:5px 0 10px;
}

.main-box-thumb ul,.character-thumb ul{
	list-style:none;
	text-align:left;
	margin-bottom:5px;
}

.main-box-thumb ul li,.character-thumb ul li{
	display:inline; 
	padding-right:5px;
	width40px;
	zoom:1;
}	

.main-box-thumb ul li img,.character-thumb ul li img{
	width:40px;
}

.box2{
	width:100%;
	margin-bottom:0;
}

.box2 .box_390{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:30px;
}

.box2 .box_390 .box2img img{
	width:100%;
}

.work{
	margin-top:0px;
}

.box2 .box_390 p.concept{
	line-height:170%;
}
.box2 .box_390 p.concept span{
	font-weight:bold;
	font-size:115%;
}

.box2 .box_390 .concept-img{
	margin-top:10px;
	position:relative;
	width:100%;
	margin-bottom:30px;
}

.box2 .box_390 .concept-img .concept-text1{
	position:absolute;
	left:0;
	width:43.5897436%;
	top:50%;
	font-size:95%;
}
.box2 .box_390 .concept-img .concept-text2{
	position:absolute;
	left:56.9230769%;
	width:45%;
	top:50%;
	font-size:95%;
	
}

/*コンテンツ・SHOP */
.box4,.shop-box5,.box_156_1,.box_156_2,.box_156_width2{
	width:100%;
	margin:0 auto 15px;
}

.box4 .box_196_1{
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:15px;
}

.box4 .box_196_2{
	width:48%;
	float:left;
	margin-right:0;
	margin-bottom:15px;
}
.box4 .box_196_3{
	width:48%;
	float:left;
	margin-right:4%;
}
.box4 .box_196_4{
	width:48%;
	float:left;
	margin-right:0;
}

.box4 .box_196_1 p,.box4 .box_196_2 p,.box4 .box_196_3 p,.box4 .box_196_4 p,.shop-box5 .box_156_1 p,.shop-box5 .box_156_2 p{
	margin:0;
	padding:0;
}

.box4 .box_196_1 img,.box4 .box_196_2 img,.box4 .box_196_3 img,.box4 .box_196_4 img,.shop-box5 .box_156_1 img,.shop-box5 .box_156_2 img{
	width:100%;
}

.shop_coming_soon{
	text-align:center;
	color:#EF753B;
	padding:10px 0;
	}

.character-box{
	width:95.2%;
	background-color:#f6a5af;
	border:none;
	padding:2.4%;
}

.character-box .box5{
	width:100%;
	padding-bottom:0.7%;
	padding-left:1%;
	border:none;
}

.character-box .box5.last{
	padding-bottom:0;
	padding-left:1%;
}
.character-box .box5 .box5_a{
	float:left;
	padding-right:1.2%;
	width:19.043%;
	height:19.04%;
	border:none;
}


.character-box .box5 .box5_a.last{
	padding-right:0;
}

.character-box .box5 .box5_a img,.character-box .box5 .box5_a.last img{
	width:100%;

}
.copyright{
	padding-top:10px;
	-webkit-text-size-adjust: none;
    font-size:9px;
    -webkit-transform: scale(0.9);
    -webkit-transform-origin:0 0;
    }
}