*{box-sizing:border-box;}
html{overflow:hidden scroll;}
body{max-width:740px;width:100%;margin:auto;padding:0 10px;font-family:Meiryo,"ms pgothic",arial,"hirakakupro-w3",osaka,sans-serif;-webkit-text-size-adjust:100%;font-size:12px;background-color:#fff;color:#333;}
::selection{background:#060;color:#fff;}
::-moz-selection{background:#060;color:#fff;}

a{color:#000;transition:color 0.2s,background-color 0.2s;}
a:hover{color:#060;}
input::placeholder{color:#ccc;}
input[type="button"],input[type="submit"]{transition:color 0.2s,background-color 0.2s;}
a img{transition:opacity 0.2s}
a:hover img{opacity:0.8;}

hr{clear:both;max-width:1000px;width:100%;border:none;border-top:#000 dotted 1px;height:1px;}

/* header */
div#header{display:inline-block;width:100%;padding:10px 0 0 0;text-align:left;}

/* footer */
div#footer{display:inline-block;width:100%;padding:10px 0;}
div#footer span.foot_left{display:inline-block;float:left;}
div#footer span.foot_right{display:inline-block;float:right;text-align:right;}

img.page_ttl{width:100%;height:auto;}

span.notice{display:block;border:#666 dotted 1px;border-radius:5px;padding:20px 40px 30px 40px;font-size:12px;line-height:1.6em;width:100%;max-width:620px;text-align:left;}
.notice_ttl{align-items:center;text-align:center;display:flex;line-height:1.2em;margin:0 0 20px 0;font-size:14px;}
.notice_ttl::before,.notice_ttl::after{background-color:#eee;content:"";flex-grow:1;height:20px;}
.notice_ttl::before{margin-right:15px;}
.notice_ttl::after{margin-left:15px;}
span.notice ul{padding:0;margin:0;}
span.notice ul li{list-style-type:'※';margin:0 0 0 1em;padding-left:0.5em;}
span.notice_sub{display:block;text-align:right;font-size:12px;width:100%;max-width:620px;margin-top:10px;}

div#shohin_info{width:100%;}
div#shohin_info span.cap{display:block;text-align:left;font-weight:bold;border-bottom:#666 dotted 1px;margin-bottom:10px;}

#table_shohin{font-size:12px;border:solid 1px #ccc;border-collapse:collapse;width:100%;}
#table_shohin th{background-color:#eee;border-right:dotted 1px #ccc;padding:2px 10px;}
#table_shohin td{padding:20px 10px;text-align:center;border-right:dotted 1px #ccc;}
#table_shohin td.price_hosho{width:180px;text-align:center;padding:2px;}
#table_shohin td.price_hosho_rev{text-align:center;border-right:0;padding:2px;}
.price_gokei{font-size:13px;font-weight:bold;}
div.select_hosho{text-indent:2em;}

#table_shohin_sum{text-align:right;}
#table_shohin_sum table{margin:20px 0;font-size:12px;border-collapse:collapse;
}#table_shohin_sum td{padding:5px 10px;}
#table_shohin_sum td.rt{border-top:dotted 1px #999;background-color:#eee;padding-bottom:5px;font-weight:bold;}

div.credit_text{text-align:right;font-weight:bold;color:#900;margin-top:5px;}
div.soryo_text{font-size:12px;text-align:left;margin-top:5px;color:#333;}

div#customer_info{clear:both;}
div#customer_info span.info_left{display:inline-block;float:left;width:200px;text-align:left;}
div#customer_info span.info_right{display:inline-block;float:right;text-align:right;width:500px;}

.side_tel,.side_tel:hover{font-size:24px;font-weight:bold;color:#900;line-height:1.2em;text-decoration:none;}

span.ttl{display:inline-block;box-sizing:border-box;width:calc(100% - 20px);max-width:440px;color:#fff;background-color:#666;text-align:left;padding: 5px 0 5px 10px;}

form table.moshikomi, table#thx{width:100%;font-size:12px;line-height:1.7em;background-color:#eee;border-radius:5px;}

form table.moshikomi td{text-align:center;}
form table.moshikomi td.head,form table.moshikomi td.bottom{height:40px;}

form table.moshikomi div.komoku{display:inline-block;width:140px;vertical-align:top;text-align:left;font-weight:bold;}
form table.moshikomi div.nyuryoku{display:inline-block;width:300px;padding:0;text-align:left;}
form table.moshikomi div.hissu {display:inline-block;width:40px;color:#fff;background-color:#900;text-align:center;padding:0 5px;border-radius:3px;float:right;}
form table.moshikomi p{margin:0;}
form table.moshikomi div.nyuryoku_w{display:inline-block;width:440px;text-align:left;}

.con_val{background:#fafafa;border-radius:3px;padding:1px 5px;}

.err_mes{display:block;margin:10px 0;color:#900;}

/*行の区切りの水平線*/
hr{width:100%;max-width:600px;height:1px;background-color:none;border:none;border-bottom:#fff dotted 1px;margin:20px 0;}

input{border:1px solid #999;padding:3px;border-radius:3px;}
input.text{width:300px;}
input.text_shimei,input.text_shimei_err{width:144px;}
input.cm{width:45px !important;}

label{display:inline-block;}

/*複数行テキスト入力*/
textarea{display:block;border:1px solid #666;border-radius:3px;font-size:12px;padding:3px;font-family:Meiryo,"ms pgothic",arial,"hirakakupro-w3",osaka,sans-serif;}
textarea#txt_jusho{width:300px;height:78px;}
textarea#txt_ques{max-width:440px;width:calc(100%);height:100px;}

span.caution{display:inline-block;max-width:440px;width:calc(100% - 20px);text-align:left;}

/*ボタンの配置*/
.btn_area{text-align:center;height:50px;}

/*ボタン*/
input.btn{height:35px;font-weight:bold;background-color:#000;padding:0 40px;color:#fff;cursor:pointer;border:none;border-radius:3px;}
input.btn:hover{background-color:#aaa;}

div.btn input{width:200px;background-color:#000;color:#fff;border-radius:3px;border:none;padding:10px 0;cursor:pointer;}
div.btn input:hover{background-color:#666;}


input,select{vertical-align:top;}

span.req_opt{background-color:#999;color:#fff;display:inline-block;padding:5px 5px;margin-left:5px;border-radius:3px;line-height:1em;font-size:11px;}

div.small_red{text-align:left;margin-top:5px;color:#900;}

div#pay,div#ques{display:inline-block;max-width:440px;width:calc(100% - 20px);text-align:left;}

@media screen and (max-width:760px){
	div#footer span.foot_left,div#footer span.foot_right{float:none;display:inline-block;width:100%;padding:5px 10px;text-align:center;}

	.watch_num{width:50px;white-space:nowrap;}
	#table_shohin th.price_hosho{width:auto;}
	#table_shohin td.price_hosho{width:auto;white-space:nowrap;}
	#table_shohin td.price_hosho_rev{white-space:nowrap;}

	div#customer_info span.info_left{clear:both;width:100%;}
	div#customer_info span.info_right{clear:both;width:100%;}
	span.notice{padding:0 10px 20px 10px;}
	.notice_ttl{display:block;margin-bottom:0;}
	.notice_ttl > span{display:block;float:none;}
	form table.moshikomi{width:100%;}

	div.credit_text{word-break:keep-all;overflow-wrap:break-word;}

	br.wbr{display:none;}
	span.form_direction{font-size:0;}
	span.form_direction:before{font-size:12px;content:'下記';}

	hr{margin:10px 0;}
	form table.moshikomi div.komoku{width:calc(100% - 20px);margin-bottom:5px;}
	form table.moshikomi div.nyuryoku{width:calc(100% - 20px);}
	form table.moshikomi div.hissu {float:none;margin-left:5px;}
	form table.moshikomi div.nyuryoku_w{width:calc(100% - 20px);}
	span.ttl{width:100%;max-width:100%;}

	input.text,input.text_err{width:100%;}
	input.cm{width:100%;}
	input.text_shimei,input.text_shimei_err{width:calc(50% - 7px);}
	textarea#txt_jusho{width:100%;}

}

a.btn-default{
text-decoration:underline;
}
#mail_magazine,#v_consent{
margin-top:3px;
}
.lightbox{display:none;}

h2 {padding: 0;margin: 20px 10px 0 10px;color: #666;font-size: 18px;border-bottom: dotted 1px #666;}
span.chead {font-weight: bold;display: block;border-bottom: #ccc dotted 1px;}
p.lnav {color: #666;display: block;padding: 0 10px 0 10px;font-size: 12px;}