@charset "utf-8";


/* ==========================================

  “Common” CSS

========================================== */


/* Default 
========================================== */
*		 {	-webkit-box-sizing:border-box;-moz-box-sizing: border-box; box-sizing:border-box;}

html	{	background:#fff; height:100%;}

body	{	background:#fff; color:#000; line-height:1; height:100%;
			font-size:62.5%;
			font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;}


	/* Text Module
	---------------------------------------- */
	em 		{	font-style:normal;}
	strong	{	font-weight: bold;}


	/* Hypertext Module
	---------------------------------------- */
	a				{	text-decoration:none;}
	a:link			{	color:#00a0e9;	}
	a:visited		{	color:#00a0e9;	}
	a:hover,
	a:active		{	color:#00a0e9;	}




	/* Image Module
	---------------------------------------- */
	img 		{	vertical-align:top; font-size:0; line-height:0; max-width:100%; height:auto;}


	/* Float
	----------------------------------------*/
	.clearfix:after	{	content:""; clear:both; display:block; height:0;}






/* Content　Base
========================================== */
#wrapper	{	width:100%; max-width:1060px; margin:0 auto; font-size:1em; padding:5px;}

	@media screen and (min-width: 640px) { 	
		#wrapper	{	padding-top:20px;}
	}


/* Header
========================================== */
header div	{	background:#00b960; padding-bottom:5px;
				border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
header h1 img:last-child	{	display:none;}
header p	{	background:#fff; color:#0061bb; font-weight:bold; line-height:1.3; font-size:1.4em; width:97%; margin:0 auto;
				border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px;}
header > img	{	display:none;} 

	@media screen and (min-width: 640px) { 	
		header	{	position:relative; padding-bottom:5.5%; margin-bottom:10px; }
		header div	{	padding-bottom:10px;}
		header h1 img:first-child	{	display:none;}
		header h1 img:last-child	{	display:block;}
		header p	{	font-size:2.2em; width:68.3%; margin:0 0 0 1.03%; line-height:1.4;}
		header > img	{	width:37.26%; position:absolute; top:0; right:0; display:block;} 
	}


/* content
========================================== */


	/* Outline
	----------------------------------------*/
	#content .outline		{	background:#00a0e9; color:#fff; line-height:1.4; margin-top:5px; 
								border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
								width:100%; padding:10px;}
	#content .outline img	{	width:32.68%; float:right; margin:0 0 10px 15px;}
	#content .outline h2	{	font-size:1.5em; color:#ffea01; font-weight:bold; margin-bottom:0.5em;}
	#content .outline p		{	font-size:1.5em;}	


		@media screen and (min-width: 640px) { 
			#content .outline		{	width:90%; margin:0 auto; padding:25px;}
			#content .outline img	{	display:none;}	
			#content .outline h2	{	font-size:2.6em;}
			#content .outline p		{	font-size:2.4em;}	
		}


	/* detail
	----------------------------------------*/
	dl				{	padding-top:15px;}
	dt				{	font-size:1.6em; font-weight:bold; padding-left:11.2%;}
	dd				{	background-repeat:no-repeat;
						background-size:93.5% auto; -webkit-background-size:93.5% auto; -moz-background-size:93.5% auto;
						font-size:1.4em; color:#666; line-height:1.5; padding:2% 5% 0 11.2%; margin-bottom:15px;}
	dd.rd			{	background-image:url(../_images/crayon_rd.png);}
	dd.yw			{	background-image:url(../_images/crayon_yw.png);}
	dd.gn			{	background-image:url(../_images/crayon_gn.png);}
	dd.sbu			{	background-image:url(../_images/crayon_sbu.png);}
	dd.bu			{	background-image:url(../_images/crayon_bu.png);}
	dd.pu			{	background-image:url(../_images/crayon_pu.png);}
	dd.pk			{	background-image:url(../_images/crayon_pk.png);}

	
	dd#prize li p	{	padding-left:1em; margin-bottom:0.5em;}
	dd#prize li p:first-child	{	padding-left:0; margin-bottom:0;}
	dd#prize li p em	{	color:#24ab00;}
	dd#prize li p span	{	display:inline-block;}
	
	dd#size span	{	color:#24ab00; display:block;}

	dd#method ul		{	padding-left:1em;}
	dd#method ul li	{	text-indent:-1em; margin-bottom:0.5em;}
	dd#method ul li::first-letter	{	color:#24ab00;}
	
	dd#method ul li ul		{	padding-left:1em;}
	dd#method ul li li		{	list-style:disc; margin:0 0 0 1.5em; text-indent:0;}
	dd#method ul li li::first-letter	{	color:#666;}
	
	dd#notes li	{	list-style:decimal; margin:0 0 0 1.5em;}
	
	dd#privacy ol	{	padding-left:1em;}
	dd#privacy li	{	text-indent:-1em;}

	@media screen and (min-width: 640px) { 
	dl				{	padding-top:40px;}
	dt				{	font-size:3.6em;}
	dd				{	font-size:2.8em; margin-bottom:50px; min-height:90px;}
	
	dd#prize li		{	display:table; width:100%;}
	dd#prize li p	{	display:table-cell; vertical-align:top; margin-bottom:0; padding-bottom:10px;}
	dd#prize li p:first-child	{	width:6em;}
	
	dd#size span	{	display:inline;}
	}


	/* case
	----------------------------------------*/
	#case		{	border:3px solid #00b7ee; padding:10px; text-align:center;}
	#case h2	{	font-size:1.4em; font-weight:bold; color:#00b7ee; margin-bottom:10px;}

	@media screen and (min-width: 640px) { 
		#case		{	border-width:6px; padding:20px;}
		#case h2	{	font-size:3.6em; margin-bottom:30px;}
	}


/* Footer
========================================== */
footer	{	background:#00b960; color:#fff; font-size:1.3em; text-align:center; padding:15px 5px;
			border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-top:20px;}
@media screen and (min-width: 640px) { 
	footer	{	font-size:2.4em; margin-top:80px; padding:25px 5px;}
}