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

/*------------------------------------------------------------
プロフィール
-------------------------------------------------------------*/
.profile{ margin: 0 auto; padding: 20px 0 60px;}

/*各種タイトル*/
.tit_box{ height: 50px; background: url(../images_design/girl/tit_bg.png) left center no-repeat; display: flex; flex-wrap: wrap; justify-content: left; padding-left: 71px;}
.tit_box p{ height: 50px; line-height: 61px; color: #dc1950; font-weight: bold; background: #ffeae8; font-size: 27px;}
.tit_box h3{ height: 50px; line-height: 59px; background: #ffeae8; font-size: 16px; padding: 0 20px 0 10px;}

.tit_box2{ height: 50px; background: url(../images_design/girl/tit_bg2.png) center top no-repeat; display: flex; flex-wrap: wrap; justify-content: center;}
.tit_box2 p{ height: 50px; line-height: 61px; color: #dc1950; font-weight: bold; font-size: 27px; padding-right: 5px;}
.tit_box2 h3{ height: 50px; line-height: 59px; font-size: 16px; padding-left: 5px;}

/* プロフィール本体
------------------------------------------------------------ */
.profile_wrap{ 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;}

/* profile_inner01
------------------------------------------------------------ */
.profile_inner01{ box-sizing: border-box; padding: 20px; background: url(../images_design/girl/bg01.png) right top no-repeat #ffeae8; display: flex; flex-wrap: wrap; justify-content: space-between;}
.profile_inner01 .cont_left{ box-sizing: border-box; width: 380px;}
.profile_inner01 .cont_right{ box-sizing: border-box; width: 920px;}

/*名前*/
.name_box{ box-sizing: border-box; width: 380px; height: 100px; background: #fff; text-align: center; margin-bottom: 10px;}
.name_box .g_name{ box-sizing: border-box; height: 100px; font-size: 28px; color: #dc1950; font-weight: bold; padding-top: 25px; line-height: 1.1;}
.name_box .g_name span{ font-size: 16px; color: #333; padding-left: 6px; font-weight: normal;}
.name_box .g_size{ display: block; font-size: 16px; padding-top: 5px; font-weight: normal;}

/*写真*/
.img_box{ box-sizing: border-box; width: 380px; height: 596px; background: #fff; padding-top: 10px;}

.img_box .main_img{ width: 360px; height: 480px; margin: 0 auto; position: relative; text-align: center;}
.img_box .main_img .icon_wrap{ position: absolute; left: 12px; bottom: 12px;}
.img_box .main_img .icon_wrap ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.img_box .main_img .icon_wrap li{ width: 81px;}
.img_box .main_img .icon_wrap li img{ width: 100%;}
.img_box .main_img .icon_wrap li:not(:last-child){ margin-right: 4px;}

.img_box .sub_img{ width: 360px; height: 96px; margin: 0 auto; overflow: hidden;}
.img_box .sub_img ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.img_box .sub_img ul li{ width: 72px; height: 96px;}
.img_box .sub_img ul li img{ width: 100%;}

/*特徴*/
.feat{ margin-bottom: 10px;}
.feat ul{ width: 425px; height: 100px;}
.feat li{ width: 210px; height: 49px; line-height: 49px; background: #fff; font-size: 16px; text-align: center; margin: 0 1px 1px 0; float: left;}

/*アイコン*/
.icon_wrap{ height: 100px; margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: right;}
.icon_wrap .icon_img{ box-sizing: border-box; width: 90px; height: 90px; margin-right: 10px; padding: 5px 0;}

.icon_wrap .icon_today{ width: 210px; height: 100px; background: #dc1950; color: #fff; text-align: center;}
.icon_wrap .icon_today .tit{ height: 40px; line-height: 40px; font-size: 18px; background: rgba(0,0,0,0.2);}
.icon_wrap .icon_today .tit i{ padding-right: 4px;}
.icon_wrap .icon_today .time{ height: 60px; line-height: 60px; font-size: 20px; font-weight: bold;}
.icon_wrap .icon_today p.time:not(:first-of-type){ display: none;}

/*質問*/
.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: 49px; background: #dc1950; color: #fff;}
.g_faq dt span{ display: block; padding: 13px 12px;}
.g_faq dd{ box-sizing: border-box; width: 650px;  min-height: 49px; background: #fff;}
.g_faq dd p{ padding: 13px 12px;}

/*女性メッセージ*/
.g_message .mess_txt{ box-sizing: border-box; width: 920px; height: 186px; background: #fff; padding: 10px 12px; overflow-y: auto;}
.g_message .mess_txt pre{ white-space: normal;}

/*リンク*/
.g_links{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.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(4n)){ border-right: 1px solid #f1f1f1;}
.g_links li div{ padding-top: 19px;}
.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;}

/* profile_inner02
------------------------------------------------------------ */
.profile_inner02{ box-sizing: border-box; padding: 0; background: #ffeae8;}

/*お店からのコメント*/
.s_comment{ width: 1320px; margin: 0 auto; padding-bottom: 20px;}
.s_comment .s_comment_inner{ box-sizing: border-box; padding: 20px; background: #fff;}
.s_comment .s_comment_inner .s_comment_body{}
.s_comment .s_comment_inner .s_comment_body pre{ white-space: normal;}

/*ムービー*/
.cast_movie{ padding: 10px 20px;}

/*使用可能オプション*/
.option_list{ width: 1320px; margin: 0 auto; padding: 10px 0 20px;}
.option_list ul{ box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: left; padding: 10px; background: #fff;}
.option_list li{ box-sizing: border-box; width: 20%; height: 50px; background: rgba(220,25,80,0.16); font-size: 16px; color: #fff; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; line-height: 1;}
.option_list li span{ font-size: 10px;}
.option_list li:nth-child(5n){ border-right: none;}
.option_list li.o_on{ background: #dc1950;}

/*スケジュール*/
.weekly_schedule{ width: 1320px; margin: 0 auto; padding: 10px 0 20px;}
.weekly_schedule ul{ box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
.weekly_schedule li{ box-sizing: border-box; width: 14.28%; background: #fff; padding-bottom: 10px;}
.weekly_schedule li:not(:last-child){ border-right: 1px solid #ffeae8;}
.weekly_schedule li p{ font-size: 16px;}
.weekly_schedule li p:nth-of-type(1){ background: #dc1950; color: #fff; text-align: center; height: 40px; line-height: 40px;}
.weekly_schedule li p:nth-of-type(2){ text-align: center; height: 50px; line-height: 50px; font-size: 18px;}
.weekly_schedule li .btn_rsv{ height: 40px;}
.weekly_schedule li .btn_rsv a{ display: block; width: 150px; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; background: #ff3282; color: #fff; font-size: 16px; border-radius: 5px;}
.weekly_schedule li .btn_rsv a:hover{ text-decoration: none; opacity: 0.7;}

/* profile_inner03
------------------------------------------------------------ */
.profile_inner03{ box-sizing: border-box; padding: 0; background: #fff;}

/*写メ日記*/
.photo_diary{ width: 1360px; margin: 0 auto;}
.photo_diary .photo_diary_inner{ background: #ffeae8; padding: 20px;}
.photo_diary .photo_diary_inner .photo_diary_body{ /*height: 650px;*/ background: #fff;}