@charset "utf-8";

body, header, nav, ul, li, a, div, p, h1, select, input{
	margin: 0; 
	padding: 0; 
	font-family:arial;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body{
	width:100%;
	margin:0 auto;
	position: relative;
	font-size:90%;
	color:#585858;
	background-color: #FFFFFF;
	background-image: url(../images/2016-ehon_bk.png);
	background-repeat: repeat-x;
	background-position: left top;
}

ul,ol,li,dl,dt,dd {
  margin:0;
  padding:0;
  list-style:none;
}

img{
	border:0;
}

.clearfix:after {
  content:"";
  display:block;
  clear:both;
/* new clearfix */
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}


* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1;display: inline-block; } /* IE7 */

.nonpc{
	display:none;
}
	
.pc{
	display:block;
}
	
.b{
	font-weight:bold;
}

.filter img:hover{
	filter:alpha(opacity="80");
	-moz-opacity:0.8;
	opacity:0.8;
}

.red{
	color:#f00;
}
	
.s85{
	font-size:85%;
}




/* ------ 共通 ------------------------------------------------- */
header,nav,footer{
	width:100%;
}

#h_box,.box900{
	width:900px;
	margin:0 auto;
}

#contents,.box,article{
	width:100%;
	margin:0 auto;
}



/* ------ TOPに戻る ------------------------------------------------- */
#fixedTop {
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: none;
	background: #000;
	position: fixed;
	z-index: 9999;
	border-radius: 5px;
	-webkit-transform: translateZ(0);
}
#fixedTop:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}



/* ------ header ------------------------------------------------- */
header{
	padding:10px 0 0 0;
}

#h_box .box h1{
	width:35%;
	float:left;
}

#h_box .box h1 img{
	max-width:299px;
	padding-top: 30px;
	vertical-align: bottom;
}

#h_box .h_right_box{
	width:60%;
	float:right;
}


#h_box #h_l_box{
	width:40%;
	float:left;
	clear: both;
}

#h_box #h_r_box{
	width:55%;
	float:right;
}

#h_box #h_l_box img{
	max-width:194px;
	vertical-align: bottom;
}





/* ------ social ------ */
#socialbuttons .twitter {
  float: right;
  margin-top:15px;
}

#socialbuttons .facebook_like {
  float: right;
  margin-top:15px;
}

#socialbuttons .fb-share-button {
  float: right;
  margin-top:15px;
  margin-right: 6px;
}

#socialbuttons .google {
  float: right;
  margin-top:15px;
}

#socialbuttons .hatena {
  float: right;
  margin-top:15px;
}

#non_socialbuttons {
  margin-top:40px;
}



#h_r_box p{
	clear: both;
	text-align:right;
	padding-bottom:3px;
	padding-top:1px;
}

#h_r_box ul{
	width:90%;
	float:right;
}

#h_r_box ul li{
	width:33%;
	float:left;
}
	
#h_r_box ul li img{
	max-width:83px;
	vertical-align: bottom;
}

#h_r_box .h_inq{
	text-align:right;
	margin: 0 0;
	padding:3px 0 0 0;
}

/* ------ contents ------ */
#contents{
	padding:10px 0 10px 0;
}


#contents h4 img{
	max-width:900px;
	vertical-align: bottom;
	margin:0 auto;
}

#contents h4 {
	margin:0 0;
	padding: 0 0;
}

/* ------ cont_full ------ */
#cont_full{
	width:100%;
}

#cont_full a{
	color:#069;
}

#cont_full a:hover{
	color:#C00;
}

#cont_full .box{
	margin-bottom:10px;
}

#cont_full section p img {
	width:100%;
}

#cont_full section{
	width:100%;
	margin:0 auto;
	padding:0 0 10px 0;
}

#cont_full section .s_box{
	width:100%;
}


#cont_full section .s_box .atn{
	text-align: center;
}


/* ------ TOP ボタン ------ */

#cont_full section .top_left{
	width:73%;
	float:left;
	margin: 0 0;
	padding: 7px 0 0 7px;
}

#cont_full section .top_left p{
	font-size: 102%;
	font-weight:bold;
	padding-bottom: 10px;
}


#cont_full section .top_left ul{
	width:100%;
}

#cont_full section .top_left ul li{
	width:45%;
	float:left;
}
	
#cont_full section .top_left ul li img{
	max-width:408px;
	vertical-align: bottom;
	width:90%;
}

	
#cont_full section .top_right{
	width:22%;
	float:right;
	background:url(../images/2016-ehon_data_back.gif);
	margin: -8px 0 0 0;
	padding:15px 0px 10px 12px;
}

#cont_full section .top_right ul .li_tr_right{
	padding-top:10px;
}

#cont_full section .top_right img{
	max-width:180px;
	vertical-align: bottom;
	width:95%;
}



/* ------ ダイアリー詳細 ------ */
#cont_full section .s_box .half_left{
	width:49%;
	float:left;
}

