/*========================================
Before View
=======================================*/
#beforeView {background:#fff;border-radius: 6px; font-size: 16px; }
#beforeView .MV {background: url(../img/kuchikomi/mv.jpg) top center no-repeat; background-size: cover; color: #fff;padding: 120px 0 30px;}
#beforeView .MV h1 {text-align: center; font-size: 30px; margin-bottom: 20px;}
#beforeView .MV h1 span{display: block; font-size: 20px;}
#beforeView .MV .btn{position: relative; font-weight: bold; padding: 2% 0; text-decoration: none; background: #00bcd4;color: #fff; transition: .4s; width: 50%; margin: 0 auto 30px; border-radius: 5px; text-align: center;box-shadow: 2px 2px 4px #23505A;}
#beforeView .MV .btn:hover {color: #00BCD4; background: #ECECEC;}
#beforeView .Cnt {padding: 4% 5%;text-align: center}
#beforeView .Cnt h2 {font-size: 28px; margin-bottom: 30px; color: #81d4cb; border-top: 3px solid #81d4cb; border-bottom: 3px solid #81d4cb; text-align: center;}
.kuchikomiTitle {background:#F1F1F1; font-size: 26px; margin-bottom: 20px; color:#2E2E2E; padding: 10px 0; font-weight: bold;}
.kuchikomiTitleBV {background:#F1F1F1; font-size: 26px; margin-bottom: 20px; color:#2E2E2E; font-weight: bold;padding: 10px 15px;text-align: left;}
#beforeView .Cnt p {margin-bottom: 5%;}
#beforeView .Cnt .btn{position: relative; font-weight: bold; padding: 2% 0; text-decoration: none; background: #00bcd4 url(../img/arrowKuchikomi.png); background-size: 80px auto; background-repeat: no-repeat; background-position: center center;color: #fff; transition: .4s; width: 80%; margin: 0 auto 30px; border-radius: 5px; text-align: center;box-shadow: 2px 2px 4px #23505A;}
#beforeView .Cnt .btn:hover {color: #00BCD4; background: #ECECEC url(../img/arrowKuchikomi.png); background-size: 80px auto;  background-repeat: no-repeat; background-position: center 70%;}
.alertTxt {background: #F86063; padding: 1%; color: #fff; font-weight: bold; border-radius: 5px;margin-bottom: 5px;width: 90%;}
ul.number {padding: 2% 2% 2% 3%;}
ul.number li{list-style: decimal; font-weight: normal !important;}

.selectTherapist {width: 100%;overflow: hidden; margin-bottom: 15px;}
.selectTherapist li {position: relative; width: 25%; float: left;overflow: hidden; height: 170px;}
.selectTherapist li img {width: 100%; height: auto;}
.selectTherapist li .end {text-align: center;border-radius: 4px;position: absolute;bottom: 30px;background:#000;color: #fff; padding: 4px 5%; width: 70%;left: 10%; line-height: 1.1;font-size: 12px;z-index: 5;}
.selectTherapist li .need {text-align: center;border-radius: 4px;position: absolute;bottom: 30px;background:#F0D016;color:#E72B2E; padding: 4px 5%; width: 70%;left: 10%; line-height: 1.1;font-size: 12px;z-index: 5;font-weight: bold;}
.selectTherapist li .name {background: url(../img/grad-01.png); position: absolute; text-align: center; bottom:0; padding: 10px 1%; width: 98%; line-height: 1.1; color: #fff;font-weight: bold;}
.selectTherapist li {border:3px solid #fff;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 8px;cursor: pointer;position: relative;}
.selectTherapist li .mask {position: absolute;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,.50)}
.selectTherapist li.active {border:3px solid #FD797B;}
.selectTherapist li:hover {opacity: 0.7}
.selectTherapist li .number {background:#E04242;color: #fff; text-align: center;width: 30px; height: 25px;position: absolute;border-radius: 50%;  font-size: 12px;padding-top: 5px;font-weight: bold;top: 5px;right: 5px;z-index: 3}
@media only screen and (max-width: 767px) {
.selectTherapist li .need {font-size: 10px;}
}
.noteBtn{width: 80%;max-width: 400px;border:1px solid #828282; padding: 2px 25px; min-height: 50px;line-height: 1.4;box-sizing: border-box; margin: 0 auto 15px;text-align: center;background: url("../img/icon-modal-green.svg") 98% 50% no-repeat;background-size: 16px auto;box-shadow: 2px 2px 3px rgba(0,0,0,.20);font-weight: bold;}
.note2Btn{width: 80%;max-width: 400px; border:1px solid #A6A6A6; padding: 0px 25px; min-height: 40px;line-height: 40px;box-sizing: border-box; margin: 0 auto 15px;text-align: center;background:#A6A6A6 url("../img/icon-modal-white.svg") 98% 50% no-repeat;background-size: 16px auto;box-shadow: 2px 2px 3px rgba(0,0,0,.20);font-weight: bold;}
a .note2Btn {color: #fff;}
.chancebnr {width: 80%;margin: 0 auto 2%}
.chancebnr img {width: 100%;height:auto;}
@media only screen and (max-width: 767px) {
#beforeView {}
#beforeView .MV {color: #fff;padding: 50px 0 30px;}
#beforeView .MV h1 {text-align: center; font-size: 30px; line-height: 1.4; margin-bottom: 20px;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
#beforeView .MV h1 span{display: block; font-size: 16px;}
#beforeView .MV .btn{position: relative; font-weight: bold; padding: 2% 0; text-decoration: none; background: #00bcd4;color: #fff; transition: .4s; width: 90%; margin: 0 auto 30px; }
#beforeView .MV .btn:hover {color: #00BCD4; background: #ECECEC;}
#beforeView .Cnt {padding: 4% 5%;text-align: center}
#beforeView .Cnt h2 {font-size: 22px; line-height: 1.4; margin-bottom: 30px; color: #81d4cb; border-top: 3px solid #81d4cb; border-bottom: 3px solid #81d4cb; text-align: center;}
.Normal.kuchikomiForm,
#beforeView .Cnt p
{margin-bottom: 2%;font-size: 14px;}
#beforeView .Cnt .btn{padding: 2% 0;background-size: 80px auto;width: 90%; margin: 0 auto 30px;font-size: 16px; line-height: 1.4;}
#beforeView .Cnt .btn:hover {background-size: 80px auto; background-position: center 70%;}
.alertTxt {background: #F86063; padding: 1%; color: #fff; font-weight: bold; border-radius: 5px;margin-bottom: 5px;}
.kuchikomiTitle {background:#F1F1F1; font-size: 22px;padding: 6px 0;}
ul.number {padding: 2% 2% 2% 8%;}
.noteBtn{ padding: 5px 25px 0;}
	
.selectTherapist {margin-bottom: 15px;}
.selectTherapist li {height: 120px;}
.selectTherapist li .name {background: url(../img/grad-01.png); position: absolute; text-align: center; bottom:0; padding: 10px 1%; width: 98%; line-height: 1.1; color: #fff;font-weight: bold; font-size: 10px;}
}



/*========================================
FILE
=======================================*/
.uploadButton {display:inline-block; position:relative; overflow:hidden; border-radius:3px; background:#099; color:#fff; text-align:center; padding:10px; line-height:30px; width:180px;cursor:pointer;}
.uploadButton:hover { background:#0aa;}
.uploadButton input[type=file] {position:absolute; top:0; left:0;width:100%;height:100%; cursor:pointer; opacity:0;}
.uploadButton input[type="text"]{width: 94%; -webkit-box-shadow:0 !important; -moz-box-shadow:0 !important;box-shadow:0 !important; border:none !important; background: #FFF !important;color: #000 !important; margin: 0 0; padding: 2%; border-radius: 3px;}
.uploadValue {display:none; background:rgba(255,255,255,0.2); border-radius:3px; padding:3px; color:#ffffff;}

/*========================================
CONTACT
=======================================*/
#ContactForm .sec{margin:30px 0 30px;}
#ContactForm .sec p{margin:0 0 30px;text-align:left;line-height:1;}
#ContactForm .sec p sup{color:#e94518;}
#ContactForm .sec input{width:90%;height:46px;padding:0 5%;font-size:16px;line-haihgt:46px;border:1px solid #cdcece;}
#ContactForm .sec select{width:50%;height:46px;padding:0 5%;font-size:16px;line-haihgt:46px;border:1px solid #cdcece;}
#ContactForm .sec textarea{width:90%;height:175px;padding:5%;font-size:16px;border:1px solid #cdcece;}
#ContactForm #btn-sendMail{margin:50px 0 0;}
#ContactForm #btn-sendMail #send{display:none;}
#ContactForm #btn-sendMail .btn{width:292px;margin:0 auto;color:#fff;font-size:16px;text-align:center;line-height:55px;border:1px solid #cdcece;background:#e61044;display:block;cursor:pointer;}
a .backPageBtn {width:292px;margin:0 auto;color:#fff;font-size:16px;text-align:center;line-height:55px;border:1px solid #cdcece;background:#e61044;display:block;cursor:pointer;}



/*========================================
Thanks
=======================================*/
#Thanks {background:#fff;border-radius: 6px; font-size: 18px; }
#Thanks .MV {background: url(../img/kuchikomi/mv-thanks.jpg) top center no-repeat; background-size: cover; color: #fff;padding: 130px 0;}
#Thanks .MV h1 {text-align: center; font-size: 30px; margin-bottom: 20px;}
#Thanks .Cnt {padding: 4% 5%;text-align: left}
#Thanks .Cnt h2 {font-size: 26px; color: #fff; background: #2ab5d3; background: -webkit-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -o-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -moz-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -webkit-linear-gradient(135deg, #57cfb0, #2ab5d3); background: -o-linear-gradient(135deg, #57cfb0, #2ab5d3); background: linear-gradient(-45deg, #57cfb0, #2ab5d3);padding: 2% 2%;border-radius: 4px;}
#Thanks .Cnt p {margin-bottom: 5%;}
#Thanks .Cnt p a {text-decoration: underline;}
#Thanks .Cnt p.short {margin-bottom: 5px;}
#Thanks .Cnt a .btn{position: relative; font-weight: bold; padding: 2% 0; text-decoration: none; background: #00bcd4;color: #fff; transition: .4s; width: 80%; margin: 0 auto 30px; border-radius: 5px; text-align: center;box-shadow: 2px 2px 4px #23505A;}
#Thanks .Cnt a .btn:hover {color: #00BCD4; background: #ECECEC;}
#Thanks .Cnt input {font-size: 18px;}
#Thanks .Cnt .midNote {margin-bottom: 40px;}
#Thanks .Cnt .idInfo, .Normal .Cnt .idInfo {border-radius: 3px; border:2px solid #222222;padding: 2%; text-align: center; margin-bottom: 20px;}
#Thanks .Cnt .idInfo span,  .Normal .Cnt .idInfo span{font-weight: bold;font-size: 20px;color: #E0292C}
@media screen and (max-width: 800px) { 
#Thanks {background:#fff;border-radius: 6px; font-size: 18px; }
#Thanks .MV {background: url(../img/kuchikomi/mv-thanks.jpg) top center no-repeat; background-size: cover; color: #fff;padding: 50px 0;}
#Thanks .MV h1 {text-align: center; font-size: 24px; margin-bottom: 0;}
#Thanks .Cnt {padding: 4% 5%;text-align: left}
#Thanks .Cnt h2 {font-size: 20px; color: #fff; background: #2ab5d3; background: -webkit-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -o-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -moz-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -webkit-linear-gradient(135deg, #57cfb0, #2ab5d3); background: -o-linear-gradient(135deg, #57cfb0, #2ab5d3); background: linear-gradient(-45deg, #57cfb0, #2ab5d3);padding: 2% 2%;border-radius: 4px;}
#Thanks .Cnt p {margin-bottom: 5%;}
#Thanks .Cnt p a {text-decoration: underline;}
#Thanks .Cnt p.short {margin-bottom: 5px;}
#Thanks .Cnt a .btn{position: relative; font-weight: bold; padding: 2% 0; text-decoration: none; background: #00bcd4;color: #fff; transition: .4s; width: 80%; margin: 0 auto 30px; border-radius: 5px; text-align: center;box-shadow: 2px 2px 4px #23505A;}
#Thanks .Cnt a .btn:hover {color: #00BCD4; background: #ECECEC;}
#Thanks .Cnt input {font-size: 18px;}
#Thanks .Cnt .midNote {margin-bottom: 40px;}
#Thanks .Cnt .idInfo, .Normal .Cnt .idInfo {border-radius: 3px; border:2px solid #222222;padding: 2%; text-align: center; margin-bottom: 20px;}
#Thanks .Cnt .idInfo span, .Normal .Cnt .idInfo span {font-weight: bold;font-size: 20px;}
}


/*========================================
kuchikomiInput
=======================================*/
.salonInput dl {width: 100%; padding-bottom: 5px; margin-bottom: 8px;}
.salonInput dl dt {width: 100%;font-weight: bold; padding-bottom: 5px;display: table;}
.salonInput dl dd {width: 100%;}
.salonInput dl dt .mst {font-size: 10px;text-align: center;width: 30px; font-weight: bold;background: #FF777A;color: #fff;padding: 1px 5px;margin-right: 10px;border-radius: 4px;display: table-cell;vertical-align: middle;}
.salonInput dl dt .tit {padding-left: 5px; display: table-cell;vertical-align: middle;}
.salonInput dl dd label {vertical-align: middle;}
.salonInput dl dd input[type="text"] {margin-bottom: 0;}
.salonInput dl dd button {display: block;box-sizing: border-box;border-radius: 3px;padding: 10px 10px;width: 80%;text-align: center;margin: 10px auto;background:#FF9A18;color: #fff; font-weight: bold;font-size: 16px;cursor: pointer;border: none; border-bottom: 3px solid #BF781D}
.salonInput.searchBlock {}
.salonInput.searchBlock dl {}
.salonInput.searchBlock dl dt{padding-bottom: 12px;}
.salonInput.searchBlock dl dd{}
.salonInput.searchBlock dl dd .Select {margin-bottom: 10px;}
@media screen and (max-width: 800px) {
.salonInput {padding-top: 0px;}
.salonInput dl {width: 96%; padding-bottom: 15px; margin: 0 auto;}
.salonInput dl dt {width: 100%;padding-bottom: 10px;}
.salonInput dl dd {width: 100%;}
.salonInput h2 {width: 96%;margin: 0 auto 2%;}
.salonInput dl dd button {font-size: 14px;width: 90%;}
}

.SalonRadio input[type=radio] {	display: none;}
.SalonRadio .salon_label {position: relative;padding: 0 0 0 30px; display: block;margin-bottom: 5px;}
.SalonRadio .salon_label:after, .salon_label:before {position: absolute;content: "";display: block; top: 50%;}
.SalonRadio .salon_label:after {left: 0px;margin-top: -11px;width: 18px;height: 17px;border: 2px solid #ccc;border-radius: 50%;}
.SalonRadio .salon_label:before {left: 6px;margin-top: -5px;width: 10px;height: 10px;background: #0AABB3;border-radius: 50%;opacity: 0;}
.SalonRadio input[type=radio]:checked + .salon_label:before {opacity: 1;}
.SalonRadio .salon_label:hover:after {border-color:#0AABB3;}
.kuchikomiInput {}
.kuchikomiInput dl {width: 100%; padding-bottom: 5px; margin-bottom: 8px; border-bottom: 1px dotted #EBEBEB}
.kuchikomiInput dl dt {width: 100%;font-weight: bold;}
.kuchikomiInput dl dd {width: 100%;}
.kuchikomiInput dl dd label {vertical-align: middle;}
.kuchikomiInput .soShort {width: 40px;margin: 5px 0 0;padding: 2% 1%;text-align: center;}
.kuchikomiInput .unit {padding-left: 5px;position: relative; top: 4px;}

.starSelect {width: 100%; overflow: hidden;}
.starSelect input{display: none;}
.starSelect label{display: block;float: left;cursor: pointer;width: 125px;margin: 0;	padding: 12px 5px;	color: #555e64;text-align: center;	line-height: 1;	transition: .2s;}
.starSelect label:first-of-type{border-radius: 3px 0 0 3px;}
.starSelect label:last-of-type{border-right: 0px;border-radius: 0 3px 3px 0;}
.starSelect input[type="radio"]:checked + label {background-color:#34E3BA;color: #fff;}
.kuchikomiInput textarea {width:96%; height: 300px;font-size: 16px;line-height: 1.6;font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

.kuchikomiInput textarea.usrRequest {width:96%; height: 150px;font-size: 16px;line-height: 1.6;font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.kuchikomiInput textarea::placeholder {color:#B0B0B0;}
.kuchikomiInput textarea:-ms-input-placeholder {color:#B0B0B0;}
.kuchikomiInput textarea::-ms-input-placeholder {color:#B0B0B0;}
.kuchikomiInput dl.tapStar {border-radius: 5px; background:#F0F0F0; padding: 2%; width: 96%;}
dl.tapStar dt {background: url(../img/icon-check.png) no-repeat 2px 0; background-size: 28px auto; padding-left: 40px;}
dl.tapStar dd .middle {margin-bottom: 0;}
.starSelect .starSupplementary { font-size:16px; margin: 10px 0 5px 0; }
.starSelect .error { color:#f00; border:1px solid #f00; }
.starList .starReset { float:left; margin:7px 5px 0 0;line-height: 1.5; border:none; border-radius: 50%; width:30px; height:30px; font-size:21px; text-align:center; cursor:pointer; background: #7B7B7B}
.starList .message {position: relative;display: inline-block; margin: 5px 0 0 10px; font-size: 12px;padding: 7px 10px;max-width: 100%;color: #555;background: #fff; border-radius: 6px;}
.starList .message:before{content: "";position: absolute;top: 50%;left: -20px;margin-top: -10px;border: 10px solid transparent;border-right: 10px solid #fff;}
.kuchikomiInput .y-star {font-weight:bold;color:#F1DD25;padding-right: 5px;font-size: 21px;}
.kuchikomiInput .g-star {font-weight:bold; color:#666666;padding-right: 5px;font-size: 21px;}
.helpBlock h3 {font-size: 14px;}
.helpBlock {border-radius: 8px; padding: 2% 2% 1%; background: #F3F3F3;font-size: 12px; margin-bottom: 20px;}
@media screen and (max-width: 800px) {
.kuchikomiInput {}
.kuchikomiInput dl {width: 100%; padding-bottom: 5px; margin-bottom: 8px; border-bottom: 1px dotted #EBEBEB}
.kuchikomiInput dl dt {width: 100%;font-weight: bold;}
.kuchikomiInput dl dd {width: 100%;}
.kuchikomiInput dl dd label {vertical-align: middle;}
.kuchikomiInput .soShort {width: 40px;}
.kuchikomiInput .unit {padding-left: 5px;}
.starSelect {width: 100%; overflow: hidden;}
.starSelect label{margin: 0;padding: 6px 1%;border-right: 1px solid #AAAAAA;text-align: center;font-weight: bold;}
.kuchikomiInput input[type="text"] {font-size: 14px;}
.kuchikomiInput textarea {width:95.5%; height: 200px;font-size: 14px;}
.kuchikomiInput dl.tapStar {border-radius: 5px; background:#F0F0F0; padding: 2%; width: 96%;}
.kuchikomiInput dl.tapStar dl dt {width: 50%;}
dl.tapStar dt {background: url(../img/icon-check.png) no-repeat 2px 0;background-size: 25px auto; padding-left: 35px; font-size: 14px;width: 86%;}
dl.tapStar dd .middle {margin: 5px 0 0; padding: 2%;font-size: 14px;}
.starSelect .starSupplementary { font-size:16px; margin: 10px 0 5px 0; }
.starSelect label:last-of-type {border-right: 0px;border-radius: 0 3px 3px 0;margin-top: 6px;}
.starSelect .error { color:#f00; border:1px solid #f00; }
.starList .starReset { float:left; margin:7px 5px 0 0;line-height: 1.5; border:none; border-radius: 50%; width:30px; height:30px; font-size:19px; text-align:center; cursor:pointer; padding: 0;}
.starList .message {position: relative;display: inline-block; margin: 5px 0 0 10px; font-size: 12px;padding: 7px 10px;max-width: 100%;color: #555;background: #fff; border-radius: 6px;}
.starList .message:before{content: "";position: absolute;top: 50%;left: -20px;margin-top: -10px;border: 10px solid transparent;border-right: 10px solid #fff;}
.kuchikomiInput .y-star {font-weight:bold;color:#F1DD25;padding-right: 5px;font-size: 21px;}
.kuchikomiInput .g-star {font-weight:bold; color:#666666;padding-right: 5px;font-size: 21px;}
.helpBlock {border-radius: 8px; padding: 2% 2% 1%; background: #F3F3F3;width: 96%; margin: 0 auto; font-size:12px}
.helpBlock h3 {font-size: 14px;}
.salonInput.searchBlock dl dt{font-size: 12px;}
}

/**** 有料会員LP ***/
.funcList {max-width:1200px;margin:0 auto;padding-bottom: 60px;box-sizing: border-box;padding: 0 1% 1%;}
.funcList table {margin-bottom: 50px;}
.funcList .item {width: 14%; text-align: center;font-weight: 400;padding: 10px 5px;}
.funcList .func {width: 44%;}
.funcList .ok {font-size: 160%;color: #00A3FF;font-weight: 600;}

/**** 決済ページ ***/
.oneColumn .kessaiInfo {}
.oneColumn .kessaiInfo input[type=submit] {cursor:pointer;font-weight: bold; padding: 15px 0; text-decoration: none; color: #fff; background: #00BCD4; transition: .4s; width: 80%; text-align: center;border: none;font-size: 18px;margin: 0 10%;}
.oneColumn .kessaiInfo input[type=submit]:hover {transition: .4s;opacity: 0.8;border: none;}

.oneColumn .kessaiInfo table {}
.oneColumn .kessaiInfo table th{width:40%;}
.oneColumn .kessaiInfo table td{width: 60%;}
.oneColumn .kessaiInfo table img{width: 300px;height: auto;}
.oneColumn .kessaiInfo table .supTxt {font-size: 80%;margin-bottom: 0;}
.oneColumn .kessaiInfo dl {overflow: hidden;margin-bottom: 2%}
.oneColumn .kessaiInfo dl dt{font-weight: 700}
.oneColumn .kessaiInfo dl dd{}


@media screen and (max-width: 727px) {
.oneColumn .kessaiInfo table th{width:30%;}
.oneColumn .kessaiInfo table td{width: 70%;padding: 2% 2%}
.cardImg img {width: 300px;height: auto}
}

.tabMenu {width: 90%;max-width: 460px; margin: 0 auto 2%; overflow:hidden;}
.tabMenu input[type=radio] {display: none;}
.payingtype_label {display: block;float: left;margin:0;width: calc(100% / 3);height: 50px;padding: 12px 0; box-sizing: border-box;text-align: center;background:#B7B7B7; cursor: pointer;border: 1px solid #94959D;font-size: 16px;color: #fff;font-weight: bold;}
.tabMenu input[type="radio"]:checked + label {background:#21CFFF;color: #1F1F30;border: 1px solid #21CFFF;}
#check-btn {text-align: center;font-weight: bold; margin: 0 5%;padding: 15px 3%;box-sizing: border-box;border: none; border-radius: 3px;position: relative;width: 90%;color: #fff; background:#45BFFB url("../img/arrow-white.png") no-repeat;border-bottom: 3px solid #0DA5E5; background-position: 98% 50%;background-size: 8px auto;font-size: 120%;}
#check-btn:disabled {background-color: #cccccc;color: #666666;cursor: not-allowed;opacity: 0.5;border-bottom: 3px solid #A8A4A4;}
@media screen and (max-width: 727px) {
.tabMenu {margin: 0 auto 4%;}
.payingtype_label {height: 36px;padding: 8px 0;font-size: 12px;}
}


.kuchikomiCamp {border-radius: 10px; background:#f7f7f7;box-sizing: border-box;padding: 15px;margin: 0 auto 15px;max-width: 90%;width: 600px;border: 2px solid #D3D3D3}
.kuchikomiCamp h3 {border:none;text-align: center;color: #E86163;padding: 0 0 10px;margin-bottom: 0}
@media screen and (max-width: 727px) {
.kuchikomiCamp {max-width: 96%;}
.kuchikomiCamp p {font-size: 14px;}
.kuchikomiCamp p:last-child {margin-bottom: 0}
.ui-menu .ui-menu-item-wrapper { font-size: 14px!important;}
}

.tocRows{padding: 10px; width: 60%; margin: 0 auto 20px;/*background:#EFEFEF;*/box-sizing: border-box;/*border: 1px solid #D1D1D1;*/ overflow-x: hidden; overflow-y: hidden;font-size: 10px;}
.tocRows .scrollArea{overflow-y: scroll;height: 160px;}
.tocRows table tr th,
.tocRows table tr td{padding: 5px;font-size: 11px;}
@media screen and (max-width: 727px) {
.tocRows{padding: 10px; width: 80%; margin: 0 auto 20px;background:#EFEFEF;box-sizing: border-box;border: 1px solid #D1D1D1; overflow-x: hidden; overflow-y: hidden;font-size: 80%}
.tocRows .scrollArea{overflow-y: scroll;height: 120px;}
.tocRows table tr th,
.tocRows table tr td{padding: 5px;font-size: 10px;}
}