/*
Template Name: スマートフォン用スタイルシート
*/
@media screen and (max-width: 600px){

/*=========================================================================
●tablet.css 画面の横幅が768px以下
=========================================================================== */

body { 
	max-height: 600px;
	margin: 0;
	padding: 0;
}
.reason_right{
    clear: both;
    width: 70%;
    margin:0 15% 20px;
}
.size48 { font-size: 20px; }

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

.timer_in {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	font-size: 18px;
}
#CDT, #CDT2, #CDT3, #CDT4 {
	font-size: 20px;
	color: #eee;
	margin: 0px 0 40px;
	padding: 10px 10px;
	line-height: 150%;
	font-weight: bold;
	background: #C00000;
}
#CDT .bbt, #CDT2 .bbt, #CDT3 .bbt, #CDT4 .bbt{
    font-size: 30px;
    padding-bottom: 20px;
}
#CDT .number-wrapper, #CDT2 .number-wrapper, #CDT3 .number-wrapper, #CDT4 .number-wrapper {
	margin: 0px;
}
#CDT5 {
	width: 94%;
	padding: 10px 3% 10px;
	font-size: 20px;
	margin: 0;
	font-weight: bold;
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* h1サイトキーワード設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#header_in { 
	width: 100%;
	margin: 0;
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* バナー設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#banner{
	display: none;
}
#banner_smh{
    display: block;
}

 
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインエリア設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#in_box {
    width: 100%;
    margin: 0;
    box-shadow: none;
}
#in_box .img_right{
    clear:both;
    width: 50%;
    padding: 0;
    margin: 0 25% 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 自己紹介 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#wrapper #in_box p.prof_p{
    margin: 0px 5% 0px; 
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 動画 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.movie_cm{
    margin: 10% 2%;
    border: 5px solid #CCC;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 理由ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#wrapper .reason_center .img_right{
    clear: both;
    width: 70%;
    margin: 0 15% 20px;
}
#wrapper .reason_center img{
    width: 80%;
}
.reason_center ul.u-list {
        padding: 0 2%;
        margin: 0 2% 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* クロージングＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#closing_box h3{
    width: 70%;
	margin: 10px 5% 3px;
	padding: 14px 5% 14px 15%;
	background: #FFFFFF url(img/main_check.png) 10px 0 no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特典ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
    
#tktn_box h3{
    width: 70%;
	margin: 10px 5% 3px;
	padding: 14px 5% 14px 15%;
	background: #FFFFFF url(img/tktn_check.png) 10px 0 no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 追伸ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#ps_box .ps_bottom{
	width: 100%;
	height: auto;
    margin: 0;
    padding: 0;
	height: 70px;
	background: url(img/ps_bottom.png) top no-repeat;
    background-size: cover;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 決済ボタン設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.cre_btn a{
	width: 300px;
    height: 40px;
}
.gn_btn a{
	width: 300px;
    height: 40px;
}
.etc_btn a{
    width: 300px;
    height: 40px;
}
.etc_btn a:hover{
	background: url(img/etc_btn_a.png) center no-repeat;
	background-size: contain;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 光るボタン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.button_wrap {
	width: 90%;
	margin: 0 5%;
}
.button_wrap input{
	width: 100%;
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 決済注意・サイト更新日 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.pay_dis {
	margin: 50px 10% 20px;
}
.attention {
	margin: 40px 10% 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#fotter{
    min-width: 280px;
	width: 100%;
    margin: 0;
    padding: 0;
}
#fotter_content{
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
}
#fotter_content p {
    width: 90%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	margin: 0 5%;
	padding: 10px 0 0;
	clear: both;
}
#fotter_content li.first {
	width: 40%;
	text-align: right;
	padding: 3px 20px 0px 10%;
}
#fotter_content li.second {
	width: 35%;
	text-align: left;
	padding: 3px 20px 0px 17px;
}
}


/* === List readability fix (smart) === */
.u-list li{ line-height: 150%; }