#cont_full section .s_box .half_left ul{
	width:100%;
}

#cont_full section .s_box .half_left ul li{
	width:20%;
	float:left;
}
	
#cont_full section .s_box .half_left ul li img{
	max-width:130px;
	vertical-align: bottom;
	width:98%;
}

#cont_full section .s_box .half_left p{
	clear: both;
	padding-top: 5px;
	font-size:80%;
	text-align:center;
}

#cont_full section .s_box .half_right{
	width:49%;
	float:right;
}



/* ------ コメント/ご注意 ------ */
#cont_full section .s_box .comment-caution_left{
	width:49%;
	float:left;
}

#cont_full section .s_box .comment-caution_left img{
	max-width:830px;
}


#cont_full section .s_box .comment-caution_right{
	width:49%;
	float:right;
}

#cont_full section .s_box .comment-caution_right img{
	max-width:830px;
}



/* ------ ダイアリ/カレンダーーの中身 ------ */
#cont_full section .s_box .d_detail_txt img{
	max-width:674px;
	width:90%;
}

#cont_full section .s_box .d_detail_txt{
	text-align:center;
	margin-bottom:5px;
}


#cont_full section .s_box .d_detail_left{
	width:67%;
	float:left;
}

#cont_full section .s_box .d_detail_left p{
	font-size:70%;
}



#cont_full section .s_box .d_detail_right{
	width:33%;
	float:right;
}

#cont_full section .s_box .d_detail_right ul{
	width:100%;
	padding-left: 25px;
}

#cont_full section .s_box .d_detail_right ul li{
	width:29%;
	float:left;
	padding-bottom: 5px;
	padding-left: 5px;
}
	
#cont_full section .s_box .d_detail_right ul li img{
	max-width:130px;
	vertical-align: bottom;
	width:98%;
}




/* ------ 絵本の写真 ------ */
#cont_full section .s_box .ym_ehon_photo_left{
	width:67%;
	float:left;
}

#cont_full section .s_box .ym_ehon_photo_left img{
	max-width:600px;
	vertical-align: bottom;
}

#cont_full section .s_box .ym_ehon_photo_left p{
	font-size:70%;
}


#cont_full section .s_box .ym_ehon_photo_right{
	width:33%;
	float:right;
}

#cont_full section .s_box .ym_ehon_photo_right ul{
	width:100%;
	padding-left: 25px;
}

#cont_full section .s_box .ym_ehon_photo_right ul li{
	width:45%;
	float:left;
	padding-bottom: 5px;
	padding-left: 5px;
}
	
#cont_full section .s_box .ym_ehon_photo_right ul li img{
	max-width:120px;
	vertical-align: bottom;
	width:100%;
}









.css3waku {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #050505;
	padding: 10px 15px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#ffffff));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

/*IE9hack*/
:root .css3waku {border-radius:0px \0/IE9; }  

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

.css3waku ul {
	font-size: 90%;
	margin-left: 20px;
}

.css3waku ul li {
	list-style-type: square;
}




/* ------ 同時購入特典 ------ */
#cont_full section .s_box .privilege_img img{
	max-width:870px;
}

#cont_full section .s_box .privilege_img{
	text-align:center;
}

#cont_full section .s_box .privilege_txt{
	font-size:70%;
	padding: 0 1em;
}

#cont_full section .s_box .under_p{
	clear:both;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
	padding: 10px 0 10px 0;
}



/* ------ 下方ボタン背景 ------ */
#cont_full section .ub_bg{
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 77%;
    background: url(../images/2016-manga_ub_bg.jpg) 0 0 no-repeat;
    background-size: contain;

}



/* ------ 下方ボタン ------ */
#cont_full section .under_btn{
	width: 516px;
	margin:0 auto;
	padding-top:10px;
}

#cont_full section .under_btn ul li{
	width:248px;
	float:left;
	padding-right: 10px;
}

#cont_full section .under_btn ul li img{
	width:248px;
	vertical-align: bottom;
}




/* ------ 編集後記 ------ */
#cont_full section .s_box .edit img{
	max-width:827px;
}

#cont_full section .s_box .edit{
	text-align:center;
}

#cont_full section .s_box .edit ul{
	width:100%;
	text-align:left;
	font-size:85%;
}

#cont_full section .s_box .edit ul li{
	width:32%;
	float:left;
	padding-right: 12px;
}
	
#cont_full section .s_box .edit ul li img{
	max-width:370px;
	vertical-align: bottom;
	width:60%;
}

#cont_full section .s_box .edit .edit_color1{
	color: #E36EA2;
}

#cont_full section .s_box .edit .edit_color2{
	color: #41940E;
}


/* ------ Y子ブログでも紹介中 ------ */
#cont_full section .s_box .introduction {
	padding-top: 20px;
	font-size:90%;
}

