/* index.php */
.PC{display: block;}
.SP{display:none;}
.title_top{margin:50px 0 0 0;}
.title{text-align:center;}
.title h1{margin: 15px 0 0 0;}
.title p{margin-top: 30px;}
.title p span {font-size: 1.5rem; font-weight: bold; line-height: 5rem; color: #f00;}
.title strong{color: #0A3F67;font-size: 50px;letter-spacing: 0.05em;}

/* ページトップ矢印 */
.pagetop {position: fixed; right: 60px;}

@media screen and (max-width: 740px) {
  .title_top{margin: 10px 0 20px 0;}
  .title{ width:95%; margin:0 auto; }
  .title strong{font-size: 40px;}
}

.contents { width: 950px; margin: 10px auto; }
.contents__color,.header__entry,.footer__entry a { color:#FF7600; }
.contents__text { width:100%; margin:100px 0 20px 0; line-height: 25px;padding-bottom: 50px;margin-bottom: 50px;}

.entry {}
.entry__inputs { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 14px;margin-bottom: 50px;}
.entry__inputs dt { width: 200px; padding: 15px 10px 15px 30px;text-align: left; display: flex;align-items: center;font-size: 15px;letter-spacing: 1px;border-bottom: 1px solid #e6e4e4;}
dt:first-of-type, dd:first-of-type {border-top: 1px solid #e6e4e4;}
.entry__inputs dt.FLEX_START{display: flex;align-items: flex-start;}

.entry__inputs dd { width: 675px; padding: 15px 0px 15px 30px; text-align: left;margin-left: 0;border-bottom: 1px solid #e6e4e4;}
.entry__inputs dd.MONTH{width: 675px;padding-right: 0px;display: flex;align-items: center;}
.entry__inputs dd.MONTH2{width: 305px; display: block;}
.entry__inputs dd.MONTH select{width: 285px;}
.entry__inputs dd.DAY{width: 675px;padding-left: 30px;display: flex;align-items: center;}
.entry__inputs dd.DAY2{width: 305px; display: block; border-top:1px solid #e6e4e4; }
.entry__inputs dd.DAY select{width: 285px;background: #F8F8F8;border: none;}
.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: 141px;padding-left: 0px; height: 30px; background-color: #F8F8F8; border: solid 1px #eee;}
.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-full { margin-bottom:15px; padding-bottom:15px; border:none; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; border-bottom:1px  #ddd solid;}
.entry__inputs-full:last-child { margin-bottom:0; padding-bottom:0; border:none; }
.entry__inputs-full dt { width: 90px; background:none; padding:0; border:none; text-align: left;font-size: 13px;padding-right: 10px;display: flex;align-items: center;}
.entry__inputs-full dd { width: 80%; padding:0 10px; border:none; width: 525px;text-align: left;padding-left: 0;padding-right: 0;}
.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; }
.entry__inputs-label {  width:100%; display:flex; margin:5px 0; align-items:center; }
.entry__inputs-check {  width:20px; height:20px; margin-right: 4px;}
.entry__must { position: relative;}
.entry__non { position: relative;}
.entry__must::after { content:"必須";position: absolute; right: 25px; top: 50%; transform: translateY(-50%); font-size: 10px; color: #fff; padding: 2px 5px;background-color: #00a2e6;padding: 4px 8px;background-color: #FB2A1D;border-radius: 5px;font-size: 11px;}
.entry__input-text { width: 600px;padding: 1em 1em;font-size: 1em;background: #F8F8F8;border: none;border-radius: 15px;padding: 18px 1em;}
.entry__input-textarea { width: 75%;height: 100px;width: 600px;background: #F8F8F8;border: none;border-radius: 15px;padding: 1em 2em;
font-size: 13px;padding: 18px 1em;}
.entry__input-text::placeholder,.entry__input-textarea::placeholder { color: #aaa;}
.entry__button { margin: 30px auto; height:40px; display: block;background-color: #f00;color: #fff; border:none; padding: 30px 100px;-webkit-transition: 0.2s;transition: 0.2s;font-size: 17px;line-height: 2px;letter-spacing: 1px;border-radius: 20px;margin-top: 60px;}
.entry__button:hover{opacity: 0.8;}
.entry__privacy { overflow-x: hidden; overflow-y: scroll;width: 900px;font-size: 12px; height: 200px;border: 1px  #ddd solid ;padding: 20px;margin-top: 10px;}
.entry__pmark { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 10px; -webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; margin-top: 80px;display: none;}
.entry__pmark img { width:75px; }
.entry__pmark p { margin:0 0 0 10px; width: 200px}
.entry__disabled { background-color: #FB2A1D;}
.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}
.entry__hissu{ background-color: #f60;font-size: 10px;color: #fff; padding: 2px 5px; margin: 0 5px;background-color: #FB2A1D;padding: 4px 8px;background-color: #FB2A1D;border-radius: 5px;font-size: 11px;font-style: inherit;}
.entry__label { display: -webkit-box; display: -ms-flexbox; display: flex;margin: 0 ; -webkit-box-align: center; -ms-flex-align: center; align-items: center;color: #FB2A1D;  }
.entry__label input { width: 20px; height: 20px;}

.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: 20px 10px;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: #ff775d;}
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;}
.ADDRESS{width: 500px;}
.KEIJO_IMG{width: 16px;display: inline-block;}
form label{display: flex;flex-direction: row;align-items: center;margin-right: 30px;}
.area{width: 200px; box-sizing: border-box; margin: 0 5px 0 0;}
select.scale{width: 200px;}
.entry__inputs dd.shape {display: flex;flex-direction: row;padding-top: 25px;padding-bottom: 25px;}
.entry__inputs dd.areawrap { display: flex;}

.b_year {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; margin: 15px 0 5px 0; padding-bottom: 10px;padding-left: 30px;
font-size: 17px;border-bottom: 1px solid;}

/* エラー表示 */
.error_title { width: 90%; margin: 0 auto 20px auto; color: #f00; font-size: 16px; font-weight: bold; text-align: center; }
.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;}
.error_text.shape label {border: solid #f00;}


@media screen and (max-width: 740px){

.contents { width: 100%; margin-top: -50px;padding-bottom: 50px;}
.entry p {font-size: 12px;}
.entry__inputs { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 16px;border-top:1px  #ddd solid;margin-bottom: none;}
.entry__inputs dt { width: 100%; background-color: #EEEEEE; padding: 5px 10px; border-bottom: none; }
.entry__inputs dd { width: 90vw; padding: 15px 5vw; border-bottom: none;font-size: 14px;}
.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;}

.entry__inputs-full { border:none; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom: -5px;width: 90vw;}
.entry__inputs-full dt { width: 100%; background:none; padding:5px 10px; border-bottom:none }
.entry__inputs-full dd { width: 100%; padding:5px 10px; border-bottom:none;padding-left: 0px; }

.entry__must::after { content:"必須";position: absolute; right: 10px; font-size: 10px; color: #fff; padding: 2px 5px}
.entry__input-text { padding: 20px 5vw;width: 80vw;}
.entry__input-textarea { width: 100%; height: 100px;width: 80vw;height: 100px;padding: 5vw;}
.entry__button { margin: 0 auto;display: block;color: #fff;padding: 5px 100px;margin-top: 30px; -webkit-transition: 0.2s; transition: 0.2s;}
.entry__privacy { width: 90%;line-height: 20px;text-align: justify;width: 80vw;padding: 5vw;margin: 0 auto;}
.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__hissu{ width: auto; display: inline-block;  font-size: 10px;color: #fff; padding: 2px 5px; margin: 0 5px; font-weight: bold; font-style: normal;}
.entry__label { width: 90%; display: inline-block;margin: 0 ; -webkit-box-align: center; -ms-flex-align: center; align-items: center;font-size: 14px;text-align: center; line-height:1.2; }
.entry__label input{margin-bottom: 10px;margin-top: 11px;}
.entry__label em{margin-bottom: 10px;}

.confirm {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; padding:20px; border: 1px #ddd solid; font-size: 12px;width: 80vw;
margin: 0 auto;}
.confirm__title { width: 90vw; padding:5px 0}
.confirm__title::before { content: "■"}
.confirm__title::after { content: "："}
.confirm__description { width: 50%; padding:5px 0}
.page_mind { width: auto;}
.page_mind br { display: none}

.page_comment_center{margin-top: 40px;}
.entry__button{margin-top: 40px; padding: 0; width: 300px; height: 55px; text-align: center;}
.entry__inputs-full:last-child{width: 95vw;}
dd p.JA{font-size: 14px;margin-bottom: 5px;}
dd p.TI{margin-bottom: 0px;}
.contents__text{width: 90vw;margin: 0 auto;margin-top: 100px;margin-bottom: 14px;}
.entry__inputs div.MATOME{width: 100%;border-bottom: 1px  #ddd solid;flex-direction: column;}
.form_taisho p{width: 80vw;margin: 0 auto;line-height: 20px;font-size: 14px;margin-bottom: 10px;}
.wrapper {margin-top: 30px;
padding-top:0;
margin-bottom: 0px;
width: 100vw;}
#PAGE section {padding-bottom: 20px;}
#PAGE section .PAGE_IN {width: 95%;margin: 0 auto;padding: 0px 0;padding-top: 70px;}
#PAGE section .logo img {width: 40vw;}
.sp {display: block;}
.pc {display: none;}
.scroll {width: 10%;margin: 0 0 30px 0;}
.box {width: 100%;height: auto;display: block;border: none;margin: 0 0 50px 0;position: relativie;overflow: visible;}
.PAGE_IN h3 img {width: 100%;}
strong {width: 100%;text-align: center;display: inline-block;font-size: 1rem;line-height: 2em;}
strong span {font-size: 1.2rem;}
.space {width: 100%;height: 100px;display: inline-block;}
.box .box_en {width: 110px;height: 110px;border-radius: 50%;border: 3px solid #333366;background: #ff3900;position: absolute;top: -90px;left: 1%;text-align: center;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;font-weight: bold;}
.border {width: 100%;}
.PAGE_IN strong {font-size: 0.9rem;}
.top {width: 100%;display: initial;margin: 0 0 0px 0;flex-wrap: initial;}
.top_pc {display: none;}
div.container img.hissu {width: 25px;}
div.container img.hissu2 {width: 25px;}
div.container img.hissu2 {width: 25px;margin-top: 10px;}
input.FORM__S{width: 90vw;}

/*開催店舗*/
.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%;}
.contents {margin-top: -50px;}
.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;}
.entry__inputs-label{line-height: 13px; margin:0; padding: 8px 0; display:flex; align-items:center; }
.entry__inputs-label span{display:block; margin:0; line-height:1.4; }
.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: 90vw;border-radius: 15px; padding: 15px 5vw;border: none;}
}

@media screen and (max-width: 320px){
  dd p.TI{width: 17vw;}
}


/* 全体共通レスポンシブ */
@media screen and (max-width: 740px) {
.PC{display: none;}
.SP{display:block;}
.contents {margin: 50px auto;}
}