@charset "utf-8";

/*D33_200229_760  */
/* copyright since 2006 http://subhand.net */


/*************************************************************/
/* for smartphone style at only text */
/*************************************************************/
/* スマホ（レスポンシブ）用、指定classとp文字のみ大きく読みやすくする　レターに最適化 */

/*************************************************************/
/*How to use*/
/*************************************************************/
/* index.htmlに
   <link rel="stylesheet" type=text/css href="css/likeres.css"> 宣言
   <meta name="viewport" content="width=device-width">　宣言
*/

/*
.container p →　スマホで見るとき250%になる。
.container span　→　<p><span style="fontsize:20px">AAA</span></p>のように使う。この場合170％になる。
.check li　→　class="check"の<li>の場合250％になる。
後はclassの場合追加宣言すれば良い
*/

/*.top_simg{ width:100%;}*/




@media screen and (max-width: 800px) {


.pcsize { display: none !important; }
.spsize { display: block !important; width: 100%;}

.spsize900 { width: 100%;}


/*必須*/
.container p{ 
	font-size:140%;
} 

/*div span {display:block;}*/
.impact1 { font-size:130% !important;}
.impact2 { font-size:110% !important; display:block; margin:10px auto 30px;}

/*br {
  display: none;
}
*/

/*追加*/
#inner { width:960px !important; margin:0 auto;}
#inner_timer { width:960px !important; margin:0 auto;}

#inner span.size36 { font-size: 24px!important; }
#inner_timer span.size36 { font-size: 24px!important }

/*.top_simg{ width:960px; margin:0 auto;}*/

/*必須*/
.container p{ font-size:150%; } 
#copyright{ font-size:120%;}

#faq dt,
#faq dd{
	font-size:150% !important;
}

.checkbox{ width:90%!important; font-size: 200%!important;}
.checkbox li { background-size:contain; background-position:5px 30px !important; padding-left:60px !important;}

.checkbox01{ width:90%!important;}
.checkbox01 li { background-size:contain; background-position:5px 30px !important; padding-left:60px !important;}

.pp  { font-size:100% !important;
	height: 200px; }
	
#faq dt { font-size:150% !important; line-height:1.4; background-position:left 10px;}
#faq dd {  background-position:10px 20px;}
#faq dd p{ font-size:150% !important; line-height:1.4 !important;}


#schtv { width:960px!important; margin:0 auto;} 
#schtv_red { width:960px!important; margin:0 auto;} 

.tb01 td{
	font-size:20px !important;
}


.tb02 td{
	font-size:200% !important;
}



/* iframe 
------------------------------------- */
.frame_wrap {
	width: 900px;
	height: 800px;
	-webkit-overflow-scrolling: touch;
	margin:0px auto;
	border:1px solid #c4c4c4;
	overflow:auto; 
	
}

.frame {
	width: 100%;
	height: 100%;
	
}
	
	
.stb01 th,
.stb01 td  {
font-size:25px !important;
}

	
	

@media screen and (max-width: 480px) {
/*必須*/
.container p{ 
	font-size:180% !important;
	line-height:1.5 !important;
} 

/*div span {display:block;}*/
/*.container span { 
font-size:110% !important;
}*/




/*追加*/
.checkbox01 li { font-size:180% !important;}
.pp  { font-size:100% !important;
	height: 200px; }
#faq dt { font-size:150% !important; line-height:1.5; background-position:left 20px;}
#faq dd {  background-position:10px 30px;}
#faq dd p{ font-size:150% !important; line-height:1.5;}




/* iframe 
------------------------------------- */
.frame_wrap {
	width: 900px;
	height: 800px;
	-webkit-overflow-scrolling: touch;
	margin:0px auto;
	border:1px solid #c4c4c4;
	overflow:auto; 
	
}

.frame {
	width: 100%;
	height: 100%;
	
}





/*
@media screen and (min-width: 481px) and (max-width: 680px) {
.top_simg{ width:960px}

}

@media screen and (min-width: 681px)  (max-width: 768px) {
.top_simg{ width:960px}

}

@media screen and (min-width: 769px) {
.top_simg{ width:960px}

}
*/
/* PCで必要なスタイル-レスポンシブフォント必ず必要 */
html{ font-size: 62.5%; }