#cont_full section .s_box .introduction .i_left{
	width:49%;
	float:left;
}

#cont_full section .s_box .introduction .i_left img{
	max-width:244px;
}

#cont_full section .s_box .introduction .i_left p{
	padding-left:130px;
}

#cont_full section .s_box .introduction .i_left ul li{
	list-style: square;
	margin:0 0 0 125px;
}

#cont_full section .s_box .introduction .i_right{
	width:49%;
	float:right;
}

#cont_full section .s_box .introduction .i_right dl dt{
	color:#F60;
	font-weight:bold;
	font-size:130%;
	text-align:center;
	width: 90%;
	border-bottom: 1px dotted #999999;
	margin-bottom:7px;
}

#cont_full section .s_box .introduction .i_right dl dd ul li{
	padding-bottom: 3px;
	margin-bottom:7px;
	border-bottom: 1px dotted #999999;
	width: 90%;
}



/* ------ TOPよろこびの声 ------ */
#cont_full section .s_box .joy{
	width: 100%;
}

#cont_full section .s_box .joy_img img{
	max-width:675px;
	margin-bottom: 15px;
}

#cont_full section .s_box .joy_img{
	text-align:center;
}

#cont_full section .s_box .cmt_sub_right img{
	max-width:184px;
	width:100%;
}

#cont_full section .s_box .cmt_sub_left{
	width: 30%;
	float:left;
	font-size:90%;
}


#cont_full section .s_box .cmt_sub_right{
	width: 30%;
	float:right;
}

#cont_full section .s_box .cmt_line{
	clear: both;
	margin-bottom:20px;

}

#cont_full section .s_box .cmt_line2{
	margin-bottom:10px;
}


#cont_full section .s_box .cmt_area{
	background: url(../images/bg_cmt_area.jpg) repeat left top;
	padding: 10px 10px 7px;
	margin-bottom: 15px;
	border: 1px solid #CCC;
	font-size: 90%;

}


#cont_full section .s_box .cmt_area li{
	float: left;
	list-style:none;
}

#cont_full section .s_box .cmt_area .cmt_name{
	padding-right: 8px;
	
}

#cont_full section .s_box .cmt_area .cmt_day{
	display: block;
	border-left: 1px solid #CCC;
	padding-left: 8px;

}

#cont_full section .s_box .cmt_area p{
	clear: both;
	padding-top:5px;
}





/* ------ コンビニ決済の流れ ------ */
#cont_full section .s_box h2{
	width:99%;
	font-size:110%;
	padding:5px 0;
	background:url(../images/guide_back.gif);
	color: #FFFFFF;
}
	
#cont_full section h2 div{
	width:95%;
	margin:0 auto;
}

#cont_full section .s_box .cvs_img img{
	max-width:872px;
}

#cont_full section .s_box .cvs_img{
	text-align:center;
}

#cont_full section .s_box .atn{
	clear: both;
	text-align:left;
	font-size:85%;
}


#cont_full section .s_box .atn li{
	list-style: square;
	margin:0 0 0 20px;
}



/* ------ ご利用ガイド ------ */
#cont_full section .s_box .guide .g01 img{
	max-width:97px;
}

#cont_full section .s_box .guide .g02 img{
	max-width:111px;
}

#cont_full section .s_box .guide .g03 img{
	max-width:102px;
}

#cont_full section .s_box .guide .g04 img{
	max-width:88px;
}

#cont_full section .s_box .guide .g05 img{
	max-width:81px;
}

#cont_full section .s_box .guide_left{
	width: 49%;
	float: left;
}

#cont_full section .s_box .guide_right{
	width: 49%;
	float: left;
}

#cont_full section .s_box .guide .guide_txt{
	font-size:90%;
	margin-bottom:10px;
	padding-right:10px;
}


/* -------------------------------------- */
/* ------ ご利用ガイドページ ------ */
/* -------------------------------------- */
#cont_full section h3{
	width:99%;
	font-size:110%;
	padding:5px 0;
	background:#ececec;
	border-left:5px #32ad38 solid;
	margin-bottom: 10px;
	margin-top: 20px;
}
	
#cont_full section h3 div{
	width:95%;
	margin:0 auto;
}

#cont_full section .s_box .guide_page .g_subtitle {
	font-size: 110%;
	font-weight: bold;
	margin-top: 1em;
	color: #000;
}
#cont_full section .s_box .guide_page .fax_num {
	font: bold 30px/100% Tahoma, Geneva, sans-serif;
	color: #1F9EE2;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-left: 19px;
}
#cont_full section .s_box .guide_page .bank_account {
	font-size: 115%;
}

#cont_full section .s_box .guide_page li{
	list-style: square;
}

#cont_full section .s_box .guide_page .bank_account {
	font-size: 110%;
	color: red;
	font-weight:bold;
	margin-top:10px;
}

#cont_full section .s_box .guide_page .g_pay img{
	max-width:339px;
}

