/* Template Name: タブレット用スタイルシート */

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ●tablet.css 画面の横幅が1000px以下
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

body { 
	margin: 0;
	padding: 0;
}
p{
	margin: 0 5%;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* タイマー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.timer2 {
	font-size: 28px;
}
.timer2_in {
	width: 100%;
}
#CDT, #CDT2 {
	font-size: 28px;
	font-weight: bold;
}
#CDT .bbt, #CDT2 .bbt{
    font-size: 26px;
    padding-bottom: 20px;
}
#CDT .number, #CDT2 .number {
	line-height: 100%;
}
#CDT3 {
	font-size: 28px;
	margin: 0;
	font-weight: bold;
	width: 90%;
	padding: 5px 5% 10px;
}
#CDT .mess {
	font-size: 28px;
}
#CDT .ymd {
	font-size: 28px;
}
.size48 { font-size: 32px;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 画像 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.imgl {
	padding: 0px 10px 20px 20px;
	float: left; }
.imgr {
	padding: 0px 20px 20px 10px;
	float: right; }
table.func-box p.imgl {
	margin: 0;
	padding: 0 10px 20px 55px;
	float: left; }
table.func-box p.imgr {
	margin: 0;
	padding: 0 55px 20px 10px;
	float: right; }
blockquote {
	width: 80%;
	margin: 40px 5%;
	padding: 30px 5%;
}
blockquote p {
	margin-left: 5%;
	margin-right: 5%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ヘッダー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

h1 img{
	margin: 15px 0 0;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コンテンツエリア */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
.spin{
	padding-bottom: 20px;
}
#contain1, #contain2, #contain3{
	width: 100%;
	margin: 0;
	padding: 0;
	box-shadow: none;
}
#form_contain1, #form_contain2{
	width: 90%;
	margin: 0;
	padding: 50px 5%;
	overflow: hidden;
	border-left: none;
	border-right: none;
	border-radius: 5px;
}  
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出しの距離 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.mds_mrgin{
	margin: 20px 0 40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* サイト更新日 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
.newday {
	font-size: 14px;
	color: #47484B;
	line-height: 100%;
	text-align: center;
	margin: 30px auto 10px;
	padding: 0 0 20px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フォーム */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.ml_cs{
	text-align:left; 
	font-weight:bold; 
	margin-top: 25px; 
	margin-left: 10%;
	margin-bottom:0px;
}
.form_bg{
	width: auto;
	height: 100%;
	margin: 0 auto;
}
.opt-in {
	width: 100%;
}
.opt-in br{
		display: none;
}
.opt-in .lock{
	width: 60%;
	padding: 6px 5% 8px;
	margin: 20px 15% 15px;
	font-size: 14px;
}
.opt-in .lock_b{
	padding: 10px 0;
	font-size: 12px;
	margin: 0 50px;
}
table.form_mail {
	width: 100%;
	border-collapse: separate;
	margin: 0;
}
table.form_mail td.mailright{
	width: 96%;
	border: none;
	display: block;
	text-align: left;
	margin: 0 2% 0 2%;
}
input.btn{
	width: 86%;
	margin-left: 7%;
	margin-right: 7%;
} 
	
/* 注意点
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.attention {
	width: 80%;
	margin: 50px 10% 40px;
	padding: 20px 0 0;
}
.attention::before {
	font-size: 16px;
	left: 35%;
	top: -25px;
}
.attention p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 180%;
	text-align: left;
}

/* チェックボックス
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

ul.checkbox1 {
	margin:0;
	padding:5px 5%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ナビゲーター*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

img.mino{
	width: 90%;
	margin: 0 5%;
}
	
@media screen and (max-width: 800px){   
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 動画 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.movie_cm{
	width: 96%;
	margin: 30px 2%;
	padding: 45px 0 0;
	position: relative;
	height: 360px;
	background: none;
}
.movie_cm iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 成功者の声設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  
 .voice{
	margin: 0;
	padding: 10px 0;
}   
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */  
/* フッター 
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#fotter_content ul{
	font-size:12px;
	float: left;
	margin:0 auto;
	padding: 0 0 10px;
	position: relative;
	left: 50%;
}
#fotter_content li {
	list-style-type: none;
	float: left;
	margin:0;
	padding: 3px 20px 0;
	position: relative;
	left: -50%;
	background: none;
}
#fotter_content p {
	width: 80%;
	padding: 10px 10% 0;
}
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* バナーh1設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

h1 img { margin: 0 0 0;}
h1 img.pc_ba{display: none;}
h1 img.smh_ba{display: block;}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 500px){ 
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
#fotter_content ul {
	width: 60%;
	position: relative;
	text-align: center;
	left: 20%;
}
#fotter_content li {
	margin: 0 10px;
	position: static;
	left: -20%;
}}
}

/* ----------------------------------------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
----------------------------------------------------------------------------------------- */