@charset "utf-8";

/*/////  PC view  /////*/
@media screen and (min-width: 769px) {
    /*@media screen and ( min-width:769px) {*/
    body {
        overflow-x: hidden;
    }

    .sp {
        display: none;
    }

    header {
        width: 1200px;
        margin: 10px auto;
    }

    header h1 {
        text-align: center;
        width: 600px;
        /*width: 350px;*/
        font-size: 80%;
    }

    header .pc {
        width: 1200px;
        height: 110px;
        background: url(../img/base/head.png?date=20171124) no-repeat center top;
        display: block;
    }

    header .pc ul {
        float: right;
        text-align: right;
    }

    header .pc ul li {
        display: inline-block;
        width: 27%;
    }

    header .pc ul li img {
        width: 100%;
    }

    /* メインメニュー */
    nav.header_menu ul.pc {
        width: 1200px;
        height: 60px;
        margin: 0 auto 10px;
        display: block;
    }

    nav.header_menu ul.pc li, nav.header_menu ul.pc li a, nav.header_menu ul.pc li label {
        float: left;
        display: block;
        width: 200px;
        height: 60px;
    }

    nav.header_menu ul.pc li:nth-child(1) a {
        background: url(../img/base/menu.png) no-repeat 0 0;
    }

    nav.header_menu ul.pc li:nth-child(1) a:hover {
        background: url(../img/base/menu_on.png) no-repeat 0 0;
    }

    nav.header_menu ul.pc li:nth-child(2) a {
        background: url(../img/base/menu.png) no-repeat -200px 0;
    }

    nav.header_menu ul.pc li:nth-child(2) a:hover {
        background: url(../img/base/menu_on.png) no-repeat -200px 0;
    }

    nav.header_menu ul.pc li:nth-child(3) a {
        background: url(../img/base/menu.png) no-repeat -400px 0;
    }

    nav.header_menu ul.pc li:nth-child(3) a:hover {
        background: url(../img/base/menu_on.png) no-repeat -400px 0;
    }

    nav.header_menu ul.pc li:nth-child(4) a {
        background: url(../img/base/menu.png) no-repeat -600px 0;
    }

    nav.header_menu ul.pc li:nth-child(4) a:hover {
        background: url(../img/base/menu_on.png) no-repeat -600px 0;
    }

    nav.header_menu ul.pc li:nth-child(5) a {
        background: url(../img/base/menu.png) no-repeat -800px 0;
    }

    nav.header_menu ul.pc li:nth-child(5) a:hover {
        background: url(../img/base/menu_on.png) no-repeat -800px 0;
    }

    nav.header_menu ul.pc li:nth-child(6) a {
        background: url(../img/base/menu.png) no-repeat -1000px 0;
    }

    nav.header_menu ul.pc li:nth-child(6) a:hover {
        background: url(../img/base/menu_on.png) no-repeat -1000px 0;
    }

    /* 共通 */
    .inner {
        width: 1200px;
        margin: 0 auto;
    }

    /* 各ページタイトル部 */
    .page-title {
        width: 100%;
        height: 400px;
        margin: 0 auto 20px;
        background: url(../img/title_bg.png) no-repeat center top;
        overflow: hidden;
    }

    .page-title h2 {
        width: 1200px;
        height: 400px;
        margin: 0 auto;
        padding: 110px 0 0 0;
        text-align: center;
        background: url(../img/title_bg.png) no-repeat center top;
    }

    /* スライダー */
    .slider-container {
        width: 1200px;
        margin: 0 auto;
    }

    article {
        display: block;
        margin: 20px auto;
    }

    /* メインコンテンツ */
    .contents-main {
        position: relative;
    }

    /* 左コンテンツ */
    .contents-left {
        width: 800px;
        min-height: 1340px;
        position: relative;
    }

    .contents-left h3, .contents-left h4 {
        text-align: center;
    }

    .contents-left .in-box {
        width: 90%;
        margin: 0 auto 20px;
        padding: 15px 10px;
        clear: both;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: #FFF;
    }
    .contents-left .in-box .left_box .img img {
        width: 30%;
    }


    .contents-left .in-box img,
    .contents-wide .in-box img {
        max-width: 100%;
        width: auto;
    }

    /* Q＆A */
    .contents-qa {

    }

    .contents-qa dl.qa-list {
        display: block;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .contents-qa dl.qa-list:after, .contents-qa dl.qa-list dt:after, .contents-qa dl.qa-list dd:after {
        content: "";
        display: block;
        clear: both;
    }

    .contents-qa dl.qa-list dt, .contents-qa dl.qa-list dd {
        display: block;
        width: 100%;
        clear: both;
    }

    .contents-qa dl.qa-list dt img.icon {
        float: left;
        margin: 0 10px 0 65px;
    }

    .contents-qa dl.qa-list dt p {
        float: left;
        width: 650px;
        color: #5abdfe;
    }

    .contents-qa dl.qa-list dd {
        position: relative;
        z-index: 1;
        top: -10px;
        left: 0px;
    }

    .contents-qa dl.qa-list dd img.icon {
        position: relative;
        z-index: 2;
        top: 0px;
        left: 0px;
    }

    .contents-qa dl.qa-list dd p {
        position: relative;
        z-index: 1;
        top: -40px;
        left: 0px;
        margin: 0 0 -40px 35px;
        padding: 10px 10px 10px 30px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: #ffffd5;
    }

    .qa-info {

    }

    .qa-info ul.btn {
        margin: 0 0 0 35px;
    }

    .qa-info ul.btn li {
        margin: 0 10px 0 0;
        float: left;
    }

    /* 中央コンテンツ */
    .contents-wide {
        width: 100%;
        margin: 40px auto;
        clear: both;
    }

    .contents-wide:before, .contents-wide:after {
        content: "";
        display: block;
        clear: left;
    }

    .contents-first {
        clear: both;
    }

    .contents-first h3 {
        margin: 0 auto 30px;
        text-align: center;
    }

    .contents-first .in-box {
        clear: both;
    }

    .contents-first .in-box img {
        float: left;
    }

    /* 右コンテンツ */
    .contents-right {
        width: 365px;
        position: absolute;
        top: 0px;
        left: 835px;
    }

    .contents-right * {
        max-width: 365px;
    }

    /* バナー */
    .contents-right ul.contents-banner {

    }

    .contents-right ul.contents-banner li {
        clear: both;
        margin: 0 0 10px 0;
    }

    /* お知らせ */
    .contents-right .contents-info h4 img {
        clear: both;
    }

    .contents-right .contents-info h4 {
        margin-bottom: 5px;
    }


    .contents-right .contents-info .inner {
        padding: 20px;
        border: 1px solid #A2D7F8;
        height: 595px;
        overflow: auto;
        float: left;
        clear: both;
    }

    .contents-info .inner .in-box {
        border-bottom: 1px dotted #000;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }

    .contents-info .in-box:last-child {
        border: none;
    }

    .contents-info .inner .in-box h5.title {
        color: #FF8CBB;
    }

    .contents-info .inner .in-box p.date {
        text-align: right;
        font-size: 80%;
    }

    .contents-info .inner .in-box p.img {
        text-align: center;
    }

    .contents-info .inner .in-box p.img img {
        max-width: 100%;
    }

    /*フッター*/
    footer {
        width: 1200px;
        margin: 20px auto 0;
        padding: 0;
        text-align: center;
    }

    footer a {
        position: relative;
        z-index: 10;
    }

    footer p {
        width: 100%;
        margin: 1em 0 0 0;
        clear: both;
    }

    footer nav.footer_menu {
        width: 100%;
        clear: both;
        margin: 2em 0 0 0;
    }

    footer nav.footer_menu ul {
        width: 100%;
        clear: both;
        text-align: center;
    }

    footer nav.footer_menu ul li {
        display: inline-block;
    }

    footer nav.footer_menu ul li:before {
        content: "｜";
    }

    footer nav.footer_menu ul li:first-child:before {
        content: "";
    }

    /* 下部fixメニュー */
    #bottomNavi {
        position: fixed;
        right: 0;
        bottom: 0;
        /*width: 100%;*/
        text-align: center;
        height: auto;
        z-index: 5;
        display: block;
        margin: 0 20px 50px 0;
    }

    #bottomNavi .btn_top {
        /*width: 1200px;*/
        /*margin: 0 auto;*/
        text-align: right;
    }

    #bottomNavi .btn_top img {
    }

    #bottomNavi ul {
        display: none;
        width: 1200px;
        margin: 10px auto 0 auto;
        clear: both;
    }

    #bottomNavi ul li {
        width: 25%;
        display: block;
        float: left;
    }

    #bottomNavi ul li a {
        display: block;
    }

    /* top news */
    .contents-top-news .inner .text-box {
        border: solid 2px #FD7FB4;
        background-color: #FFFFFF;
        height: 450px;
        overflow-y: scroll;
    }

    .contents-top-news .inner .news-box {
        padding: 15px;
        width: 835px;
    }

    .contents-top-news .inner .news-box .img.left {
        width: 30%;
        margin-right: 10px;
        float: left;
    }

    .contents-top-news .inner .news-box .img.right {
        width: 30%;
        margin-right: 10px;
        float: right;
    }

    .contents-top-news .inner .news-box .img.center {
        width: 100%;
        margin-bottom: 10px;
    }

    .contents-top-news .inner .news-box .title {
        border-bottom: solid 1px #FD7FB4;
        margin-bottom: 15px;
    }

    .contents-top-news .inner .news-box .title .date {
        float: right;
    }

    .contents-top-news .inner {
        position: relative;
    }

    .contents-top-news .inner .image {
        top: 14px;
        right: 21px;
        position: absolute;
    }

    /* top promise */
    .contents-top-promise .inner .text-box {
        border: solid 2px #b1dfff;
        background-color: #FFFFFF;
        height: 504px;
        overflow-y: scroll;
        padding: 80px;
        padding-top: 120px;
    }

    .contents-top-promise .inner .promise-box {
        padding: 15px;
        width: 835px;
    }

    .contents-top-promise .inner .promise-box .img.left {
        width: 30%;
        margin-right: 10px;
        float: left;
    }

    .contents-top-promise .inner .promise-box .img.right {
        width: 30%;
        margin-right: 10px;
        float: right;
    }

    .contents-top-promise .inner .promise-box .img.center {
        width: 100%;
        margin-bottom: 10px;
    }

    .contents-top-promise .inner .promise-box .title {
        border-bottom: solid 1px #FD7FB4;
        margin-bottom: 15px;
    }

    .contents-top-promise .inner .promise-box .title .date {
        float: right;
    }

    .contents-top-promise .inner {
        position: relative;
        padding-top: 90px;
    }

    .contents-top-promise .inner .image {
        top: 14px;
        right: 21px;
        position: absolute;
    }


    /* 待遇・会社概要 */
    #info .innerWide {
        width: 1000px;
        padding-bottom: 50px;
    }

    #info dl {
        width: 48%;
        display: inline-block;
        vertical-align: top;
    }

    #info dl dt,
    #info dl dd {
        display: block;
        float: left;
    }

    #info dl dt {
        clear: both;
    }

    #info dl dd {
        max-width: 85%;
    }

    /* 一覧 */
    .contents-girl .girl_box,
    .contents-schedule .schedule_box {
        width: 31%;
        margin-right: 1.5%;
        margin-bottom: 1%;
    }

    .contents-girl .girl_box:nth-child(3n),
    .contents-schedule .schedule_box:nth-child(3n) {
        margin-right: 0;
    }

    /* スケジュール */
    .contents-schedule .schedule-date {
        display: table;
        width: 100%;
    }

    .contents-schedule .schedule-date > li {
        display: table-cell;
        border: 1px #FFFFFF solid;
    }

    /*女の子詳細調整用*/

    .girl_image {
        width: 40%;
        float: left;
        border: 1px solid #ffd1df;
        padding: 1%;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .girl_image img {
        width: 100%;

    }


    .state dl dt {
        width: 28%;
    }

    .state dl dd {
        background-color: #ffccde;
        width: 25%;
    }

    .state {
        width: 90%;
    }

    .girl_detail_comment dl dt {
        width: 20%;
    }

    .girl_detail_comment dl dd {
        overflow: auto;
        height: 240px;
        margin-bottom: 15px;
    }

    .schedule {
        clear: both;
        padding: 1px 0 1px 1px;
        /* border: 1px solid #cccccc; */
        /* background: #333333; */
        float: left;
        width: 100%;
    }

    .schedule dt {
        font-size: 12px;
        text-align: center;
        color: black;
        background: #FEFCCC;
        margin-bottom: 1px;
        padding: 10px;
        letter-spacing: 2px;
        margin: 1px;
    }

    .schedule dl {
        width: 14%;
        /* margin-right: 1px; */
        /* float: left; */
        /* display: inline; */
        margin: 0;
    }

    dt {
    }

    .schedule dd {
        background: #FFFFFF;
        border: 1px solid #cccccc;
        height: 60px;
        padding-top: 25px;
        padding-bottom: 2px;
        text-align: center;
        line-height: 1em;
        color: #000000;
        font-size: 14px;
        margin: 1px;
    }

    .right_data {
        float: left;
        padding-left: 10px;
        width: 60%;
    }
    tbody.profile tr th {
        line-height: 2.5em;
        font-size: 1.25em;
        border: 10px solid #FFFFFF;
    }

    th.profile_data {
        background-color: #ffcbdc;
    }

    .girl_detail_comment {
        background-image: url(../../img/profile/bg.png);
        background-repeat: no-repeat;
        background-size: 450px;
        background-position: left top;
        width: 90%;
    }

    .girl_detail_comment dl {
        padding-top: 90px;
        margin-left: 15px;
    }
    .button {
        background-color: #F88AB9;
        border: 1px solid #ffebf6;
        color: #FFFFFF;
        width: 200px;
        text-align: center;
        margin: 0 auto;
        display: block;
        margin-top: 130px;
        height: 2em;
        line-height: 2em;
    }

    .button a {
        color: #FFFFFF;
    }

    h4.google_map img {
        display: block;
        margin: 0 auto;
    }

    .sougo img {
        display: block;
        margin: 0 auto;
    }

    .sougo{
        text-align:center;
    }

    .left_box {
        border: solid 5px #ffd3e2;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 10px 20px;
        margin-bottom: 10px;
        background-color: #ffffff;
        border-radius: 10px;
    }

    .left_box .img img {
        margin-left: 5px;
        display: inline;
        float: left;
        margin-right: 8px;
        margin-bottom: 5px;
        width: 30%;
    }

    span.date {
        float: right;
    }

    .news_box .left_box .title {
        border-bottom: dotted 1px #FD7FB4;
        margin-bottom: 15px;
    }


    .shop_step {
        clear: both;
    }

    .contents-shop .shop_step .img {
        float: left;
        width: 20%;
    }

    .contents-shop .shop_step .comment {
        float: right;
        width: 75%;
        padding: 15px 10px;
        /* border: 1px solid; */
        border-radius: 10px;
    }

    .bottom_img {
        clear: both;
        display: block;
        margin: 0 auto;
        text-align: center;
        padding-top: 25px;
    }

    .top_button {
        background-color: #F88AB9;
        border: 1px solid #ffebf6;
        color: #FFFFFF;
        text-align: center;
        margin-left: auto;
        width: 200px;
    }

    .top_button a {
        width: 100%;
        display: block;
        /* margin-top: 130px; */
        height: 2em;
        line-height: 2em;
        color: #FFFFFF;
    }

    article.contents-top-promise.bg-blue-dot {
        position: relative;
        height: 610px;
    }

    article.contents-top-promise.bg-blue-dot .inner h3 img {
        position: absolute;
        top: 0;
        left: -45px;
    }

    .contents-top-promise .inner .text-box .caution_list img {
        width: 2%;
    }

    .contents-top-promise .inner .text-box .caution_list {
        padding: 20px;
        padding-left: 30px;
    }

    article.contents-top-promise .inner {
        width: 1100px;
        margin: 0 auto;
    }

}

div.shopBanner {
    display: block;
    margin: 0 auto;
    text-align: center;
}

/*/////  END PC view  /////*/