#cont_full section .s_box .guide_page .g_fax img{
	max-width:614px;
}


/* -------------------------------------- */
/* ------ 特定商取引法に基づく表示ページ ------ */
/* -------------------------------------- */
#cont_full section table.beige{
	margin:10px 0 15px 0;
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #ccc solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
	
}
	
#cont_full section table.beige td{
	padding:5px 10px;
	border:1px #ccc solid;
	}
	
#cont_full section table.beige td.be{
	background:#FDF3EE;
	color:#7B5D41;
	font-weight: bold;
}



/* -------------------------------------- */
/* ------ お問い合わせページ ------ */
/* -------------------------------------- */
#cont_full section table.beige ul {
	margin-left: 15px;
}

#cont_full section table.beige ul li{
	list-style: disc;
}



/* -------------------------------------- */
/* ------ ショッピングカートページ ------ */
/* -------------------------------------- */
.tableCartForm .tcf_img,.tableCartForm .tcf_name,.tableCartForm .tcf_kingaku{
	padding-top: 20px;
	padding-bottom: 20px;
}

#cont_full section .s_box .tableCartForm .tcf_summary{
	padding-top: 5px;
	padding-bottom: 5px;
}



/* -- td --- */
#cont_full section .s_box .tcf_img{
	width:20%;
	border-bottom: 1px solid #DDDDDD;
}

#cont_full section .s_box .tcf_name{
	width:80%;
}

#cont_full section .s_box .tcf_kingaku{
	vertical-align:bottom;
	text-align:right;
	border-bottom: 1px solid #DDDDDD;
}

#cont_full section .s_box .tcf_summary{
	text-align:right;
	border-bottom: 1px solid #DDDDDD;
}


/* -- 小計・消費税・送料・金額 --- */
#cont_full section .s_box .tcf_summary .tcf_summary_txt{
	width:80%;
}

#cont_full section .s_box .tcf_summary .tcf_summary_num{
	width:20%;
}

#cont_full section .s_box .tcf_summary .cart_summary_s{
	font-size:90%;
}

#cont_full section .s_box .tcf_summary .cart_summary_m{
	font-size:105%;
	font-weight:bold;
}

#cont_full section .s_box .tcf_summary .cart_summary_l{
	font-size:110%;
	font-weight:bold;
	color: #009BE5;
}



/* -- p --- */
#cont_full section .s_box .cart_img img{
	max-width:830px;
}

#cont_full section .s_box .cart_name{
	font-size:105%;
	font-weight:bold;
	margin-bottom: 5px;
}

#cont_full section .s_box .cart_tanka{
	margin-bottom: 5px;
}

#cont_full section .s_box .cart_kingaku{
	font-size:105%;
	font-weight:bold;
}



/* -------------------------------------- */
/* ------ 注文内容の入力ページ ------ */
/* -------------------------------------- */
#cont_full section .s_box .orderFormSts_img img{
	max-width:663px;
}

#cont_full section .s_box .orderFormSts_img{
	text-align:center;
	margin-top: 10px;
}

#cont_full section .s_box .essential img{
	max-width:33px;
	margin-bottom: 5px;
}

#cont_full section .s_box .atn img{
	max-width:471px;
}

#cont_full section h5{
	width:99%;
	font-size:100%;
	padding:3px 0;
	background: #F9F9F9;
	border-top: 2px solid #F60;
	border-bottom: 1px solid #999;
	margin-top: 10px;
	margin-bottom: 10px;
}
	
#cont_full section h5 div{
	width:95%;
	margin:0 auto;
}


#cont_full section .s_box .info_left{
	width:30%;
	float:left;
	padding-bottom: 15px;
	font-size: 90%;
}

#cont_full section .s_box .info_right{
	width:68%;
	float:left;
	padding-bottom: 15px;
	font-size: 90%;
}

#cont_full section .s_box .tokuten {
	font-weight:bold;
	color:green;
	margin-bottom:5px;
	font-size:95%;
}


#cont_full section .s_box .info_all{
	font-size: 90%;
}

#cont_full section .s_box .privacy{
	overflow: auto;
	height: 100px;
	font-size: 90%;
	padding: 15px;
	border: 1px solid #AAAAAA;
	width:95%;
}

#cont_full section .s_box .privacy .p_cmt{
	font-size: 105%;
	font-weight: bold;
	margin-bottom: 10px;
}

#cont_full section .s_box div.agree {
	background: #FFF5EC;
	text-align: center;
	margin-top: 5px;
	padding: 5px 0;
	border: 1px dotted #F30;
	width:98%;
	font-size: 90%;
}


#cont_full section table.tblorange{
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #cccccc solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
	
}

#cont_full section table.tblorange td{
	padding:5px 10px;
	border:1px #cccccc solid;
	}
	
#cont_full section table.tblorange td.or{
	background:#EC6F13;
	color:#ffffff;
	text-align:center;
}

