@charset "utf-8";

.entry__inputs div.select { position:relative; }
.entry__inputs div.select160 { width:160px; margin-right:10px; }
.entry__inputs div.select220 { width:220px; margin-right:10px; }
.entry__inputs div.select280 { width:280px; margin-right:10px; }
.entry__inputs div.select::before {border-bottom: 4.5px solid #707070; border-left: 4px solid transparent; border-right: 4px solid transparent; content: ""; position: absolute; right:5%; top: 15px;width: 0;pointer-events: none;}
.entry__inputs div.select::after {border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4.5px solid #707070; content: ""; position: absolute;right:5%; bottom:15px;width: 0;pointer-events: none; }

.contentsForm { width:100%; margin:30px auto 0 auto; display:block; }
@media screen and (min-width: 840px){
  .contentsForm { max-width:1080px; margin:50px auto 0 auto; }
  .p_contact { max-width:1080px; margin:0 auto; }
}

.entry__inputs { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;font-size: 16px; border-top:0px #ccc solid; margin-bottom: none;}
.entry__inputs dt { width: 100%; background-color:#EDEDED; padding:10px 5%; text-align:left; display: flex; justify-content:space-between; align-items: center; font-size:16px; line-height:1.2; letter-spacing: 1px; border-bottom: 1px solid #fff; color:#000; }
.entry__inputs dt em { font-style:normal; font-size:14px; background:#FF0000; padding:4px 10px; color:#fff; }
.entry__inputs dd { width:100%; max-width:800px;  border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.entry__inputs dd.MONTH{width: 90vw;border-bottom: none;}
.entry__inputs dd.DAY{width: 90vw;border-bottom: none; padding-left: 15px;padding: 0;margin: 10px auto;}
.entry__inputs dd.TIME{width: 90vw; padding-left: 15px;}

@media screen and (min-width: 840px){
  .entry__inputs { margin-bottom: 50px;}
  .entry__inputs dt { width:25%; padding: 5px 10px; margin-bottom:2px; }
  .entry__inputs dt.FLEX_START{display: flex;align-items: flex-start;}
  .entry__inputs dd { width:70%; padding: 15px 0px 15px 30px;  box-sizing: border-box;}
  .entry__inputs dd.MONTH{ width: 70%;padding-right: 0px;display: flex;align-items: center; border-bottom: 1px solid #ccc; }
  .entry__inputs dd.MONTH select{width: 220px; }
  .entry__inputs dd .TIMING { width:100%; display:block; }
  .entry__inputs dd.TIME{width: 675px;padding-left: 30px;display: flex;align-items: center;}
  .entry__inputs dd.TIME select{width: 286px;padding-left: 30px;display: flex;align-items: center;}
  .entry__inputs dd.TIME_SHORT select{width: 145px; padding-left: 0px;display: flex;align-items: center;}
  .entry__inputs dd input.MONTH_SHORT{ width:auto; background-color: #F8F8F8; border-radius: 15px; padding: 10px 1em; }
  .entry__inputs dd .BUKKEN_FAVO { width:100%; display:block; padding:10px 0; border-bottom: 1px dotted #e6e4e4; }
  .entry__inputs dd .BUKKEN_FAVO:first-child { padding:0 0 10px 0; }
  .entry__inputs dd .BUKKEN_FAVO:last-child { padding:10px 0 0 0; border-bottom: none; }
}

.entry__inputs-fuyo { display:block; margin-bottom:10px; padding-bottom:10px; }

.entry__inputs-full { width:100%; margin-top:5px; padding-top:10px; border:none; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; border-top:1px  #ddd solid;}
.entry__inputs-full:first-child { margin-top:0; padding-top:0; border:none; }
.entry__inputs-full dt { width: 100%; padding:5px 0; background:none; border:none; text-align:left; font-size:14px; padding-right:10px;display:flex; align-items:center; }
.entry__inputs-full dd { width: 100%; padding:5px 0; border:none; text-align: left;}
@media screen and (min-width: 840px){
  .entry__inputs-full { margin-bottom:15px; }
  .entry__inputs-full:last-child { margin-bottom:0; }
  .entry__inputs-full dt { width:25%; max-width:150px; padding:0; font-size:16px; }
  .entry__inputs-full dd { width:75%; padding:0; border:none; }
}

.entry__inputs-ask { margin-bottom:10px; border:none; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }
.entry__inputs-ask span {  width:100%; display:block; margin:0 0 0 0; line-height:1.2; }
.entry__inputs-label {  width:100%; display:flex; margin:15px 0 0 0; align-items:flex-start; }
.entry__inputs-check {  width:20px; height:20px; margin-right: 4px;}

.entry__non { position: relative;}

.entry__input-text { width:90%; font-size: 1em;background:#F8F8F8; border: none; padding: 10px 5%; margin:0 auto; display:block; }
.MONTH_SHORT { width:100%; font-size: 1em;background:#F8F8F8; border: none; border-radius: 15px; padding: 10px 1em; }
.entry__input-text-s { width:50%; max-width:200px; font-size: 1em;background:#F8F8F8; border: none; border-radius: 15px; padding: 10px 1em; }
.entry__input-textarea { width:100%; height: 100px; background:#F8F8F8; border: none; border-radius: 15px; padding: 10px 1em; line-height:1.5; box-sizing: border-box;}
.entry__input-zip { width:60%; font-size: 1em;background:#F8F8F8; border: none; /*border-radius: 15px; */padding: 10px 1em; }
.entry__input-text::placeholder,.entry__input-text-s::placeholder,.entry__input-textarea::placeholder { color: #aaa;}
.entry__input-select { width:100%; min-width:160px; font-size: 1em;background:#F8F8F8; border: none; /*border-radius: 15px;*/ padding: 10px 1em; }

@media screen and (min-width: 840px){
  .entry__input-text { width:90%; }
  .entry__input-text { width:70%; margin:0; padding: 10px 1em; box-sizing: border-box;}
}

.entry__button { width:100%; max-width:400px; height:60px; margin: 30px auto 80px auto; display:block; border:none; background-color: #FF0000; color: #fff; text-align:center; -webkit-transition: 0.2s; transition: 0.2s; line-height:1.2em; letter-spacing: 1px;}
.entry__button:hover{opacity: 0.8;}
.entry__disabled { background-color: #f2f2f2;}
@media screen and (min-width: 840px){
  .entry__button { margin: 0 auto; display: block; color: #fff; margin:60px auto 100px auto; -webkit-transition: 0.2s; transition: 0.2s; }
}

.entry__privacy { overflow-x: hidden; overflow-y: scroll; width: 100%; font-size: 12px; height: 200px; border: 1px  #ddd solid ; padding: 20px;margin-top: 10px;}
.entry__privacy p { line-height:1.5; }
.entry__privacy dl { display:flex; }
.entry__privacy dl dt { width:5%; }
.entry__privacy dl dd { width:95%; }
@media screen and (min-width: 840px){
  .entry__privacy { width: 100%; line-height: 20px; text-align: justify; padding:10px 2.5%; margin:10px 0 0 0;}
  .entry__privacy dl dt { width:2%; }
  .entry__privacy dl dd { width:98%; }
}

.entry__check { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;margin-top: 30px}
@media screen and (min-width: 840px){
  .entry__check { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;margin-top: 10px}
}

.entry__label { width: 100%; display:flex; flex-wrap:wrap; margin: 0 ; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ff0000;  }
.entry__label__pp { padding:5px 5%; flex-wrap:nowrap; }
.entry__label input { width: 20px; height: 20px;}
.entry__label input[name="privacy"] { -moz-transform: scale( 1.5 , 1.5 ); -webkit-transform: scale( 1.5 , 1.5 ); }
.entry__hissu { min-width:48px; font-style:normal; font-size:14px; text-align:center; line-height:1.2; background:#ff0000; margin:0 0 0 10px; padding:4px 10px; border-radius:0px; color:#fff; }
.entry__label__pp .entry__hissu {  margin:0 10px; }
.entry__label span{ width:100%; margin:5px 0 0 0; display:block; line-height:1.5; }
.error_privacy { width:100%; display:block; text-align:center; font-weight:bold; color:#f00; }
@media screen and (min-width: 840px){
  .entry__label { width:auto; padding:5px 20px; justify-content:center; }
  .entry__label input{margin-bottom: 10px;margin-top: 11px;}
  .entry__label span{ width:auto; margin-left:10px; }
}


.confirm {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; padding:30px 50px; border: 1px #ddd solid; line-height:2em; background: white;}
.confirm__title { width: 100%; padding:5px 10px; margin-bottom:10px; border-bottom:1px solid #ccc; }
.confirm__description { width: 80%; padding:5px 0}

.page_comment_center { width: 100%; margin-top: 80px; text-align: center; }
.page_mind { text-align: center;font-size: 13px; line-height: 2.5em;margin: auto;margin-bottom: 100px;border-top: 3px double #EAEAEA;border-bottom: 3px double #EAEAEA;padding: 30px 0;width: 660px}
.page_mind span { font-weight: bold;}
.entry__inputs-full dt.W60{width: 60px; margin-top: 5px;}
.entry__inputs-full dd.W600{width: 600px;}
.wrapper{margin-top: 70px;padding-top: 30px;margin-top: 45px;letter-spacing: 0.1em;}
input.FORM__S{padding: 10px 1em; box-sizing: border-box;font-size: 1em;border-radius: 15px;background: #F8F8F8;width: 525px;border: none;color: #707070;}
dd.MONTH p.JA{margin-bottom: 0px;}
dd.DAY p.JA{margin-bottom: 0px;}
dd.DAY p.TIME {margin-bottom: 0px;}
.page_comment_center p{line-height: 20px;}
.entry__inputs div.MATOME{width: 700px;display: flex;flex-direction: row;}
.form_taisho{margin-top: 10px;font-size: 15px;color: #c7161d;font-weight: bold;line-height: 22px;}


.button {position: relative;right: auto;width: 242px;height: 60px;display: block;margin: 0 auto;border: none;background: url(../img/send.png) no-repeat;background-size: 100%;color: #fff;text-align: center;font-weight: bold;font-size: 16px;line-height: 60px;box-shadow: none;border-radius: 0;}
.satei label {position: relative;display: block;width: 30%;height: 50px;border: 2px solid #666666;background: #fff;}
.satei select {cursor: pointer;position: relative;-webkit-appearance: none;appearance: none;display: block;width: 200px;padding: 0 1em;line-height: 46px;color: #000;border: none;background: transparent;font-size: 16px;}

.satei ::-ms-expand {display: none}
.detail {width: 1100px;margin: 0 auto;}
.detail_in {width: 660px;margin: 0 220px;}
.detail dl.RESERVE {width: 660px;margin: 0 auto 30px auto;clear: none;background: none;border-bottom: none;}
dl.RESERVE dt {width: 100%;padding: 0;float: left;clear: none;font-size: 13px;line-height: 1.4em;background: none;}
dl.RESERVE dt em {float: left;}
dl.RESERVE dd {width: 100%;padding: 0;float: left;clear: none;background: none;}
dl.RESERVE dd.NESS {background: #ff0;}
dl.RESERVE dd .wsNo {width: 160px;float: left;}
dl.RESERVE dd .NAIYO {width: 100%;float: left;clear: none;margin: 0 0 10px 0;}
dl.RESERVE dd .NAIYO label {width: 100%;float: left;clear: none;margin: 0 10px 0 0;font-size: 14px;}
dl.RESERVE dd .NAIYO label.AMPM {width: 100%;}
dl.RESERVE dd p {width: 100%;float: left;clear: none;margin: 0 0 5px 0;}
dl.RESERVE dd span {width: 100%;float: left;clear: none;}
dl.RESERVE dd span.BUKKEN {width: 100%;float: left;clear: none;margin: 10px 0 0 0;}

dl.RESERVE dd span.VISIT {width: auto;float: left;clear: none;margin: 5px 10px 0 0;line-height: 36px;}
dl.RESERVE dd input[type="checkbox"] {width: 20px;height: 20px;margin: 5px 5px 0 0;}
dl.RESERVE dd input[type="radio"] {width: 20px;height: 20px;margin: 5px 5px 0 0;vertical-align: middle;}
dl.RESERVE dd span.ZIP {width: auto;float: left;clear: none;margin: 10px 10px 0 0;}
dl.RESERVE dd select {width: auto;float: left;clear: none;margin: 0px 10px 0 0;font-size: 14px;}
dl.RESERVE dd select option {padding: 0px;}
dl.RESERVE dd textarea {width: 420px;height: 100px;font-size: 16px;}
dl.RESERVE dd a.PASS {float: left;clear: both;margin: 0;color: #0af;}
dl.RESERVE dd a.PASS:hover {text-decoration: underline;}
dl.RESERVE dd a.PASS:active {text-decoration: underline;}
dl.RESERVE dd em.LOGIN_ERROR {display: block;float: left;width: 100%;color: #F85C33;}
dl.RESERVE dd span.TANI {width: auto;float: left;}
dl.RESERVE dd span.TANI img {width: auto;float: none;margin: 0 5px 0 0;vertical-align: middle;}
dl.RESERVE dd span.KEIJO {width: auto;float: none;margin: 0 20px 0 5px;line-height: 20px;}

dl.RESERVE dd span.KEIJO img {margin: 0 5px 0 0;vertical-align: middle;}
input.INPUT_SS {width: 100px;height: 17px;margin: 0 10px 0 0;float: left;font-size: 14px;line-height: 2em;border: 3px solid #666;padding: 1em 1em;}
.selectbox {width: 90%;margin: 1em auto;position: relative;}
.wrapper select {-webkit-appearance: none;appearance: none;width: 100%;padding: 20px 10px;box-sizing: border-box;font-size: 1em;border-radius: 15px;background: #F8F8F8;width: 525px;border: none;color: #707070;}
select.time {width: 349px;}
/*.selectbox::after {content: "";display: block;width: 10px;height: 10px;position: absolute;right: 5%;top: 35%;border-bottom: #333 2px solid;border-right: #333 2px solid;transform: rotate(45deg)translateY(-30%);}*/
.color.selectbox select {background: blue;color: #fff;border-radius: 2em;}
.color.selectbox::after {border-bottom: #fff 5px solid;border-right: #fff 5px solid;}
.top {width: 100%;display: flex;justify-content: space-between;margin: 0 0 50px 0;}
.top div {width: 32%;}
div.container img.hissu {width: 25px;}
div.container img.hissu2 {width: 25px;margin-top: 13px;}
label.form_input input .hissu {margin-top: 10px;}
.top_pc {width: 1260px;height: 200px;margin: 0 auto 50px auto;position: relative;overflow: visible;background: no-repeat url("../img/people.png");}
.top_pc .jcb {margin: 0 auto;}
.KEIJO_IMG{width: 16px;display: inline-block;}
form label{display: flex;flex-direction: row;align-items: center;margin-right: 30px;}
.area{ width:auto; max-width:200px; box-sizing: border-box; margin: 0 5px 0 0;}
select.scale{width: 200px;}
.entry__inputs dd.areawrap { display: flex; align-items:center; }
.shapeBox { display: flex; flex-direction:column; padding:10px 2.5%; border-radius:15px; }
@media screen and (min-width: 840px){
  .shapeBox { flex-direction:row; }
}
.typeBox { display: flex; flex-direction:column; padding:10px 2.5%; border-radius:15px; }
@media screen and (min-width: 840px){
  .typeBox { flex-direction:row; flex-wrap:wrap; }
  form .typeBox label { width:calc(33.33% - 30px); }
}

.b_year { width:40%; position: relative;}
.b_year::before { content: '年';position: absolute;right: -30px;top: 50%;transform: translateY(-50%);}
/*来店予約*/
.yoyaku {background: white;position: relative;width: 1200px;margin: 0 auto;border-radius: 50px;margin-bottom: 200px;}
.yoyaku_tytle {position: absolute;top: -60px;right: 0;left: 0;margin: 0 auto;width: 500px;}

.wrapper form h2{color: #76BB35;border-bottom: 1px solid;padding-bottom: 10px;padding-left: 30px;
font-size: 17px;border-bottom: 1px solid;}

/* エラー表示 */
.error_title { width: 100%; margin: 0 auto 20px auto; color: #f00; font-weight: bold; line-height:1.5; text-align: left; }
.error_text { position: relative;}
.error_text input,.error_text select,.error_text textarea{ border: solid 3px #f00!important;}
.error_text::after { content: attr(data-after); display: block; color: #f00; line-height:1.2; }
.error_text .shapeBox {border: solid #f00;}
.error_text .typeBox {border: solid #f00;}
label.error_text{ border: solid 3px #f00!important; border-radius:10px; }

@media screen and (max-width: 840px){
  .error_title { width: 90%; text-align: center; } 

/*開催店舗*/
.access {position: relative;margin: 0;}
.box_wrap {background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, white 10%, white 100%);}


/*来店予約*/
.yoyaku {border-radius: 0%;}
.yoyaku_tytle {position: absolute;top: -35px;right: 0;left: 0;margin: 0 auto;width: 75vw;}
.yoyaku_tytle img {width: 100%;}
.wrapper select {width: 100%;padding: 20px 5vw;}
.entry__inputs dd.DAY select { width: 90vw;}
.entry__inputs dd.areawrap .entry__input-text { width: 100%;}
.entry__inputs dd.shape{flex-direction: column;}
label{padding: 5px 0;}
.wrapper form h2{color: #76BB35;border-bottom: 1px solid;padding-bottom: 10px;padding-left: 30px;font-size: 17px;border-bottom: none;padding: 5px 10px;text-align: center;border: 1px solid;width: 90%;margin: 0 auto;}
.entry__inputs dd input.MONTH_SHORT{width: auto;border-radius: 15px; padding: 15px 5vw;border: none;}
}


.naiyo { border:1px solid #ccc; margin-bottom:50px; }
.naiyo .entry__inputs dd { border-bottom:0; padding:0 20px 0 20px; }
.naiyo .entry__inputs { margin-bottom:50px; }
@media screen and (min-width: 840px){
  .naiyo  { margin-bottom:0; width:100%; }
  .naiyo .entry__inputs dt { margin-bottom:0; border-bottom:0; }
  .naiyo .entry__inputs { margin-bottom:0; }

}

.h1_satei { font-size:20px; font-weight:bold; letter-spacing:0.15em; margin:30px 0; }
@media screen and (min-width: 840px){
  .h1_satei { font-size:25px; }
  
}