@charset "UTF-8";
@font-face {
    font-family: 'icomoon';
    src: url("/icon/icomoon.eot?qchdhr");
    src: url("/icon/icomoon.eot?qchdhr#iefix") format("embedded-opentype"), url("/icon/icomoon.ttf?qchdhr") format("truetype"), url("/icon/icomoon.woff?qchdhr") format("woff"), url("/icon/icomoon.svg?qchdhr#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
/*========================================= HTMLベース設定（normarizeベース）*/
* {
    box-sizing: border-box;
    margin: 0;
    line-height: 1.4;
}

html {
    font-size: 62.5%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 1.0rem;
    color: #353535;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block;
}

[hidden], template {
    display: none;
}

a {
    background: transparent;
    color: #353535;
}

a:active, a:hover {
    outline: 0;
    text-decoration: none;
}

img {
    vertical-align: bottom;
    max-width: 100%;
}

b, strong {
    font-weight: bold;
}

h1 {
    font-size: 2em;
    margin: 0;
}

small {
    font-size: 0.8em;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cf:after {
    content: "";
    clear: both;
    display: block;
}

i {
    margin-right: 5px;
}

span[class^="icon-"], span[class*=" icon-"] {
    margin-right: 5px;
}

/*========================================= アイコンフォント設定（icomoon）*/
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-smp_download:before {
    content: "\eb19";
}
.icon-history:before {
    content: "\eb18";
}
.icon-search:before {
    content: "\e905";
}
.icon-type_woman:before {
    content: "\e908";
}
.icon-office:before {
    content: "\e90c";
}
.icon-location:before {
    content: "\e950";
}
.icon-cancel-circle:before {
    content: "\ea16";
}
.icon-article:before {
    content: "\eaf4";
}
.icon-clip:before {
    content: "\eaf5";
}
.icon-favorite:before {
    content: "\eaf6";
}
.icon-h2:before {
    content: "\eaf9";
}
.icon-train:before {
    content: "\eafb";
}
.icon-line:before {
    content: "\eb06";
}
.icon-brush:before {
    content: "\eb16";
}
*[class^="icon"]::before {
    font-family: 'icomoon';
}
/*========================================= /アイコンフォント設定（icomoon）*/
.sns-btn {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    background: url(/images/share/sp/dot_gray.gif) 0 0 repeat;
    background-size: 10px;
}

.sns-btn ul li {
    display: inline-block;
}

.sns-btn ul li:first-child {
    margin-right: 10px;
}

.sns-btn ul li img {
    width: 35px;
}
.em {
    color: #e12780;
}

/*======================================== ヘッダー / フッター（SP）*/
@media screen and (max-width: 640px) {
    .text-include {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .l-header {
        background: url(https://woman.chintai/images/share/sp/bg-header_bottom.png) bottom left repeat-x, url(https://woman.chintai/images/share/sp/bg-header.png) left center repeat;
        position: relative;
    }

    .l-header .header-h1 {
        padding: 2px 2px;
        background: rgba(255, 255, 255, 0.5);
        font-size: 1.0rem;
        text-align: center;
    }

    .l-header .header-h1 p {
        font-size: 1rem;
    }

    .l-header .header-nav {
        float: right;
        width: 37%;
        text-align: right;
    }

    .l-header .header-logo {
        float: left;
        width: 60%;
        height: 40px;
        background: url(https://woman.chintai/images/share/sp/img-logo@2x.png) top left no-repeat;
        background-size: 100% auto;
    }

    .l-header .header-inner {
        padding: 10px 10px 15px;
    }

    .l-header .header-nav ul {
        display: table;
        margin: 0 auto;
        width: 100%;
        table-layout: fixed;
        padding: 0;
    }

    .l-header .header-nav li {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        background: #ffa9cf;
        padding: 6px 5px;
        width: 30% !important;
        border-radius: 5px !important;
        margin-right: 5px;
    }

    .l-header .header-nav li:first-child, .l-header .header-nav li:nth-child(2) {
        position: relative;
    }

    .l-header .header-nav li:last-child {
        margin-right: 0px;
    }
    .l-header .header-nav li span {
        display: none;
    }
    .l-header .header-nav li.header_nav-btn {
        line-height: 1;
    }
    .l-header .header-nav li a {
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 3.8vw;
        text-decoration: none;
        color: #353535;
    }
    .l-header .header-nav li a i {
        font-size: 3.4vw;
    }

    .l-header .header-nav .header_nav-body {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 40;
        height: 100%;
        background: #ffffff;
        border-top: 4px solid #e12780;
    }

    .l-header .header-nav .header_nav-body dt {
        display: none;
    }

    .l-header .header-nav .header_nav-body dd a {
        display: none;
        font-size: 1.4rem;
        padding: 10px 20px;
        background: #ffffff;
        text-decoration: none;
        border-bottom: 1px solid #bbbbbb;
        text-align: left;
    }
    .l-header .header-nav .header_nav-body dd a.disabled {
        background: #f7f7f7;
        color: #bbbbbb;
        pointer-events: none;
    }
    .l-header .header-nav .header_nav-body.is-active dd a {
        display: block;
    }
    .l-header .header-nav .header_nav-body dd a i {
        text-decoration: none;
    }

    .l-header .header-nav .header_nav-body dd.menu-close {
        text-align: right;
    }

    .l-header .header-nav .header_nav-body dd.menu-close a {
        background: #353535;
        border-bottom: 0;
        color: #ffffff;
    }
    .l-header .header-nav li a {
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 3.8vw;
        text-decoration: none;
        color: #353535;
    }
    .l-header .header-nav li a.is-none {
        color: #ffffff;
        pointer-events: none;
    }

    .l-header .header-nav li i:before {
        display: inline-block;
        transform: scale(1.8);
    }

    .l-header .header-nav li span {
        display: none;
    }
    .l-header .header-nav li.header_nav-btn a {
        width: 0;
        padding-left: 25px;
        background: url(/images/share/sp/icon-menu@2x.png) top 4px center no-repeat;
        background-size: auto 75%;
    }

    .l-header .header-nav li:first-child a .favorite_count, .l-header .header-nav li:nth-child(2) a .history_count {
        position: absolute;
        top: -5px;
        right: -5px;
        color: #ffffff;
        background: #1d1a8d;
        padding: 2px;
        border-radius: 50%;
        font-size: 1rem;
        line-height: 1.2;
        width: 2rem;
        height: 2rem;
        display: table-cell;
        vertical-align: middle;
        border: 1px solid #fff;
        z-index: 10;
    }

    .txt-away {
        overflow: hidden;
        text-indent: 120%;
        white-space: nowrap;
    }

    .l-footer {
        border-top: dashed 1px #353535;
        background: #f7f7f7;
    }

    .l-footer .footer-bottom {
        padding: 0 10px;
        background: #e12780;
    }

    .l-footer .footer-bottom small {
        padding: 8px 0;
        display: block;
        font-size: 1.0rem;
        color: #ffffff;
        text-align: center;
    }

    .l-footer .footer-nav {
        padding: 16px 0;
        border-bottom: solid 1px #ffffff;
        text-align: center;
    }

    .l-footer .footer-nav li {
        display: inline-block;
        padding: 4px 4px;
        font-size: 1.4rem;
        color: #ffffff;
    }

    .l-footer .footer-nav li::after {
        content: "\007c";
        display: inline-block;
        padding-left: 4px;
    }

    .l-footer .footer-nav a {
        color: #ffffff;
    }

    .l-footer .footer-nav .footer_pr_link {
        margin-top: 20px;
        color: #fff;
        font-size: 1.2rem;
    }

    .l-footer .footer-nav .footer_pr_link li {
        font-size: 1.2rem;
        line-height: 1.0;
    }

    .l-footer .footer-nav .footer_pr_link li:after {
        content: "";
    }

    .l-footer .footer-nav .footer_pr_link li a {
        text-decoration: none;
    }

    .only-pc {
        display: none;
    }

    .m-breadcrumb {
        padding: 8px 0;
        background: #ffffff;
        text-align: center;
    }

    .m-breadcrumb ul {
        display: flex;
        flex-direction: column;
    }

    .m-breadcrumb li {
        display: inline-block;
        padding-right: 4px;
        font-size: 1.2rem;
    }

    .m-breadcrumb li::after {
        content: "\003e";
        display: inline-block;
        padding-left: 4px;
    }

    .m-breadcrumb li:last-child:after {
        content: none;
    }
}

/*======================================== ヘッダー / フッター（PC）*/
@media screen and (min-width: 520px) {
    .l-header {
        background: url("https://woman.chintai/images/share/pc/bg-header.png") top center repeat-x;
        max-height: 100px;
        height: 15vw;
    }

    .l-header .header-h1 {
        width: 100%;
        background: rgba(255, 255, 255, 0.3);
        display: block;
        padding: 2px 2px;
    }

    .l-header .header-h1 p {
        max-width: 960px;
        margin: 0 auto;
        font-size: 1.0rem;
        text-align: left;
        font-weight: bold;
    }

    .l-header .header-inner {
        max-width: 960px;
        margin: 0 auto;
        position: relative;
        font-size: 1.4rem;
        margin-top: 10px;
    }
    .l-header .header-inner .header-nav {
        position: absolute;
        right: 0;
        margin-top: 5px;
    }

    .l-header .header-inner .header-nav ul {
        float: left;
        display: table;
        margin-right: 5px;
    }

    .l-header .header-inner .header-nav ul li {
        display: inline-block;
    }

    .l-header .header-inner .header-nav ul li a {
        color: #353535;
        text-decoration: none;
        vertical-align: middle;
        background: #ffa9d0;
        padding: 5px 10px;
        min-width: 150px;
        text-align: center;
        display: block;
    }
    .l-header .header-inner .header-nav ul li a.is-none {
        color: #ffffff;
        pointer-events: none;
        background: #ffffff85;
    }

    .l-header .header-inner .header-nav ul li a i {
        font-size: 1.6rem;
    }

    .l-header .header-inner .header-nav ul li {
        position: relative;
        margin-right: 2px;
    }

    .l-header .header-inner .header-nav ul li:first-child a {
        border-radius: 4px 0 0 4px;
    }

    .l-header .header-inner .header-nav ul li a .favorite_count, .l-header .header-inner .header-nav ul li a .history_count {
        position: absolute;
        top: -5px;
        right: -5px;
        color: #ffffff;
        background: #1c1f87;
        padding: 2px;
        border-radius: 50%;
        font-size: 1rem;
        line-height: 1.2;
        width: 2rem;
        height: 2rem;
        display: table-cell;
        vertical-align: middle;
        border: 1px solid #fff;
        z-index: 100;
    }

    .l-header .header-inner .header-nav ul li.header_link-last, .l-header .header-inner .header-nav ul li.header_nav-btn {
        margin-right: 0;
    }

    .l-header .header-inner .header-nav ul li.header_link-last a {
        border-radius: 0 4px 4px 0;
    }

    .l-header .header-inner .header-nav ul .header_nav-btn {
        display: none;
    }

    .l-header .header-inner .header-nav .header_nav-body {
        float: left;
        position: relative;
        z-index: 1000;
    }

    .l-header .header-inner .header-nav .header_nav-body dt a {
        color: #353535;
        text-decoration: none;
        vertical-align: middle;
        background: #ffa9cf;
        padding: 5px 10px;
        min-width: 165px;
        text-align: center;
        display: block;
        border-radius: 4px;
    }

    .l-header .header-inner .header-nav .header_nav-body dt a i {
        font-size: 1.6rem;
    }

    .l-header .header-inner .header-nav .header_nav-body dd {
        background: #ffffff;
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    }

    .l-header .header-inner .header-nav .header_nav-body dd a {
        color: #353535;
        display: block;
        text-align: center;
        text-decoration: none;
        padding: 10px;
    }
    .l-header .header-inner .header-nav .header_nav-body dd a.disabled {
        background: #f7f7f7;
        color: #bbbbbb;
        pointer-events: none;
    }
    .l-header .header-inner .header-nav .header_nav-body dd a:hover {
        background: #e12780;
        color: #ffffff;
    }

    .l-header .header-inner .header-nav .header_nav-body dd.menu-pc {
        display: none;
    }
    .l-header .header-inner .header-nav .header_nav-body.is-active dd.menu-pc {
        display: block;
    }

    .l-header .header-inner .header-nav .header_nav-body dd.menu-close {
        display: none;
    }
    .l-header .header-inner .header-nav .header_nav-body.is-active dd.menu-close {
        display: block;
    }

    .l-header .header-inner .header-logo {
        position: absolute;
        top: 0;
        left: 0;
        background: url(https://woman.chintai/images/share/sp/img-logo@2x.png) 0 0 no-repeat;
        width: 296px;
        height: 50px;
        background-size: contain;
    }

    .txt-away {
        overflow: hidden;
        text-indent: 120%;
        white-space: nowrap;
    }

    a {
        color: #353535;
    }

    .only-sp {
        display: none !important;
    }
    .cont-inner {
        width: 960px;
        margin: 0 auto;
        font-size: 1.4rem;
        position: relative;
    }

    .l-footer .footer-bottom {
        background: #ea508b;
        padding: 10px 0;
    }

    .l-footer .footer-bottom .footer-nav {
        float: left;
    }

    .l-footer .footer-bottom .footer-nav ul li {
        float: left;
    }

    .l-footer .footer-bottom .footer-nav ul li a {
        color: #ffffff;
        font-size: 1.2rem;
        padding: 0 10px;
        border-right: 1px solid #ffffff;
        text-decoration: none;
    }

    .l-footer .footer-bottom .footer-nav ul li a i {
        text-decoration: none;
        font-size: 1rem;
    }

    .l-footer .footer-bottom .footer-nav ul li:last-child a {
        border-right: 0;
    }

    .l-footer .footer-bottom small {
        float: right;
        color: #ffffff;
        font-size: 1.2rem;
    }

    .l-footer .footer_pr_link {
        width: 960px;
        margin: 0 auto;
        font-size: 1.4rem;
        position: relative;
    }

    .l-footer .footer_pr_link p {
        padding: 10px 10px 0;
        font-size: 1.2rem;
        color: #fff;
    }

    .l-footer .footer_pr_link ul {
        display: inline-block;
    }

    .l-footer .footer_pr_link ul li {
        float: left;
    }

    .l-footer .footer_pr_link ul li a {
        color: #fff;
        font-size: 1.2rem;
        padding: 0 10px;
        border-right: 1px solid #fff;
        text-decoration: none;
    }

    .l-footer .footer_pr_link ul li:last-child a {
        border-right: none;
    }

    .l-footer .footer_pr_link ul li a .icon-arrow_link {
        font-size: 1rem;
    }

    .m-breadcrumb {
        font-size: 1.2rem;
        padding: 10px 0;
        display: inline-block;
        width: 89%;
        vertical-align: middle;
    }

    .m-breadcrumb ul li {
        float: left;
        padding-right: 1rem;
    }

    .m-breadcrumb ul li::after {
        content: "\003e";
        display: inline-block;
        padding-left: 4px;
    }

    .m-breadcrumb ul li:last-child:after {
        content: none;
    }

    .sns-btn {
        display: inline-block;
        width: 10.5%;
        width: calc(11% - 5px);
        vertical-align: middle;
        text-align: right;
        background: none;
    }

    .icon-arrow_link {
        display: none;
    }

    .frame-header,
    .frame-footer {
        position: relative;
        z-index: 30;
        width: 100%;
    }

    .frame-footer {
        bottom: 0;
        background-color: #fff;
    }
}

@media screen and (max-width: 519px) {
    .frame-header,
    .frame-footer {
        position: static;
        width: auto;
        transform: none;
    }
}