#cont_full section table.tblorange .ortdbtn{
	text-align:center;
}


/* ------ 入力確認 ------ */
#cont_full section .s_box .cnf{
	font-weight:bold;
	font-size: 100%;
}


/* ------ 注文完了 ------ */
#cont_full section .s_box .odrcmt{
	font-weight:bold;
	font-size: 130%;
	margin: 20px 0;
}



/* -------------------------------------- */
/* ------ form要素 ------ */
/* -------------------------------------- */
.inputText30 {   
    padding: 3px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 15px/100% Verdana, Tahoma, sans-serif;  
    width: 30%;  
    background: #FFFFFF;  
} 

.inputText25 {   
    padding: 3px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 15px/100% Verdana, Tahoma, sans-serif;  
    width: 25%;  
    background: #FFFFFF;  
} 

.inputText95 {   
    padding: 3px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 15px/100% Verdana, Tahoma, sans-serif;  
    width: 95%;  
    background: #FFFFFF;  
} 


.info_right select {   
    padding: 3px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 15px/100% Verdana, Tahoma, sans-serif;  
    background: #FFFFFF;
    width: 95%; 
}  

.tarea95 {   
    padding: 3px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 15px/100% Verdana, Tahoma, sans-serif;  
    background: #FFFFFF;
    width: 95%; 
}  



.info_right #birth {
    padding: 3px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 15px/100% Verdana, Tahoma, sans-serif;  
    background: #FFFFFF;
    width: 25%; 
}  

.info_right #card {
    padding: 3px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 15px/100% Verdana, Tahoma, sans-serif;  
    background: #FFFFFF;
    width: 50%; 
}  



#error {
	width: 95%;
	font-weight: bold;
	color: #F00;
	background: #FEE;
	border: 1px solid #F00;
	padding: 10px;
}




/* ------ footer ------ */
#footer-link-wrap {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 125%;
	clear: both;
}

#footer-link-area {
	text-align: center;
	padding: 0px;
	height: auto;
	width: 900px;
	margin: 0px auto;

}

#footer-link-area ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer-link-area li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#footer-credit-wrap {
	margin: 0px;
	padding: 20px 0px;
	width: 100%;
	text-align: center;
	background-color: #e9e9e9;
	border-top: 1px solid #e0e0e0;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #666666;
	line-height: 115%;
}

#footer-credit-area {
	text-align: left;
	padding: 0px;
	height: auto;
	width: 900px;
	margin: 0px auto;
}

#footer-credit-area .left {
	float: left;
	width: 527px;
}

#footer-credit-area .right {
	width: 363px;
	float: right;
	text-align: right;
}

#footer-credit-area address {
	font-size: 10px;
	margin-bottom: 5px;
}







/* ====================================== */
/* --------------- ボタン --------------- */
/* ====================================== */
#cont_full section .s_box .button_box{
	padding: 15px 0;
}


#cont_full section .s_box .button_left{
	width:47%;
	float:left;
}

#cont_full section .s_box .button_right{
	width:47%;
	float:right;
}



#cont_full section .s_box .cnt_button_left{
	width:20%;
	float:left;
}

#cont_full section .s_box .cnt_button_center{
	width:59%;
	float:left;
}

#cont_full section .s_box .cnt_button_right{
	width:20%;
	float:right;
}




