/***********************************************************************************************************************
******共通
******
************************************************************************************************************************/
body{width:100%; margin:0 auto; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; min-width:960px;}
.w960{width:960px; margin:0 auto;}
.pc{display:block;}
.sp{display:none;}
.fm{font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;}
a{display:inline;}
@media (max-width: 640px) {
body{width:100%; margin:0 auto; min-width:100%;}
.w960{width:96%; margin:0 auto;}
.pc{display:none;}
.sp{display:block;overflow:hidden;}
}


/***********************************************************************************************************************
******トップページ
******PC
************************************************************************************************************************/

.contents{width:100%;overflow:hidden;}

.contents .inquiry{width:960px; height: 270px; float:left; margin:30px auto 40px;}
.contents .inqu1{width:299px; height: 268px; float: left; border:#000 1px solid; border-right:none;}
.contents .inqu1 h3{font-size:1.5em; margin:24px auto; font-weight:normal; text-align:center;} 
.contents .inqu1 p{font-size: 0.9em;text-align:center;}
.contents .inqu1 p.text{text-align:left; line-height:18px; margin:10px 0 0 20px;}
.contents .inqu2{float: left; border:#000 1px solid; width:338px; height:268px;}
.contents .inqu2 dl{border-bottom:#000 solid 1px; height:90px;}
.contents .inqu2 dl:last-child{border:none;}
.contents .inqu2 dl dt{float:left;width:120px; text-align:center;line-height:90px;font-size:1.2em;}
.contents .inqu2 dl dd{float:right; width:218px;}
.contents .inqu2 .tel dd{font-weight:bold; font-size:1.4em; line-height:1.0em; margin:24px auto 0;}
.contents .inqu2 .tel dd span{display:block; font-size:0.6em; font-weight:normal;}
.contents .inqu2 .email{line-height:90px;}
.contents .inqu2 .email dd{font-weight:bold; font-size:1.4em;}
.contents .inqu2 .btinquiry{line-height:90px;}
.contents .inqu2 .btinquiry dd a{margin:12px auto; background: transparent;display:inline;line-height:114px;}
.contents .question{float:left; width:299px; height: 268px; border:#000 1px solid; border-left:none;}
.contents .question h3{margin:24px 0 12px 60px;}
.contents .question ul{margin:0 0 0 60px;}
.contents .question ul li{background:url(../images/ICO_vec_right.png) no-repeat left center; padding:0 0 0 10px;}
.contents .question ul li a{text-decoration:underline; line-height:28px;}
.contents .question ul li a:hover{text-decoration:none;color:#999999;}

.contents .inquiry_other_ver{width:960px;margin:30px auto 40px;}
.contents .inquiry_other_ver table{width:940px;border:#000 1px solid; margin:0 auto;}
.contents .inquiry_other_ver table td{width:313px; height:80px; border:#000 1px solid;}
.contents .inquiry_other_ver table td h3{width:340px; float:left; text-align:center; font-size:1.2em; line-height:80px;}
.contents .inquiry_other_ver table td p{float:left; line-height:80px;}
.contents .inquiry_other_ver table td dl dt{width:110px; float:left; font-size:1.4em; text-align:center; line-height:80px;}
.contents .inquiry_other_ver table td dl dd{font-weight:bold; float:left; font-size:1.4em;}
.contents .inquiry_other_ver table td dl dd.ma20{margin:18px auto;}
.contents .inquiry_other_ver table td dl dd.ma30{margin:27px auto;}
.contents .inquiry_other_ver table td dl dd span{display:block; font-size:0.6em; font-weight:normal; padding:5px 0;}

/***********************************************************************************************************************
******下層ページ（全体）
******PC
************************************************************************************************************************/

.page_content{margin:0px auto 0;}
.page_content p{font-size:16px; line-height:22px; text-align:left;margin:0 auto;}
.page_content .shadow{box-shadow:0px 0px 5px 3px #dbdada;}
.page_content .none_Btitle{position:relative;height:20px;}
/*WPのパン屑ナビ*/
.breadcrumbs span{font-size:11px; }
.breadcrumbs span a.home{background:url(../images/ICO_nav_bred_home.png) no-repeat left center; width:15px; height:12px; text-indent:15px; over-flow:hidden;}
/*WPのパン屑ナビ*/
.page_content .main_content{}
.page_content .main_content h2{margin:0 auto 40px; width:960px;}
.page_content h3.ribbon_title{background:url(../images/BG_price_ttl_h3.png) no-repeat; width:500px; height:70px; line-height:70px; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing:1px; position:absolute; top:-35px; left:50%; margin:0 0 40px -250px; font-size:18px;}
.page_content h4.number_title{width:700px; height:60px; margin:0 auto 20px; color:#d03829; font-size:18px;  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:60px; padding-left:160px;}
.page_content.quality h4.number_title{width:680px; line-height:50px; padding-left:180px;}
.page_content.price .border_line{width:500px !important; height:2px; border-bottom:2px #cdcdcd solid; margin:0 auto 30px !important;}
span.red_text{color:#D03829;}
span.red_text a{color:#D03829; font-weight:bold;}
p.red_button{width:700px;margin:1.5em auto 60px ;text-align:center;}
p.red_button a{display:inline-block;}
p.red_button a:hover{opacity:0.7;}

/***********************************************************************************************************************
******下層ページ（全体）
******SP
************************************************************************************************************************/
@media (max-width: 640px) {
.page_content{margin:0 auto;}
.contents{width:100%;}
.contents img{width:100%;}
.contents.sp h2{background:#ffe3e0; height:60px; line-height:60px; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:24px; letter-spacing:2px; font-weight:normal; margin:0 auto 20px;}
.contents.sp h2.chii{letter-spacing:0 !important;}
.page_content h3{font-size:1.2em; text-shadow:#fff 1px 1px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:1.8em; text-align:center;margin:0 0 40px 0;}
.page_content .mainvisual_slide{margin:0 0 30px 0;}
.page_content .main_catch p{text-align:justify;margin:0 10px 40px;line-height:1.6em;font-size:0.9em;}

.page_content p.banner{margin:0 10px 20px;text-align:center;}
.page_content p.sample_banner{margin:0 5px 60px;}
.sp_roule h3{background:none; width:94%; border-bottom:2px solid #dcdcdc; height:70px; font-size:1.2em; font-family :"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; line-height:70px; text-align:center; margin:0 auto 30px;}
.sp_roule h3 span{background:url(../images/images_sp/ICO_vec_h3_close.png) no-repeat center right; display:block;}
.sp_roule h3.open span{background:url(../images/images_sp/ICO_vec_h3_open.png) no-repeat center right; display:block;}
.sp_roule h3.long_txt{background:url(../images/images_sp/BG_h3_title_gray.jpg) repeat-x; height:70px; font-size:1em; text-shadow:#fff 1px 1px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:70px; text-align:center; margin:0 auto 30px;text-indent:0.2em;}

.sp_roule .drop{display:none;}
.sp_roule h4{background:url(../images/images_sp/BG_price_inner_ttl_gr.jpg) no-repeat bottom center; width:96%; height:auto; text-align:center; margin:0 auto; font-size:24px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; padding:0 0 8% 0;}
.sp_roule h4 span{display:block; font-size:14px;padding:5% 3% 0; line-height:18px;}
.sp_roule h4.gray{width:100%; margin:0 auto; background:#cdcdcd; line-height:60px; height:60px; padding:0 2%; text-align:left; font-size:14px;margin:0 0 1.5em;}
h4.gray_long{font-size:12px;width: 100%;margin: 0 auto;background: #cdcdcd;line-height: 60px;height: 60px;padding: 0 2%;text-align: left;margin:0 0 1.5em;}
.sp_roule .sp_mainvisual{width:100%; margin:0 auto 10px; position:relative;}

.sp .red_button{width:98% !important; margin:20px auto 5% !important;}
.sp_rouled_index{background:none; padding:0; margin:30px auto 0;}
.sp_rouled_index p{font-size:14px; line-height:22px; width:94%; margin:20px auto; text-align:justify;}
.sp_rouled_index ul{margin:20px auto 40px;}
.sp_rouled_index ul li{width:96%; margin:10px auto; font-size:14px; line-height:22px;}
.sp_rouled_index red{color:#d03829;}
.sp_rouled_index ul.alignment{margin:20px auto;}
.sp_rouled_index ul.alignment li{display:inline-block; vertical-align:top;}
.sp_rouled_index ul.alignment li.image{width:40%;}
.sp_rouled_index ul.alignment li.text{width:58%;}
}

/***********************************************************************************************************************
******下層ページ（ログインページ）
******PC
************************************************************************************************************************/
.login_form{width:860px; margin:0 auto;}
.login_form .left_box{float:left; width:320px; height:225px; background:#f7f5ee; margin:0 0 40px 0; display:table;}
.login_form .left_box p{display:table-cell; text-align:center; vertical-align:middle;}
.login_form .right_box{float:right; width:490px; height:175px; border:#f7f5ee solid 5px; padding:20px;}
.login_attention{width:490px; margin:5px auto !important; font-size:12px !important;}

.login_form .right_box dl{margin:5px 0;}
.login_form .right_box dt{float:left; width:195px; margin:5px 0;}
.login_form .right_box dt small{color:#D03829; font-size:0.6em; padding:0 10px;}
.login_form .right_box dd{float:left;}
.login_form .right_box dd input{border:#cdcdcd solid 1px; border-radius:5px; padding:5px 0; width:280px;}
.login_form .right_box dt.half{width:240px;}
.login_form .right_box dt.half p{margin:3px 0;}
.login_form .right_box dt.half span{background:url(../images/ICO_vec_right.png) no-repeat left center; padding:0 0 0 10px;}
.login_form .right_box dt.half a{font-size:0.8em; text-decoration:underline;}

.need_login .right_box{width:490px; height:155px; padding:30px 20px;}
.need_login .right_box p.login_new{text-align:center; margin:30px auto;}

input.fade:hover{
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	opacity: 0.7;
	zoom: 1;}
	
/***********************************************************************************************************************
******下層ページ（ログインページ）
******SP
************************************************************************************************************************/
@media (max-width: 640px) {
.login_form{width:90%;}
.need_login{width:90%; margin:0 auto;}
.need_login p.login_new{width:90%; margin:0 auto;}
.login_form dl dt{margin:4% 0;}
.login_form dd input{border:#cdcdcd solid 1px; padding:10px 0; width:90%; border-radius:5px; }
.login_form dt.half{width:auto; text-align:center; margin:5% 0;}
.login_form dt.half p{margin:3px 0; text-align:center;}
.login_form dt.half input{border-radius:0 !important;width:80%;}
.login_form dt.half span{background:url(../images/ICO_vec_right.png) no-repeat left center; padding:0 0 0 10px;}
.login_form dt.half a{font-size:0.8em; text-decoration:underline;}
}

/***********************************************************************************************************************
******下層ページ（マイページとは）
******PC
************************************************************************************************************************/
.page_content.whats .mainvisual{background:url(../images/BG_whats_mainvisual.jpg) no-repeat left top; width:100%; height:750px; margin:0 auto 60px; background-size:100%;}
@media (max-width: 1200px) {
.page_content.whats .mainvisual{width:100%; background-size:1200px;}
}
@media (max-width: 960px) {
.page_content.whats .mainvisual{width:960px; background-size:1200px;}
}
.page_content.whats .main_inner{width:900px; margin: 0 auto;padding: 30px 10px; text-align:center;}
.whats .two_column{width:860px; margin:0 auto 60px;}
.whats .two_column .two_column_box{width:400px; height:290px;border:1px solid #cdcdcd;padding:3px;}
.whats .two_column .two_column_box .wh_back{background:#fff; padding:35px 20px; height:217px; }
.whats .two_column .two_column_box h3{text-align:center; margin:0 0 25px 0;}
.whats .two_column .float_left{float:left; }
.whats .two_column .float_left p.login_new{text-align:center; margin:30px auto 0;}
.whats .two_column .float_right{float:right; }
.whats_system{padding:40px 0;}
.whats .login_new{text-align:center; margin:60px auto;}
.whats .login_new a{display:inline-block;}
.whats .login_new a:hover{opacity:0.7;}
.whats_system red{color:#d03829;}
.whats_system .red_button{width:280px; margin:0 auto;}
.whats_system .red_button span{background:url(../images/ICO_vec_pricebt.png) no-repeat left center; padding-left:10px; display:block;}
.whats_system small{font-size:0.8em; display:block;}
.whats_system p{width:860px; margin:1% auto;}
.whats_system h4.number_title{background:url(../images/BG_price_ttl_ribbon.png) no-repeat bottom left; height:50px;}
.whats_system h4.number_title strong{font-size:1.4em; padding:0 10px 0 0;}
.whats_system ul{width:860px; display:block; margin:0 auto 60px;}
.whats_system ul li:first-child{float:left; width:520px; padding-left:20px; letter-spacing:0.1em;}
.whats_system ul li:last-child{float:right; width:320px;}
.whats_system ul li p{width:auto; margin:2% 0;}
.whats_system ul.text_center{width:860px; display:block; margin:0 auto 60px;}
.whats_system ul.text_center li:first-child{padding:0;}
.whats_system ul.text_center li{width:860px; letter-spacing:0.2em; margin:2% 0;}

/***********************************************************************************************************************
******下層ページ（マイページとは）
******SP
************************************************************************************************************************/
@media (max-width: 640px) {
.whats .main_catch h3{margin:0 0 10px 0;}
.whats .main_catch h3 small{display:block; font-size:0.8em; line-height:1.5em;}
.whats h4.number_title{background:url(../images/images_sp/BG_price_inner_ttl_red.jpg) no-repeat bottom left; width:96%; color:#d03829; padding:0 0 20px;  line-height:20px; font-size:1.1em; height:auto;}
.whats h4.number_title strong{display:block; line-height:20px;}
.whats h4.gray{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:4% auto;}
.whats .red_box2 h4{background:none; padding:0;}
.whats .red_box2 p{width:90%; margin:2% auto;}
.whats .main_catch p{width:94%; margin:0 auto;}
.whats p{margin:0 auto;}
.whats p.btn{margin:20px auto;}
.whats p.btn.red_button{padding:7% 5%;}
.whats p.text{margin:20px auto;}
.whats p.image{width:100%; margin:10px auto 20px;}
.whats p small{display:block; font-size:11px;line-height:1.5em;}
.whats .red_box2.atte h4{width:50%; margin:20px auto 0;}
.whats .red_box2.atte .image{width:50%; margin:0 auto;}
.whats .red_box.atte2{width:94%; margin:30px auto; border:1px solid #d03829;}
.whats .red_box2.atte2{width:93%; margin:1%; border:1px solid #d03829; padding:2%;}
.whats .red_box2.atte2 h4{width:50%; margin:10px auto 0;}
.whats .red_box2.atte3{width:94%; margin:30px auto; border:1px solid #ccc; padding:2%; width:92%; }
.whats .red_box2.atte3 h4{width:50%; margin:10px auto 0;}
.whats .red_box2.atte4{width:94%; margin:30px auto; border:1px solid #ccc; padding:2%; width:92%; }
.whats .red_box2.atte2 h4.number_title{width:96%; margin:10px auto; background:url(../images/images_sp/BG_price_inner_ttl_red.jpg) no-repeat bottom left; height:40px;}
.whats .red_box2.atte5{width:94%; margin:30px auto; border:1px solid #ccc; padding:2%; width:92%; }
.whats .red_box2.atte5 h4{width:auto;}
}

/***********************************************************************************************************************
******下層ページ（ログイン登録）
******PC
************************************************************************************************************************/
.page_content.regist .shadow{position:relative; margin:60px auto 90px;}
.signup{padding:60px 0;}
.signup a{text-decoration:underline;}
.signup a:hover{text-decoration:none;}
.signup .ma20{margin:10px auto;}
.signup .w860{width:860px;}
.signup h4{text-align:center; font-size:1.6em; letter-spacing:0.1em; margin:0 auto 20px;}
.signup h5{width:700px; color:#d03829; font-size:1.2em; letter-spacing:0.1em; margin:30px auto 10px;}
.signup h5.big{width:700px; color:#d03829; font-size:1.3em; letter-spacing:0.1em; margin:60px auto 10px;}
.signup h5.big:first-child{width:700px; color:#d03829; font-size:1.3em; letter-spacing:0.1em; margin:30px auto 10px;}
.signup p{width:700px; margin:0 auto; line-height:1.6em; letter-spacing:0.1em;}
.signup p.red_button{margin:1em auto 0;}
.signup p.remind{width:700px; font-size:0.9em; line-height:1.2em; letter-spacing:0.1em; color:#d03829; margin:40px auto 10px; text-align:center;}
.signup p.sign{width:860px; margin:0 auto; line-height:1.6em; letter-spacing:0.1em;}
.signup img.sign{width:740px; margin:40px auto; display:block;}
.signup ul.list{width:700px; margin:0 auto; display:block; padding-left:10px;}
.signup ul.list li{font-size:1.0em; margin-bottom:0; line-height:1.6em; list-style:disc inside; text-indent:-1em; margin-left:1em;}
.signup ul{width:740px; margin:0 auto; display:block;}
.signup ul li{font-size:1.0em; margin:0 0 20px 0; line-height:1.6em;}
.signup ul.new_form li{font-size:1.0em; margin:0 0 10px 0; line-height:1.6em;}
.signup ul li red{color:#d03829; font-size:1.1em; letter-spacing:0.2em; display:block; margin:0 0 10px 0; font-weight:bold;}
.signup p red{color:#d03829;}
.signup ul li small{font-size:0.9em; display:block; margin:10px 0 0 0;}
.signup .promise{width:740px; margin:0 auto 30px; border:#000 solid 1px;padding:20px;box-sizing:border-box;height:200px;overflow:auto;}
.signup .promise h2{font-size:1.2em;border-bottom:1px solid #CDCDCD;width:100%;padding:0 0 10px;margin:0 0 30px;}
.signup .promise h3{margin:0 0 0.5em;}
.signup .promise p{margin:0 0 40px;width:100%;}
.signup .promise p.innner{margin:0 0 1em;}
.signup .promise .note{width:660px;margin:0 auto 20px;}
.signup .promise .note p{display:inline-block;width:260px;margin:0;font-size:0.9em;}
.signup .promise .note p:first-child{margin:0 120px 0 0;}

.signup .doui{text-align:center;}
.signup .agBt{text-align:center; margin:20px auto; width:380px;}
.signup .agBt input{width:100%; height:auto;}

.signup table{width:860px; margin:20px auto 40px;border:#000 solid 1px;}
.signup table tr{border-bottom:#000 solid 1px;}
.signup table tr.same th{background:#d03829; color:#fff;}
.signup table tr.points td input[type=radio]{margin:0 10px 0 0; display:inline-block;}
.signup table th{width:300px; padding:0 20px; background:#e9e8e8; font-weight:normal; border-right:#000 solid 1px; height:80px; vertical-align:middle; text-align:left; line-height:1.2em;}
.signup table th small{font-size:0.8em; display:block; margin:8px 0;}
.signup table td small{font-size:0.8em; display:block; margin:0 0 10px 0; line-height:1.2em;}
.signup table td{vertical-align:middle; padding:0 30px; font-size:0.9em;}
.signup table td p{width:auto !important;}
.signup table td ul.shisei{width:auto; margin-right:40px;}
.signup table td ul.shisei li{width:46%; text-align:center;margin:10px 0;}
.signup table td ul.shisei li:first-child{float:left;}
.signup table td ul.shisei li:last-child{float:right;}
.signup table td ul.shisei li span.posc{width:100%; height:150px; display:block;}
.signup table td ul.shisei li:first-child span.posc img{width:150px;height:auto;margin:25px 0;}
.signup table td ul.shisei li:last-child span.posc img{width:100px;height:auto;}
.signup table td ul li{float:left; margin:0;}
.signup table td input{border:#a0a0a0 solid 1px; line-height:1em; padding:15px 20px; margin:10px auto;}
.signup table td input[type=checkbox]{margin:0 10px 0 0;}
.signup table td input[type=radio]{margin:0 10px 0 0;}
.signup table td input.short{width:150px;}
.signup table td input.middle{width:260px; margin-right:10px;}
.signup table td input.long{width:440px;}
.signup table td select{padding:10px; margin:10px 30px 10px 5px;}
.signup table td textarea{width:440px; height:200px; padding:5px 20px; margin:20px auto;}
.signup table td a.ichiran{display:inline; text-decoration:underline;}
.signup table td.card_select{padding:0 0 8px 40px;}

::-webkit-input-placeholder{color:#666;}
::-moz-placeholder{color:#666; opacity:1;}
:-moz-placeholder{color:#666; opacity:1;}
:-ms-input-placeholder{color:#666;}

.signup table.pc{display:block;}
.signup dl.sp{display:none;}

.signup table span.mb{display:block; margin:10px 13px;}

.saihan_price{width: 800px; margin: 0 auto;}
.saihan_price img{text-align: center; margin: 0 auto;}


/***********************************************************************************************************************
******下層ページ（ログイン登録）
******SP
************************************************************************************************************************/
@media (max-width: 640px) {
.signup{padding:3% 0;}
.signup .ma20{margin:10px auto;}
.signup .w860{width:auto;}
.signup h5{width:auto; color:#d03829; font-size:1.0em; letter-spacing:-0.1px; margin:30px auto 10px; border-top:#e9e8e8 solid 1px; padding-top:10px;}
.signup h5.big{width:auto; color:#d03829; font-size:1.1em; letter-spacing:-0.1px; margin:60px auto 10px; border-top:#e9e8e8 solid 1px; padding-top:10px;}
.signup h5.big:first-child{width:auto; color:#d03829; font-size:1.1em; letter-spacing:-0.1px; margin:30px auto 10px; border-top:#e9e8e8 solid 1px; padding-top:10px;}
.page_content.regist h2.sp{height:40px;background:url(../images/images_sp/h2_ttl_sp.jpg) no-repeat center center;background-size:100%; 
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:18px;line-height:40px;border-top:1px solid #E4E4E4;text-indent:0.5em;width:100%;margin:0 0 20px;}

.page_content.regist .w960{width:96%; margin:0 auto;}
.page_content.regist .shadow{box-shadow:none; padding:0;}
.page_content.regist .main_catch p{margin:0 10px 10px;}
.signup p{width:100%; font-size:14px;}
.signup p.sign{width:100%; font-size:0.9em;}
.signup p.remind{width:96%; margin:0 auto; font-size:0.9em; line-height:1.2em; letter-spacing:0.1em; color:#d03829; margin:20px auto;}
.signup img.sign{width:100%; margin:10px auto 20px; display:block;}
.signup ul{width:96%; margin:0 auto; display:block;}
.signup ul li{font-size:14px; line-height:1.4em;}
.signup ul.list{width:96%; margin:0 auto; display:block; padding-left:0;}
.signup ul.list li{font-size:14px; margin-bottom:0; line-height:1.6em; list-style:disc inside; text-indent:-1em; margin-left:1em;}
.signup ul.new_form li{font-size:0.8em; line-height:1.4em;}
.signup ul li red{color:#d03829; font-size:1.0em; letter-spacing:0.1em;}
.signup ul li small{font-size:0.8em;}

.signup tr{display:block; width:100%;}
.signup th{display:block;}
.signup td{display:block;}
.signup td p{font-size:0.9em; margin:10px auto 0;}
.signup table th small{display:inline;}
.signup td small{width:auto;}
.signup table{width:100%; margin:0 0 10px !important;border:none; table-layout: fixed; box-sizing: border-box;}
.signup table tr{border-bottom:#e9e8e8 solid 1px; padding-bottom:10px;}
.signup table tr.same th{background:#fff; color:#d03829; font-weight:bold;}
.signup table tr.same tr{padding:0;}
.signup table tr.same td{padding:0 0 20px;}
.signup table th{width:100%; padding:5% 0 2% 0; background:#fff; font-weight:normal; height:auto; border-right:none; text-align:left;}
.signup table td{padding:0 5%; font-size:0.9em;}
.signup table td span{margin:4% 0; display:block;}
.signup table td input{border:#a0a0a0 solid 1px; line-height:30px; padding:5px 2%; width:90%;}
.signup table td input[type=radio]{border:#a0a0a0 solid 1px; line-height:30px; padding:5px 2%; width:auto;}
.signup table td input[type=checkbox]{border:#a0a0a0 solid 1px; line-height:30px; padding:5px 2%; width:auto;}
.signup table td input.short{width:90%;}
.signup table td input.middle{width:90%; margin:10px auto;}
.signup table td input.long{width:90%;}
.signup table td select{padding:0; margin:0 5px 10px 5px;}
.signup table td textarea{width:100%; height:200px; margin:20px auto;box-sizing:border-box;}

.signup .promise{width:100%; margin:0 auto 30px;}
.signup .promise h3{text-align:left;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.signup .promise .note{margin:0;width:100%;}
.signup .promise .note p{display:block;margin:0 0 20px 0 !important;}
.signup table td input[type=radio]{margin:0 10px 0 0; display:inline-block;}
.signup table.pc{display:none;}
.signup dl.sp{display:block;}
.signup dl{width:100%; border:none;margin:0 auto 20px; border-bottom:#e9e8e8 solid 1px;}
.signup dt{padding:5% 0; background:#fff; font-weight:normal; height:auto; text-align:left;}
.signup dd{padding:5%; font-size:0.9em;}
.signup dd input{width:90%; margin:0 auto;border:#a0a0a0 solid 1px; height:30px; padding:5px 2%;}
.signup dd input[type=radio]{width:auto; margin:0 10px 0 0;}
/*.mnon{margin:0 auto !important;}:*/

.signup table td ul.shisei{width:90%; margin:0 auto !important;}
.signup table td ul.shisei li{width:46%; text-align:center;}
.signup table td ul.shisei li:first-child{float:left;}
.signup table td ul.shisei li:last-child{float:right;}
.signup table td ul.shisei li span.posc{width:100%; height:100px; display:block;}
.signup table td ul.shisei li:first-child span.posc img{width:100px;margin:20px 0;}
.signup table td ul.shisei li:last-child span.posc img{width:67px;}
.signup table td.card_select{padding:0;}

.signup .agBt{text-align:center; margin:20px auto; width:100%;}
.signup .agBt input{width:100%; height:auto;border-radius:0;}

.signup table span.mb{display:block; margin:2% 0;}

.saihan_price{width: 100%; margin: 0 auto;}
.saihan_price img{text-align: center; margin: 0 auto;}

}


/***********************************************************************************************************************
******下層ページ（サンキューページ）
******PC
************************************************************************************************************************/
.centerbox{margin:0 auto 20px; font-size:12px;letter-spacing:0.1em;}
.centerbox p{width:800px;font-size:1.2em;text-align:left;margin:0 auto;line-height:2em;}
.centerbox p.centerimg{width:860px;margin:0 auto 20px; text-align:center;}
.centerbox p a{color:#D03829; text-decoration:underline;display:inline;}
.centerbox p a:hover{color:#C1C1C1;text-decoration:none;}
.largeB{font-weight:bold;font-size:1em;}

@media (max-width: 640px) {
.centerbox{margin:0 auto 20px; font-size:12px;letter-spacing:0.1em;}
.centerbox p{width:100%;font-size:1.2em;text-align:left;margin:0 auto;line-height:2em;}
.centerbox p.centerimg{width:100%;margin:0 auto 20px; text-align:center;}
.centerbox p a{color:#D03829; text-decoration:underline;display:inline;}
.centerbox p a:hover{color:#C1C1C1;text-decoration:none;}
.largeB{font-weight:bold;font-size:1em;}
}


/***********************************************************************************************************************
******下層ページ（sslまわり）
******
************************************************************************************************************************/
.ssl{width:700px; margin:auto;}
.ssl table.notron{border:none;padding:0;width:auto;margin:30px auto;float:left}
.ssl table.notron tr{border:none;}
.ssl table.notron tr td{padding:0;}
.ssl p{float:left;width:550px;text-align:justify;}
@media (max-width: 640px) {
.signup table.notron{margin:10px auto 0 !important; float:none;}
.ssl{width:90%;}
.ssl p{float:none;width:100% !important; font-size:14px;}
}


/***********************************************************************************************************************
******下層ページ（お問い合わせフォーム）
******
************************************************************************************************************************/
.otoiawase{width:600px; margin:0 auto; text-align:center;}
.otoiawase .ami{background:url(images/BG_design_stripe.jpg) repeat; padding:10px;}
.otoiawase .ami .wh_back{background:#fff;}
.otoiawase .ami .wh_back h3{padding:20px 0 10px;}
.otoiawase .ami .wh_back ul.ami_q{width:420px; margin:0 auto; padding-bottom:10px;}
.otoiawase .ami .wh_back ul.ami_q li{background:url(../images/ICO_contact_yokuaru.jpg) no-repeat left center; padding-left:40px; line-height:28px; text-align:left;}
.otoiawase .otoi_btn{margin:30px auto 0; text-align:center;}
.otoiawase p{width:auto;}
.ssl{width:700px; margin:auto;}
.ssl table.notron{border:none;padding:0;width:auto;margin:30px auto;float:none}
.ssl table.notron tr{border:none;}
.ssl table.notron tr td{padding:0;}
.ssl p{float: none;width: 550px;text-align: justify;margin: 0 auto;}
.b_red{background: #D03829;padding: 2px 4px;color: #fff; font-size: 0.8em;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;margin-left: 0.5em;}
.b_gray { background: #9c9c9c;padding: 2px 4px;color: #fff;font-size: 0.8em;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin-left: 0.5em;}
@media (max-width: 640px) {
.otoiawase{width:100%; margin:0 auto; text-align:center;}
.otoiawase .ami{background:url(../images/BG_design_stripe.jpg) repeat; padding:10px; margin-top:20px;}
.otoiawase .ami .wh_back{background:#fff;}
.otoiawase .ami .wh_back h3{width:50%; padding:20px 0 10px; margin:0 auto;}
.otoiawase .ami .wh_back ul.ami_q{width:96%; margin:0 auto; padding-bottom:10px;}
.otoiawase .ami .wh_back ul.ami_q li{background:url(../images/ICO_contact_yokuaru.jpg) no-repeat left center; line-height:14px; text-align:left; padding:8px 0 8px 40px;}
.otoiawase .otoi_btn{margin:30px auto; text-align:center;}
.signup table.notron{margin:10px auto 0; float:none;}
.ssl{width:90%;}
.ssl p{float:none;}

.ssl img{width:70%;}
}