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

/*=========================================================================
●smart.css 画面の横幅が600px以下
=========================================================================== */

body { 
	max-height: 600px;
	margin: 0;
	padding: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* h1サイトキーワード設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#header_in { 
	width: 96%;
	margin: 0 2%;
}
h1 {
	font-size: 14px;
}

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

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

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

#in_box{
	width: 100%;
	margin: 0;
	box-shadow: none;
	background: #FFFFFF;
}
.img_right {
    width: 50%;
    float: right;
    padding: 20px 25%;
    margin-right: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 推薦文ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#wrapper #voice_box .c_in_box img{
    width: 90%;
    margin: 0 5%;
}
#wrapper #voice_box .c_in_box .img_right{
    clear: both;
    margin: 0 20% 20px;
    padding: 0;
    width: 60%;
}

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

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

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

.check_box00 h3 {
    margin: 0;
    padding: 9px 2% 14px 10%;
    font-size: 18px;
    line-height: 160%;
    overflow: hidden;
    background: url(img/main_check.png) 0 10px no-repeat;
    background-size:7%;
    border-bottom: 3px #C6E2F7 dotted;
}

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

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特典ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
    
#toku_box .c_in_box{
	width: 90%;
	margin: 0 5%;
}
#wrapper #in_box #toku_box p{
	margin: 0 30px 30px;
}
#toku_box h3.point001, #toku_box h3.point002, #toku_box h3.point003,
#toku_box h3.point004, #toku_box h3.point005, #toku_box h3.point006,
#toku_box h3.point007, #toku_box h3.point008, #toku_box h3.point009{
	width: 60%;
	height: 70px;
	margin: 3px 5% 0;
	font-size: 20px;
	padding: 25px 5% 0 25%;
	background: #FFFFFF url(img3/toku_point001.png) 30px 27px no-repeat;
    background-size: 15%;
}
#toku_box h3.point002{
	margin: 33px 5% 0;
	background: #FFFFFF url(img3/toku_point002.png) 30px 27px no-repeat;
    background-size: 15%;
}
#toku_box h3.point003{
	margin: 33px 5% 0;
	background: #FFFFFF url(img3/toku_point003.png) 30px 27px no-repeat;
    background-size: 15%;
}
#toku_box h3.point004{
	margin: 33px 5% 0;
	background: #FFFFFF url(img3/toku_point004.png) 30px 27px no-repeat;
    background-size: 15%;
}
#toku_box h3.point005{
	margin: 33px 5% 0;
	background: #FFFFFF url(img3/toku_point005.png) 30px 27px no-repeat;
    background-size: 15%;
}
#toku_box h3.point006{
	margin: 33px 5% 0;
	background: #FFFFFF url(img3/toku_point006.png) 30px 27px no-repeat;
    background-size: 15%;
}
#toku_box h3.point007{
	margin: 33px 5% 0;
	background: #FFFFFF url(img3/toku_point007.png) 30px 27px no-repeat;
    background-size: 15%;
}
#toku_box h3.point008{
	margin: 33px 5% 0;
	background: #FFFFFF url(img3/toku_point008.png) 30px 27px no-repeat;
    background-size: 15%;
}
#toku_box h3.point009{
	margin: 33px 5% 0;
	background: #FFFFFF url(img3/toku_point009.png) 30px 27px no-repeat;
    background-size: 15%;
}
#toku_box2 .btn{
	width: 80%;
	height: 70px;
	margin: 20px 10%;
    padding: 0;
}
#toku_box2 .btn a{
	width: 100%;
	height: 70px;
	text-decoration: none;
	display: block;
	background: url(img/tokubtn.png) no-repeat;
    background-size: 100%;
    
	overflow: hidden;
}
#toku_box2 .btn a:hover{
	width: 100%;
	height: 70px;
	text-decoration: none;
	display: block;
	background: url(img/tokubtn_a.png) no-repeat;
    background-size: 100%;
	overflow: hidden;
}
ul.toku-list {
	margin: 15px 35px;
	padding: 10px 15px;
	background: #f7fcfe;
	border:1px solid #CCCCCC;
	overflow:hidden;
}
ul.toku-list li {
	list-style: none;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
	margin: 0;
	padding: 3px 0 0 20px;
	background: url(img3/image/checkbox2.gif)  no-repeat left center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 初心者ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#begginer_box{
	width: 100%;
    padding: 1px 0 35px;
}
#begginer_box h3{
    font-size: 18px;
	width: 78%;
	margin: 10px 5% 3px;
	padding: 25px 0 10px 12%;
	background: #FFFFFF url(img/beg_check.png) 18px center no-repeat;
    background-size: 7%;
}
#wrapper #in_box #begginer_box .c_in_box .img_left{
    width: 70%;
    margin: 0 15%;
    clear: both;
}
#wrapper #in_box #begginer_box .img_right img{
    width: 80%;
    margin: 0 10%;
    clear: both;
}
#wrapper #in_box #begginer_box p{
	margin: 20px 6%;
	padding: 0;
}

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

#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(img3/etc_btn_a.png) center no-repeat;
	background-size: contain;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 決済注意・サイト更新日 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

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

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

#fotter_content ul {
    margin-bottom: 0;
    padding: 0;
}
#fotter_content li.first, #fotter_content li.second {
	width: 50%;
	text-align: center;
	padding: 3px 0;
    margin: 0 25%;
	background: url(image/mark.png) no-repeat left center;
}
#fotter{
    min-width: 280px;
	width: 100%;
    margin: 0;
    padding: 0;
}
#fotter_content{
    max-width: 600px;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
#fotter_content p {
	max-width: 600px;
    width: 90%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	margin: 0 5%;
	padding: 10px 0 0;
	background: url(image/foot-line.png)  repeat-x top;
	clear: both;
}}

/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
http://www.mithril-web.com/
--------------------------------------------------------*/