.css3Nextbutton {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 105%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px 16px;
	width:100%;

	background: rgb(234,160,2); /* Old browsers */

	background: -ms-linear-gradient(top,  rgba(234,160,2,1) 0%,rgba(254,166,84,1) 50%,rgba(253,140,34,1) 51%,rgba(234,114,2,1) 100%); /* IE10+ */

	background: -moz-linear-gradient(
		top,
		#eaa002 0%,
		#fea654 50%,
		#fd8c22 50%,
		#ea7202);

	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#eaa002),
		color-stop(0.50, #fea654),
		color-stop(0.50, #fd8c22),
		to(#ea7202));

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

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaa002', endColorstr='#ea7202',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #A75001;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 1px 0px rgba(255,255,255,0.1);
}

.css3Returnbutton {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 105%;
	font-weight: bold;
	color: #666666;
	padding: 8px 16px;
	width:100%;

	background: rgb(255,255,255); /* Old browsers */

	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(199,217,95,1) 50%,rgba(173,209,54,1) 51%,rgba(184,199,84,1) 100%); /* IE10+ */

	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#c7d95f 50%,
		#add136 50%,
		#b8c754);

	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #c7d95f),
		color-stop(0.50, #add136),
		to(#b8c754));

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

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b8c754',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #6d8000;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 1px 0px rgba(255,255,255,0.1);
}


.css3Joybutton {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px 8px;
	width:100%;

	background: rgb(234,160,2); /* Old browsers */

	background: -ms-linear-gradient(top,  rgba(234,160,2,1) 0%,rgba(254,166,84,1) 50%,rgba(253,140,34,1) 51%,rgba(234,114,2,1) 100%); /* IE10+ */

	background: -moz-linear-gradient(
		top,
		#eaa002 0%,
		#fea654 50%,
		#fd8c22 50%,
		#ea7202);

	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#eaa002),
		color-stop(0.50, #fea654),
		color-stop(0.50, #fd8c22),
		to(#ea7202));

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

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaa002', endColorstr='#ea7202',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #A75001;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 1px 0px rgba(255,255,255,0.1);
}


/*IE9hack*/
:root .css3Nextbutton {border-radius:0px \0/IE9; }  
:root .css3Returnbutton {border-radius:0px \0/IE9; }  
:root .css3Joybutton {border-radius:0px \0/IE9; }  

.css3Nextbutton:hover {
	filter:alpha(opacity="90");
	-moz-opacity:0.8;
	opacity:0.8;
	cursor:pointer;
}

.css3Returnbutton:hover {
	filter:alpha(opacity="90");
	-moz-opacity:0.8;
	opacity:0.8;
	cursor:pointer;
}

.css3Joybutton:hover {
	filter:alpha(opacity="90");
	-moz-opacity:0.8;
	opacity:0.8;
	cursor:pointer;
}







/*-----------------------------------------------------	*/
/*	for 600px - 959px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 600px) and (max-width: 959px) {

#h_box,.box900{
	width:95%;
}

#h_box .box h1 img{
	width:105%;
	padding-top: 30px;
}

#h_box #h_l_box img{
	width:95%;
}

#h_r_box ul li img{
	width:97%;
}

#h_box #h_r_box{
	width:60%;
}


#h_r_box p{
	font-size: 80%;
	padding-bottom:0px;
}

#h_r_box ul{
	width:100%;
}


/* ------ social ------ */
#socialbuttons .twitter {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#socialbuttons .facebook_like {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#socialbuttons .fb-share-button {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#socialbuttons .google {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#socialbuttons .hatena {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#non_socialbuttons {
  margin-top:35px;
}


#contents h4 img{
	width:100%;
}


#cont_full section .s_box .atn{
	font-size:80%;
}



#cont_full section .top_left p{
	font-size: 80%;
}



/* ------ ダイアリー詳細・壁掛け/卓上カレンダー ------ */
#cont_full section .s_box .half_left p{
	font-size:70%;
}


/* ------ ダイアリ/カレンダーーの中身 ------ */
#cont_full section .s_box .d_detail_right ul{
	padding-left: 10px;
}


/* ------ 同時購入特典 ------ */
#cont_full section .s_box .privilege_txt{
	padding: 0 0;
}




/* ------ 下方ボタン ------ */
#cont_full section .under_btn{
	width: 430px;
}

#cont_full section .under_btn ul li{
	width:205px;
}

#cont_full section .under_btn ul li img{
	width:205px;
}



/* ------ 編集後記 ------ */
#cont_full section .s_box .edit ul li{
	width:32%;
	padding-right: 7px;
}


/* ------ Y子ブログでも紹介中 ------ */
#cont_full section .s_box .introduction .i_left p{
	padding-left:40px;
}

#cont_full section .s_box .introduction .i_left ul li{
	list-style: square;
	margin:0 0 0 35px;
}





/* -------------------------------------- */
/* ------ ショッピングカートページ ------ */
/* -------------------------------------- */
/* -- td --- */
#cont_full section .s_box .tcf_img{
	width:30%;
}

#cont_full section .s_box .tcf_name{
	width:70%;
}

/* -- 小計・消費税・送料・金額 --- */
#cont_full section .s_box .tcf_summary .tcf_summary_txt{
	width:70%;
}

#cont_full section .s_box .tcf_summary .tcf_summary_num{
	width:30%;
}







/* ------ footer-act-wrap ------ */

#footer-act-area {
	width: 100%;
}



/* ------ footer ------ */
#footer-link-area {
	width: 100%;
}

#footer-credit-area {
	width:100%;
}

#footer-credit-area .left {
	float: left;
	width:50%;
}

#footer-credit-area .right {
	width:40%;
	float: right;
	text-align:right;
}



} /* for 600px - 959px = E N D */









/*-----------------------------------------------------	*/
/*	for 599px			*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 599px) {
	
.pc{
	display:none;
}

.nonpc{
	display:block;
}
		
#h_box,.box900{
	width:97%;
	margin:0 auto;
}

/* ------ header ------------------------------------------------- */
header{
	padding:5px 0 0 0;
}
	
#h_box .box h1,#h_box .k_tel img{
	width:100%;
	float:none;
	text-align:center;
	margin:0 auto;

}


#h_box .box h1 img{
	width:100%;
}


#h_box .h_right_box{
	width:100%;
	float:none;
}

/* ------ social ------ */

