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

/*------------------------------------------------------------
在籍一覧・新人女性一覧
-------------------------------------------------------------*/
.girl_list{ margin: 0 auto; padding: 20px 0 60px;}
.newgirl_list{ margin: 0 auto; padding: 20px 0 60px;}

/* ページャー
------------------------------------------------------------ */
.girl_list .pager,
.newgirl_list .pager{ background: #fff; padding: 30px 0;}

/* 在籍女性検索
------------------------------------------------------------ */
.girl_search{ box-sizing: border-box; padding: 20px; margin-bottom: 20px; background: #fff;}
.girl_search h3{ font-size: 20px; color: #dc1950; margin-bottom: 10px;}

.girl_search_inner dl{ width: 100%; margin-bottom: 5px; display: flex; flex-wrap: wrap; justify-content: left;}
.girl_search_inner dt{ box-sizing: border-box; width: 15%; padding: 15px; text-align: left; background: #ffeae8; position: relative;}
.girl_search_inner dt i{ color: #dc1950; padding-right: 5px;}
.girl_search_inner dt.cpl:after{ content: '必須'; width: 57px; height: 25px; line-height: 25px; text-align: center; background: #dc1950; color: #fff; border-radius: 6px; position: absolute; right: 15px; top: 15px;}
.girl_search_inner dd{ box-sizing: border-box; width: 85%; padding: 10px; text-align: left; background: #f9f9f9; position: relative;}

.girl_search_inner dd ul{ width: 100%; display: flex; flex-wrap: wrap; justify-content: left;}
.girl_search_inner dd li{ box-sizing: border-box; display: flex; align-items: center;}
.girl_search_inner dd ul.style_search li{ width: 25%;}
.girl_search_inner dd ul.option_search li{ width: 33.33%; font-size: 12px;}

.girl_search_inner input,
.girl_search_inner button,
.girl_search_inner select,
.girl_search_inner textarea{ background: transparent; border: none; border-radius: 0; font: inherit; box-sizing: border-box; position: relative;}
.girl_search_inner dd label{ height: 32px; line-height: 32px;}

/* テキストボックス */
.girl_search_inner input[type="text"]{ background: #fff; height: 32px; padding: 0 5px;}

/* チェックボックス */
.girl_search_inner input[type="checkbox"]{ cursor: pointer; vertical-align: middle; position: relative; margin-right: 16px;}
.girl_search_inner input[type="checkbox"]::before,
.girl_search_inner input[type="checkbox"]::after{ content: ""; display: block; position: absolute;}
.girl_search_inner input[type="checkbox"]::before{ box-sizing: border-box; background-color: #fff; border-radius: 4px; width: 22px;/*横幅*/ height: 22px;/*縦幅*/ transform: translateY(-50%); top: 50%; left: 0;}
.girl_search_inner input[type="checkbox"]::after { border-bottom: 3px solid #fff;/*太さ*/ border-left: 3px solid #fff;/*太さ*/ height: 6px;/*高さ*/ width: 11px;/*横幅*/ transform: rotate(-45deg); top: -1px; left: 4px;/*チェック時の位置調整*/  }
.girl_search_inner input[type="checkbox"]:checked::before{ background: #dc1950;}

/* セレクトボックス */
.girl_search_inner select{ background: #fff; height: 32px; padding: 0 5px;}
.girl_search_inner select.s_item{ width: 120px;}

/* ボタン */
.girl_search_inner .btn_form_wrap{ display: flex; flex-wrap: wrap; justify-content: center;}
.girl_search_inner .btn_form_wrap button{ margin: 0 4px; cursor: pointer; font-size: 16px; border-radius: 6px;}
.girl_search_inner .btn_form_wrap button i{ padding-right: 6px;}
.girl_search_inner .btn_form_wrap button:hover{ opacity: 0.7;}
.girl_search_inner .btn_form_wrap .btn_search button{ width: 200px; height: 40px; background: #dc1950; color: #fff;}
.girl_search_inner .btn_form_wrap .btn_reset button{ width: 200px; height: 40px; background: #828282; color: #fff;}