@charset "utf-8";

==============================*/
.br {display: block;}
.open_btn {cursor: pointer;}
.cor_r{color: #D90000;}

/* main ----------*/
#main {margin-top: 2rem;}
#main .inner{ width: 100%; max-width:124rem; margin: 0 auto; }
section{margin-bottom: 10rem;}
section .sec_inner { margin: 0 10rem; }
.sec_inner {margin: 0 10rem;}
.main_ttl{font-size: 3rem; color: #fff;background: #663300;padding: 1rem 0; margin-bottom:40px;}
.sec_text{font-size: 1.4rem;color: #444;}
.form_text{font-size: 1.2rem;color: #444;margin: 0;}

.res_detail {display: flex;margin: 4rem 0 5rem;}
.res_detail .img_box {margin-right: 2rem;}
.res_detail img{border: 1px solid #ccc;}
.product_name {color: #663300;font-size: 1.8rem;}
.choice_text{background: #F8F7F5; color: #000000;padding: 3rem 5rem;margin-bottom: 6rem; text-align:left; font-weight:normal; font-size:1.4rem;}
.choice_text dt{ font-weight:bold;}
.choice_text dd{margin-bottom:1em;}
.choice_text dd ul{margin-top:0.6em;}
.choice_text dd ul.meiwaku_pc { padding-left: 1em; text-indent: -1em; margin-top:0; }
.choice_text .brown {font-size: 2rem; color: #663300;}
.choice_text .red {font-size: 1.6rem; color: #CC0000; font-weight:bold;}
.colouring img{border: 1px solid #DDD;}
.colouring img:hover{outline: 4px solid #DDD;}
.img_text, .colouring_disc{font-size: 1.4rem;color: #444;}
.res_form{margin-top: 5rem;}
.res_form table{width: 100%;border: 1px solid #CCC;}
.res_form tr{border: 1px solid #CCC;}
.res_form th{position: relative;text-align: left;color: #fff;background: #999;vertical-align: middle;width: 26rem;padding-left: 1.5rem;font-size: 1.4rem;}
.res_form td{width: calc(100% - 26rem); padding: 2rem 2rem 0;}
.res_form .form_info td{width: calc(100% - 26rem); padding: 2rem 2rem;}
.res_form .si_inp {padding: 2rem;}
table input{width: 100%;}
table textarea{width: 100%;}
.annotation{font-size: 1.4rem;color: #444;line-height: 1.5;}
.res_form .submit_btn{margin-top: 2rem;}

.mail_stop{margin-bottom: 15rem;}
.mail_stop .choice_text {margin: 3rem 0;}
.mail_stop table{width: 100%;border: 1px solid #CCC;}
.mail_stop tr{border: 1px solid #CCC;}
.mail_stop th{position: relative; text-align: left;color: #fff; background: #999; vertical-align: middle;width: 26rem;padding-left: 1rem;font-size: 1.4rem;}
.mail_stop td{width: calc(100% - 26rem);padding: 1rem 2rem 0;}
.mail_stop .submit_btn{margin-top: 3rem;}

.required::after{content:"必須"; background: #D90000;font-weight: bold;font-size: 1.3rem;border-radius: 5px; padding: 2px 5px 2px 5px; color:#FFFFFF; margin-left: 10px;}
.required2::after{content:"必須"; width: 4rem; height: 2.5rem; display: inline; background: #D90000;font-weight: bold;font-size: 1.3rem;border-radius: 5px;position: absolute;right: 1.5rem;text-align: center;}

.btn_list{width: 100%; margin: 3rem auto 0; text-align:center;}
.btn_list .submit_btn input{background: #633319;border-radius: 8px;padding: 1rem 3rem; color: #fff; margin:0 1rem;}
.submit_btn input{ border: none; }
.reset_btn input{ border: 1px solid; }

.btn_list .reset_btn input{background: #fff;border-radius: 8px;padding: 1rem 3rem; color: #633319; margin:0 1rem; }
.btn_list a{color: #fff;}
.btn_listi{font-size: 1.4rem;vertical-align: baseline;}

.txt_center { text-align:center;}
.font_normal{font-weight:normal;}
.inq_ttl { font-weight:normal; font-size:2rem; text-align:center; color:#000000; margin-bottom:1rem; font-weight:normal!important;}
.font_small{ font-size:1.4rem;}
.koumoku { margin-bottom:4rem;}
.koumoku a { color: #fff; text-decoration: underline;}
.koumoku th {width:18%; color: #fff; background: #999; text-align:center; }
.koumoku td {width:7%; vertical-align:middle; text-align:center;}
.koumoku td input {width:auto;}
.shop_top { text-align:right; margin-top: 4rem;}
.shop_top a { color: #444;}


@media screen and (max-width:768px) {
#header-logo img {width: 100%; margin: 0 auto;}
section .sec_inner {margin: 0 3.5rem;}
.res_form th { position: relative; text-align: center; color: #fff; background: #999; vertical-align: middle; width: 100%; padding: 1rem; font-size: 1.4rem; display: block;}
.required2::after {content: "必須"; width: 4rem; height: auto; display: inline; background: #D90000; font-weight: bold; font-size: 1.3rem; border-radius: 5px; position: absolute; right: 1.5rem; text-align: center;}
.choice_text {background: #F8F7F5; color: #000000; padding: 3rem 4rem; text-align: left; font-weight: normal; font-size: 1.6rem; margin: 0 -3.5rem 6rem;}
.choice_text .red br {display:none;}
.res_form tr {display: block;}
.koumoku th {width: 100%; color: #fff; background: #999; display: block;}
.koumoku td {width: 100%; vertical-align: middle; text-align: center; display: block;}
.res_form .form_info td {width: 100%; padding: 2rem 2rem; display: block;}
.font_small {font-size: 1.6rem;}
.sec_inner .main_txt { text-align:left;}
.sec_inner .main_txt br { display:none;}
}






.inner { max-width:124rem; padding:0 2rem; width:100%; margin:0 auto; }
.breadcrumbs { position:relative; margin: 0 auto; max-width:124rem; z-index: 10; }
.breadcrumbs .crumbList { position: absolute; top:1rem; }
.main_ttl { text-align:center; }

#contents { padding-top:5rem; margin-bottom:10rem; }
#contents .cap { text-align:center; font-size:1.4rem; margin:4rem 0 5rem; }
#contents .res_form { max-width:100rem; margin:5rem auto 0; }
.btn_list input{background: #633319; border-radius:8px; padding:1rem 3rem; color: #fff; margin:0 1rem; border:none; }