#h_box .h_right_box #socialbuttons{
	clear: both;
	width:320px;
	float:none;
	margin:0 auto;
	padding: 10px 0 0 0;
	text-align:center;
}

#non_socialbuttons {
  margin-top:0px;
}

#socialbuttons .fb-share-button {
  margin-right: 0px;
}


#h_box .box #h_l_box{
	width:100%;
	float:none;
	margin:10px auto;
	padding: 0 0;
	text-align:center;
}
	
#h_box #h_r_box{
	clear: both;
	width:320px;
	float:none;
	margin:0 auto;
	padding: 0 0;
	text-align:center;
}

#h_r_box p{
	padding-top:2px;
}

#h_r_box p,#h_r_box ul{
	text-align:center;
}

#h_r_box ul{
	width:270px;
	float:none;
	margin:0 auto;
	padding: 0 0;
	text-align:center;
}


#h_r_box .h_inq{
	text-align:center;
}



#contents h4 img{
	width:100%;
}

#cont_full section .s_box .atn{
	font-size:80%;
	text-align:left;
}


/* ------ TOP ボタン ------ */
#cont_full section .top_left{
	width:100%;
	float:none;
	padding: 7px 0 0 0;
}



#cont_full section .top_left p{
	clear: both;
	width:100%;
	font-size: 90%;
}

#cont_full section .top_left ul{
	width:95%;
	float:none;
	margin:0 auto;
	padding: 0 0;
	text-align:center;
}

#cont_full section .top_left ul li{
	width:50%;
}



#cont_full section .top_right{
	width:100%;
	float:none;
	padding:0 0;
}

#cont_full section .top_right ul{
	width:100%;
	padding-top: 15px;
}

#cont_full section .top_right ul .li_tr_left{
	width:45%;
	float:left;
	margin-left: 10px;
	padding-bottom: 10px;
}

#cont_full section .top_right ul .li_tr_right{
	width:45%;
	float:right;
	margin-right:5px;
	padding-bottom: 10px;
	padding-top:5px;
}


#cont_full section .top_right ul li img{
	max-width:408px;
	vertical-align: bottom;
	width:95%;
}




/* ------ ダイアリー詳細 ------ */
#cont_full section .s_box .half_left{
	width:100%;
	float:none;
}
	
	
#cont_full section .s_box .half_left p{
	font-size:70%;
	margin-bottom: 10px;
}

#cont_full section .s_box .half_right{
	width:100%;
	float:none;
}




/* ------ コメント/ご注意 ------ */
#cont_full section .s_box .comment-caution_left{
	width:100%;
	float:none;
}

#cont_full section .s_box .comment-caution_right{
	width:100%;
	float:none;
}






/* ------ ダイアリ/カレンダーーの中身 ------ */
#cont_full section .s_box .d_detail_left{
	width:100%;
	float:none;
}


#cont_full section .s_box .d_detail_right{
	width:100%;
	float:none;
}

#cont_full section .s_box .d_detail_right ul{
	width:100%;
	padding-top: 5px;
	padding-left: 1px;
}

#cont_full section .s_box .d_detail_right ul li{
	width:15%;
	float:left;
}




/* ------ 絵本の写真 ------ */
#cont_full section .s_box .ym_ehon_photo_left{
	width:100%;
	float:none;
}


#cont_full section .s_box .ym_ehon_photo_right{
	width:100%;
	float:none;
}


#cont_full section .s_box .ym_ehon_photo_right ul{
	width:100%;
	padding-top: 5px;
	padding-left: 1px;
}

#cont_full section .s_box .ym_ehon_photo_right ul li{
	width:22%;
	float:left;
	padding-left: 8px;
}
	








/* ------ 同時購入特典 ------ */
#cont_full section .s_box .privilege_txt{
	padding: 0 0;
}

#cont_full section .s_box .under_p{
	font-size: 90%;
}



/* ------ 試し読み ------ */
.ready {
	opacity: 0;
}
.loaded {
	opacity: 1;
	-webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
	-moz-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
	-o-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
	transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
}


/* ------ 下方ボタン ------ */
#cont_full section .nonunder_btn ul{
	width:90%;
	float:none;
	margin:-11% auto 0 auto;
	padding: 0 0;
	text-align:center;
}

#cont_full section .nonunder_btn ul li{
	width:50%;
}

#cont_full section .nonunder_btn ul .li_tr_left{
	width:45%;
	float:left;
	padding-bottom: 10px;
	margin-left:12px;
}

#cont_full section .nonunder_btn ul .li_tr_right{
	width:45%;
	float:right;
	padding-bottom: 10px;
	margin-right:12px;
}


#cont_full section .nonunder_btn ul li img{
	max-width:398px;
	vertical-align: bottom;
	width:87%;
}





/* ------ 編集後記 ------ */
#cont_full section .s_box .edit ul li{
	width:100%;
	float:none;
}
	
