@charset "UTF-8";
/* CSS Document */

@media (min-width:700px){ 

#info{
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size:14px;
	line-height:22px;
	text-align:center;
	color:#4d4d4d;}
#info img{
	max-width:100%;}
	
#info .spi{
	display:none;}	
	
#info a{
	color:#4d4d4d;
	text-decoration: underline;}
#info a:hover{
		text-decoration: none;}
	
/* 　　　　　入力フォームへ　ボタン　　　　　*/
#info .bottan{
	margin:0 auto 0}

#info .bottan p{margin:0 auto;	font-size:18px;line-height:1.5;}	
#info .bottan .syousai{margin-top:8px;font-size:22px; color:#FF0000;}
#info .bottan .form{margin-top:24px;}
	
#info .bottan ul{
	width:560px;
	font-size:14px;
	margin:auto;}
#info .bottan ul li{
	display:block;
	line-height:20px;
	text-align:left;}
	
#info .security{
	font-size:13px;
	margin:50px 0;}
	
#info h1{
	margin:40px auto  20px;
	}

#info .bottan p.maintenance{
	font-size: 16px;
	line-height: 28px;
	margin: 0px auto 4px;
	}

#info .bottan p.maintenance_bottom{
	margin-bottom: 20px;
	}


/* 　　　　　書店ではお求めに〜　　　　　*/
#info .annsin{
	margin-top:40px;}

#info .annsin .hidari{
	text-align:left;
	max-width:700px;
	margin:auto;}
	
#info .annsin h2{
	max-width:700px;
	margin:auto;
	text-align:left;
	font-size:18px;
	line-height:35px;}


/* 　　　　丸list　　　　　*/
#info .annsin .pink_maru{
	margin-top:10px;
	font-size:15px;}
#info .annsin .pink_maru li{
	display:inline-block;
	width:49%;
	line-height:28px;}
#info .annsin .pink_maru li .maru{
	padding-right:10px;
	color:#ff7c8a;
	font-size:16px;}
	
/* 　　　　　注意書き　　　　　*/
#info .annsin .tyuui{
	padding:15px 0 0px;
	border-top:solid 1px #000;
	font-size:13px;
	list-style: none;
	line-height:24px;
	margin:20px auto 0;}
	
#info .annsin .tyuui li{
  text-indent: -1em;
  padding-left: 2em;}
 
 #info .annsin .syousai{
	 max-width:800px;
	 margin:auto;
	 text-align:right;}
#info .annsin .syousai img{
	 vertical-align:bottom;
	 padding:0 10px 0}
	 
#info .background_pink{
	 max-width:960px;
	 padding:30px 0;
	 margin:0 auto 50px;
	 background-color:#fff5f6;}


}
/***********************************************************************************SPSPSPSPSPSP*****************************************************************************************************************************************************************/

@media (max-width:699px){ 

#info{
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size:4.375vw;
	line-height:150%;
	text-align:center;
	color:#4d4d4d;}
#info img{
	max-width:100%;}
	
#info .pc{
	display:none;}	
	
#info a{
	color:#4d4d4d;
	text-decoration: underline;}
#info a:hover{
		text-decoration: none;}	
	
/* 　　　　　入力フォームへ　ボタン　　　　　*/
#info .bottan{
	width:95%;
	margin:auto;}
#info h1{
	margin:5% auto  8%;}


#info .bottan p{margin:0 auto;	font-size:120%;line-height:1.6;}	
#info .bottan .syousai{margin-top:4%;font-size:130%; color:#FF0000;}
#info .bottan .form{margin-top:8%;}

	
#info .bottan ul{
	font-size:90%;
	margin:1% auto 0;
	line-height:160%;
	padding:0 0 0 1em;
	text-indent:-1em;}
	
#info .bottan ul li{
	display:block;
	text-align:left;
	padding:0;
	margin:0;}
	
#info .security{
	width:95%;
	margin:6% auto;
	text-align:left;
	font-size:85%;
	line-height:160%;}
	


/* 　　　　　書店ではお求めに〜　　　　　*/
	#info .annsin{
	 width: 96%;
    margin: 0 auto;}

#info .annsin .hidari{
	text-align:left;
	width:95%;
	margin:auto;}
	
#info .annsin h2{
	font-size:120%;
	line-height:180%;
	margin:2% 0 5%;
	text-align:center;}
	


/* 　　　　丸list　　　　　*/
#info .annsin .pink_maru{
	margin:4% auto;
	font-size:85%;}
#info .annsin .pink_maru li{
	display:block;
	width:100%;
	line-height:200%;
	font-weight:bold;}
#info .annsin .pink_maru li .maru{
	padding-right:2%;
	color:#ff7c8a;
	font-size:100%;}
	
/* 　　　　安心システム　注意書き　　　　　*/
#info .annsin .tyuui{
	padding:5% 0 0px;
	border-top:solid 1px #000;
	list-style: none;
	line-height:160%;
	font-size:80%;
	margin:5% auto 0;}
	
#info .annsin .tyuui li{
  text-indent: -1em;
  padding:0 0 0.5em 1em;}
 
 #info .annsin .syousai{
	 width:95%;
	 margin:4% auto 0;
	 font-size:100%;
	 text-align:right;}
#info .annsin .syousai img{
	width:7%;
	 vertical-align:sub;
	 padding:0 2% 0}
	 
#info .background_pink{
	 width:100%;
	 padding:5% 0;
	 margin:0 auto 10%;
	 background-color:#fff5f6;}

#info .bottan p.maintenance{
	font-size: 100%;
	margin: 1% 0 3%;
	}

#info .bottan p.maintenance_bottom{
	margin-bottom: 6%;
	}
}
	
	

#info .security2303{ font-size: 14px;}
	

/* キャンペーン専用*/	
@media (min-width:700px){ 
#info .pink_frame{max-width:900px;margin:30px auto 50px; box-sizing:border-box;padding:30px 20px;border:solid #ff7c8a 1px;border-radius:1em;}
#info .pink_frame .pink{font-size:150%;color:#ff7c8a;font-weight:800;padding:0px 0 20px;}
#info .pink_frame ul{text-align:left;max-width:820px;margin:auto;font-size:13px;line-height:25px;list-style: none;}
#info .pink_frame ul li.kome{text-indent:-1em; padding-left:1em;}
}
@media (max-width:699px){ 
#info .pink_frame{width:95%;margin:10% auto 8%;box-sizing:border-box;padding:7% 2%;border:solid #ff7c8a 1px;border-radius:1em;}
#info .pink_frame .pink{font-size:150%;color:#ff7c8a;font-weight:400;line-height:1.4;padding:0px 0 4%;}
#info .pink_frame ul{text-align:left;width:95%;margin:auto;font-size:80%;line-height:1.4;list-style: none;}	
#info .pink_frame ul li{ margin-bottom:2%;}
#info .pink_frame ul li.kome{text-indent:-1em; padding-left:1em;}
}