@charset "utf-8";
/* CSS Document */

/*==================================
	base
==================================*/
/* hdBar */
.hdBar { position: relative; z-index: 100;}
@media screen and (min-width: 750px) {
.hdBar .searchBar { background: #4bb4f0;}
.hdBar .searchBar .inner { padding: 15px 0; display: flex; justify-content: flex-end;}
.hdBar .searchBar .inner .ico_place { width: 250px; margin-right: 15px;}
.hdBar .searchBar .inner .ico_date { width: 250px; margin-right: 15px;}
.hdBar .searchBar .inner  input { padding-top: 7px; padding-bottom: 7px;}
.hdBar .searchBar .inner .btn { width: 140px; padding: 6px 0; font-size: 18px; font-weight: 500; border: solid 2px #fff;}
.hdBar .searchBarBox { position: relative;}
.hdBar .searchBar_place,
.hdBar .searchBar_date { display: none; position: absolute; width: 250px; background: #fff; top: 40px; border: solid 2px #4bb4f0;}
.hdBar .searchBar_place.open,
.hdBar .searchBar_date.open { display: block;}
}
@media screen and (max-width: 749px) {
body.open {overflow: hidden;}
.hdBar .searchBar { display: none;}
.breadcrumbBar .list { font-size: 1rem; padding: 10px 0;}
}

/* 2column */
main aside .sideMainTit { position: relative; padding: 10px 0; text-align: center; box-shadow: 0px 0px 8px 0px rgba(75, 180, 240, 0.5); border-radius: 80px;}
main aside .sideMainTit:before,
main aside .sideMainTit:after { content: ""; position: absolute; top: 100%; left: 50%;}
main aside .sideMainTit:before { margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #cbe9fb;}
main aside .sideMainTit:after { margin-left: -13px; border: 13px solid transparent; border-top: 13px solid #fff;}
@media screen and (min-width: 750px) {
main { display: flex; justify-content: space-between;}
main aside { width: 330px;}
main section { width: 810px;}
main aside .close,
main aside .sp-navigation { display: none;}
main aside .sideTit { margin-top: 40px; text-align: center; font-weight: 700; padding-bottom: 14px; border-bottom: solid 2px #4bb4f0;}
main aside .sideTit.mb { margin-bottom: 20px;}
}
@media screen and (max-width: 749px) {
main aside { text-align: center;}
main aside .sideMainTit { font-size: 1.4rem; display: inline-block; padding: 15px 20px;}
main aside .sp-navigation { background: #e6f7ff; border-radius: 10px; padding: 10px 0; margin: 20px 0 30px 0;}
main aside .sp-navigation .list { display: flex; flex-wrap: wrap; justify-content: center;}
main aside .sp-navigation .list li { font-size: 1.4rem; width: 27%; margin: 5px 2%; background: #fff; border: solid 1px #4bb4f0; border-radius: 30px; padding: 15px 0;}
main aside .searchmenu { display: none; opacity: 0; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #4bb4f0; z-index: 100; padding: 50px 6.66% 30px 6.66%;}
main aside .searchmenu .searchmenuContents { background: #fff; border-radius: 10px;}
main aside .searchmenu.open { display: block; opacity: 1; overflow-x: hidden; overflow-y: auto;}
main aside .searchmenu01 .searchmenuContents,
main aside .searchmenu04 .searchmenuContents { padding: 20px 6.66%;}
main aside .searchmenu02 .searchmenuContents,
main aside .searchmenu03 .searchmenuContents,
main aside .searchmenu06 .searchmenuContents {overflow: hidden;}
main aside .searchmenu05 .searchmenuContents .custom-select-trigger,
main aside .searchmenu05 .searchmenuContents .custom-option { padding: 15px;}
main aside .sideTit { color: #fff; font-size: 2.4rem; margin-bottom: 15px;}
main aside .close { display: block; width: 25px;height: 25px; position: absolute; right: 6.66%; top: 30px;}
main aside .close:before, main aside .close:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff; transform: rotate(45deg); transform-origin:0% 50%; position: absolute; top: calc(14% - 5px); left: 14%;}
main aside .close:after{ transform: rotate(-45deg); transform-origin:100% 50%; left: auto;  right: 14%;}
}


/*==================================
	parts
==================================*/
/* error */
.errorTxtBox { margin-bottom: 50px; text-align: left; padding: 20px; border: solid 2px #f88a48; color: #f88a48;}
.errorTxtBox .tit { font-size: 18px; margin-bottom: 5px; font-weight: bold;}
.errorTxtBox .notes { font-size: 12px; margin-top: 5px;}
@media screen and (max-width: 749px) {
.errorTxtBox { margin-bottom: 25px; padding: 5%;}
.errorTxtBox .tit { font-size: 1.6rem;}
.errorTxtBox .notes { font-size: 1rem;}
}

/* accordion */
.accordion dt,
.accordion dd { position: relative; line-height: 1.8;}
.accordion dt { padding: 20px 65px; cursor: pointer; background:url("../img/accordion_open.png") no-repeat right 30px center; background-size:auto 20px; font-weight: 700;}
.accordion dt.open { background:url("../img/accordion_close.png") no-repeat right 30px center; background-size:auto 20px;}
.accordion dd { padding: 20px 20px 20px 65px; display:none;}
@media screen and (max-width: 749px) {
.accordion dt,
.accordion dd { font-size: 1.4rem; background-position: right 15px center;}
.accordion dt.open { background-position: right 15px center;}
.accordion dt { padding: 10px 40px;}
.accordion dd { padding: 10px 15px 10px 40px;}
}
/* faqlist */
.accordion.faqlist dt { border: solid 1px #c8e7f9; border-bottom:0; background-color: #f3fbff;}
.accordion.faqlist dt:nth-last-of-type(1) { border-bottom: solid 1px #c8e7f9;}
.accordion.faqlist dd:nth-last-of-type(1) { border-bottom: solid 1px #dddddd;}
.accordion.faqlist dt.open { border-bottom: solid 1px #c8e7f9; background-color: #f3fbff;}
.accordion.faqlist dd { border-right: solid 1px #dddddd; border-left: solid 1px #dddddd;}
.accordion.faqlist dt:before { content: "Q"; color: #4bb4f0;}
.accordion.faqlist dd:before { content: "A"; color: #f88a48;}
.accordion.faqlist dt:before,
.accordion.faqlist dd:before { left: 30px; top: 10px; font-size: 24px; position: absolute;}
@media screen and (max-width: 749px) {
.accordion.faqlist dt:before,
.accordion.faqlist dd:before { font-size: 2rem; left: 15px; top: 5px;}
}
/* patternArr */
.accordion.patternArr dt { width: 100%; background: #fff; position: relative; display: inline-block; padding: 0 0 0 16px; vertical-align: middle; text-decoration: none;}
.accordion.patternArr dt:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #4bb4f0; border-right: 1px solid #4bb4f0; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle;}
.accordion.patternArr dt.open:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/* selectBtnList */
.selectBtnList { display: flex; flex-wrap: wrap;}
.selectBtnList li { margin: 0 8px 10px 0;}
.selectBtnList.nod li input { width: 75px;}
.selectBtnList label.check input { display: none;}
.selectBtnList label.check span { font-size: 14px; padding: 5px 10px; display: inline-block; background: #f3fbff; border: solid 1px #c8e7f9; text-align: center; border-radius: 20px;}
.selectBtnList label.check input:checked + span { background: #c8e7f9;}
@media screen and (max-width: 749px) {   
.selectBtnList label.check span { font-size: 1.4rem; padding: 12px 15px; border-radius: 30px;}
}

/* priceBox */
.priceBox .custom-select-wrapper,
.priceBox .custom-select-wrapper .custom-select{ width: 100%; font-size: 14px;}

/* breadcrumbBar */
.breadcrumbBar { background: #f3fbff; color: #4bb4f0;}
.breadcrumbBar .list { display: flex; flex-wrap: wrap;}
.breadcrumbBar .list li:after { content: ">"; display: inline-block; margin: 0 10px; color: #2d2d2d;}
.breadcrumbBar .list li:nth-last-child(1):after { display: none;}
.breadcrumbBar .list li a { color: #2d2d2d; display: inline-block;}
@media screen and (min-width: 750px) {
.breadcrumbBar { margin-bottom: 60px;}
.breadcrumbBar .list { font-size: 14px; padding: 20px 0;}
}
@media screen and (max-width: 749px) {
.breadcrumbBar { margin-bottom: 30px;}
.breadcrumbBar .list { font-size: 1rem; padding: 10px 0;}
}

/* pagination */
.pagination { text-align: center; margin-top: 50px;}
.pagination .list { display: flex; justify-content:center;}
.pagination .list li { border: solid 1px #dddddd; margin: 0 5px; background: #fff;}
.pagination .list li a { width: 40px; height: 40px; line-height: 40px; text-align: center; font-weight: 500;}
.pagination .list li.selected { border: solid 1px #4bb4f0; background: #4bb4f0;}
.pagination .list li.selected a { color: #fff;}
.pagination .arrow.prev:before{ left: 0; right: 0; width: 10px; height: 10px; border-top: 1px solid #4bb4f0; border-right: 1px solid #4bb4f0; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
.pagination .arrow.next:before{left: 0; right: 0; width: 10px; height: 10px; border-top: 1px solid #4bb4f0; border-right: 1px solid #4bb4f0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
@media screen and (max-width: 749px) {
.pagination .list li { margin: 0 3px;}
.pagination .list li a { width: 30px; height: 30px; line-height: 30px;}
.pagination .arrow.prev:before{  width: 7px; height: 7px;}
.pagination .arrow.next:before{ width: 7px; height: 7px;}
}

/*==================================
	parts - formBox
==================================*/
.formBox .formList { border-right: solid 1px #bae6ff; border-bottom: solid 1px #bae6ff;}
.formBox .formList dt { background-color: #f3fbff; text-align: center; border-top: solid 1px #bae6ff; border-left: solid 1px #bae6ff;}
.formBox .formList dt.required { position: relative;}
.formBox .formList dt.required:before { font-size: 12px; padding: 3px 6px; position: absolute; content: "必須"; background: #f88a48; color: #fff; left: 0; top: 0; font-weight: 700;}
.formBox .formList dd { border-top: solid 1px #bae6ff; border-left: solid 1px #bae6ff;}
.formBox .formList dd.namearea { display: flex;}
.formBox .formList dd.namearea .item { width: 48%; max-width: 240px;}
.formBox .formList dd.namearea .item input { margin-top: 5px;}
.formBox .formList dd .item .custom-select-trigger { padding: 10px 15px;}
.formBox .formList dd.birtharea { display: flex;}
.formBox .formList dd.birtharea .item .bd_year { width: 130px;}
.formBox .formList dd.birtharea .item .bd_month { width: 100px;}
.formBox .formList dd.birtharea .item .bd_day { width: 100px;}
.formBox .formList dd.countryarea .item .country { width: 200px;}
.formBox .nomalcheckbox { text-align: center;}
.formBox .summary { margin-top: 50px;}
.formBox .summary.attention { text-align: center; font-weight: 700; line-height: 2;}
.formBox .attention { padding: 30px 0; background: #fff6f1; border: solid 1px #f88a48;}
.formBox .attention .checkbtn { height: 36px; padding-left: 36px; margin-bottom: 10px;}
.formBox .attention p { font-weight: 700;}
.formBox .attention a { display: inline-block; color: #4bb4f0; text-decoration: underline;}
.formBox .notes { font-size: 13px; text-align: right; margin-top: 10px;}
.formBtn { text-align: center; margin-top: 60px;}
.formBtn .btn { text-align: center;}
.formBtn .btn a { padding: 15px 0; font-size: 20px; border-radius: 80px; color: #fff; background: #c4c4c4; max-width: 100%; width: 430px; margin: auto; font-weight: 500;}
.formBtn .btn a.active { background: #f88a48;}
.formBtn .btn a.minibtn { font-size: 18px; width: 100px; padding: 5px;}
.formBtn .submitbtn { padding: 15px 0; font-size: 20px; border-radius: 80px; color: #fff; background: #f88a48; max-width: 100%; width: 430px; margin: auto; font-weight: 500; border: 0;}
.formBtn .submitbtn:disabled { background: #c4c4c4;}

.formBox .formList dd.emergency-area input{ display: flex;flex-wrap: wrap;flex-direction: column;}
.formBox .formList dd.emergency-area input:nth-of-type(1){ width: 160px;}
.formBox .formList dd.emergency-area input:nth-of-type(3){ width: 160px;}
.formBox .formList dd.emergency-area .emergency-area-confirm{ display: flex; flex-direction: column; align-items: flex-start;}


.confirm .formBox .summary.attention { font-size: 18px; color: #f88a48;}
.confirm .formBtn { display: flex; justify-content: center; align-items: end; gap: 20px;}
/* payment accordion */
.formBox .formList dd.accordion.payment dt { width: 100%; background-color: #fff; border: 0;}
.formBox .formList dd.accordion.payment dd { width: 100%; background-color: #f3fbff; border: 0;}
/* radio */
.formBox input[type=radio] { display: none;}
.formBox .radiobtn { box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0 10px 45px; margin-right: 20px; position: relative; width: auto;}
.formBox .radiobtn:before { border: solid 1px #dedede; background: #fff; border-radius: 50%; content: ''; display: block; height: 30px; left: 5px; margin-top: -8px; position: absolute; top: 16px; width: 30px;}
.formBox .radiobtn:after { background: #4bb4f0; border-radius: 50%; content: ''; display: block; height: 14px; left: 13px; margin-top: -4px; opacity: 0; position: absolute; top: 20px; transform: scale3d(.3,.3,1); transition: transform .2s ease-in-out, opacity .2s ease-in-out; width: 14px;}
.formBox input[type=radio]:checked + .radiobtn:after { opacity: 1; transform: scale3d(1,1,1);}
/* checkbox */
.formBox input[type=checkbox] { display: none;}
.formBox .checkbtn { box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0 10px 50px; position: relative; width: auto;}
.formBox .checkbtn:before { border: solid 1px #dedede; background: #fff;  content: ''; display: block; width: 36px; height: 36px; left: 0; margin-top: -8px; position: absolute; top: 12px; border-radius: 5px;}
.formBox .checkbtn:after { content: ''; display: block; width: 28px; height: 13px; left: 4px; opacity: 0; position: absolute; top: 12px; transition: transform .2s ease-in-out, opacity .2s ease-in-out;   border-left: 5px solid #4bb4f0; border-bottom: 5px solid #4bb4f0; transform: rotate(-45deg);}
.formBox input[type=checkbox]:checked + .checkbtn:after { opacity: 1;}
@media screen and (min-width: 750px) {
.formBox { margin-bottom: 40px;}
.formBox .formList { display: flex; flex-wrap: wrap;}
.formBox .formList .min { font-size: 12px;}
.formBox .formList dt { width: 230px; padding: 20px 15px; display: grid; place-items: center;}
.formBox .formList dt .min { display: block;}
.formBox .formList dd { width: 578px; padding: 20px 26px;} 
.formBox .formList dd.namearea .item:nth-of-type(2) { margin-left: 15px;}
.formBox .formList dd.birtharea .item:nth-of-type(2) { margin-left: 15px;}
.formBox .formList dd.birtharea .item:nth-of-type(3) { margin-left: 15px;}
.formBox .formList dd.telarea input { width: 160px;}
.formBox .formList dd.ziparea input { width: 120px;}
.confirm .formBox .formList dd { padding: 30px 26px;}
.confirm .formBox .formList dd.namearea { padding-top: 40px;}
/* payment accordion */
.formBox .formList dd.accordion.payment dt { display: block; text-align: left;}
.formBox .formList dd.accordion.payment dt .min { display: inline-block;}
}
@media screen and (max-width: 749px) {
.formBox .formList  { font-size: 1.4rem;}
.formBox .formList .min { font-size: 1rem;}
.formBox .formList dt { padding: 10px 5%; line-height: 1.2;}
.formBox .formList dd { padding: 15px 5%;}
.formBox .formList dd.namearea { justify-content: space-between;}
.formBox .formList dd .nomalradio { text-align: center;}
.formBox .formList dd.birtharea .item .bd_year { width: 90px;}
.formBox .formList dd.birtharea .item .bd_month { width: 70px;}
.formBox .formList dd.birtharea .item .bd_day { width: 70px;}
.formBox .formList dd.birtharea .item:nth-of-type(2) { margin-left: 10px;}
.formBox .formList dd.birtharea .item:nth-of-type(3) { margin-left: 10px;}
.formBox .formList dd.payment .nomalradio { text-align: left;}
.formBox .formList dd.payment .nomalradio .min { display: inline-block;}
.formBox .summary { margin-top: 30px;}
.formBox .summary.attention { font-size: 1.4rem;}
.formBox .attention { padding: 15px 0;  font-size: 1.4rem; line-height: 1.8;}
.formBox .attention .checkbtn { margin-bottom: 5px;}
.formBox .notes { font-size: 1rem;}
.formBtn { margin-top: 30px;}
.formBtn .btn a { font-size: 1.8rem;}
.confirm .formBtn .btn a { width: 210px;}
.formBtn .btn a.minibtn { font-size: 1.4rem; width: 90px;}
.formBtn .submitbtn { font-size: 1.8rem;}
/* payment accordion */
.formBox .formList dd.accordion.payment dt { padding-right: 50px;}
.formBox .formList dd.accordion.payment dt .min { display: block;}
/* radio */
.formBox .radiobtn:before { top: 12px;}
.formBox .radiobtn:after { top: 16px;}
/* checkbox*/
.formBox .checkbtn { padding: 5px 0 10px 50px;}
}



/*==================================
	page - list
==================================*/
.page-list .mainarea .sort { margin-bottom: 30px;}
.page-list .mainarea .sort .list { display: flex;}
.page-list .mainarea .sort .list li { width: 33.3%; text-align: center;}
.page-list .mainarea .sort .list li a { padding: 20px 0;}
.page-list .mainarea .sort .list li a .icon { background: url("../img/icon_sort_off.png") right center no-repeat; background-size: 12px auto; padding-right: 25px;}
.page-list .mainarea .sort .list li a.on { color: #4bb4f0; font-weight: 700;}
.page-list .mainarea .sort .list li a.on .icon { background: url("../img/icon_sort_on.png") right center no-repeat; background-size: 12px auto;}
.page-list .mainarea .sort .list li:first-child,
.page-list .mainarea .sort .list li:last-child { border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.page-list .mainarea .result { text-align: center; background: #fff6f1; border: solid 1px #f88a48; color: #f88a48; padding: 18px; margin-bottom: 40px;}
.page-list .mainarea .itemList li { display: flex; justify-content: space-between; margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #dddddd;}
.page-list .mainarea .itemList li .itemInfo .morebtnArea .arrow:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #4bb4f0; border-right: 1px solid #4bb4f0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
@media screen and (min-width: 750px) {
.page-list main aside { width: 250px;}
.page-list main section { width: 890px;}
.page-list .mainarea .itemList li .itemImg { width: 240px;}
.page-list .mainarea .itemList li .itemImg img { width: 240px; height: 180px;}
.page-list .mainarea .itemList li .itemInfo { width: 620px;}
.page-list .mainarea .itemList li .itemInfo .itemDetail { width: 390px;}
.page-list .mainarea .itemList li .itemInfo .morebtnArea { text-align: right;}
}
@media screen and (max-width: 749px) {
.page-list .mainarea .sort .list li a { font-size: 1.4rem; padding: 10px 0;}
.page-list .mainarea .sort .list li a .icon { background: url("../img/icon_sort_off.png") right center no-repeat; background-size: 8px auto; padding-right: 15px;}
.page-list .mainarea .sort .list li a.on .icon { background: url("../img/icon_sort_on.png") right center no-repeat; background-size: 8px auto;}
.page-list .mainarea .result { font-size: 1.4rem; padding: 10px;}
.page-list .mainarea .itemList li { position: relative; padding-bottom: 120px;}
.page-list .mainarea .itemList li .itemImg { width: 46.15%;}
.page-list .mainarea .itemList li .itemImg img { height: 35.5vw;}
.page-list .mainarea .itemList li .itemInfo { width: 47.69%;}
.page-list .mainarea .itemList li .itemDetail { text-align: center;position: absolute; bottom: 85px; width: 100%; left: 0; right: 0; margin: auto;}
.page-list .mainarea .itemList li .morebtnArea { text-align: center;position: absolute; bottom: 30px; width: 100%; left: 0; right: 0; margin: auto;}
}


/*==================================
	page - details
==================================*/
.page-details .details_main .tit { border-left: solid 3px #4bb4f0; padding-left: 10px; font-size: 24px; margin-bottom: 20px; font-weight: 700;}
.page-details .details_main .code { margin-bottom: 40px; padding: 0 10px; background: #f3fbff; border: solid 1px #c8e7f9; display: inline-block;}
.page-details .details_main .swiper-containerArea { position: relative; margin-bottom: 60px;}
.page-details .details_main .detailsSlider .swiper-slide { margin: 0 25px; width: 820px; height: 614px;}
.page-details .details_main .detailsSlider .swiper-slide img { border-radius: 0px; width: 100%; height: 100%;}
.page-details .details_main .detailsSlider-pagination { margin-top: 10px; text-align: center;}
.page-details .details_main .detailsSlider-pagination span { margin: 0 8px; width: 10px; height: 10px;}
.page-details .details_main .point .secTit { font-size: 32px;}
.page-details .details_main .point .txt { line-height: 2;}
.page-details .details_info .infoTit { margin: 60px 0 20px 0; font-size: 20px; padding: 10px; letter-spacing: 0.1em; text-align: center; font-weight: 700; background: #4bb4f0; color: #fff;}
.page-details .details_info .infoSubTit { padding: 5px; margin-bottom: 30px; font-size: 18px; font-weight: 700; background: #bae6ff; text-align: center;}
.page-details .details_info .setPlace .setPlaceBox .btnArea { margin-top: 30px; text-align: center;}
.page-details .details_info .setPlace .setPlaceBox .btnArea .btnWH { width: 260px; font-size: 16px; border-radius: 60px; padding: 15px 0; color: #4bb4f0; background: #fff; border: solid 1px #4bb4f0; display: inline-block; text-align: center;}
.page-details .details_info .setPlace .setPlaceBox .btnArea .arrow:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #4bb4f0; border-right: 1px solid #4bb4f0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.page-details .details_info .setPlace .setPlaceBox .gathering .mapArea iframe { width: 100%; aspect-ratio: 16/8;}
.page-details .details_info .setPlace .setPlaceBox .dissolution .list { border-top: solid 1px #dddddd;}
.page-details .details_info .setPlace .setPlaceBox .dissolution .list li { position: relative; font-size: 18px; padding: 18px 0 18px 80px; border-bottom: solid 1px #dddddd;}
.page-details .details_info .setPlace .setPlaceBox .dissolution .list li .label { position: absolute; top: 22px; left: 0; line-height: 1; font-size: 14px; width: 60px; padding: 4px 0; display: inline-block; margin-right: 10px; background: #4bb4f0; color: #fff; text-align: center; font-weight: 700;}
.page-details .details_info .guide .list li a { border: solid 1px #ddd; position: relative;}
.page-details .details_info .guide .list li a:after { position: absolute; content: ""; background: url("../img/icon_details_external_link.svg") no-repeat; background: 100% auto; width: 20px; height: 20px; right: 20px; bottom: 20px;}
.page-details .details_info .guide .list li img { object-fit: cover;}
.page-details .details_info .guide .list li .txtarea .tit { margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 2px #4bb4f0; font-weight: 700; display: inline-block;}
.page-details .details_info .guide .list li .txtarea .name { margin-bottom: 10px; font-size: 20px; font-weight: 700;}
.page-details .details_info .guide .list li .txtarea .txt { line-height: 1.8;}
.page-details .details_similar { margin-top: 90px;}
.page-details .details_similar .similarTit { text-align: center; margin-bottom: 60px; font-size: 24px; font-weight: 700;}
.page-details .details_similar .similarTit .line { padding-bottom: 10px; display: inline-block; border-bottom: solid 2px #4bb4f0;}
.page-details .details_similar .swiper { position: relative;}
.page-details .details_similar .itemList li { width: 270px;}
@media screen and (min-width: 750px) {
.page-details .details_main .swiper-containerArea .detailsSlider-button-prev { left: 150px;}
.page-details .details_main .swiper-containerArea .detailsSlider-button-next { right: 150px;}
.page-details .details_info .setPlace .setPlaceBox { display: flex; justify-content: space-between;}
.page-details .details_info .setPlace .setPlaceBox .gathering { width: 580px;}
.page-details .details_info .setPlace .setPlaceBox .dissolution { width: 580px;}
.page-details .details_info .guide .list { display: flex; flex-wrap: wrap; gap: 40px;}
.page-details .details_info .guide .list li a { padding: 38px; width: 580px; display: flex; justify-content: space-between;}
.page-details .details_info .guide .list li img { width: 150px; height: 150px; border-radius: 10px;}
.page-details .details_info .guide .list li .txtarea { width: 325px;}
.page-details .details_similar .swiper-button { display: none;}
.page-details .details_similar .swiper-wrapper { gap: 40px;}
.page-details .details_similar .swiper-slide { width: calc(33.333% - 16px);}
}
@media screen and (max-width: 749px) {
.page-details .details_main .tit { font-size: 2rem;}
.page-details .details_main .code { margin-bottom: 30px; font-size: 1.4rem;}
.page-details .details_main .swiper-containerArea { margin-bottom: 40px;}
.page-details .details_main .swiper-containerArea .detailsSlider-button-prev { left: -3%;}
.page-details .details_main .swiper-containerArea .detailsSlider-button-next { right: -3%;}
.page-details .details_main .detailsSlider-pagination span { margin: 0 4px;}
.page-details .details_main .detailsSlider .swiper-slide { margin: 0; width: 100%; height: 65vw;}
.page-details .details_main .point .secTit { font-size: 2.4rem; margin-bottom: 30px;}
.page-details .details_main .point .txt { font-size: 1.4rem;}
.page-details .details_info .infoTit { margin: 30px 0 10px 0; font-size: 1.6rem; padding: 5px;}
.page-details .details_info .infoSubTit { margin-bottom: 20px; font-size: 1.5rem;}
.page-details .details_info .setPlace .setPlaceBox .btnArea { margin-top: 20px;}
.page-details .details_info .setPlace .setPlaceBox .btnArea .btnWH { font-size: 1.4rem; border-radius: 30px; padding: 10px 0;}
.page-details .details_info .setPlace .setPlaceBox .gathering { margin-bottom: 30px;}
.page-details .details_info .setPlace .setPlaceBox .dissolution .list li { font-size: 1.4rem; padding: 10px 0 10px 65px;}
.page-details .details_info .setPlace .setPlaceBox .dissolution .list li .label { font-size: 1.2rem; width: 50px; top: 12px; padding: 3px;}
.page-details .details_info .guide .list li { margin-bottom: 20px;}
.page-details .details_info .guide .list li:last-child { margin-bottom: 0;}
.page-details .details_info .guide .list li a { padding: 20px 6.66%;}
.page-details .details_info .guide .list li a:after { width: 15px; height: 15px; right: 15px; bottom: 15px;}
.page-details .details_info .guide .list li .img { position: absolute; left: 6.66%; top: 20px;}
.page-details .details_info .guide .list li img { width: 110px; height: 110px; border-radius: 5px;}
.page-details .details_info .guide .list li .txtarea .tit { margin-left: 130px;}
.page-details .details_info .guide .list li .txtarea .name { margin-left: 130px; min-height: 80px;}
.page-details .details_similar { margin-top: 40px;}
.page-details .details_similar .similarTit { margin-bottom: 40px; font-size: 2rem;}
.page-details .details_similar .itemList li { padding: 0 8%;}
.page-details .details_similar .swiper-button-prev,
.page-details .details_similar .swiper-container-rtl .swiper-button-next { left: -3%;}
.page-details .details_similar .swiper-button-next, 
.page-details .details_similar .swiper-container-rtl .swiper-button-prev { right: -3%;}
}

/* details_tab */
.page-details .details_tab { margin-top: 60px; position: relative; z-index: 100;}
.page-details .details_tab input[type="radio"]{display:none;}
.page-details .details_tab.fixed .anchorList { position: fixed; top: 0; z-index: 20; width: 1200px;}
.page-details .details_tab .anchorList .tab_area { display: flex; border-bottom: solid 2px #4bb4f0;}
.page-details .details_tab .anchorList .tab_area li:first-child a { border-top-left-radius: 10px;}
.page-details .details_tab .anchorList .tab_area li:last-child a { border-top-right-radius: 10px;}
.page-details .details_tab .anchorList .tab_area .tab { width:33.3%; font-weight: bold;display:inline-block; color:#ffffff; text-align:center; font-size:18px; cursor:pointer; transition:ease 0.2s opacity;}
.page-details .details_tab .anchorList .tab_area .tab:hover{opacity:1;}
.page-details .details_tab .anchorList .tab_area .tab a { display: block; height: 100%; color: #2d2d2d; background: #bae6ff;}
.page-details .details_tab .anchorList .tab_area .tab a.active { background: #4bb4f0; color: #fff;}
.page-details .details_tab .anchorList .tab_area .tab a.active:hover { opacity: 1;}
.page-details .details_tab .panel_area{background:#fff;}
.page-details .details_tab .panel_area .tab_panel { width:100%; padding:40px; background: #f3fbff; display:none;}
.page-details .details_tab .panel_area .tab_panel.show { display:block;}
.page-details .details_tab .panel_area .tab_panel .nomalBox { padding: 40px; background: #fff; margin-top: 10px; border-radius: 10px; border: solid 1px #c8e7f9; position: relative;}
.page-details .details_tab .panel_area .tab_panel .nomalBox:nth-of-type(1) { margin-top: 0;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .tit { font-size: 20px; margin-bottom: 20px; font-weight: 700;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .txt { line-height: 2;}
.page-details .details_tab .panel_area .tab_panel .nomalBox.imgBox img { border-radius: 0px; <!--object-fit: cover;-->}
.page-details .details_tab .panel_area .tab_panel .tableBox .list { display: flex; flex-wrap: wrap; border-left: solid 1px #c8e7f9; border-top: solid 1px #c8e7f9;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li { line-height: 2; border-right: solid 1px #c8e7f9; border-bottom: solid 1px #c8e7f9;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .tit { background: #e1f4ff; text-align: center; font-weight: 700;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .txt { background: #fff;}

@media screen and (min-width: 750px) {
.page-details .details_tab .contactArea { margin-top: 90px;}
.page-details .details_tab.fixed .anchorList { margin-left: 200px;}
.page-details .details_tab .anchorList .tab_area .tab { width:400px; border-right: solid 1px #fff;}
.page-details .details_tab .anchorList .tab_area .tab a { padding: 20px 0;}
.page-details .details_tab .panel_area .tab_panel .nomalBox.imgBox { min-height: 282px; position: relative;}
.page-details .details_tab .panel_area .tab_panel .nomalBox.imgBox .tit,
.page-details .details_tab .panel_area .tab_panel .nomalBox.imgBox .txt { padding-right: 300px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox.imgBox img { width: 270px; height: 202px; position: absolute; right: 40px; top: 40px;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li { display: flex; width: 559px;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .tit { width: 180px; padding: 12px; border-right: solid 1px #c8e7f9; display: flex; align-items: center; justify-content: center;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .txt { width: 379px; padding: 12px 20px;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li.long { width: 1118px;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li.long .txt { width: 938px;}
}
@media screen and (min-width: 1600px){
.page-details .details_tab.fixed .anchorList { left: 0; right: 0; margin: auto;}
}
@media screen and (max-width: 749px){
.page-details .details_tab { margin-top: 30px;}
.page-details .details_tab.fixed .anchorList { width: 90%; margin-left: 5%;}
.page-details .details_tab .anchorList .tab_area .tab { font-size: 1.2rem;}
.page-details .details_tab .anchorList .tab_area .tab a { padding: 15px 0; border-right: solid 1px #fff;}
.page-details .details_tab .anchorList .tab_area .tab:nth-of-type(3) a { border-right: 0;}
.page-details .details_tab .anchorList .tab_area .tab:nth-of-type(6) a { border-right: 0;}
.page-details .details_tab .panel_area .tab_panel { padding: 10px 3% 20px 3%;}
.page-details .details_tab .panel_area .tab_panel .nomalBox { padding: 20px 6.5%;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .tit { font-size: 1.6rem; margin-bottom: 15px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .txt { font-size: 1.4rem;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .img { margin-top: 10px;}
.page-details .details_tab .panel_area .tab_panel .nomalBox .img img { width: 100%; height: 50vw;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li { width: 50%;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .tit { padding: 8px 6.5%;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li .txt { padding: 8px 6.5%; text-align: center;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li.long { width: 100%;}
.page-details .details_tab .panel_area .tab_panel .tableBox .list li.long .txt { text-align: left;}
}

.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type { margin-bottom: 20px; display: flex; gap: 10px; justify-content: center;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type li { font-size: 14px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type .radiobutton { display: none;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type label { padding: 4px 20px; border-radius: 30px; background: #fff; border: solid 1px #4bb4f0; color: #4bb4f0; font-weight: 700; cursor: pointer;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type .radiobutton:checked + label { background: #4bb4f0; color: #fff;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit { font-size: 16px; padding: 15px 0; position: relative;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .arrbtn { display: inline-block; cursor: pointer;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .nav { display: inline-block;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .prev,
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .next { vertical-align: bottom;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit { font-size: 16px; margin-bottom: 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .year { font-size: 18px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .big { font-size: 20px; margin-left: 5px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .month { font-size: 24px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar th { padding: 5px 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar td { padding: 10px 0; width: 70px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar .value { font-size: 12px; font-weight: 500; display: block; color: #2d2d2d;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar td.on .value { color: #fff;}
.page-details .details_tab .panel_area .tab_panel .priceBox .boxTit { font-size: 18px; padding: 8px; margin-bottom: 20px; background: #bae6ff; text-align: center; font-weight: 700;}
.page-details .details_tab .panel_area .tab_panel .priceBox .label,
.page-details .details_tab .panel_area .tab_panel .priceTotal .label { width: 72px; border-right: solid 1px #dddddd; text-align: left; display: inline-block;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable { padding-bottom: 20px; margin-bottom: 20px; display: flex; border-bottom: solid 1px #dddddd;}
.page-details .details_tab .panel_area .tab_panel .priceBox .ptbb { padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #dddddd;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .label .labeltxt { display: flex; align-items: center; height: 100%;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item.rooms .unit { text-align: right; line-height: 36px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit { margin-top: 10px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .type,
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail { line-height: 36px; display: inline-block; text-align: right;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .type { font-size: 14px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail { font-size: 16px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail .en { font-size: 18px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count { padding-left: 36px; position: relative; margin-top: 10px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .minus,
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .plus { width: 36px; height: 36px; background: #4bb4f0; color: #fff; border: 0; position: absolute; z-index: 10; top: 1px; padding: 0 8px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .minus { right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .plus { left: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count input { font-size: 18px; padding: 7px 10px; width: 52px; text-align: center; border-radius: 0; line-height: 1;}
.page-details .details_tab .panel_area .tab_panel .priceTotal { margin-top: 20px; padding: 20px 0; font-size: 30px; text-align: right; border-top: solid 1px #4bb4f0; border-bottom: solid 1px #4bb4f0; font-weight: 700; display: flex; justify-content: space-between; align-items: center;}
.page-details .details_tab .panel_area .tab_panel .priceTotal .label { font-size: 20px;}
.page-details .details_tab .panel_area .tab_panel .priceTotal .yen { font-size: 22px;}
.page-details .details_tab .panel_area .tab_panel .btnArea { margin-top: 40px;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn { text-align: center;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn a { padding: 20px 0; font-size: 20px; border-radius: 80px; color: #fff; background: #c4c4c4; max-width: 430px; margin: auto;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn a.active { background: #f88a48;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn .submitbtn { padding: 20px 0; font-size: 20px; border-radius: 80px; color: #fff; background: #f88a48; max-width: 430px; margin: auto; border: 0;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn .submitbtn:disabled { background: #c4c4c4;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy { border: solid 1px #dddddd;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dt { text-align: center; font-weight: 700; background: #f2f2f2; padding: 5px;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd { padding: 20px; font-size: 14px; line-height: 2;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd p { margin-top: 10px;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd p:nth-of-type(1) { margin-top: 0;}
@media screen and (min-width: 750px) {
.page-details .details_tab .panel_area .tab_panel .priceBoxArea { display: flex; flex-wrap: wrap;}
.page-details .details_tab .panel_area .tab_panel .priceBoxSet { min-height: 450px;}
.page-details .details_tab .panel_area .tab_panel .priceBox { width: 500px; margin-left: 540px;}
.page-details .details_tab .panel_area .tab_panel .priceBox.dou { order: 1; margin-left: 0; position: absolute;}
.page-details .details_tab .panel_area .tab_panel .priceBox.nop { order: 2;}
.page-details .details_tab .panel_area .tab_panel .priceBox.fee { order: 3;}
.page-details .details_tab .panel_area .tab_panel .priceBox .boxTit { font-size: 1.5rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item { width: 428px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit { width: 200px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail { width: 150px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .type { width: 50px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count { width: 124px;}
.page-details .details_tab .panel_area .tab_panel .priceTotal { order: 4; width: 500px; margin-left: 540px;}
.page-details .details_tab .panel_area .tab_panel .btnArea { order: 5; width: 500px; margin-left: 540px;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy { margin-top: 40px; order: 6; width: 100%;} 
}
@media screen and (max-width: 749px){
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-type li { font-size: 1.4rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit { font-size: 1rem; padding: 10px 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit { font-size: 1rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .year { font-size: 1.1rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .big { font-size: 1.2rem; margin-left: 2px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .tit .month { font-size: 1.5rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-container .calendar-tit .nav { width: 16px; height: 16px; line-height: 16px; font-size: 0.6rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .prev,
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar-tit .next { vertical-align: middle;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar th { font-size: 1rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar td { width: 14.28%; font-size: 1rem; padding: 5px 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .calendar .value { font-size: 0.75rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .boxTit { font-size: 1.5rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox.nop,
.page-details .details_tab .panel_area .tab_panel .priceBox.fee { margin-top: 20px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable { justify-content: space-between;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .label { width: 70px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item { min-width: 110px; text-align: right;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item.rooms { line-height: 30px; display: flex;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item.rooms .unit { margin-top: 0; font-size: 1.4rem; padding-right: 10px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .type,
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail { line-height: 30px; display: inline-block; text-align: right;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .type { font-size: 1.4rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail { font-size: 1.4rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .unit .detail .en { font-size: 1.6rem;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count { padding-right: 30px; margin-left: 0; margin-top: 0;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .minus,
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .plus { width: 30px; height: 30px;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count .plus { right: 80px; left: auto;}
.page-details .details_tab .panel_area .tab_panel .priceBox .priceTable .item .count input { padding: 6px 10px; font-size: 1.5rem; width: 50px;}
.page-details .details_tab .panel_area .tab_panel .priceTotal { margin-top: 15px; padding: 10px 0; font-size: 2rem;}
.page-details .details_tab .panel_area .tab_panel .priceTotal .label { font-size: 1.6rem;}
.page-details .details_tab .panel_area .tab_panel .priceTotal .yen { font-size: 1.6rem;}
.page-details .details_tab .panel_area .tab_panel .btnArea { padding: 0 6.5%; margin-top: 20px; background: #bae6ff; bottom: 0; left: 0; width: 100%;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn a { padding: 15px 0; font-size: 1.8rem; border: solid 2px #fff; border-radius: 40px;}
.page-details .details_tab .panel_area .tab_panel .btnArea .btn .submitbtn { padding: 15px 0; font-size: 1.8rem; border: solid 2px #fff; border-radius: 40px;}
.page-details .details_tab .panel_area .tab_panel .btnArea.fixed { position: fixed; z-index: 100;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy { margin-top: 20px;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dt { font-size: 1.4rem;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd { padding: 10px 6.5%;; font-size: 1.2rem;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd p { margin-top: 5px;}
.page-details .details_tab .panel_area .tab_panel .cancelpolicy dd p:nth-of-type(1) { margin-top: 0;}
}


/*==================================
	page - login
==================================*/
.page-login .login .inner { background: #f3fbff;}
.page-login .login .inner .txt { font-weight: 400; line-height: 2;}
@media screen and (min-width: 750px) {
.page-login .login .inner { padding: 60px 80px; text-align: center;}
.page-login .login .inner input { width: 600px;}
.page-login .login .inner input.ico_mail { margin-bottom: 25px;}
.page-login .login .inner .inputPassArea { width: 600px; margin: 0 auto;}
.page-login .login .inner .passBtn { position: absolute; right: 20px; top: 0; bottom: 0; margin: auto;}
.page-login .login .inner .btn { max-width: 430px; margin: 30px auto 0 auto;}
.page-login .login .inner .txt { margin-top: 60px;}
}
@media screen and (max-width: 749px) {
.page-login .login .inner { padding: 45px 7.69%;}
.page-login .login .inner input.ico_mail { margin-bottom: 15px;}
.page-login .login .inner .btn { margin: 20px auto 0 auto;}
.page-login .login .inner .txt { margin-top: 30px; font-size: 1.4rem;}
}


/*==================================
	page - reserve
==================================*/
.page-reserve main aside .sideTit { font-size: 18px; margin-top: 0;}
.page-reserve main aside .sidebg { padding: 20px; background: #f3fbff;}
.page-reserve main aside .sidebg .list dt { padding: 10px 15px; text-align: center; background: #bae6ff;}
.page-reserve main aside .sidebg .list dd { padding: 10px 15px; line-height: 1.8; background: #fff; text-align: left; font-weight: 400;}
.page-reserve main aside .sidebg .list dd .price { font-size: 24px; font-weight: 700;}
.page-reserve main aside .sidebg .list dd .yen { font-size: 18px; font-weight: 700;}
.page-reserve main aside .sidebg .list dd .accordion.patternArr { margin-top: 10px;}
.page-reserve main aside .sidebg .list dd .accordion.patternArr dt { border: solid 1px #c8e7f9; background: #fff; font-weight: 400;}
.page-reserve main aside .sidebg .list dd .accordion.patternArr dt.open { border-bottom: solid 1px #c8e7f9;}
.page-reserve main aside .sidebg .list dd .accordion.patternArr dd { border-right: solid 1px #c8e7f9; border-left: solid 1px #c8e7f9; border-bottom: solid 1px #c8e7f9; background-color: #f3fbff;}
.page-reserve main aside .sidebg .list dd .accordion.patternArr .priceDetail dd .line { font-size: 14px; display: flex; justify-content: space-between;}
.page-reserve main aside .sidebg .list dd .accordion.patternArr .priceDetail dd .line .right { text-align: right;}
.page-reserve main aside .sidebg .list dd .accordion.patternArr .priceDetail dd .line .yen { font-size: 16px; font-weight: 500;}
.page-reserve main aside .sidebg .list dd .accordion.patternArr .priceDetail dd .line.total .yen,
.page-reserve main aside .sidebg .list dd .accordion.patternArr .priceDetail dd .line.total { font-weight: 700;}
.page-reserve main aside .sidebg .announce { padding: 20px; text-align: center; background: #fff; border: solid 6px #bae6ff;}
.page-reserve main aside .sidebg .announce .tit { margin-bottom: 5px; font-size: 18px; font-weight: 700;}
.page-reserve main aside .sidebg .announce .txt { line-height: 1.8; font-size: 14px; font-weight: 400;}
.page-reserve main aside .sidebg.bgcolgray { background: #f2f2f2;}
.page-reserve main aside .sidebg.bgcolgray .list li { margin-bottom: 2px;}
.page-reserve main aside .sidebg.bgcolgray .list li a { padding: 14px 20px; display: block; background: #fff; font-weight: 400;}
.page-reserve main aside .sidebg.bgcolgray .list li .arrow:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #4bb4f0; border-right: 1px solid #4bb4f0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.page-reserve main .wrap .wrapTit { font-size: 20px; font-weight: 700; padding-bottom: 20px; margin-bottom: 30px; border-bottom: solid 1px #dddddd;}
.page-reserve main .wrap .wrapTit .icon_people { padding-left: 35px; background: url("../img/icon_reserve_people.svg") left top no-repeat; background-size: 16px 26px; min-height: 26px; display: inline-block;}
.page-reserve main .wrap .wrapTit .icon_pay { padding-left: 40px; background: url("../img/icon_reserve_pay.svg") left top no-repeat; background-size: 30px 30px; min-height: 30px; display: inline-block;}
.page-reserve main .wrap .wrapTit .icon_check { padding-left: 40px; background: url("../img/icon_reserve_check.svg") left center no-repeat; background-size: 20px 15px; min-height: 15px; display: inline-block;}
.page-reserve main .wrap .revision { margin-bottom: 30px; text-align: center;}
.page-reserve main .wrap .revision .arrow { min-width: 260px;}
.page-reserve main .wrap .revision .arrow:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #4bb4f0; border-right: 1px solid #4bb4f0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.page-reserve main .announce { margin-top: 40px; text-align: center;}
.page-reserve main .announce .important { color: #4bb4f0;}
.page-reserve main .compDetail { padding: 50px 0; border: solid 2px #f88a48; text-align: center;}
.page-reserve main .compDetail .txt { font-size: 20px; line-height: 2;}
.page-reserve main .compDetail .list { margin: 30px auto 0 auto; gap: 20px; display: flex; flex-wrap: wrap;justify-content: center; align-items: center;}
.page-reserve main .compDetail .list dt { margin-left: 200px; width: 140px; border: solid 1px #2d2d2d; padding: 5px;}
.page-reserve main .compDetail .list dd { width: 440px; font-size: 36px; font-weight: 700; text-align: left;}
.page-reserve main .compDetail .list dd .important { font-size: 24px; color: #f88a48;}
.page-reserve main .compDetail .list dd .important .big { font-size: 30px;}
.page-reserve.complete main .btnarea { margin-top: 50px; text-align: center;}
.page-reserve.complete main .btnarea a { font-size: 20px; max-width: 430px; padding: 15px 0; width: 100%; font-weight: 500;}
.page-reserve.complete main .btnarea a.arrow:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.page-reserve.complete main .btnarea.topline { padding-top: 60px; border-top: solid 1px #dddddd;}
.page-reserve.complete main .btnarea.topline a.arrow:before{ border-top: 1px solid #4bb4f0; border-right: 1px solid #4bb4f0;}
/* accordiondiv */
.page-reserve main .accordiondiv .wrapTit { cursor: pointer; background:url("../img/accordion_open.png") no-repeat right 30px top 4px; background-size:auto 20px;}
.page-reserve main .accordiondiv .wrapTit.open { background:url("../img/accordion_close.png") no-repeat right 30px top 4px; background-size:auto 20px;}
.page-reserve main .accordiondiv .wrapCont { padding-bottom: 80px; display: none;}
.page-reserve main .accordiondiv .wrapCont .formBox .number { font-size: 24px;}
.page-reserve main .accordiondiv .wrapCont .formBox .amount { font-size: 28px;}
.page-reserve main .accordiondiv .wrapCont .formBox .yen { font-size: 20px;}
.page-reserve main .accordiondiv .wrapCont .formBox .min { font-size: 14px;}
.page-reserve main .accordiondiv .wrapCont .formBox .formList dd { position: relative;}
.page-reserve main .accordiondiv .wrapCont .formBox .btnarea a { padding: 10px 20px; font-size: 16px; font-weight: 500;}
.page-reserve main .accordiondiv .wrapCont .formBox .btnarea .arrow:before{ right: 20px; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.page-reserve main .accordiondiv .wrapCont .formBox .paymentdetail { background: #fff6f1; border: solid 1px #f88a48; text-align: center;}
.page-reserve main .accordiondiv .wrapCont .formBox .paymentdetail .tit { padding: 4px 0; background: #f88a48; color: #fff;}
.page-reserve main .accordiondiv .wrapCont .formBox .paymentdetail .txt { padding: 12px 0; color: #f88a48;}
.page-reserve main .accordiondiv .wrapCont .formBox .paymentdetail.thx { background: #edf5ff; border: solid 1px #4688db; text-align: center;}
.page-reserve main .accordiondiv .wrapCont .formBox .paymentdetail.thx .tit { background: #4688db; color: #fff;}
.page-reserve main .accordiondiv .wrapCont .formBox .paymentdetail.thx .txt { padding: 7px 0; line-height: 1.3; color: #4688db;}
.page-reserve main .accordiondiv .wrapCont .formBtn .btn { padding: 0;}
@media screen and (min-width: 750px) {
.page-reserve main .accordiondiv .wrapCont .formBox .btnarea { position: absolute; right: 30px; top: 15px;}
.page-reserve main .accordiondiv .wrapCont .formBox .btnarea a { width: 220px;}
.page-reserve main .accordiondiv .wrapCont .formBox .paymentdetailBox { padding: 40px 26px;}
.page-reserve main .accordiondiv .wrapCont .formBox .paymentdetail { width: 250px; position: absolute; right: 30px; top: 15px;}
.page-reserve main .accordiondiv .wrapCont .formBox .paymentdetail .txt .big { font-size: 20px;}
}
@media screen and (max-width: 749px) {
.page-reserve main aside .sideTit { font-size: 1.8rem; font-weight: 700; padding-bottom: 14px; border-bottom: solid 2px #4bb4f0; color: #2d2d2d; margin-bottom: 0;}
.page-reserve main aside .sidebg .list { font-size: 1.4rem; padding: 5px 2%;}
.page-reserve main aside .sidebg .list dt { padding: 5px 5%;}
.page-reserve main aside .sidebg .list dd { padding: 8px 5%;}
.page-reserve main aside .sidebg .list dd .accordion.patternArr .priceDetail dd .line { font-size: 1.4rem}
.page-reserve main aside .sidebg .list dd .accordion.patternArr .priceDetail dd .line .yen { font-size: 1.8rem;;}
.page-reserve main aside .sidebg .announce { padding: 20px 5%;;}
.page-reserve main aside .sidebg .announce .tit { font-size: 1.8rem;}
.page-reserve main aside .sidebg .announce .txt { font-size: 1.4rem;}
.page-reserve main .wrap { margin-top: 30px;}
.page-reserve main .wrap .wrapTit { font-size: 1.8rem; text-align: center;}
.page-reserve main .announce { margin-top: 20px;}
.page-reserve.spnoside main aside { display: none;}
.page-reserve main .compDetail { padding: 30px 0;}
.page-reserve main .compDetail .txt { font-size: 1.6rem;}
.page-reserve main .compDetail .list { margin: 20px auto 0 auto; gap: 10px;}
.page-reserve main .compDetail .list dt { font-size: 1.2rem; width: 100px; margin-left: 5vw;}
.page-reserve main .compDetail .list dd { min-width: 50%; width: 50vw; font-size: 2.4rem;}
.page-reserve main .compDetail .list dd .important { font-size: 1.6rem;}
.page-reserve main .compDetail .list dd .important .big { font-size: 2rem;}
.page-reserve.complete main .btnarea { margin-top: 30px;}
.page-reserve.complete main .btnarea a { font-size: 1.4rem; max-width: 225px; padding: 10px 0;}
.page-reserve.complete main .btnarea.topline { padding-top: 30px;}
/* accordiondiv */
.page-reserve main .accordiondiv .wrapTit { background-position: right 15px top 4px; padding-right: 40px;}
.page-reserve main .accordiondiv .wrapTit.open { background-position: right 15px top 4px;}
.page-reserve main .accordiondiv .wrapCont .formBox { text-align: center;}
.page-reserve main .accordiondiv .wrapCont .formBox .number { font-size: 2rem;}
.page-reserve main .accordiondiv .wrapCont .formBox .amount { font-size: 2.8rem;}
.page-reserve main .accordiondiv .wrapCont .formBox .yen { font-size: 2rem;}
.page-reserve main .accordiondiv .wrapCont .formBox .min { font-size: 1.4rem;}
.page-reserve main .accordiondiv .wrapCont .formBox .btnarea a { margin-top: 8px; padding: 8px; font-size: 1.4rem; width: 90%;}
.page-reserve main .accordiondiv .wrapCont .formBox .paymentdetail { margin-top: 8px; font-size: 1.4rem;}
.page-reserve main .accordiondiv .wrapCont .formBox { margin-top: 20px;}
.page-reserve main .accordiondiv .wrapCont .formBox:nth-of-type(1) { margin-top: 0;}
}
.error_text{
	text-align: left;
    color: red;
}