#cont_full section .s_box .edit ul li{
	padding-right: 0;
	padding-top:5px;
}

#cont_full section .s_box .edit ul li img{
	width:40%;
}



/* ------ Y子ブログでも紹介中 ------ */
#cont_full section .s_box .introduction {
	font-size:100%;
	padding:0 20px;
}

#cont_full section .s_box .introduction .i_left{
	width:100%;
	float:none;
	margin-bottom:30px;
}

#cont_full section .s_box .introduction .i_left p{
	padding-left:0px;
	text-align:center;
}


#cont_full section .s_box .introduction .i_left ul li{
	margin:0 0 0 30px;
}

#cont_full section .s_box .introduction .i_right{
	width:100%;
	float:none;
	margin-bottom:10px;
}

#cont_full section .s_box .introduction .i_right dl dt{
	width: 100%;
}

#cont_full section .s_box .introduction .i_right dl dd ul li{
	width: 100%;
}


















/* ------ TOPよろこびの声 ------ */
#cont_full section .s_box .cmt_sub_left{
	font-size:80%;
}

#cont_full section .s_box .cmt_sub_left{
	width: 40%;
}


#cont_full section .s_box .cmt_sub_right{
	width: 40%;
	font-size:80%;
}

#cont_full section .s_box .cmt_line{
	margin-bottom:10px;

}

#cont_full section .s_box .cmt_area{
	background: url(../images/bg_cmt_area.jpg) repeat left top;
	padding: 10px 10px 7px;
	margin-bottom: 15px;
	border: 1px solid #CCC;
	font-size: 90%;

}



#cont_full section .s_box .cmt_area .cmt_name{
	padding-right: 0px;
	
}

#cont_full section .s_box .cmt_area .cmt_day{
	border: none;
	padding-left: 0px;

}

#cont_full section .s_box .cmt_area p{
	padding-top:5px;
}











/* ------ コンビニ決済の流れ ------ */
#cont_full section .s_box .cvs_img ul{
	width:100%;
}

#cont_full section .s_box .cvs_img ul li{
	width:100%;
	margin-bottom:10px;
}
	
#cont_full section .s_box .cvs_img ul li img{
	vertical-align: bottom;
	width:98%;
}



/* ------ ご利用ガイド ------ */
#cont_full section .s_box .guide_left{
	width:100%;
	float:none;
}

#cont_full section .s_box .guide_right{
	width:100%;
	float:none;
}

#cont_full section .s_box .guide .guide_txt{
	padding-right:0;
}



/* -------------------------------------- */
/* ------ ショッピングカートページ ------ */
/* -------------------------------------- */
.tableCartForm .tcf_img,.tableCartForm .tcf_name,.tableCartForm .tcf_kingaku{
	padding-top: 10px;
	padding-bottom: 10px;
}

/* -- td --- */
#cont_full section .s_box .tcf_img{
	width:35%;
}

#cont_full section .s_box .tcf_name{
	width:65%;
}

#cont_full section .s_box .tcf_kingaku{
	vertical-align:top;
}

/* -- 小計・消費税・送料・金額 --- */
#cont_full section .s_box .tcf_summary .tcf_summary_txt{
	width:65%;
}

#cont_full section .s_box .tcf_summary .tcf_summary_num{
	width:35%;
}

#cont_full section .s_box .tcf_summary .cart_summary_m{
	font-size:100%;
}

#cont_full section .s_box .tcf_summary .cart_summary_l{
	font-size:105%;
}


/* -- p --- */
#cont_full section .s_box .cart_name{
	font-size:100%;
	margin-bottom: 2px;
}

#cont_full section .s_box .cart_tanka{
	margin-bottom: 2px;
}

#cont_full section .s_box .cart_kingaku{
	font-size:100%;
}



/* -------------------------------------- */
/* ------ 注文内容の入力ページ ------ */
/* -------------------------------------- */
#cont_full section .s_box .info_left{
	width:100%;
	float:none;
	padding-bottom: 5px;
}

#cont_full section .s_box .info_right{
	width:100%;
	float:none;
	padding-bottom: 15px;
}

#cont_full section .s_box .tokuten {
	font-size:90%;
}


#cont_full section .s_box .privacy{
	width:90%;
}



#error {
	width: 93%;
}



/* ------ footer ------ */
#footer-link-wrap,#footer-credit-wrap{
	padding:0 0px 10px 0;
}
	
#footer-link-area {
	width: 100%;
}

#footer-credit-area {
	text-align: left;
	padding: 0px;
	height: auto;
	width:100%;
	margin: 0px auto;
}

#footer-credit-area .left {
	width:90%;
	float:none;
	margin:10px auto 0 auto;
}

#footer-credit-area .right {
	width:90%;
	float:none;
	margin:0 auto;
	text-align:left;
}

#footer-credit-area .right a{
	display:block;
	padding:5px 0;
}	

} /* for 500px = E N D */