/*
2017.05.11
*/

@charset "UTF-8";

@media screen and (max-width: 1216px) {
    /*ブレークポイント1216px*/

    #contents p {
        margin-bottom: 16px;
    }

    #contents .blog-col-left {width: 70%;}
    #contents .blog-col-right {width: calc(30% - 16px);}

    .shop-contents-box {
        margin: 16px 0 32px;
    }

    .ul-main-2cols > li {
        float: none;
        width: 100%;
        margin: 0 0 16px 0;
    }

    #h2-hospital-wrapper01 {
        padding: 0 16px;
    }

}

@media screen and (max-width: 1024px) {
    /*ブレークポイント1024px*/
}

@media screen and (max-width: 912px) {
    /*ブレークポイント1024px*/

    #ul-shop .ul-card-bottom01 {
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
        display: flex;
        flex-wrap: wrap;
    }

    #ul-shop .ul-card-bottom01 li:first-child {
    width: 100%;
    }
}

@media screen and (max-width: 768px) {
/*ブレークポイント768px*/


#my-favorite a .num {
    display: block;
    /*padding-top: 1.5px;*//*--20170914 4mix yn add--*/
}
    
    select,
    textarea,
    input[type=text] {
      font-size: 16px;
/*transform: scale(0.8);*/
            box-sizing: border-box;
        width: 100%;
    }

    .card {
        justify-content: flex-start !important;
    }

    #ul-shop {}
    #ul-shop .card {
        min-height: initial;
    }
    #ul-shop .ul-card-bottom01 {
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
        display: flex;
        flex-wrap: wrap;
    }
    #ul-shop .ul-card-bottom01 li {width: 50%;}
    #ul-shop .ul-card-bottom01 li:first-child {width: 100%;}

    .shop-nm {
        margin: 0 8px 8px;
        padding: 8px;
        text-align: left;
    }
        .shop-nm .txt {
            margin-right: .5em;
            font-size: 10px;
        }
    
    #h2-ca-wrapper01, #h2-shop-wrapper01 {
        box-shadow: 0 2px 8px rgba(0,0,0,.5);
    }

    /*.ul-ranking01 li:nth-child(1) {
        height: auto !important;
    }*/

    .ul-icons01 {
        min-height: 1.5em;
    }

    .shop-nm [class^="ico-"] {
        width: auto;
        padding: 0 4px;
    }

    .btn-search-submit:hover,
    .btn-search-reset:hover,
    .btn-search-close:hover {opacity: 1;}

    #contents .blog-col-left,
    #contents .blog-col-right {
        width: calc(100% - 16px);
        padding: 0 8px;
    }
    
    #contents .blog-col-left .wdt100,
    #contents .blog-col-right .wdt100 {
        width: 100%;
    }
    
    #contents .blog-col-right {}

    #contents .blog-col-left h2 {
        box-sizing: border-box;
        height: auto;
        margin: 0 0 8px 0;
        padding: 8px;
        line-height: 1.2;
    }
        #contents .blog-col-left h2 span {
            display: block;
            position: static;
        }

    #contents .blog-month-list {
        margin-bottom: 8px;
    }
    #contents .blog_archive {
        padding: 0 8px 8px;
    }

    body.hospital .h3-side01.hospital,
    body.hospital_guidance .h3-side01.hospital,
    body.hospital_practice .h3-side01.hospital,
    body.hospital_member .h3-side01.hospital,
    body.topics_list28 .h3-side01.hospital,
    body.hospital_faq .h3-side01.hospital {
        display: block;
    }

    .ico-hospital-square {width: 100%;}

    #h2-hospital-wrapper01 {
        padding: 0;
    }

}

@media screen and (max-width: 640px) {
    /*ブレークポイント640px*/

    #large-category li#lc03 a,
    #large-category li#lc04 a,
    #large-category li#lc05 a,
    #large-category li#lc06 a {
        background-position: center 4px !important;
    }
}

@media screen and (max-width: 480px) {
    /*ブレークポイント480px*/
    
    .shop-contents-box {
        margin: 0;
    }
    
    .shop-contents-box {
        overflow: initial;
    }
}

@media screen and (max-width: 320px) {
    /*ブレークポイント320px*/
}