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

/*------------------------------------------------------------
プロフィール
-------------------------------------------------------------*/
.profile{ margin: 0 auto; padding-top: 20px; text-align: center;}
.profile .common_tit{ margin-bottom: 70px;}
.profile .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

/* プロフィール本体
------------------------------------------------------------ */
.profile_wrap{ border: 1px solid #c79d6e; background: #fff; margin-bottom: 50px; padding: 20px; text-align: left;}
.profile_inner{ width: 1320px; margin: 0 auto;}

/*キャッチコピー*/
.catchcopy{ height: 50px; line-height: 50px; text-align: center; background: #000; color: #c79d6e; font-size: 22px; font-weight: bold;}

/* profile_inner01
------------------------------------------------------------ */
.profile_inner01{ box-sizing: border-box; padding: 20px; background: #f1f1f1; display: flex; flex-wrap: wrap; justify-content: space-between;}
.profile_inner01 .cont_left{ box-sizing: border-box; width: 360px;}
.profile_inner01 .cont_right{ box-sizing: border-box; width: 940px;}

/*名前*/
.name_box{ box-sizing: border-box; width: 360px; height: 170px; background: #fff; text-align: center;}
.name_box .g_name{ box-sizing: border-box; height: 80px; font-size: 28px; color: #780096; font-weight: bold; padding-top: 17px; line-height: 1.1;}
.name_box .g_name span{ font-size: 16px; color: #333; padding-left: 6px;}
.name_box .g_size{ display: block; font-size: 16px; padding-top: 5px;}

/*出勤情報*/
.name_box .attend{ height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; background: #ff0a72; margin: 0 10px;}
.name_box .n_time{ height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #960096; margin: 0 10px;}

/*写真*/
.img_box{}
.img_box .main_img{ width: 360px; height: 480px; position: relative; text-align: center;}

.img_box .sub_img{ width: 360px; height: 240px; overflow: hidden;}
.img_box .sub_img ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.img_box .sub_img ul li{ width: 90px; height: 120px;}

/*新人アイコン*/
.img_box .main_img .icon_new{ width: 100px; height: 100px; position: absolute; top: 0; left: 0;}
.img_box .main_img .icon_new img{ width: 100%;}

/*特徴*/
.feat{ margin-bottom: 10px;}
.feat ul{ width: 605px; height: 100px;}
.feat li{ box-sizing: border-box; width: 300px; height: 49px; line-height: 49px; background: #fff; font-size: 18px; font-weight: bold; text-align: center; margin: 0 1px 1px 0; float: left;}

/*アイコンリスト*/
.icon_wrap{}
.icon_wrap ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.icon_wrap li:not(:last-child){ margin-right: 5px;}

/*ランキングアイコン*/
.icon_wrap li .icon_lank{ box-sizing: border-box; width: 100px; height: 100px; background: url(../images_design/girl/icon_ranking_bg.png) no-repeat; background-size: 100px 100px; text-align: center; padding-top: 20px;}
.icon_wrap li .icon_lank_in{}
.icon_wrap li .icon_lank_in .tit{ font-size: 15px; line-height: 1; color: #fff; margin-bottom: 3px; font-feature-settings: "palt";}
.icon_wrap li .icon_lank_in .tit span{ display: block; font-size: 12px; padding-top: 3px;}
.icon_wrap li .icon_lank_in .num{ font-size: 36px; font-weight: bold;line-height: 1; color: #F2CCA1;}
.icon_wrap li .icon_lank_in .num span{ font-size: 0.5em; font-weight: bold;}

/*オプション無料アイコン*/
.icon_wrap li .icon_op_free{ box-sizing: border-box; width: 100px; height: 100px; background: #c79d6e; text-align: center; padding-top: 22px; border-radius: 50px;}
.icon_wrap li .icon_op_free_in{}
.icon_wrap li .icon_op_free_in p{ font-size: 36px; font-weight: bold; line-height: 1; font-feature-settings: "palt";}
.icon_wrap li .icon_op_free_in p span{ display: block; font-size: 0.45em; margin-bottom: 5px;}

/*質問*/
.g_faq{ margin-bottom: 10px;}
.g_faq dl{ display: flex; flex-wrap: wrap; justify-content: left; margin-bottom: 1px;}
.g_faq dt{ box-sizing: border-box; width: 270px; min-height: 39px; background: #7d007d; color: #fff;}
.g_faq dt span{ display: block; padding: 10px 12px;}
.g_faq dd{ box-sizing: border-box; width: 670px;  min-height: 39px; background: #fff;}
.g_faq dd p{ padding: 10px 12px;}

/*奥様からのメッセージ*/
.g_message{ margin-bottom: 10px;}
.g_message dt{ display: flex; flex-wrap: wrap; justify-content: left; height: 40px; line-height: 40px; background: #7d007d; padding: 0 0 0 12px;}
.g_message dt h3{ color: #c79d6e; font-size: 23px; font-weight: bold;}
.g_message dt p{ color: #fff; padding-left: 8px; font-size: 15px;}
.g_message dd{ box-sizing: border-box; min-height: 178px; /*min-height: 160px;*/ background: #fff; padding: 10px 12px;}

/*リンク（横）*/
.g_links{ display: flex; flex-wrap: wrap;}
.g_links ul{}
.g_links li{ box-sizing: border-box; width: 25%; height: 109px; /*border-bottom: 1px solid #f1f1f1;*/ text-align: center; background: #b2b2b2; color: #929292;}
.g_links li:not(:nth-child(6n)){ border-right: 1px solid #f1f1f1;}
.g_links li div{ padding-top: 18px;}
.g_links li a{ box-sizing: border-box; display: block; height: 109px; background: linear-gradient(#333333,#000000); color: #fff; border-bottom: 1px solid #f1f1f1;}
.g_links li a:hover{ text-decoration: none; opacity: 0.7;}
.g_links li figure{ display: block; margin-bottom: 10px;}
.g_links li p{ font-size: 17px;}

/*リンク（縦）
.g_links{ display: flex; flex-wrap: wrap;}
.g_links ul{}
.g_links li{ box-sizing: border-box; width: 16.66%; height: 127px; border-bottom: 1px solid #f1f1f1; text-align: center; background: #b2b2b2; color: #929292;}
.g_links li:not(:nth-child(6n)){ border-right: 1px solid #f1f1f1;}
.g_links li div{ padding-top: 27px;}
.g_links li a{ box-sizing: border-box; display: block; height: 127px; background: linear-gradient(#333333,#000000); color: #fff; border-bottom: 1px solid #f1f1f1;}
.g_links li a:hover{ text-decoration: none; opacity: 0.7;}
.g_links li figure{ display: block; margin-bottom: 10px;}
.g_links li p{ font-size: 17px;}
*/

/* profile_inner02
------------------------------------------------------------ */
.profile_inner02{ box-sizing: border-box; padding: 15px 0 20px; background: url(../images_design/girl/profile_inner02_bg.jpg) center top no-repeat #000;}

/*汎用タイトル*/
.profile_inner02 .tit_box{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 8px;}
.profile_inner02 .tit_box h3{ color: #c79d6e; font-size: 24px; font-weight: bold; margin-right: 10px;}
.profile_inner02 .tit_box p{ color: #fff; font-size: 16px;}

/*スケジュール*/
.weekly_schedule{}
.weekly_schedule ul{ box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 20px;}
.weekly_schedule li{ box-sizing: border-box; width: 14.28%;}
.weekly_schedule li:not(:last-child){ border-right: 1px solid #000;}
.weekly_schedule li p{ font-size: 16px;}
.weekly_schedule li p:nth-of-type(1){ background: #95816f; color: #fff; text-align: center; height: 40px; line-height: 40px;}
.weekly_schedule li p:nth-of-type(2){ background: #fff; text-align: center; height: 50px; line-height: 50px; font-size: 18px;}

/*ご予約はこちらから*/
.resv{}
.resv .resv_inner{ padding: 0 20px;}
.resv .resv_inner .day_wrap{ box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: left;}
.resv .resv_inner .day_wrap:not(:last-of-type){ margin-bottom: 10px;}

.resv .resv_inner .day_wrap .date_box{ box-sizing: border-box; width: 90px; height: 121px; text-align: center; background: #95816f; color: #fff; font-size: 16px; line-height: 1.4; padding-top: 39px; border-right: 1px solid #000;}

.resv .resv_inner .day_wrap .day_wrap_inner{ box-sizing: border-box; width: calc(100% - 90px); display: flex; flex-wrap: wrap; justify-content: left;}
.resv .resv_inner .day_wrap .day_wrap_inner .day_item{ box-sizing: border-box; width: 10%; height: 60px; background: #fff; border-top: 1px solid #000;}
.resv .resv_inner .day_wrap .day_wrap_inner .day_item:not(:nth-of-type(10)),
.resv .resv_inner .day_wrap .day_wrap_inner .day_item:not(:nth-of-type(20)){ border-right: 1px solid #000;}

.resv .resv_inner .day_wrap .day_wrap_inner .day_item dt{ box-sizing: border-box; height: 30px; line-height: 30px; text-align: center; border-bottom: 1px solid #000;}
.resv .resv_inner .day_wrap .day_wrap_inner .day_item dd ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.resv .resv_inner .day_wrap .day_wrap_inner .day_item dd li{ box-sizing: border-box; width: 25%; height: 30px; line-height: 30px; text-align: center; background: #fff; color: #fff;}
.resv .resv_inner .day_wrap .day_wrap_inner .day_item dd li.p_bl{}
.resv .resv_inner .day_wrap .day_wrap_inner .day_item dd li.p_ng{ background: #d90000;}
.resv .resv_inner .day_wrap .day_wrap_inner .day_item dd li.p_ok{ background: #fff;}
.resv .resv_inner .day_wrap .day_wrap_inner .day_item dd li:not(:last-child){ border-right: 1px solid #000;}
.resv .resv_inner .day_wrap .day_wrap_inner .day_item dd li a{ display: block; background: #0080ff; color: #fff;}
.resv .resv_inner .day_wrap .day_wrap_inner .day_item dd li a:hover{ text-decoration: none; opacity: 0.7;}

.resv .resv_inner .resv_nav_open{ height: 40px; line-height: 40px; background: #960096; font-size: 18px; color: #fff; text-align: center; cursor: pointer; position: relative;}
.resv .resv_inner .resv_nav_open::before{ content: "＋"; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 26px; color: #fff; position: absolute; right: 5px;}
.resv .resv_inner .resv_nav_open.active::before{ content: "－";}
.resv .resv_inner .resv_nav_wrap{ display: none; padding-top: 10px;}

/*お店からのコメント*/
.s_comment{}
.s_comment .s_comment_inner{ box-sizing: border-box; padding: 0 20px;}
.s_comment .s_comment_inner .s_comment_body{ box-sizing: border-box; padding: 20px; background: #fff;}

/*使用可能オプション*/
.option_list{}
.option_list ul{ box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: left; padding: 0 20px 0;}
.option_list li{ box-sizing: border-box; width: 16.66%; height: 50px; line-height: 50px;background: #b2b2b2; font-size: 13px; color: #fff; text-align: center; border-right: 1px solid #000; border-bottom: 1px solid #000;}
.option_list li:nth-child(6n){ border-right: none;}
.option_list li.o_on{ background: #960096;}

/* ページャー
------------------------------------------------------------ */
.girl_pager{}
.girl_pager ul{ display: flex; flex-wrap: wrap; justify-content: space-between; height: 45px; background: #f1f1f1; padding: 0 15px;}
.girl_pager li{ height: 50px; line-height: 50px; font-size: 18px;}
.girl_pager li i{ padding: 0 7px;}