@charset "UTF-8";
@import url("./common/reset.css");
@import url("./common/advanced.css");
@import url("./common/base.css");

/*------------------------------------------------------------
料金システム・遊び方
-------------------------------------------------------------*/
.system{ margin: 0 auto; padding-top: 20px; text-align: center;}
.system .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

/* 備考
------------------------------------------------------------ */
.annotation{ box-sizing: border-box; width: 1400px; margin: 40px auto 50px;}
.annotation h3{ height: 60px; line-height: 60px; font-size: 30px; font-weight: bold; background: linear-gradient(#DFD29F, #8B6536);}

.annotation .annotation_inner{ box-sizing: border-box; background: rgba(0,0,0,0.6); border: 1px solid #000; padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.annotation .annotation_inner .annotation_l{ width: 940px; height: 260px; background: #000; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.annotation .annotation_inner .annotation_l h4{ width: 230px; text-align: center; color: #fff; font-size: 16px; line-height: 1;}
.annotation .annotation_inner .annotation_l h4 span{ display: block; font-family: 'Whisper', cursive; font-size: 90px; color: #c79d6e;}
.annotation .annotation_inner .annotation_l .annotation_l_inner{ width: 710px;}
.annotation .annotation_inner .annotation_l .annotation_l_inner ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.annotation .annotation_inner .annotation_l .annotation_l_inner li{ width: 210px; height: 80px; line-height: 80px; font-size: 28px; text-align: center; background: linear-gradient(#DFD29F, #8B6536); font-weight: bold;border-radius: 8px; position: relative;}
.annotation .annotation_inner .annotation_l .annotation_l_inner li:not(:last-child){ margin-right: 24px;}
.annotation .annotation_inner .annotation_l .annotation_l_inner li:not(:last-child):after{ content: '＋'; width: 44px; height: 44px; line-height: 46px; font-weight: bold; background: #fff; border-radius: 23px; color: #000; position: absolute; right: -34px; top: 18px; z-index: 2;}
.annotation .annotation_inner .annotation_l .annotation_l_inner .txt{ color: #fff; text-align: left; font-size: 15px;}
.annotation .annotation_inner .annotation_l .annotation_l_inner .txt span{ color: #c79d6e;}

.annotation .annotation_inner .annotation_r{ width: 400px; height: 260px;}
.annotation .annotation_inner .annotation_r h4{ padding: 15px 0; text-align: center; border: 1px solid #c79d6e; color: #fff; font-size: 23px;}
.annotation .annotation_inner .annotation_r h4 span{ color: #c79d6e; font-weight: bold;}
.annotation .annotation_inner .annotation_r h4 p{ font-size: 15px; color: #c79d6e; font-weight: bold;}

.annotation .annotation_inner .annotation_r ul{ color: #fff; text-align: left;}
.annotation .annotation_inner .annotation_r li{ font-size: 18px; padding-top: 12px; position: relative; padding-left: 24px;}
.annotation .annotation_inner .annotation_r li i{ position: absolute; top: 18px; left: 0;}

/* コース料金
------------------------------------------------------------ */
.system .tit{ font-size: 40px; font-weight: bold; line-height: 1.2; padding-bottom: 70px;}
.system .tit p{ box-sizing: border-box; color: rgba(0, 0, 0, 0); background: linear-gradient(#DFD29F, #8B6536); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; padding: 0 6px 0 0;}
.system .tit span{ display: block; font-size: 22px; color: #333;}

/* 料金表
------------------------------------------------------------ */
.price_wrap{ padding-bottom: 50px;}

/* 横幅 */
.price_wrap .price_row,
.price_wrap h5,
.price_wrap .sub_price,
.price_wrap .cmn_att,
.price_wrap .cmn_w{ width: 82%; margin: 0 auto;}

/* タイトル */
.price_wrap .tit_wrap{ height: 80px; display: flex; flex-wrap: wrap; justify-content: left; align-items: center; margin-bottom: 50px; position: relative;}
.price_wrap .tit_wrap h4{ font-size: 36px; font-weight: bold; padding-left: 22px;}
.price_wrap .tit_wrap h4 i{ color: rgba(0,0,0,0.3); padding-right: 15px;}
.price_wrap .tit_wrap .tit_en{ color: #fff; font-size: 16px; padding-left: 17px; letter-spacing: 0.3em;}
.price_wrap .tit_wrap .btn_movie{ margin-left: auto; padding-right: 10px;}

.price_wrap .tit_badge{ height: 60px; background: #000; margin-left: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 18px; position: relative;}
.price_wrap .tit_badge::before{ content: ' '; position: absolute; bottom: 0px; left: -30px; width: 0; height: 0; border-style: solid; border-color: transparent transparent #000 transparent; border-width: 0px 0px 60px 30px;}
.price_wrap .tit_badge .txt_jp{ font-size: 35px; color: #c79d6e; margin-right: 10px;}
.price_wrap .tit_badge .txt_en{ color: #ffffff; text-align: left;}

/* 価格表タイトル */
.price_wrap h5{ font-size: 26px; font-weight: bold; text-align: left; padding-bottom: 10px; margin-bottom: 30px;}
.price_wrap h5 i{ color: rgba(0,0,0,0.3); padding-right: 12px;}

/* 価格表 */
.price_wrap .price_row{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; text-align: left; line-height: 1.4;}
.price_wrap .price_row .item_wrap{ display: flex; flex-wrap: wrap; width: 48%;}

.price_wrap .price_row.tit_box{ margin-bottom: 3px;}
.price_wrap .price_row.tit_box .item_wrap .item_l{ box-sizing: border-box; width: 36%;}
.price_wrap .price_row.tit_box .item_wrap .item_r{ box-sizing: border-box; width: 64%; padding-left: 50px;}
.price_wrap .price_row.tit_box .item_wrap .item_l,
.price_wrap .price_row.tit_box .item_wrap .item_r{ font-size: 16px;}
.price_wrap .price_row.tit_box .item_wrap i{ padding-right: 6px;}

.price_wrap .price_row.price_box .item_wrap .item_l{ width: 36%; font-size: 73px; text-align: right; letter-spacing: -3px;}
.price_wrap .price_row.price_box .item_wrap .item_l span{ font-size: 0.6em; padding-left: 3px;}
.price_wrap .price_row.price_box .item_wrap .item_r{ width: 64%; font-size: 73px; text-align: right; letter-spacing: -3px; position: relative;}
.price_wrap .price_row.price_box .item_wrap .item_r:before{ content: ""; display: block; width: 24px; height: 24px; position: absolute; left: 25px; top: calc(50% - 1px); border-top: solid 1px; border-right: solid 1px; transform: rotate(45deg) translateY(-50%); color: inherit;}
.price_wrap .price_row.price_box .item_wrap .item_r span{ font-size: 0.6em; padding-left: 3px;}

.price_wrap .price_row.price_box .item_wrap .item_ml{ box-sizing: border-box; width: 36%; font-size: 60px; padding-bottom: 6px; text-align: right;}
.price_wrap .price_row.price_box .item_wrap .item_ml span{ font-size: 0.6em; padding-left: 3px;}
.price_wrap .price_row.price_box .item_wrap .item_mr{ box-sizing: border-box; width: 64%; font-size: 60px; padding-bottom: 6px; text-align: right;}
.price_wrap .price_row.price_box .item_wrap .item_mr span{ font-size: 0.6em; padding-left: 3px;}

.price_wrap .price_row.price_box .item_wrap .onwards{ width: 100%; text-align: right; font-size: 40px;}
.price_wrap .price_row.price_box .item_wrap .onwards span{ font-size: 1.3em; padding: 0 5px;}

/* PR */
.price_wrap .pr_wrap{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.price_wrap .pr_wrap .pr_tit{ font-size: 24px; color: #ff0; font-weight: bold; padding: 6px 18px; text-align: center; line-height: 1.2;}
.price_wrap .pr_wrap .pr_txt{ text-align: left; padding-left: 15px; line-height: 1.2;}
.price_wrap .pr_wrap .pr_txt .txt1{ font-size: 32px; font-weight: bold;}
.price_wrap .pr_wrap .pr_txt .txt2{ font-size: 24px;}
.price_wrap .pr_copy{ font-size: 32px; font-weight: bold;}

/* 補助価格 */
.price_wrap .sub_price{ padding-top: 15px; border-top: 1px solid #e2e2e2;}
.price_wrap .sub_price ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.price_wrap .sub_price li{ padding: 0 15px; font-size: 26px;}
.price_wrap .sub_price li span{ font-size: 1.8em; padding: 0 6px;}

/* 注意事項 */
.price_wrap .cmn_att{ box-sizing: border-box; padding: 18px 22px;; background: rgba(0,0,0,0.03); border-radius: 5px;}
.price_wrap .cmn_att p{ font-size: 15px; text-align: left; position: relative; padding-left: 1.1em;}
.price_wrap .cmn_att p:before{ content: '※'; position: absolute; top: 0; left: 0;}

/* スタンダードコース・ホテルパックコース */
.std_course{ border: 1px solid #c79d6e; line-height: 1.4;}
.std_course .tit_wrap{ background: #c79d6e;}
.std_course .price_row.tit_box{ color: #c79d6e;}
.std_course h5{ border-bottom: 1px solid #c79d6e;}

/* 性感マッサージコース */
.sexm_course{ border: 1px solid #bf5050; line-height: 1.4;}
.sexm_course .tit_wrap{ background: #bf5050;}
.sexm_course .price_row.tit_box{ color: #bf5050;}
.sexm_course h5{ border-bottom: 1px solid #bf5050;}

.sexm_course .play_list{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 82%; margin: 0 auto; font-size: 17px;}
.sexm_course .play_list h6{ width: 20%; height: 40px; line-height: 40px; background: #bf5050; color: #fff; text-align: center; font-weight: bold;}
.sexm_course .play_list ul{ width: 80%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.sexm_course .play_list li{ box-sizing: border-box; width: 20%; height: 40px; line-height: 40px; border-right: 1px solid #bf5050; border-top: 1px solid #bf5050; border-bottom: 1px solid #bf5050;}

.sexm_course .link_esthe{ width: 30%; margin: 0 auto;}
.sexm_course .link_esthe a{ display: block; background: #bf5050; font-size: 18px; color: #fff; text-align: center; padding: 12px 0; border-radius: 5px;}
.sexm_course .link_esthe a i{ padding-right: 6px;}
.sexm_course .link_esthe a:hover{ opacity: 0.7; text-decoration: none;}

.sexm_course .op_list{}
.sexm_course .op_list h5{ margin-bottom: 7px!important;}
.sexm_course .op_list ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.sexm_course .op_list li{ padding: 0 15px; font-size: 22px;}
.sexm_course .op_list li span{ font-size: 1.8em; padding: 0 6px;}
.sexm_course .op_list li em{ font-size: 0.9em; padding: 0 8px; font-style: normal; font-feature-settings: "palt";}

/* 複数プレイコース */
.multi_course{ border: 1px solid #b63bbf; line-height: 1.4;}
.multi_course .tit_wrap{ background: #b63bbf;}
.multi_course .price_row.tit_box{ color: #b63bbf;}
.multi_course h5{ border-bottom: 1px solid #b63bbf;}

.multi_course .play_list{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 82%; margin: 0 auto; font-size: 17px;}
.multi_course .play_list h6{ width: 20%; height: 40px; line-height: 40px; background: #b63bbf; color: #fff; text-align: center; font-weight: bold;}
.multi_course .play_list ul{ width: 80%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.multi_course .play_list ul.pl3p li{ box-sizing: border-box; width: 33.33%; height: 40px; line-height: 40px; border-right: 1px solid #b63bbf; border-top: 1px solid #b63bbf; border-bottom: 1px solid #b63bbf;}
.multi_course .play_list ul.pl4p li{ box-sizing: border-box; width: 100%; height: 40px; line-height: 40px; border-right: 1px solid #b63bbf; border-top: 1px solid #b63bbf; border-bottom: 1px solid #b63bbf;}
.multi_course .play_list ul.pl5p li{ box-sizing: border-box; width: 100%; height: 40px; line-height: 40px; border-right: 1px solid #b63bbf; border-top: 1px solid #b63bbf; border-bottom: 1px solid #b63bbf;}

.multi_course .copy1{ padding: 12px 0; background: #b63bbf; font-size: 24px; color: #fff; text-align: center;}
.multi_course .cmn_att em{ color: #b63bbf; font-size: 16px; font-weight: bold; font-style: normal;}

/* 貴方が整体師！逆性感マッサージコース */
.sexmr_course{ border: 1px solid #6286d0; line-height: 1.4;}
.sexmr_course .tit_wrap{ background: #6286d0;}
.sexmr_course .price_row.tit_box{ color: #6286d0;}
.sexmr_course h5{ border-bottom: 1px solid #6286d0;}

.sexmr_course .pr_tit{ background: #6286d0;}
.sexmr_course .pr_txt p{ color: #6286d0;}

/* ホテルパックマットヘルスコース */
.hpmh_course{ border: 1px solid #57b5bb; line-height: 1.4;}
.hpmh_course .tit_wrap{ background: #57b5bb;}
.hpmh_course .price_row.tit_box{ color: #57b5bb;}
.hpmh_course h5{ border-bottom: 1px solid #57b5bb;}

.hpmh_course .pr_copy{ color: #57b5bb;}

/* 飛びっ子コース */
.tobi_course{ border: 1px solid #eea15c; line-height: 1.4;}
.tobi_course .tit_wrap{ background: #eea15c;}
.tobi_course .price_row.tit_box{ color: #eea15c;}
.tobi_course h5{ border-bottom: 1px solid #eea15c;}

.tobi_course .pr_tit{ background: #eea15c;}
.tobi_course .pr_txt p{ color: #eea15c;}

.tobi_course .copy1{ padding: 12px 0; background: #eea15c; font-size: 24px; color: #fff; text-align: center;}

/* 飛びっ子マッサージコース */
.tobi_course_2{ border: 1px solid #00B4FF; line-height: 1.4;}
.tobi_course_2 .tit_wrap{ background: #00B4FF;}
.tobi_course_2 .price_row.tit_box{ color: #00B4FF;}
.tobi_course_2 h5{ border-bottom: 1px solid #00B4FF;}

.tobi_course_2 .pr_tit{ background: #00B4FF;}
.tobi_course_2 .pr_txt p{ color: #00B4FF;}

.tobi_course_2 .copy1{ padding: 12px 0; background: #00B4FF; font-size: 24px; color: #fff; text-align: center;}

/* デートコース */
.date_course{ border: 1px solid #ff81bc; line-height: 1.4;}
.date_course .tit_wrap{ background: #ff81bc;}
.date_course .price_row.tit_box{ color: #ff81bc;}
.date_course h5{ border-bottom: 1px solid #ff81bc;}

/* 悶絶アナル舐めコース */
.analname_course{ border: 1px solid #f1e15c; line-height: 1.4;}
.analname_course .tit_wrap{ background: #f1e15c;}
.analname_course .price_row.tit_box{ color: #f1e15c;}
.analname_course h5{ border-bottom: 1px solid #f1e15c;}

/* 即クンニコース */
.sokucunni_course{ border: 1px solid #8ecb1f; line-height: 1.4;}
.sokucunni_course .tit_wrap{ background: #8ecb1f;}
.sokucunni_course .price_row.tit_box{ color: #8ecb1f;}
.sokucunni_course h5{ border-bottom: 1px solid #8ecb1f;}

/* 女性向けコース */
.women_course{ border: 1px solid #dc6e93; line-height: 1.4;}
.women_course .tit_wrap{ background: #dc6e93;}
.women_course .price_row.tit_box{ color: #dc6e93;}
.women_course h5{ border-bottom: 1px solid #dc6e93;}

/* 花びら回転コース */
.hanabirakaiten_course{ border: 1px solid #6286d0; line-height: 1.4;}
.hanabirakaiten_course .tit_wrap{ background: #6286d0;}
.hanabirakaiten_course .price_row.tit_box{ color: #6286d0;}
.hanabirakaiten_course h5{ border-bottom: 1px solid #6286d0;}
.hanabirakaiten_course .time_txt{ width: 100%; text-align: center; margin-top: -10px; font-size: 22px; height: 32px; line-height: 32px; background: #f5f5f5; border-radius: 16px;}

.women_course .pr_copy{ color: #dc6e93;}

/* セーラー服待ち合わせコース */
.sailorsuit_course{ border: 1px solid #9588df; line-height: 1.4;}
.sailorsuit_course .tit_wrap{ background: #9588df;}
.sailorsuit_course .price_row.tit_box{ color: #9588df;}
.sailorsuit_course h5{ border-bottom: 1px solid #9588df;}

/* 基本プレイ内容
------------------------------------------------------------ */
.basic_play_list{ background: #c7b299; padding-bottom: 10px;}
.basic_play_list .tit_wrap{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 12px 0;}
.basic_play_list .tit_wrap h4{ font-size: 28px; padding-right: 10px;}
.basic_play_list .tit_wrap p{ color: #fff; font-size: 16px; padding-left: 17px; letter-spacing: 0.3em;}

.basic_play_list ul{ box-sizing: border-box; background: #fff; margin: 0 10px; display: flex; flex-wrap: wrap; padding: 5px;}
.basic_play_list li{ box-sizing: border-box; width: 25%; padding: 1px;}
.basic_play_list li p{ font-size: 24px; color: #c79d6e; border: 1px solid #c7b299; padding: 6px 0;}

/* その他料金表
------------------------------------------------------------ */
.cmn_subfee_wrap{ background: #f5f5f5; padding: 10px;}
.cmn_subfee_wrap h4{ background: #141950; color: #c79d6e; font-size: 28px; padding: 8px 0;}

.cmn_subfee_wrap ul{ box-sizing: border-box; background: #fff; display: flex; flex-wrap: wrap; padding: 5px;}
.cmn_subfee_wrap li{ box-sizing: border-box; padding: 1px;}
.cmn_subfee_wrap li div{ font-size: 20px; border: 1px solid #e2e2e2; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.cmn_subfee_wrap li div p:first-of-type{ font-size: 24px; line-height: 1.1; padding-right: 15px;}
.cmn_subfee_wrap li div p:last-of-type{ font-size: 38px; color: #141950;}
.cmn_subfee_wrap li div p:last-of-type span{ padding-left: 2px; font-size: 0.8em;}

/* 手数料 */
.cmn_subfee_wrap.fee_list li{ width: 25%;}
.cmn_subfee_wrap.fee_list li div{ height: 74px;}

/* オプション料金 */
.cmn_subfee_wrap.op_list{ position: relative;}
.cmn_subfee_wrap.op_list .btn_movie{ position: absolute; right: 15px; top: 15px;}
.cmn_subfee_wrap.op_list li.w_100{ width: 100%;}
.cmn_subfee_wrap.op_list li.w_50{ width: 50%;}
.cmn_subfee_wrap.op_list li div{ min-height: 74px;}
.cmn_subfee_wrap.op_list li div p span{ font-size: 0.7em;}
.cmn_subfee_wrap.op_list li div p:first-of-type{ text-align: left;}

/* 交通費 */
.cmn_subfee_wrap.tex_list .tit_wrap{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #fff; padding-top: 5px;}
.cmn_subfee_wrap.tex_list .tit_wrap p{ font-size: 36px; font-weight: bold; padding-right: 10px;}

.cmn_subfee_wrap.tex_list .tit_wrap.tit_kyoto p{ color: #960096;}
.cmn_subfee_wrap.tex_list .tit_wrap.tit_shiga p{ color: #c80000;}
.cmn_subfee_wrap.tex_list .tit_wrap.tit_osaka p{ color: #141950;}

.cmn_subfee_wrap.tex_list .tit_wrap h5{ font-size: 24px;}
.cmn_subfee_wrap.tex_list li{ width: 50%;}

.cmn_subfee_wrap.tex_list li div{ min-height: 74px;}
.cmn_subfee_wrap.tex_list li div p:first-of-type{ font-size: 19px; text-align: center; line-height: 1.3;}

.cmn_subfee_wrap.tex_list .t_ex_link{ font-size: 15px;}
.cmn_subfee_wrap.tex_list .t_ex_link i{ padding-right: 5px;}

/* 各種リンク
------------------------------------------------------------ */
.link_wrap{ box-sizing: border-box; padding: 20px; border: 1px solid #f5f5f5; margin-bottom: 50px;}
.link_wrap .btn_reserve{ position: relative;}
.link_wrap .btn_reserve .tel{ position: absolute; top: 12px; right: 630px; font-size: 62px; font-weight: bold;}
.link_wrap .btn_reserve .tel span{ font-size: 0.7em; padding-right: 5px;}
.link_wrap .btn_reserve .time1{ position: absolute; top: 81px; right: 630px; font-size: 40px; font-weight: bold;}
.link_wrap .btn_reserve .time1 span{ font-size: 0.7em; padding-right: 5px;}
.link_wrap .btn_reserve a:hover .tel,
.link_wrap .btn_reserve a:hover .time1{ opacity: 0.7;}

/* ご利用規約
------------------------------------------------------------ */
.terms{ box-sizing: border-box; padding: 20px; border: 1px solid #f5f5f5; position: relative;}
.terms h3{ font-size: 18px; color: #fff; background: #000; padding: 8px 0; margin-bottom: 20px;}
.terms .refusal{ text-align: left;}
.terms .refusal h4{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.terms .refusal .ti{ padding-left: 13px;}
.terms .supplement{ box-sizing: border-box; width: 582px; text-align: left; position: absolute; right: 20px; top: 87px; background: #f5f5f5; padding: 15px;}