.title:before {padding-top: 16%;}
.title h2{display: flex;align-items: center;}
.title h2 span{position: relative;font-size: 180%;line-height: 1;height: auto;top: auto;left: auto;}

h3{background: #a67943;text-align: left;line-height: 40px;color: #FFF;font-weight: normal;padding: 0 20px;margin-bottom: 20px;}

h4,.contents_form .itemnumber tr:first-of-type th,.contents_form th.bg_h4{background: #777;color: #fff;padding: 5px 20px;font-weight: normal;}
#tomesode h3,#tomesode h4,.contents_form #tomesode .itemnumber tr:first-of-type th,.contents_form #tomesode th.bg_h4{background: #863b3f;}
#morning h3,#morning h4,.contents_form #morning .itemnumber tr:first-of-type th,.contents_form #morning th.bg_h4{background: #645982;}
#mistress h3,#mistress h4,.contents_form #mistress .itemnumber tr:first-of-type th,.contents_form #mistress th.bg_h4{background: #a67943;}
#morning h4 span.in,#tomesode h4 span.in{font-size:13px;display:inline-block;}

.contents_form select.formtxt option:disabled {display: none;}

.contents_form .wrapper{-webkit-box-sizing: border-box;box-sizing: border-box;}
section.costume_type{padding-bottom: 20px;}
p.first_text{padding: 40px 20px;line-height: 2;font-size: 13px;}
p.set_item{padding: 10px;font-size: 13px;background: #eee;margin: 0 20px 20px;}/*セットに含まれる小物*/
p.shopname{font-size: 18px;padding: 0 20px 30px;}
p.note{font-size: 13px;padding: 0px 20px 10px;}
#tomesode p.note{padding-bottom: 20px;}
td span.note{font-size: 13px;display: block;line-height: 1.3;margin-top: 5px;}

.first_text{padding: 20px;line-height: 1.8;}

.conf_shop{padding: 20px;}
.fitting{font-size: 13px;line-height: 1.5;font-weight: bold;border: 2px solid;padding: 10px;border-radius: 5px;margin-top: 10px;}

/*対象店舗*/
.area_shop{padding: 0 20px 30px;}
.area_shop p{margin-bottom: 10px;}
.area_shop p.name{margin-bottom: 0;font-size: 120%;}
.area_shop select{width: 100%;}
.area_shop_select{padding-top: 20px;display: none;}
.option_hide{display: none;}

/*サービス選択*/
.select_service{padding: 20px 0;}
.select_service p{padding: 0 20px;}
.select_service ul{padding: 0 15px;}
.select_service ul li{padding: 5px;}
.select_service ul li span{border: 1px solid #ccc;padding: 10px;border-radius: 5px;line-height: 1;
    width: 100%;display: inline-block;cursor: pointer;text-align: center;font-size: 16px;}
.costume_type{display: none;}
.costume_type:first-of-type{display: block;}


.select_service .catalog {
    margin: 15px 20px 0;
}
.select_service .catalog a {
    display: block;
    text-align: center;
    padding: 15px 10px;
    background: url(../img/bg_catalog.png) no-repeat;
    -webkit-background-size:cover;background-size:cover;
    color: #333;
    font-size:18px;
    font-weight: bold;
    position: relative;
    text-decoration:none;
    line-height:1.2;
    border:1px solid #cdcdcd;
}
.select_service .catalog a::before,
.select_service .catalog a::after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #333;
    position: absolute;
    top: 50%;
}
.select_service .catalog a::before {
    border-top-width: 0;
    border-left-width: 0;
    right: 17px;
    margin-top: -3px;
}
.select_service .catalog a::after {
    right: 21px;
    margin-top: -10px;
}

.select_service .catalog a > span{
	font-size:85%;display:block;padding-top:5px;font-weight:normal;
}

/**/
.contents_form *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.contents_form table{width:100%;table-layout: fixed;position: relative;}
.contents_form th,.contents_form td{padding:5px;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;}
.contents_form th{background-color: #e6dad4;vertical-align:middle;border-bottom:#fff 1px solid;font-size: 15px;padding: 5px 20px;font-weight: bold;}
.contents_form th > em{margin-left:3px;}
.contents_form #tomesode th{background-color:#ede2e2;}
.contents_form #morning th{background-color:#e5e3ec;}
.contents_form table th p{font-size: 13px;padding-top: 15px;}
.contents_form td{padding: 10px 20px;}
.contents_form table td.address span.ttl{margin: 5px 0;display: block;}
.contents_form label{border: 1px solid #ccc;padding: 10px;border-radius: 5px;line-height: 1;
   width: 100%;display: inline-block;cursor: pointer;text-align: center;
}

ul.formmenu{display: flex;}
td>div.date{display: flex;align-items: center;flex-wrap: wrap;}/*挙式日*/
td>p.date_note{font-size: 13px;padding: 10px 0;}

.options th i{font-style: normal;display: inline-block;background-color: #333;color: #fff;font-size: 12px;padding: 0 5px;position: absolute;right: 0;top: 0;}
.options th span.price{color: #a67943;}

input, select{-webkit-appearance: none;appearance: none;}
input.formtxt,textarea.formtxt,select.formtxt,.contents_form table td label{border: 1px solid #cdcdcd;-webkit-border-radius: 5px;border-radius: 5px;font-size: 16px;width: 100%;line-height: 28px;
    -webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px;}
input.formtxt.w90{width: 90%;margin-right: 10px;}
select.formtxt{height: 40px;}
.date input,.date select{height: 40px;min-width: auto;width: 25%;margin-right: 5px;min-width: 80px;}

.contents_form .itemnumber tr:first-of-type th span,.contents_form th span.detail{display: inline-block;font-size: 13px;}

#address::before{content: "";display: block;width: 100%;height: 0;border-top: 1px dashed #ccc;position: absolute;top: -10px;}
table#address{margin-top: 20px;}
#address td:first-of-type input.formtxt.w90{margin-right: 0;margin-left: 10px;}
#address td:first-of-type #address_list{margin-top: 10px;margin-bottom: 10px;height: 40px;}
.contents_form table td .more_opt select{margin-bottom: 10px;}

.errortxt{padding: 0 20px 20px;}
.alert,em{color: #e70000;}
.contents_form th em,.rules_check em,.privacy_check em{display: inline-block;background: #bf0000;color: #fff;font-size: 12px;width: 40px;text-align: center;margin-left: 10px;}
.contents_form th a{display: block;position: relative;}
.contents_form th a{font-weight: normal;text-decoration: underline;color: #a67943;padding-left: 20px;font-size: 13px;margin-bottom: 15px;}
.contents_form th a::before{content: ">>";margin-right: 5px;position: absolute;font-weight: bold;left: 0;}

/*radio*/
.radio_wrap{display: flex;gap: 10px;margin-bottom: 10px;}
.contents_form table td .radio_wrap label{width: 50%;}
.contents_form input[type="radio"]{margin-right: 10px;display: none;}
.contents_form input[type="radio"]:checked + label{background: #a67943;color: #fff;}

.contents_form table td .more_opt .radio_simple label{text-align:right;}
.contents_form table td .more_opt .radio_simple label::before{left:10px;}
.contents_form .radio_simple input[type="radio"]:checked + label{background: #f5f5f5;color: #333;position:relative;}
.contents_form .radio_simple input[type="radio"]:checked + label::after{content: "";width: 10px;height: 5px;border-left: 3px solid #a67943;border-bottom: 3px solid #a67943;position: absolute;left: 15px;top: 30%;transform: rotate(-45deg);}

/*モーニングの商品番号*/
.contents_form table.itemnumber td label{text-align: left;padding-left: 10px;}
.contents_form table.itemnumber td label:last-of-type{margin-bottom: 0;}
.contents_form table.itemnumber td label i{font-size: 18px;margin-right: 15px;border: 1px solid;padding: 0 5px;font-style: normal;}

/*checkbox*/
input[type="checkbox"] {display: none;}
.contents_form table td .more_opt label{position: relative;text-align: left;padding-left: 40px;border: none;line-height: 28px;height: 36px;}
.contents_form table td .more_opt label::before{content: "";width: 20px;height: 20px;border: 1px solid #ccc;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
input[type="checkbox"]:checked + label.checkbox::after{content: "";width: 10px;height: 5px;border-left: 3px solid #a67943;border-bottom: 3px solid #a67943;
    position: absolute;left: 5px;top: 30%;transform: rotate(-45deg);}

/**/
input[disabled="disabled"]#code01,input[disabled="disabled"]#code02{background-color:#f5f5f5;color:#666;}

/*button*/
.form_input_btn,.contents_form.comp .come_btn{display: flex;justify-content: center;}
input[type=submit]{font-family: "HiraKakuProN-W3","AppleGothic Regular",Arial,sans-serif;line-height: 1;}
.come_btn input[type="submit"],.come_btn a{width: 100%;max-width:300px;padding:10px 0;border:1px solid #a67943;display:inline-block;text-align:center;font-size: 16px;color: #fff;
    background-color:#a67943;-webkit-border-radius: 5px; border-radius: 5px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;
}
.back_btn .come_btn a{margin: 0 auto;}
.contents_form em.icon{top: 27px;}
.form_confirm_btn{padding: 10px 10px 0;}
.form_confirm_btn .come_btn{width: 50%;padding: 0 10px;}
.form_confirm_btn .come_btn input[type="submit"]{line-height: 38px;}
.contents_form.comp .come_btn a{text-decoration: none;}

/*popup*/
.popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 999;}
.popup-content {position: absolute;width: 90%;max-width: 710px;top: 50%;left: 50%;transform: translate(-50%, -50%);
    background-color: #fff;padding: 20px;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.close-popup {position: absolute;top: 10px;right: 10px;cursor: pointer;display: block;
    width: 20px;height: 20px;font-size: 0;
}
.close-popup::before,.close-popup::after{content: "";display: block;width: 20px;height: 2px;background: #333;position: absolute;top: 9px;}
.close-popup::before{transform: rotate(-45deg);}
.close-popup::after{transform: rotate(45deg);}

.popup-content p{width: 100%;height: 100%;max-height: 50vh;overflow-y: auto;line-height: 1.8;}
.popup-content p img{margin: 5px 0;}

/*rules_check*/
.area_rules_text{padding: 20px 20px 0;}
.rules_box{margin-bottom: 10px;font-size: 15px;}
.rules_box > span,.privacy_box > span{display: block;font-weight: bold;margin-left: -10px;margin-bottom: 3px;}
.rules_box .inner{border: 1px solid #ccc; padding: 10px;width: 100%;height: 450px;overflow-y: auto;font-size: 14px;line-height: 1.7;}
.rules_box .inner p{margin-bottom: 10px;font-size: 13px;}
.kiyaku_title{background: #333;color: #fff;display: block;text-align: center;margin-bottom: 10px;}
.rules_box .inner .ttl{font-weight: bold;margin: 5px 0;}
.rules_box .inner span.note{display: block;margin-bottom: 10px;font-size: 13px;}
.rules_box .inner em{color: #333;border-bottom: 2px solid #333;font-weight: bold;}
.rules_box .inner table{margin-bottom: 10px;}
.rules_box .inner table th{padding: 5px 10px;font-size: 14px;width: 40%;background: #eee;}
.rules_box .inner table td{padding: 5px 10px;border-left: 1px solid #ccc;width: 60%;text-align: right;}
.rules_box .inner span.tabletitle{display: block;font-weight: bold;margin-bottom: 5px;position: relative;padding-left: 15px;}
.rules_box .inner span.tabletitle::before{content: "";display: block;width: 6px;height: 10px;background: #333;
    clip-path: polygon(0% 0%, 0% 100%, 100% 50%);position: absolute;left: 0;top: 50%;transform: translateY(-50%);
}
.rules_box .inner table.table01 td:first-of-type{text-align: left;line-height: 1.2;}


/*privacy_check*/
.area_privacy_text{padding: 20px;}
.privacy_box{padding-bottom: 10px;font-size: 15px;}
.privacy_box p.inner{border: 1px solid #ccc; padding: 10px;width: 100%;height: 100px;overflow-y: auto;font-size: 13px;line-height: 1.7;}

.contents_form .rules label,.contents_form .privacy label{position: relative;text-align: left;border: none;line-height: 1.4;font-size: 13px;padding: 0 20px 0 60px;}
.contents_form .rules label::before,.contents_form .privacy label::before{content: "";width: 20px;height: 20px;border: 1px solid #ccc;position: absolute;left: 20px;top: 1px;}
input[type="checkbox"]:checked + label.rules_check::after,input[type="checkbox"]:checked + label.privacy_check::after{content: "";width: 10px;height: 5px;border-left: 3px solid #a67943;border-bottom: 3px solid #a67943;
    position: absolute;left: 25px;top: 18%;transform: rotate(-45deg);}

.check.disabled label::before{background-color: #eee;}
.check.disabled label{color: #777;}

/*confirm*/
.contents_form.confirm .text{padding: 20px;line-height: 1;}
.contents_form.confirm h3{margin-bottom: 0;}
.contents_form.confirm .privacy.wrapper{padding-top: 0;}

.more_opt{display: none;}

@media screen and (min-width: 641px) {
    .area_customer .wrapper,.costume_type .wrapper >div{padding-right: 20px;padding-left: 20px;}
    ul.formmenu li{width: 31%;}
    ul.formmenu li:nth-of-type(3){width: 38%;}
    .contents_form ul.formmenu li label{line-height: 28px;}
    table#address,table#tomesode_itemnumber{table-layout: auto;}
    .contents_form table{border-top: 1px solid #aaa;border-right: 1px solid #aaa;border-left: 1px solid #aaa;}
    .contents_form table.itemnumber{border-top: none;}
    .contents_form th,.contents_form td{border-bottom: 1px solid #aaa;background-clip: padding-box;}
    .contents_form th{max-width: 300px;width: 30%;}
    p.note{padding: 10px 0 20px;}
    .contents_form table.itemnumber td .radio_wrap label{font-size: 100%;}
    .contents_form table.itemnumber td .radio_wrap label:nth-of-type(1){width: 41%;}
    .contents_form table.itemnumber td .radio_wrap label:nth-of-type(2){width: 34%;}
    .contents_form table.itemnumber td .radio_wrap label:nth-of-type(3){width: 25%;}
    .contents_form.confirm .wrapper{padding: 20px 10px;}
    .contents_form th em.long{margin-left: 0;}
    .contents_form .options th{padding-top: 10px;padding-bottom: 20px;}
    .options th span.price{position: absolute;bottom: 5px;right: 10px;display: inline-block;}
    .contents_form th a{font-weight: normal;text-decoration: underline;}
    .options th.double_line span.price{position:static;font-size:11px;text-align:right;display:block;margin:0 -10px 0 -20px;}
    .contents_form table td .more_opt .radio_simple{justify-content:flex-end;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
    .contents_form table td .more_opt .radio_simple label{max-width:280px;}
}

@media screen and (max-width:640px) {
	.btn_area a{line-height:40px;height: 40px;}
    ul.formmenu,.contents_form th,.contents_form td{width: 100%;display: block;}
    .options th{padding-right: 80px;}
    .contents_form ul.formmenu li label{line-height: 18px;}
    .form_confirm_btn .come_btn input[type="submit"]{font-size: 14px;}
    .contents_form table.itemnumber td label{margin-bottom: 10px;padding-left: 20px;}
    .contents_form table.itemnumber .radio_wrap{display: block;}
    .contents_form table.itemnumber td .radio_wrap label{width: 100%;}
    .contents_form.confirm .wrapper{padding: 20px 0;}
    .contents_form th em.s_long{margin-left: 0;}
    .options th span.price {position: relative;display: block;margin-right: -70px;text-align: right;}
    .popup-content{padding: 20px 10px;}
    .options th.double_line span.price{font-size:13px;}
    .rules_box .inner table{border-bottom: 1px solid #ccc;}
    .rules_box .inner table th,.rules_box .inner table td{width: 100%;}
    .rules_box .inner table th{border: 1px solid #ccc;}
    .rules_box .inner table td{border-right: 1px solid #ccc;}
    .rules_box .inner table.table01 td:first-of-type{padding-bottom: 0;}
    .select_service .catalog{margin-top:10px;}
  	.select_service .catalog a{font-size:15px;}
}