@charset "UTF-8";

@media screen and (max-width: 1216px) {
    /*ブレークポイント1216px*/
    .inner-wrap {width: 100%;}
    #main {
        width: calc(78% - 16px*2);
        margin:0 16px;
    }/* 20170803 4mix t.o changed */
    #side {
        width: calc(22% - 16px);
        margin: 0 0 0 16px;
    }

    #top-sales-slider-wrap {
        height: auto;
    }
    #top-sales-slider {
        position: static;
        margin: 0;
        width: 100%;
        left: initial;
    }
    #top-sales-slider img {
        width: 100%;
        height: auto;
    }

    /* 20170822 start */
    #body [class^="box-cols"] {
        display: flex;
        justify-content: space-between;
    }

    #body [class^="box-cols"] .col {
        float: none;
        width: 32%;
        margin: 0 auto;
    }

    .ul-top-latest01 li {
        width: 48%;
    }

    .ul-top-latest01 li:nth-child(2n) {
        float: right;
    }

    .dl-top-ca01 {
        width: 100%;
        height: auto;
    }
        .dl-top-ca01 .pic {
            width: 100%;
            height: auto;
            min-height: 6.5em;
        }

    .ul-ranking01 li {
        width: 48%;
    }

    .ul-bnr01 li {
        margin-bottom: 8px;
    }
        .ul-bnr01 li a {
            height: auto;
        }

    .owl-prev,
    .owl-next {
        width: 33.33%;
    }

    .ul-recommended01 li {
        width: 18%;
    }
/* 20170822 end */


    /*.owl-controls {display: none;}*/

    #contents .two-col-box p {
        font-size: 13px;
    }

    /* 20170807 4mix t.o start */
    .ul-2cols > li {
        width: calc((100%/2) - 8px);
        max-width: 600px;
        margin: 0 16px 16px 0;
    }
    .bookmark_list .ul-2cols > li {
        width: calc((100%/4) - 8px);
        margin: 0 8px 10px 0;
    }
    .bookmark_list .ul-2cols > li:nth-of-type(2),
    .bookmark_list .ul-2cols > li:nth-of-type(6),
    .bookmark_list .ul-2cols > li:nth-of-type(10) {
        margin: 0 8px 10px 0;
    }

    .detail-comment {
        clear: both;
        box-sizing: border-box;
        width: 100%;
        padding-top: 8px;
        font-size: 11px;
    }

    .card-right {
        width: 100%;
    }
    

    .card-left.box-left {
        /*float: none;
        width: 100%;
        max-width: 200px;
        height: 100%;
        margin-right: 16px;*/
    }
    /* 20180518 4mix t.o */
    .bookmark_list .card-left {
        width: 100%;
        max-width: 210px;
        margin: 0 auto;
    }
    .bookmark_list .card {
        width: 100%;
    }
    .ca-pic-wrap01 {
        width: 200px;
    }

    /* 20180518 4mix t.o */
    .bookmark_list .card-right.box-right {
    	width: 210px;
    }

    .ul-icons01 li,
    .ul-icons01 li:nth-child(3n) {
        margin: 6px 6px 0 0;
        width: 32%;
    }
    #shop-list-icons.ul-icons01 li,
    #shop-list-icons.ul-icons01 li:nth-child(3n) {
        width: 32%;
    }
    .bookmark_list .ul-icons01 li,
    .bookmark_list .ul-icons01 li:nth-child(3n) {
        width: auto;
    }
    
    #ul-shop .card .ul-icons01 li span {
        width: 100%;
    }
    /* 20170807 4mix t.o end */

    /*.card-left .pic {
    	width: 200px;
        height: 150px;
        display: flex;
        align-items: center;
    }*/
    /* 20180518 4mix t.o */
    .bookmark_list .card-left .pic{
        width: 100%;
    }

    .col-box-outer {
    	width: 100%;
    }

    .box-basic00 {
        margin-bottom: 22px;
    }

    #footer {
        clear: both;
        margin-top: 22px;
    }

    #ft01 .inner-wrap,
    #ft02 .inner-wrap,
    #ft-hospital .inner-wrap {
        box-sizing: border-box;
        padding: 16px;
    }

    #ft-pagetop {
        bottom: 16px;
    }

    #copyright {
        clear: both;
        float: none;
        padding-top: 16px;
    }

    body.top .main-bottom {
        float: none;
        clear: both;
        width: calc(100% - 32px);
        margin: 0 16px;
    }

    #main-catch-copy p {
        padding-left: 16px;
    }

    #breadcrumb {margin: 12px 8px 0px;}


    #content {
        margin-top: 27px;
    }
    #contents .inner {
        padding: 0 8px 8px;
        width: calc(100% - 16px);
    }
    #contents h1 {
        padding: 0 8px;
    }

    .h2-basic01 {
        padding: 0 8px 8px;
    }

    #search-condition,
    .dl-order-select,
    .ul-pagination-wrap,
    .ul-2cols,
    .search-notes,
    #box-about01,
    #sec-rankingBox01,
    .dl-ft-menu01.each-area {
        padding: 0 16px;
        box-sizing: border-box;
    }

    .box-recommended01 {
        margin: 0 16px;
    }
    
    body[class*="detail"] #sec-rankingBox01 {
        float: right;
        width: calc(78% - 16px*2);
    }
    #content-bottom #sec-rankingBox01.detail_page {
        width: 78%;
    }

    .dl-post-date dt {
        display: block;
    }
    #side-ca-info .dl-post-date dd:first-of-type {
        margin-bottom: 8px;
    }

    #h2-shop-wrapper01 {
        box-sizing: border-box;
        padding: 0 16px;
    }

    #shop-main-left {
        width: 70%;
    }
        .shop-map,
        #shop-new-info {
            width: 100%;
        }
    #shop-main-right {
        width: calc(30% - 16px);
        margin-left: 16px;
    }
        #shop-pics li {
            width: 100%;
            height: auto;
        }
    
    /* 20170914 4mix t.o start */
    #shop-list-icons li:nth-child(3n) {
        margin-right: 0;
    }
    /* 20170914 4mix t.o end */

    .hospital-col-left {
        width: 70%;
    }

    .hospital-col-right {
        width: calc(30% - 16px);
    }

    .shop-data01 {
        padding: 8px;
    }

    #large-category li a {
        font-size: 16px;
    }

    #body .shop-contents-box [class^="box-cols"] {
        display: block;
    }

    #body .shop-contents-box [class^="box-cols"] .col {
        width: 100%;
    }

    /* .shop-contents-box .ul-top-latest01 li {
        width: calc(20% - 16px);
    } */


    .shop-contents-box .ul-top-latest01 li:nth-child(2n) {
        float: left;
    }


    /* .shop-contents-box .ul-top-latest01 li {
        margin: 8px !important;
    } */

/*
    .shop-contents-box .ul-top-latest01 li:nth-of-type(5n+1) {
        margin-left: 0 !important;
    }
*/
    .shop-contents-box .dl-top-ca01 {
/*height: auto;*/
        margin-bottom: 16px;
    }

    .hd-left {
        margin-left: 16px;/* 20170808 4mix t.o add */
    }

    #hd-sns {
        margin-right: 16px;
    }

    .h3-side01 a {
        font-size: 15px;
    }

    .h3-side01 a {
        padding: 14px 9px 14px 14px;
    }

    .ribbon-box {
        /*top: -18.5%;
        left: -107px;
        font-size: 10px;
        padding: 3px 34px 3px 0;
        width: 500px;*/
    }

    /*.ribbon {
    padding: 3px 55% 3px 0;
    font-size: 10.5px;
    }*/

    #h2-ca-wrapper01.ca-detail {
        padding-left: 14px;
    }

    #estimate .ribbon-box02 {
        padding-left: 0;
    }
    
    #contents .sns-btn-box {
        right: 16px;
    }
    
    .guide_small_03 .type01 {
        height: 3em;
    }
    .guide_small_03 #contents h2.type01 {
        height: 2em;
        padding-top: 3px;
    }
    .topics-sale-area {
        width: 100%;
        display: block;
        overflow: hidden;
        padding-bottom: 1px;
    }
    .dl-top-topics01 {
        float: none;
        margin: 4px auto 8px;
    }
    .top-sale-btn-area {
        width: 100%;
    }
    .top-sale-btn {
        top: -39px;
    }
    .ul-ca-icons01 {
        right: 0.9%;
    }
    /*.bookmark_list .ribbon-box {
        width: 86%;
    }*/

}/* 1216 end */

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

    /* 20170804 4mix t.o start */
    #gnav > ul {
        font-size: 0.85em;
    }

    #my-favorite {
    	margin: 6px 20px 0 0;
    }
    /* 20170804 4mix t.o end */
    #my-favorite a .text {
    display: none;
    }
    
    #my-favorite a .num {
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 24px;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    text-align: center;
    /* text-shadow: 1px 1px 0 #e50011; */
    }

    #my-favorite a i {
    	font-size: 2.1em;
    }

    #my-favorite-balloon {
    	left: -245%;
    }

    /* 20170815 4mix t.o start */
    #contents .three-col-box {
            width: calc(100%/2 - 12px);
    }

    #contents .three-col-box:nth-of-type(2n) {
        margin-right: 0;
    }

    #contents .three-col-box.height-low:nth-of-type(3),
    #contents .three-col-box.col-h-01:nth-of-type(3),
    #contents .three-col-box.height-ex-low:nth-of-type(3),
    #contents .three-col-box.height-ex-low:nth-of-type(9) {
        margin: 22px 24px 0 0;
    }

    #contents .three-col-box:nth-of-type(3),
    #contents .three-col-box:nth-of-type(6n+9) {
        margin: 22px 24px 0 0;
    }
     /* 20170815 4mix t.o end */
    #contents .two-col-box {
        float: none;
        height: auto !important;
        margin: 0 0 12px 0;
        width: 100%; /* 20170815 4mix t.o add */
    }
    
    /* 20170915 4mix t.o start */
    #contents .two-col-box.hospital-col h3 {
       margin-top: 10px;
    }

    #contents .two-col-box p.caption{
        text-align: center;
    }
    
    #contents .two-col-box.hospital-col {
        margin: 8px 24px 0 0;
        border-top: 1px dotted #ccc;
        padding: 30px 0 0;
    }
    
    #contents .two-col-box.hospital-col:nth-of-type(-n+2) {
        border: none;
        padding: 0;
    }
    
        #contents .two-col-box.hospital-col img {
        float: none;
        margin-right: 8px;
        width: 100%;
    }
    
    /* 20170915 4mix t.o end */


    /* 20170823 4mix t.o start */
    #contents .pest-prog .support-box ul {
    }

    #contents .doctor-box {
        width: 100%;
        text-align: center;
    }

    #contents .doctor-box .fee-title {
        width: 100%;
        line-height: 0;
    }

    .doctor-box-line {
        padding: 30px 5px 20px;
    }

    #contents .doctor-box .fee {
        float: none;
        line-height: 1.4;
        width: 100%;
        margin-bottom: 0;
    }

    #contents .fee-area .caution-box {
        margin: 0 auto;
        background-color: #fb586c;
        border-radius: 4px;
        color: #fff;
        font-size: 19px;
        padding: 2px 5px;
        vertical-align: middle;
        display: block;
        overflow: hidden;
        width: 80%;
    }

    #contents .doctor-box-line:nth-of-type(2) .caution-box {
        margin-top: 30px;
    }

    #contents .doctor-box .fee-title.first-time {
        line-height: 0.1;
        margin-bottom: 30px;
        margin: 30px 0px 50px;
    }

    #contents .doctor-box br.sp-only {
        display: none;
    }
    /* 20170823 4mix t.o end */

    .fmx-folding-box-head {}
    .fmx-folding-box-body {
        overflow: hidden;
        display: none;
    }

    .dl-top-ca01 {
        padding-bottom: 0;
    }

    body.topics_list25 .box-basic00 {
        margin-bottom: 22px;
    }

    .h3-link01 {
        font-size: 14.5px;
    }

    body.top .ul-top-latest01 li {
        width: 100%;
        height: auto;
    }

    body.top .ul-top-latest01 li:nth-child(4n) {
        margin: 0;
    }

    .box-cols3 .col:nth-of-type(3) .dl-top-ca01 .name {
        height: 48px;
    }

    .ul-ranking02 li {
    }


    div.ranking {
        /*width: 50px;
        height: 50px;*/
        font-size: 16px;
        /*padding: 8px;*/
    }

    
    #contents .five-col-box {
        width: calc(100%/4 - 4px);
        height: auto;
    }
    /* 20171030 4mix t.o start */
    /*.card {
        min-height: 325px;
    }*/
    .bookmark_list .ul-2cols > li {
            /*min-height: 434px;*/
    }
    #ul-shop .ul-2cols > li {
        padding-bottom: 50px;
    }
    
    /* 20171030 4mix t.o end */
    .dl-top-topics01 dd {
        overflow: hidden;
    }
    .ul-top-topics01 {
        white-space: nowrap;
        width: 100%;
    }
    .dl-top-topics01 dd li {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ul-link-sns01 li:first-of-type {
        width: 100%;
        display: block;
    }
    .btn-to-shop02 {
        padding-right: 42px;
        line-height: 1.5em;
    }
    #content .memo-box > dd:before {
        width: 1.6%;
    }
    
    .top .dl-top-ca01 .pic {
        min-height: 184px;
    }
    #body [class^="box-cols"] .col {
    	width: 100%;
        border: none;
        padding: 0;
    }
    /* 20180520 4mix t.o */
    #body #top-ranking-ca [class^="box-cols"] .col {
        width: calc(100%/3 - 6px);
        float: left;
    }
    #body #top-ranking-ca [class^="box-cols"] .col:nth-child(2) {
        margin: 0 8px;
    }
    .top #top-ranking-ca .ul-ranking01 li {
        margin-bottom: 10px;
        
    }
    #body [class^="box-cols"] {
        display: block;
    }
    body.top .ul-top-latest01 li {
        width: calc(100%/4 - 6px);
        margin: 0 8px 24px 0;
    }
    /* 20180518 4mix t.o */
    body.top .ul-top-latest01 li:nth-child(2n) {
        margin: 0 8px 24px 0;
    }
    body.top .ul-top-latest01 li:nth-child(4n) {
        margin: 0 0 24px 0;
    }
    .top .dl-top-ca01 .pic {
        min-height: 8.7em;
    }
    .shop-contents-box .dl-top-ca01 .pic {
        min-height: 9.3em;
    }
    #content #contents .two-col-box.hospital-col {
        height: auto;
    }
    .dl-top-ca01 .pic {
        min-height: 5.2em;
    }
    .pointcard #contents .two-col-box h3 {
        font-size: 17px;
    }
    .shopnews_list .table-list-basic01 dt {
        width: calc(35% - 32px);
        margin-right: 32px;
    }
    .shopnews_list .table-list-basic01 dd {
        width: auto;
    }
    .ul-top-latest01 .dl-top-ca01 .pic img {
    max-height: 282px;
    }
    .ca-pic-wrap01 .my-favorite {
        background: #bbb;
        border-radius: 24px;
    }
    .ca-pic-wrap01 .my-favorite.added {
        background: #c00;
    }
    .ca-pic-wrap01 .my-favorite:hover span {
        background-color: unset;
    }

}/* 1024px end */



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


    /* 20170808 4mix t.o start */
    #g06 .bg-icon:before {
    	width: 0;
    }

    #hd-shoulder {
    	font-size: 12px;
    }
    /* 20170808 4mix t.o end */

    #popup .inner-wrap {
        box-sizing: border-box;
        width: 100%;
        padding: 0 8px;
    }
    #popup #ft.inner-wrap {
        padding: 0;
    }
    /* 20170807 4mix t.o start */
    
    .card-left,
    .card-right {
        float: none;
        width: 100%;
    }

    /* 20170807 4mix t.o end */

    .ul-recommended01 {
        display: block;
    }
    .ul-recommended01 li {
        width: calc(100%/3 - 6px);
        margin-right: 8px;
    }
    .ul-recommended01 li:nth-child(3n) {
        margin-right: 0;
    }
    
    .search-box #search-condition {
    width: 100%;
    }
    
    .dl-ft-menu01.each-area {
        float: none;
        clear: both;
    }
    
    /* 20171030 4mix t.o start */
    .bookmark_list .card {
        min-height: auto;
    }
    
    .bookmark_list .ul-2cols > li {
            /*min-height: 450px*/
    }
    
    .bookmark_list .dl-basic01 dt {
        padding: 0;
    }
    
    .bookmark_list .dl-basic01 dd {
        margin-left: 4em;
    }
    /* 20180521 4mix t.o */
    .bookmark_list .mix-parent01 dd {
        margin-left: 0;
    }
    .hospital-contents-box .ul-3cols-per {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .hospital-contents-box .ul-3cols-per > li {
        width: calc(50% - 8px);
        margin: 8px 0;
    }
    
    /* 20171030 4mix t.o end */
    #content .memo-box > dd:before {
        width: 1.9%;
    }
}/* 912px end */
        

@media screen and (max-width: 768px) {
    /*ブレークポイント768px*/
    #content .tablet-on {
        display: block;
    }
    body {
        padding-top: 44px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
    }
    #popup {
        display: flex;
        flex-direction: column;
        height: calc(100% - 68px);
    }
    #body [class^="box-cols"] {
    	display: block;
    }
    #body [class^="box-cols"] .col {
    	width: 100%;
    }
    /* 20180520 4mix t.o */
    #body #top-ranking-ca [class^="box-cols"] .col {
        width: 100%;
    }
    #top-ranking-ca [class^="box-cols"] .col {
        margin: 0 0 24px 0;
    }
    #header {
        box-shadow: 0 2px 4px rgba(0,0,0,0.25);
        flex: 0 0 auto;
    }
    #logo {
        margin-left: 8px;
    }
    #logo a {
        width: 108px;/*84*/
        background-size: contain;
        background-position: left center;
    }
    #g02 .bg-icon:before {
        background-size: 30px;
        margin-top: 7px;
    }
    #g06 .bg-icon:before {
        width: 31px;
        margin-top: 5px;
    }
    #content {
        min-height: initial;
        }
    #hd-shoulder {display: none;}
    .hd-right {margin-right: 50px;}
    #main,
    #side,
    .main-bottom {
        float: none;
        width: 100%;
        min-height: initial;
        margin: 0;
    }
    #content .btn-paging01 {
        
    }
    .h2-basic01 {
        margin-bottom: 0;
        padding: 8px;
        font-size: 20px;
    }
    .h2-basic01.zukan-search {
        margin-bottom: 22px;
    }
    .h2-rare-wrap .h2-basic01 {
        margin: 0;
    }

    body.top [class^="box-cols"] {
        padding: 0 8px;
    }
    [class^="box-cols"] .col {
        width: 100%;
    }
    .h3-side01 a {
        border-radius: 0;
    }
    .ul-top-latest01 li {
        float: left;
        width: -webkit-calc(50% - 4px);
        width: -moz-calc(50% - 4px);
        width: calc(50% - 4px);
        margin-left: 0;
        /*margin-top: 16px !important;*//*20170605追記仲浦*/
    }
    body.top .ul-top-latest01 li {height: auto;}
    /*.ul-top-latest01 li:nth-child(2n) {
        margin-right: 0 !important;
    }*/
    .ul-top-latest01 li:nth-child(7),.ul-top-latest01 li:nth-child(8) {
        margin-bottom: 16px;/*20170605追記仲浦*/
    }
    .dl-top-ca01 {
        width: 100%;
        height: auto;
    }
    .dl-top-ca01 .pic {
        width: 100%;
        height: auto;
    }
    /* 20180518 4mix t.o change*/
        .top .dl-top-ca01 .pic {
            min-height: 8.5em;
        }
    #search-condition {
        margin: 20px 0 0;
    }
    #search-condition,
    .dl-order-select,
    .ul-pagination-wrap,
    .search-notes,
    #box-about01,
    #sec-rankingBox01,
    .dl-ft-menu01.each-area {
        padding: 0 8px;
    }
    .search-notes {
        margin-bottom: 24px;
    }
    #search-condition > dd {
        display: none;
        width: 4em;
    }
    #search-condition > dd.btn {
        display: block;
    }
    .ul-pagination-wrap {
        display: block;
    }
    .ul-pagination-wrap > li {
        margin-top: 4px;
    }
    .ul-pagination-wrap > li:first-child {
        margin-top: 0;
    }
    .pagination .txt {display: none;}
    /* gnav start */
    #btn-gnav {
        /* flex 20170523 start */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        /* flex 20170523 end */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 44px;
        height: 44px;
        background-color: rgb(220,220,220);
        cursor: pointer;
        transition: all 0.3s linear;
    }
    #btn-gnav .text {
        display: block;
        font-size: 8px;
    }
    #btn-gnav.open {
        color: #fff;
        background-color: rgb(49,49,49);
    }
    #btn-gnav .close {display: none;}
    #btn-gnav.open  .close {display: block;}
    #btn-gnav.open  .open {display: none;}
    #gnav {
        position: fixed;
        top: 44px;
        right: -100%;
        width: 85%;
        height: 100%;
        background-color: #dedede;
        transition: all 0.3s linear;
    }
    #gnav.open {
        right: 0;
    }
    #gnav > ul {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }
        #gnav > ul > li {
            float: none;
            width: 100%;/* 20170808 4mix t.o add */
     }
     /*gnavi背景を白に変更のため追加20170529仲浦-----------------------------*/
    #gnav > ul > li > a,
    #gnav > ul > li > .parent,
    #gnav > ul > li:last-child > a {
        width: 100%;
        text-align: left;
        background-color: #fff !important;
    }
    .sub-menu {
        position: static;
        box-shadow: none;
    }
    /*gnavi背景を白に変更のため追加20170529仲浦-----------------------------*/
     .sub-menu li a{
        background-color: #fff !important;
    }
    #gnav-modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.25);
    }
    #gnav > ul > li > a > .bg-icon,
    #gnav > ul > li > .parent > .bg-icon {
        background-position: 8px center;
        background-size: 32px !important;
        padding-left: 12px;
    }
    #g03 .bg-icon:before {
        margin: 0 4px 0 -7px;
    }
    #g04 .bg-icon:before {
        margin: 0 2px 0 -10px;
    }
    #g05 .bg-icon:before {
        margin: 0 2px 0 -9px;
    }
        /* gnav end */
    #my-favorite {
        position: absolute;
        top: 0;
        right: 129px;
        margin: 10px 0 0 -12px;
    }
    #my-favorite a {
    /* flex 20170523 start */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        /* flex 20170523 end */
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: 24px;
        text-decoration: none !important;
    }
    #my-favorite a i {
        font-size: 1.25em;
        line-height: 0.75em;
    }
    #my-favorite a .text {
        display: none;
    }
    #my-favorite a .num {
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 24px;
        vertical-align: middle;
        color: #fff;
        font-size: 13px;
        font-weight: 100;
        text-align: center;
    }
    #my-favorite-balloon {
        left: 50%;
        margin-left: -87px;
        display: block;
    }
    #hd-sns {
        margin-right: 7px;
    }
    #main-img {
        background-position: center -44px;
        background-size: 1000px;
    }
    #main-img .inner-wrap {
        height: 600px;
    }
    
    #main-catch-copy p {
        padding-top: 35px;
        padding-left: 16px;
        font-size: 35px;
        text-align: left;
    }
    #bnr-100th {
        padding-top: 22px;
    }
    #bnr-100th a img {
        width: 75%;
    }
    .box-notice00 {
        margin: 0 0 8px;/* 20180518 4mix t.o changed --*/ 
        padding: 8px;
        background-color: #f2f3f4;
    }
    .top .box-notice00 {
        margin-bottom: 40px;
    }
        #side .h3-basic01 {
            border-left: 0;
            border-right: 0;
            border-radius: 0;
        }
    .top #side .h3-basic01 {
        padding: 0 0 8px;
    }
    #side .ul-basic01 {
        padding: 0 8px;
        overflow: hidden;
    }
    #side .btn-to-list01 {
        margin-right: 8px;
    }
    #box-pickup01 {
        margin: 0 8px 22px;
    }
    #side-sns01 {
        /*padding: 0 8px;*/
        display: flex;
        justify-content: space-between;
    }
    #side-inner #side-sns01 li {
        margin: 0 8px;
        width: calc(100%/3);
        display: flex;
    }
    #side-inner #side-sns01 li a {
        width: 100%;
    }
    .ul-bnr01 {
        display: flex;
    }
    .ul-bnr01 li {
        margin: 0 8px 16px;
    }
    .ul-bnr01 li a {height: auto;}
    .ul-bnr01 li a img {width: 100%;}
    #side .ul-bnr01 {
        flex-wrap: wrap;
        display: flex;
    }
    #side .ul-bnr01 li {
        width: calc(50% - 16px);
    }
    .top #side {
        padding-top: 0;
    }
    .h3-basic01 {
        padding: 4px 8px;
    }
    .h3-basic01.shop-info02 {
        padding: 4px 8px;
    }
    #footer {
        margin-top: 0;
    }
    
    #side .h3-side01 {
        margin-top: 22px;
    }
    #ft-pagetop,
    #ft-pagebottom {
        position: fixed;
        bottom: 8px;
        width: 44px;
        height: 44px;
    }
    #ft-pagetop {
        right: 8px;
    }
    #ft-pagebottom {
        display: block;
        left: 8px;
    }
        #ft-pagetop img,
        #ft-pagebottom img {
            width: 100%;
        }
    /*下層 #contents*/
    #breadcrumb {
        margin: 0;
        padding: 8px;
        background-color: #f5f5f5;
        border-bottom: 1px solid #ccc;
    }
    #content {
        margin-top: 0;
    }
    #contents .blog-col-righ,
    #contents .blog-col-left {
        float: none;
        width: 100%;
    }
    #contents img[src$="keyvisu.png"] {
        width: 100%;
    }
    .ul-3cols {
        margin-bottom: 16px;
    }
    .ul-3cols > li {
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }
    /*blog*/
    .blog_contents {
        box-sizing: border-box;
        padding: 0 8px;
    }
    .blog_contents img[src^="data"] {
        width: 100%;
    }
    .ft-hospital-innerbox {width: 100%;}
    #ft01 .inner-wrap,
    #ft02 .inner-wrap,
    #ft-hospital .inner-wrap {
        box-sizing: border-box;
        padding: 16px 8px;
    }
    /*top main content sart*/
    #top-main-wrap {
        overflow-x: scroll;
        width: 100%;
    }
    #cur-bar {
        content: "";
        position: absolute;
        top: 3px;
        left: 0;
        width: 46%;
        height: 28px;
        margin: 0 2%;
        background-color: #6b3909;
        border-radius: 20px;
    }
    #main.top {
        overflow: hidden;
        width: 200%;
        padding-top: 64px;
    }
    #main.top .h2-basic01 {
        position: absolute;
        top: 0;
        box-sizing: border-box;
        width: 50%;
        margin: 0;
        padding: 8px;
        text-align: center;
    }
    #main.top .h2-basic01.current {
        color: #fff;
    }
    #main.top .h2-basic01:before {width: 100%;}
    #h2-new01 {left: 0;}
    #h2-rank01 {left: 50%;}
    #main.top .box-basic00 {
        float: left;
        width: 50%;
    }
    #main.top .box-basic00  .h2-basic01 {
        font-size: 12px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 11px 0 11px;
    }
    #main.top .box-basic00  .h2-basic01 span.tab {
        display: inline-block;
    }
    .ul-ranking01 li a .name {
        min-height: 3.5em;
    }
    #content {
        overflow: hidden;
    }
    .ul-2cols > li {
        float: left;
        box-sizing: border-box;
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px);
        margin: 0 5px 10px;
        max-width: 100%;
        position: relative;
    }
    #ul-shop .ul-2cols > li {
        padding-bottom: 65px;
    }
    .bookmark_list .ul-2cols > li {
        float: left;
        box-sizing: border-box;
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px);
        min-height: 670px;
        margin: 0 5px 10px;
        max-width: 100%;
    }
    #ul-shop .ul-2cols > li {
        min-height: inherit;
    }
    .card-left.box-left {
    	max-width: 100%;
        height: 100%;
    }
.ul-2cols > li:nth-child(2n) {
        margin-left: 0;
        margin-right: 0;
}
.ul-2cols.per > li {
    width: 100%;
    margin: 0 0 8px;
}
    .card {
/* flex 20170523 start */
/* flex 20170523 end */
        -webkit-box-orient: vertical;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 8px;
        min-height: 570px;
    }
    /* 20180518 4mix t.o */
    .bookmark_list .card {
        min-height: auto;
    }
    .card-left {margin-bottom: 12px;}
    .card-left .pic {
        width: 100%;
        height: auto;
        display: inherit;
        min-height: 267px;
    }
    /* 20180518 4mix t.o */
    .bookmark_list .card-left .pic {
        min-height: auto;
    }
    .bookmark_list .card-left .pic img{
        min-height: 108px;
    }
    .card-left .pic img {
        width: 100%;
        height: auto;
    }
    #ul-shop .card {
        flex-flow: column;
        padding-bottom: 0;
    }
    .card-shop {margin-bottom: 0;}
    #ul-shop .card .ul-icons01 {
        min-height: 72px;
        width: 100%;
        margin-bottom: 8px;
    }
    #ul-shop .card .ul-icons01 li span {width: 100%;}
    .ico-ca {
        width: 100%;
    }
    /* 20180518 4mix t.o */
    .ul-icons02 {
        max-width: 146px;
        align-items: start;
        /*position: relative;*/
        display: flex;
    }
    /*.bookmark_list .card-right .color {
        position: absolute;
    }*/
    .card-bottom .shop-inquiry dt,
    .card-bottom .shop-inquiry dd {
        float: none;
    }
    .card-bottom .shop-inquiry dd {
        margin-top: 8px;
    }
    .card-bottom .shop-inquiry dd a {
        padding: 8px !important;
        text-align: center;
    }
    #contents h1 {
        font-size: 18px;
        margin-bottom: 8px;
        padding: 8px;
    }
    #contents h2.type01 {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 12px;
        padding: 8px;
    }
    #contents .inner {
        box-sizing: border-box;
        margin-bottom: 12px;/*0*/
        padding: 0 8px 8px;
        width: 100%;
    }
    /*-- 20170721 4mix t.o start 病院のページのみ適用--*/
    .hospital #contents .inner {
        padding: 0 8px 25px;
    }
    /* 20170721 4mix t.o end */
    /* 20170726 4mix t.o start */
    #contents .block-box-w90p.intro-coution {
        width: initial;
    }
    #contents .block-box-w90p.intro-coution p {
        margin-bottom: 0;
    }
    #contents .wdt550{width: auto;}
    /* 20170726 4mix t.o end */
    #contents .block-box-w90p .intro-coution-animal {
        margin: 0 auto;
    }
        #contents .inner img[src*="main-img"] {
            width: 100%;
        }
    /* 20170726 4mix t.o start */
    #contents .two-col-contents.wdt60 {
        float: none;
        width: 100%;
    }
    /* 20170726 4mix t.o end */
    #contents .block-box-w70p {
        padding: 8px;
        margin: 0;
        width: auto;
    }
    #contents .fl-left,
    #contents .fl-right {
        float: none;
        width: auto;
        margin-bottom: 8px;
    }
    .hospital_member #contents .fl-left,
    .hospital_member #contents .fl-right {
        float: left;
        margin: 0 8px 0;
        width: calc(50% - 16px);
    }
    /* 20170915 4mix t.o start */
    #contents .three-col-box {
            width: calc(100%/2 - 12px);
    }
    #contents .three-col-box:nth-of-type(2n) {
        margin-right: 0;
    }
    #contents .three-col-box:nth-of-type(3n) {
        margin-right: auto;
    }
    #contents .three-col-box.height-low:nth-of-type(3),
    #contents .three-col-box.col-h-01:nth-of-type(3),
    #contents .three-col-box.height-ex-low:nth-of-type(3),
    #contents .three-col-box.height-ex-low:nth-of-type(9) {
        margin: 22px 24px 0 0;
    }
    #contents .three-col-box p.link {
        position: static;
        bottom: initial;
        left: initial;
        margin-top: 12px;
    }
    #contents .three-col-tblcell,
    #contents .two-col-tblcell {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }
    #contents .tbl-row {
        display: block;
    }
    #contents .tbl {
        display: block;
        margin: 0;
    }
    #contents .col-box-outer,
    #contents .wdt700 {
        width: auto;
    }
    
    #contents .hospital-list-box .col-box-outer {
        display: flex;
        flex-wrap: wrap;
    }
    
    .hospital #contents .col-box-outer {
        width: auto;
        display: flex;
        flex-wrap: wrap;
    }
    #contents .bdr-btm-type01 {
        border-bottom: 0;
    }
    #contents .block-box-w90p {
        width: 100%;
    }
    .box-text01 {
        padding: 0 8px;
    }
    .box-text01 p {
        margin: 0 !important;
    }
    .ca-detail-img li {
        float: none;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        margin: 0 0 24px 0;
        border: 0;
        text-align: center;
        background-color: #f9f9f9;
    }
    .ca-detail-img li img {
        width: 100%;
        height: auto;
    }
    .ul-recommended01 {
        display: flex;
        flex-wrap: wrap;
        margin: 0 7px;
    }
    .ul-recommended01 li {
        width: calc(100%/3 - 9px);
        margin-right: 7px;
    }
    .ul-recommended01 li:nth-child(3n) {
        margin-right: 0;
    }
    #shop-main-left {
        float: none;
        width: 100%;
    }
    #shop-main-right {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    #shop-new-info {
        margin: 16px auto;
        padding: 8px;
        height: auto;
        width: calc(100% - 16px);
    }
    #shop-new-info h3 {
        margin-top: 16px;
    }
    .h3-basic01.shop-info {
        margin-left: 8px;
    }
    .shop-map {
        width: 100%;
        height: 240px;
    }
    #shop-pics {
        padding: 8px;
        overflow: hidden;
    }
    #shop-pics li {
        float: left;
        width: -webkit-calc(50% - 4px);
        width: -moz-calc(50% - 4px);
        width: calc(50% - 4px);
        height: auto;
        margin-right: 8px;
    }
    #shop-pics li:nth-child(2n) {
        margin-right: 0;
    }
    .ul-main-2cols > li {
        float: none;
        width: 100%;
        margin: 0 0 24px 0;
    }
    .table-calendar01 th,
    .table-calendar01 td {
        padding: 4px;
    }
    #hospital-main-img img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 8px;
    }
    .hospital-col-left,
    .hospital-col-right {
        float: none;
        width: 100%;
    }
    .ul-3cols-per > li {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .dl-hos-fac01 {
        min-height: initial;
    }
    #contents .two-col-contents {
        display: block;
        float: none;
        margin-right: 0;
    }
    #contents .wdt600 {
        width: auto;
    }
    #contents .fL {
        float: none;
    }
    .message #contents .fL {
        float: left;
    }
    .ul-ft-menu01,
    #ft-search {
        float: none !important;
    }
    #ft01 .ul-ft-menu01 li {
        width: 50%;
        margin-bottom: 16px;
    }
    #ft01 .ul-ft-menu01 li:after {
        content: "";
    }
    #ft02 .ul-ft-menu01 {
        /* flex 20170523 start */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        /* flex 20170523 end */
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
    }
    #ft02 .ul-ft-menu01 li {
        flex: 1 calc(100% / 2);
        margin-bottom: 8px;
        padding: 0;
    }
    #ft-search input[type="text"] {
        width: -webkit-calc(100% - 32px);
        width: -moz-calc(100% - 32px);
        width: calc(100% - 32px);
    }
    #copyright {
        float: none;
        text-align: center;
    }

    .col .ul-ranking01 {
        padding: 0;
        margin-bottom: 10px;
    }
    /* 20180518 4mix t.o */
    body.top .col .ul-ranking01 {
        margin-bottom: 20px;
    }
    
    .col .ul-ranking02 {
        padding: 0;
    }
    .ul-ranking01 li {
        width: -webkit-calc(50% - 4px);
        width: -moz-calc(50% - 4px);
        width: calc(50% - 4px);
        /*height: auto !important;*/
        margin-left: 0;
        margin-bottom: 10px;
    }
    .ul-ranking01 li:nth-child(2n) {
        margin-right: 0;
    }
    /* 20180518 4mix t.o */
    body.top .ul-ranking01 li:first-child {
        width: calc(50% - 4px);
        margin-right: 4px;
        height: 170px;
    }
    body.top .ul-ranking01 li:last-child {
        margin-right: 0;
    }
    body.top .ul-ranking01 li:nth-of-type(2) {
        width: calc(50% - 6px);
        margin:0 0 10px 4px;
        height: 170px;
    }
    body.top .ul-ranking01 li:nth-of-type(3) {
        margin-right: 4px;
    }
    body.top .ul-ranking01 li:nth-of-type(4) {
        margin:0 4px 10px;
    }
    body.top .ul-ranking01 li:nth-of-type(5) {
        margin-left: 4px;
    }
    body.top .ul-ranking01 li {
        float: left;
        width: calc(100%/3 - 6px);
        height: 160px;
    }
    .col .ul-ranking01 li a img {
        min-width: 38%;
        height: auto;
    }
    body.top .ul-ranking01 li a img {
        float: none;
    }
    .col .ul-ranking01 li:nth-of-type(n+3) a img {
        min-width: 48%;
    }
    body.top .ul-ranking01 li a {
        height: 100%;
        display: block;
    }
    body.top .ul-ranking01 li a .name {
        justify-content: center;
    }
    
    .ul-lower-3col01 {margin: 16px 8px;}
    .h3-basic01 span {
        display: block;
        padding: 0;
        margin: 4px 0 0 6px;
    }
    .ico-info {
        font-size: 10px;
        padding: 1px 0;
    }
    .shop-main {
        margin-bottom: 16px;
    }
    #h2-shop-wrapper01 {
        margin-bottom: 0;
    }
    #h2-shop-wrapper01 {
        padding: 0;
    }
    .h2-ca-basic01,
    .h2-shop-basic01,
    .h2-hospital-basic01 {
        float: none;
        font-size: 20px;
        padding: 8px;
    }
    .h2-shop-basic01 .tel {
        display: inline-block;
        margin-left: 1em;
        font-size: 14px;
        line-height: initial;
        vertical-align: text-top;
    }
    .anniv .h2-shop-basic01,
    .renewal .h2-shop-basic01,
    .refresh .h2-shop-basic01,
    .new-open .h2-shop-basic01 {
        padding: 31px 0 0 8px;
    }
    .anniv .ribbon-box02,
    .renewal .ribbon-box02,
    .refresh .ribbon-box02,
    .new-open .ribbon-box02 {
        padding-left: 8px;
    }
    .h2-hospital-basic01 .tel {
        display: block;
        margin-left: 0;
    }
    .tel.ca-detail a {
        padding-bottom: 8px;
    }
    .ul-shop-icons01 {
        overflow: hidden;
        float: none;
        padding: 12px 0 8px 0;
        margin:0 0 0 auto;
        
    }
    .shop-contents-box {
        margin: 16px 0 16px;
        padding: 0 8px;
    }
    .box-qr-code01 {display: none;}
	#contents h1.hospital-title {
        margin: 0 auto 10px;
        text-align: center;
	}
    #contents h2.hospital-title {
        font-size: 18px;
        text-align: center;
    }
    #contents .two-col-box.hospital-col:nth-last-of-type(2) {
		margin-bottom: 0;/*2017/07/19追記大和田*/
	}
    #contents .two-col-box.hospital-col p.address {margin-bottom: 0;}
    #contents .two-col-box.hospital-col p.phone {
        margin-bottom: 8px;
    }
    #h2-hospital-wrapper01 {
        margin-bottom: 0;
        display: flex;
    }
    .hospital-contents-box {
        margin: 16px 0 16px;
        padding: 0 8px;
    }
    #contents .detail-main-visu {
        width: 100%;
        height: auto;
        margin-top: 13px;
        padding-left: 8px;
    }
    /* 20171010 4mix t.o start */
    #contents .detail-contents {
        float: none;
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
    }
    /* 20171010 4mix t.o end */
    #contents .detail-contents p {
        margin-top: 0;
    }
    #contents .detail-main-visu .pic {
        overflow: hidden;
        width: 100%;
        /*height: 264px;*/
        height: auto;
    }
    #contents .detail-main-visu img {
        width: 100%;
        height: auto;
    }
    .btn-print-basic-wrap {display: none;}
    [class^="btn-print"] {
        display: none;
    }
    .box-no-result-wrap {
        margin: 0 8px;
        padding: 8px;
    }
    .nocount h3 {
        margin-bottom: 8px;
    }
    .box-no-result {
        margin-top: 8px;
    }
    .box-no-result .btn a {width: 100%;}
    [class^="box-cols"] .col {
        float: none;
        margin: 0;
        margin-bottom: 30px;
    }
    .h3-basic00 {
        margin-bottom: 12px;
        text-align: center;
    }
    .ul-ranking01 li a .name {
        width: 100% !important;
        margin-top: 2px;
        font-size: 16px;/*CA名表示のため追記20170605仲浦*/
    }
    #ft01 .ul-ft-menu01 li,
    #ft01 .ul-ft-menu01 li a {font-size: 12px;}
    .ul-ft-menu01 li a {font-size: 11px;}
    #ul-breadcrumb {font-size: 10px;}
    #ul-breadcrumb li {
        width: 25%;
    }
    #ul-breadcrumb li:first-child,
    #ul-breadcrumb li:last-child {width: initial;}
    #ul-breadcrumb li a {
        overflow: hidden;
        display: inline-block;
        width: calc(100% - 1em);
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #ul-breadcrumb li a.ico-home {width: 100%;}
    #ul-breadcrumb li a.ico-home .txt {display: none;}
    #ul-breadcrumb li a.ico-home:before {
        font-family: Fontawesome;
        content: "\f015";
    }
    #ul-breadcrumb li,
    #ul-breadcrumb li a {margin-right: .25em;}
    #h2-ca-wrapper01,
    #h2-shop-wrapper01 {
        overflow: initial;
        margin-bottom: 0;
        zoom: 1;
        background-color: #fff;
    }
        #content #h2-ca-wrapper01 {
            margin-top: 0;
            padding-top: 10px;
    }
    #h2-ca-wrapper01.fixed,
    #h2-shop-wrapper01.fixed {
        position: fixed;
        left: 0;
        top: 44px;
        z-index: 200;
        width: 100%;
    }
    #h2-ca-wrapper01:after,
    #h2-shop-wrapper01:after {
        content: ""; 
        display: block; 
        clear: both;
    }
    #ca-detail-img-wrapper {
        background: #fbfbfb;
        padding-top: 8px;
    }
    .h2-ca-basic01 {
        padding: 16px 8px 8px 8px;
    }
    #h2-ca-wrapper01 .h2-ca-basic01 {
        padding: 2px 8px 8px 8px;
    }
    .bookmark_list .ribbon-box {
        width: 96%;
    }
    /*#ri-happy::before,
    #ri-wannyan::before {
        left: -2%;
    }*/
    .ribbon-box02 + .h2-ca-basic01 {
        padding: 32px 8px 6px 8px;
    }
    .ribbon-box02 {
        position: absolute;
        bottom: initial;
        top: 8px;
        z-index: 10;
    }
    #estimate .ribbon-box02 {
        top: -3px;
    }
    #h2-ca-wrapper01 .mix-parent01 {
        float: left;
        display: inline-block;
        margin: 0 8px 0;
        padding-bottom: 8px;
        font-size: 12px;
    }
    .flexslider {
        margin-bottom: 44px !important;
    }
    .flex-control-nav {bottom: -31px !important;}
    .box-comment01,
    .ul-link-arrow01 {padding: 0 8px;}

    .ul-link-sns01 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ul-link-sns01 li {
        display: block;
        height: 32px;
        margin: 0 3px;
    }
    .ul-link-sns01 li iframe {
        height: auto;
    }
    .ul-link-sns01 li:first-of-type {
        width: auto;
    }
    .offer-price,
    .ul-basic00 li {
        margin-bottom: 0;
        border-radius: 0;
    }
    .box-recommended01 .h2-basic01 {
        font-size: 16px;
    }
    .h2-other-notice {
        padding:0 8px; 
    }
    .ul-main-1cols > li {
        width: auto;
        margin: 8px;
    }
    .ul-main-1cols > li:first-child {
        margin: 12px 0 22px 0;
    }
    .ul-main-1cols.box-dotted01 {
        margin-top: 32px;
    }
    .ul-main-1cols.box-dotted01.shop-space {
        margin-top: 0;
    }
    .ul-main-1cols.box-dotted01
    .ul-main-1cols.box-dotted01 li,
    .ul-main-2cols.box-dotted01 li {
        width: auto;
        margin: 8px;
    }
    /* 20180208 4mix to start */
    .ul-main-1cols.box-dotted01 > li, 
    .ul-main-2cols.box-dotted01 > li {
        margin: 16px 8px;
    }
    .ul-main-1cols.box-dotted01 li:first-child,
    .ul-main-2cols.box-dotted01 li:first-child {
        margin: 16px 8px;
        width: auto;
    }
    /*20180208 4mix to end*/
    .shop-contents-box .ul-main-1cols.box-dotted01 li,
    .shop-contents-box .ul-main-2cols.box-dotted01 li {
        margin: 8px 0;
    }
    /*画像被り回避のため追記20170605仲浦*/
    .h3-link01{
        margin-top: 16px;
    }
    /* 20180518 4mix t.o */
    body.top .h3-link01{
        margin-top: 0;
        margin-bottom: 20px;
    }
    .h3-link01 a {font-size: 13px;}
    .h3-link01 a span {
        line-height: 14px;
    }
    .box-basic00 {
        margin-bottom: 24px;
    }
    .box-basic00 p {
        margin: 0 8px;
    }
    .box-basic00 .dl-notice01 {
        margin: 15px 8px 0 0;
    }
    .h3-basic02 {
        text-align: left;
        padding-left: 12px;
    }
    .h2-rare-wrap {}
    .h2-rare-wrap h2 {clear: both;}
    .btn-rare01 {
        float: right;
        position: static;
        display: inline-block;
        font-size: 10px;
        margin: 6px 8px;
        padding: 4px 8px;
        border: 1px solid;
    }
    .ul-pagination {
        text-align: center;
    }
    .ul-pagination li {
        float: none;
        display: inline-block;
        margin: 0 2px;
        font-size: 12px;
    }
    .ul-pagination li span, .ul-pagination li a {
        padding: 12px 19px;
        border: 0;
    }
    .ul-pagination li a {
        border: 0;
    }
/*-- 20170721 4mix y.n start --*/
    #contents h3.type01 {
        box-sizing: border-box;
        width: auto;
        font-size: 18px;
        line-height: 1.5;
		margin: 0 15px 0 0; /* 20170914 4mix t.o changed */
    	font-weight: bold;
    }
/*-- 20170721 4mix y.n end --*/
    #contents .manner-lecturer h3.type01 {
        margin-bottom: 12px;
    }
/*adobeのバナー表示を縮小させるためwidth100%を非表示20170515仲浦------------------*/
    #contents img.auto {width: auto;height: auto;}
	#contents .w60 {
		width: 60%;
	}
    .free-content img[src*="emoji"] {
        width: auto !important;
        height: auto !important;
    }
    #contents .two-col-fast-img {
        display: block;
        float: none;
        margin-right: 0;
        margin-bottom: 8px;
        text-align: center;
    }
    #contents ul.type01 {
        margin-bottom: 8px;
    }
    #contents ul.type02 {
        padding: 0 8px;
    }
    #contents .inner h2.type01 {
        position: relative;
        margin-left: -8px;
        margin-right: -8px;
    }
    #contents .btn-center {
        padding: 0 8px;
    }
    #contents .inner .block-box-w70p,
    #contents .inner .btn-center {padding: 0;}
    #contents .box-border {padding: 17px 8px !important;/* 2017/07/13変更 大和田 */}
    #box-about01 {margin: 16px 0 0 0;}
    #box-about01 > dt {margin: 0 0 -0.5em 8px;}
    #box-about01 > dd {padding: 8px;}
    .box-about01-detail dt:first-child {
        margin-bottom: 12px;
        padding-bottom: 8px;
        font-size: 18px;
        border-bottom: 1px solid #cdcdcd;
    }
    .box-about01-detail dd {
        font-size: 13px;
        line-height: 1.6;
    }
    .box-about01-detail .link {
        margin-top: 8px;
        font-size: 12px;
    }
    .dl-table-ca01.vaccine {
        width: calc(100% - 16px);
        margin: 0 8px;
    }
    .dl-table-ca01.vaccine dl dt,
    .dl-table-ca01.vaccine dl dd {
        /*--20170914 4mix yn change--width: 33.33%;*/
        text-align: center;
    }
    .dl-table-ca01-weight-wrapper {
        overflow-y: scroll;
        padding: 0 8px;
    }
    .dl-table-ca01.weight {
        display: table;
    }
    .dl-table-ca01.weight dl {display: table-row;}
    .dl-table-ca01.weight dl dt,
    .dl-table-ca01.weight dl dd {
        padding: 8px;
        display: table-cell;
    }
    .ul-index01 {
        justify-content: flex-start;
        margin: 0;
        padding: 8px;
    }
    .ul-index01.ul-index02 {
        box-sizing: border-box;
    }
    .zukan-menu .ul-index01.ul-index02 li {
        width: calc(100%/3 - 12px);
        margin: 0 4px 16px;
        padding: 0 4px 0 0;
    }
    .ul-index01.ul-index02 a {
        line-height: 1.5em;
        padding: 2px 0;
    }
    .ul-index01 li a {padding: 4px 18px;}   
    /* 20171010 4mix t.o start */
    .zukan_name_cat #contents .group-txt {
        float: left;
    }
    .zukan_name_small .ul-index01,
    .zukan_name_cat .ul-index01,
    .zukan_name .ul-index01 {
        text-align: center;
        padding-left: 0;
    }
    .zukan_name_small .ul-index01 li,
    .zukan_name_cat .ul-index01 li,
    .zukan_name .ul-index01 li {
        margin: 0 4px 4px 0;
        width: calc(20% - 4px);
    }
    /* 20171010 4mix t.o end */
    .ul-picture-book01 li {
        margin-top: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }
    .ul-picture-book01 li:first-child {
    }
    #contents h1.with-sns {
        margin-bottom: 0;
        padding: 8px;
    }
    #contents .sns-btn-box {
        top:5px;
        right: 8px;
        z-index: 10;
    }
    #contents .parts-box {
        margin: 0;
    }
    .dl-table-ca00 {
        overflow: hidden;
        width: -webkit-calc(100% - 16px);
        width: -moz-calc(100% - 16px);
        width: calc(100% - 16px);
        margin: 8px;
    }
    .dl-table-ca00 dl dt {
        /*width: 100%;*/
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
    }
    .dl-table-ca00 dl dd {
        border-left: 0;
    }
    /*ワクチン接種欄を左寄せにするため追記20170522仲浦--------------------------*/
    .dl-table-ca01.vaccine dt, 
    .dl-table-ca01.vaccine dd {
        text-align: left;
    }
    .btn-basic02,
    .my-favorite:after {
        font-size: 10px;
    }
    .my-favorite:after {
        content: "登録する";
    }
    .box-my-favorite01 {
        /* flex 20170523 start */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        /* flex 20170523 end */
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 0;
    }
    /* 20170802 4mix add t.o start */
    .box-my-favorite01.sp-non {
        display: none;
    }
    /* 20170802 4mix add t.o end */
    /*.box-my-favorite01 .my-favorite:after {
        width: 13em;
        font-size: 12px;
        content: "お気に入りに追加する";
    }*/
    .box-my-favorite01 .to-fav-list .btn-basic03 {
        width: -webkit-calc(14em + 20px);
        width: -moz-calc(14em + 20px);
        width: calc(14em + 20px);
        padding: 4px 0;
    }
     .to-fav-list .btn-basic03 {
        color: #fff;
     }
    .box-my-favorite01 .my-favorite.added + .to-fav-list {
        margin-left: 0;
        /*margin-top: 8px;*/
    }
    .my-favorite {
        margin-right: 8px;
    }

.shop-contents-box .my-favorite {
        margin-right: 0;
}

    .table-list-basic01 .thead {display: none;}
    .table-list-basic01 a {
        padding-bottom: .5rem;
        padding-top: .5rem;
    }
    .table-list-basic01 a dt {
        font-size: 13px;
        float: none;
        display: block;
        width: 100%;
    }
    .shopnews_list .table-list-basic01 a {
        text-decoration: none;
    }
    .shopnews_list .table-list-basic01 a dl {
        display: flex;
    }
    .shopnews_list .table-list-basic01 a dt {
        width: calc(45% - 32px);
        margin-right: 32px;
    }
    .shopnews_list .table-list-basic01 a dd {
        width: 75%;
    }
    .hospital-news-list .table-list-basic01 a {
        text-decoration: none;
    }
    .hospital-news-list .table-list-basic01 a dt {
        display: inline-block;
        margin-left: 104px;
        width: calc(25% - 104px);
    }
    .table-list-basic01 a dd {
        float: none;
        display: block;
        width: 100%;
    }
    .hospital-news-list .table-list-basic01 a dd {
        width: 75%;
        display: inline;
    }
    #contents h2.type03 {
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 8px;
    }
    #contents ul.type03 li {
        margin: 0 0 8px 20px;/*2017/07/13変更大和田*/
    }
    #contents ul.type03 li p {
        margin-bottom: 8px;
    }
    #popup #logo {
        text-indent: -10000px;
    }
    .table-basic02 th,
    .table-basic02 td {
        white-space: pre-wrap;
    }
    .dl-form01-table {
        display: block;
    }
        dl-form01-row {
            display: block;
        }
    .dl-form01-row {
        display: block;
    }
    .dl-form01-row dt,
    .dl-form01-row dd {
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    .dl-form01-row li {
        text-indent: -1.3em;
        padding-left: 1.3em;
    }
    .dl-form01-table input[type="text"],
    .dl-form01-table input[type="password"] {
        width: 100%;
    }
    #estimate .animal_detail .thumb {
        float: none;
        width: calc(45% - 16px);
        margin-right: 16px;
        margin-bottom: 8px;
        background-color: inherit;
    }
    #estimate .animal_detail .thumb img {
            width: 100%;
            margin: 0 auto;
            /* text-align: center; */
            display: block;
        }
    #estimate .animal_detail table {width: 100%;}
    #estimate .animal_detail .shop_info {
        position: static;
        margin-top: 8px;
        width: 100%;
    }
    .price_list li .wrap h4, .total_price .wrap h4 {
        width: 100%;
        color: #868686;
    }
    body[class*="detail"] #sec-rankingBox01 {
        float: none;
        box-sizing: border-box;
        width: 100%;
    }
        #content-bottom #sec-rankingBox01.detail_page {
            width: 100%;
        }
    #contents .fnt-l {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 1.5;
    }
	.h3-box-basic01 {
		display: block;
	}
	.h3-box-basic01 span {
		font-size: 13px;
    	margin-left: 29px;
	}
    /* 20170801 4mix t.o startインデントさせるためspan装飾削除 */
    .h3-box-basic01 span.indent-adj {
        background-color: inherit;
        border-radius: 0;
        color: inherit;
        padding: 0;
        font-size: inherit;
        margin-left: 0;
        width: calc(100% - 33px);
        display: inline-flex;
    }
    /* 20170801 4mix t.o endインデントさせるためspan装飾削除 */
	#contents .doctor-fee {
		display: block;
		width:100%;
	}
	#contents .doctor-fee br {
		display: none;
	}
	#contents .doctor-fee div:nth-of-type(2) {
		display: block;
		margin: 12px auto 0;
		width: 50%;
	}
	/* 20170724 t.o start */
    input[type="button"],
	input[type="submit"] {
         -webkit-appearance: none;
		 border-radius:3px;
     }
	/* 20170724 t.o end */
    .card-left.box-left {
        width: 100%;
        margin: 0;
        clear: both;
    }
    .card-right.box-right {
        width: 100%;
        clear: both;
    }
    /* 20180518 4mix t.o */
    /*.bookmark_list .card-right .color i {
        display: block;
    }*/
    .bookmark_list .card-right.box-right {
        float: right;
        width: calc(100% - 146px - 16px);
        /*border: 1px solid #666;
        box-sizing: border-box;*/
        clear: none;
        padding-top: 40px;
        padding-left: 16px;

    }
    /* 暮らすページ */
    /* 20170817 4mix t.o start ポイントの有効期間図*/
    #contents .pt-period table {
        width: 748px;
    }
    #contents .pt-period tr:nth-of-type(4) td {
        width: 44px;
    }
    /* 20170817 4mix t.o end */
    #contents .micro-chip {
        width: 100%;
    }
    
    #contents .micro-chip-img {
        text-align: center;
        width: 100%;
    }
    #contents .micro-chip-img img {
        width: 50%;
        margin: 0 auto;
    }
    #contents .pest-prog li:first-of-type {
        margin-bottom: 32px;
    }
    
    #contents .pest-prog {
        margin-bottom: 40px;
    }
    #contents .pest-prog ul {
        display: block;
    }
    body.topics_list1 .box-basic00,
    body.topics_list25 .box-basic00 {
        margin-bottom: 8px;
    }
    /*--20170825 4mix YN start--*/
    body.topics_list23 .side-nav01 .h4-side01:first-child {
        display: none;
    }
    body.topics_list23 .side-nav01 .h4-side01:first-child + ul {
        display: none;
    }
    .ul-2cols {
        padding: 0;
    }
    .box-recommended01 {
        float: none;
        width: 100%;
        margin: 0;
    }
    #h3-shop-side01,
    .h3-side01.hospital {
        display: none;
    }
    #ft-menu {
        float: none;
        margin: 0 0 16px 0;
    }
    .side-nav01.hospital {
        margin-bottom: 16px;
    }
    /* 20170828 4mix t.o start友達に紹介するフォーム */
    #send_msg_modal_container {
          position: fixed;
          top: 44px;
          overflow-y: scroll;
          font-size: 16px;
    }
    #send_msg_modal_close_btn {
        top: 16px;
        right: 16px;
    }
    #f_send_intro input[name="from_name"],
    #f_send_intro input[name="from_mail"],
    #f_send_intro input[name="subject"] {
        width: 85%;
        font-size: 16px;
    }
    #f_send_intro textarea[name="to_mail"] {
        width: 90%;
        font-size: 16px;
    }
    #f_send_intro textarea[name="contents"] {
        width: 100%;
        font-size: 16px;
    }
    /* 20170828 4mix t.o end */
    .shop-contents-box .ul-top-latest01 li {
/*width: calc(50% - 12px);*/
    }
    .ul-ranking01 li:first-of-type a .name {
        min-height: 2.5em;
    }
    /*.ul-ranking01 li:nth-of-type(n+2) a img {
        width: 75%;
        min-width: 62%;
    }*/
    body.top .ul-top-latest01 li {
        width: calc(100%/4 - 6px);
        margin-bottom: 24px;
    }
    /* 20180518 4mix t.o */
    body.top .ul-top-latest01 li {
        margin: 0 8px 24px 0;
    }
    body.top .ul-top-latest01 li:nth-child(2),
    body.top .ul-top-latest01 li:nth-child(6) {
        margin-right: 8px;
    }
    .dl-top-ca01 .name,
    .box-cols3 .col:nth-of-type(3) .dl-top-ca01 .name {
        height: 3em;
    }
    .dl-top-ca01 .name {
        line-height: 1.5em;
        height: 3em;
    }
    #body [class^="box-cols"] .col {
        margin-bottom: 35px;
        border: none;
    }
    /* 20180518 4mix t.o */
    #body.top .col {
        margin-bottom: 0;
        border: none;
    }
    /* large-category start */
    #large-category {
        padding: 4px;
    }
    #large-category li {
        padding: 4px;
    }
    #large-category li a {
        padding-left: 65px;
        font-size: 15px;
        background-size: 22%;
        height: 70px;
    }
    #rankingBox + p {
        margin: 16px auto;
        width: 80%;
    }
    #popup.total_estimate ul li {
        width: 100%;
    }
    .comparison-box table {
    }
    .comparison-box .table-basic02 caption {
        text-align: left;
        width: 100%;
        background: rgba(255,255,255,0.7);
    }
    .comparison-box .table-basic02 td {
        white-space: initial;
    }
    #content .scroll-allow {
        font-size:12px;
        color: #d2d1d1;
        text-align: right;
        margin-bottom: 0;
    }
    #contents .m-maga-main {
        margin-bottom: 12px;
    }
    .ul-mailmagazine01 {
        margin-bottom: 20px;
    }
    .maga-cap {
        margin: 0 8px;
    }
    .lead {
    padding-top: 24px;
    }
        /* サイトマップ バナー */
    .sitemap .ul-bnr01 {
        display: inherit;
        overflow: hidden;
        margin-top: 30px;
    }
    .sitemap .ul-bnr01 li {
        float: left;
        width: calc(50% - 12px);
        margin: 0 0 5px 8px;
    }
    /*図書館*/
    #contents .five-col-box {
        padding: 6px 2px;
        width: calc(100%/3 - 4px);
        height: auto;
    }
    .guide_small_04 #contents ul {
        margin-bottom: 8px;
    }
    #contents .group-txt {
        margin: 4px 0 0 8px;
    }
    #contents .zukan-menu .group-txt {
        margin: 0;
    }
        #main #contents .animal-anc {
        display: flex;
        margin: 8px 0 12px 0;
        padding: 0 8px;
    }
    .ul-ca-icons01 {
        top: 50%;
        right: 0.9%;
    }
    /* 20180518 4mix t.o */
    .bookmark_list .ul-icons01 {
        float: right;
        width: calc(100% - 142px);
    }
    .bookmark_list .ul-icons01 span {
        padding: 4px 24px;
    }
    .ul-icons01 li {
        margin: 6px 2% 0 0;
    }
    /* 20180518 4mix t.o */
    .bookmark_list .ul-icons01 li {
        margin: 0 4px 8px;
    }
    .h2-estimate01 {
        margin-top: 25px;
    }
    .guide_small_03 .type01 {
        height: auto;
    }
    #popup {
        padding-top: 68px;
    }
    #popup.total_estimate {
        padding-top: 40px;
    }
    #contents .p-hearter-note {
        height: auto;
        margin-bottom: 8px;
    }
    /* 20171030 4mix t.o start */
    .bookmark_list .card {
        height: auto;
        width:100%;
        padding: 12px;
    }
    .card-left.box-left {
        height: auto;
    }
    .shop-nm {
        width: 100%;
    }
    .card-bottom {
        width: 100%;
    }
    #ul-shop .card-bottom {
        width: calc(100% - 24px);
    }
    
    .bookmark_list .ul-2cols > li {
        min-height: auto;
        display: flex;
        flex-wrap: wrap;
    }
    /* 20180518 4mix t.o */
    .bookmark_list .ul-2cols > li:nth-of-type(2n) {
            margin-right: 0;
    }
    /* 20171030 4mix t.o end */
    /* 20171221 4mix t.o start */
    .shop-contents-box.st-manager {
        margin: 0;
    }
    /* 20180208 4mix t.o start */
    .shop-contents-box.st-manager .ul-main-2cols li {
        margin: 16px 0;
    }
    .shop-contents-box.st-manager .ul-main-2cols li:first-child {
        margin-top: 0;
    }
    /* 20180208 4mix t.o end */
    /* 20171221 4mix t.o end */
    /* 20171227 4mix t.o start */
    #wallpaper.ul-3cols-per > li {
        width: calc(50% - 8px);
        float: left;
        margin: 0 4px 22px;
    }
    .ul-btn-download01 li {
        margin-bottom: 10px;
    }
    .ul-btn-download01 li img {
        width: 100%;
    }
    /* 20171227 4mix t.o start */
    #contents .tablet-mb20 {
        margin-bottom: 20px;
    }
    .input_form_header,
    .input_form_footer,
    .module_contents .thanks,
    #contents .thanks,
    .online_intro_inner {
        padding: 0 8px;
    }
    .topics-sale-area {
        margin-bottom: 8px;
    }
    #popup #content {
        flex: 1 0 auto;
    }
    #popup-footer {
        flex: 0 0 auto;
    }
    .top-sale-btn-area,
    .dl-top-topics01 {
        width: calc(100% - 16px*2);
        max-width: 100%;
        margin: 0 auto;
    }
    .shop-sale-info {
        padding: 0 8px;
    }
    div > .dl-ft-menu01:last-child {
        margin-bottom: 16px;
    }
    .detail-comment dd {
        margin-bottom: 16px; 
    }
    .shop-nm a {
        text-align: right;
    }
    /* 20180518 4mix t.o */
    .bookmark_list .shop-nm {
        margin: 0;
    }
    .bookmark_list .shop-nm a {
        text-align: left;
        overflow: hidden;
    }
    #contents .blog_contents.shinsai-box img {
        width: 100%!important;
        height: auto!important;
    }
    #contents .blog_contents.shinsai-box a img {
        padding: 8px 0;
    }
    .box-basic01.top-info {
        margin: 32px 8px;
    }
    #content .memo-box > dd:before {
        width: 1.5%;
    }
    box-about01 > dd:before {
        width: 0.6%;
    }
    #box-about01 > dd:after {
        left: 59px;
    }
    .shop-contents-box .dl-top-ca01 .pic img {
        max-height: 273px;
    }
    .ul-top-latest01 .dl-top-ca01 .pic img {
    max-height: 276px;
    }
    /* 20180518 4mix t.o */
    .ca-pic-wrap01 {
        max-width: 146px;
        margin: 0 0 8px;
        float: left;
        padding-top: 40px;
    }
    .bookmark_list .card-right {
        width: 100%;
    }
    .ca-pic-wrap01 .my-favorite {
        top: 44px;
        right: -19px;
    }
    .top [class^="ul-ranking"] li .ranking {
/*
        width: 64px;
        height: 64px;
        font-size: 22px;
        padding: 9px 11px;
*/
    }
    body.top .btn-another-content01 {
        margin-bottom: 32px;
    }
    .small-ca .card-right .price {
        margin: 0;
    }
    .ico-new-box {
        top: 40px;
    }
    /*.ico-new-box span {
        font-size: 16px;
    }*/
    .shop-nm .name {
        font-size: 15px;
    }
    #sec-rankingBox01 #rankingBox li .dl-top-ca01 {
        display: block;
    }
    #sec-rankingBox01 #rankingBox li .dl-top-ca01 .pic {
        margin: 0 auto 4px;
        float: none;
    }
    #sec-rankingBox01 #rankingBox li .dl-top-ca01 .name {
        justify-content: center;
        align-items: flex-start;
        height: auto;
    }
    #sec-rankingBox01 #rankingBox li .dl-top-ca01 .rnum {
        width: 32px;
        height: 38px;
        padding: 3px 6px;
    }
    #sec-rankingBox01 #rankingBox .rank10 .dl-top-ca01 .rnum {
        width: 40px;
    }
    
    tablet-below {display: block;}
    
    .top-gmenu {
        display: inline-flex;
        justify-content: center;
        width: 100%;
        padding: 20px 0;
    }
    
    .top-gmenu li {
        display: flex;
        width: calc(50% - 12px);
        margin: 0 4px;
    }
    
    .top-gmenu li a {
        width: 100%;
        height: 36px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        border-radius: 4px;
        font-size: 16px;
        color: #ffffff;
    }
    
    .pet-search a {
        background-color: #44a526;
        border: 1px solid #458632;
        box-shadow: 2px 2px 0 #18923670;
    }
    
    .shop-search a {
        background-color: #f14c4c;
        border: 1px solid #ce2222;
        box-shadow: 2px 2px 0 #96080870;
    }
    
    .top-gmenu li a:before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        background-size: contain;
        filter: brightness(0) invert(1);
        background-repeat: no-repeat;
    }
    
    .pet-search a:before {
        background-image: url(/files/user/img/icon/ico-top-gmenu_01.png);
        margin-left: -7px;
        margin-right: 6px;
    }
    
    .shop-search a:before {
        background-image: url(/files/user/img/icon/ico-top-gmenu_02.png);
        margin-left: -7px;
        margin-right: 6px;
    }
    
    .top-gmenu li a:active {
        transform: translateY(2px);
        box-shadow: 0 0 0 transparent;
    }
}
/* /768px */
@media screen and (max-width: 667px) {/* ブレークポイント667px */
    .card-left .pic {
        min-height: 230px;
    }
    .bookmark_list .card-left .pic {
        min-height: auto;
    }
    .bookmark_list .card {
        min-height: auto;
    }
    .bookmark_list .ul-2cols > li {
        min-height: auto;
    }
    .shop-nm {
        min-height: 20px;
    }
    /*.card-right.box-right {
        height: 13em;
    }*/
    #ul-shop .card-shop {
        height: 20em;
    }
    /* 20180518 4mix t.o */
    .top .dl-top-ca01 .pic{
        min-height: auto;
        width: 95px;
        float: left;
        margin-right: 8px;
    }
    .shop-contents-box .dl-top-ca01 .pic {
        min-height: 16em;
    }
    /*body.top .ul-ranking01 li:first-child,
    body.top .ul-ranking01 li:nth-of-type(2),
    body.top .ul-ranking01 li {
        height: 150px;
    }*/
    body.top .ul-ranking01 li a {
        height: 100%;
        display: block;
        align-items: center;
    }
    body.top .ul-ranking01 li:first-child {
        width: calc(50% - 4px);
        height: auto;
        margin: 0 8px 8px 0;
    }
    body.top .ul-ranking01 li:nth-of-type(2) {
        width: calc(50% - 4px);
        height: auto;
        margin: 0 0 8px 0;
    }
    body.top .ul-ranking01 li:nth-of-type(3) {
        width: calc(100%/3 - 6px);
        margin-right: 8px;
    }
    body.top .ul-ranking01 li:nth-of-type(4) {
        width: calc(100%/3 - 6px);
        margin: 0;
    }
    body.top .ul-ranking01 li:nth-of-type(5) {
        width: calc(100%/3 - 6px);
        margin-left: 8px;
    }
    body.top .ul-ranking01 li a img {
        min-width: 116px;
        width: auto;
        height: 87px;
    }
    body.top .ul-ranking01 li:nth-child(1) a .name,
    body.top .ul-ranking01 li a .name {
        justify-content: left;
        /*align-items: start;*/
        font-size: 19px;
    }
    body.top .ul-ranking01 li:nth-of-type(n+2) a img {
        width: auto;
        min-width: auto;
        height: 87px;
    }
    body.top .ul-ranking01 li:nth-of-type(n+3) a img {
        min-width: auto;
    }
    body.top .ul-ranking01 li {
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 16px 0;
    }
    body.top .ul-top-latest01 li {
        width: calc(100%/2 - 8px);
        margin: 0px 8px 24px 0;
    }
    body.top .ul-top-latest01 li:nth-child(2n),
    body.top .ul-top-latest01 li:nth-child(4n) {
        margin: 0 8px 25px 0;
    }
    body.top .btn-another-content01 {
        margin-bottom: 24px;
    }
    /*.col .ul-ranking01 {
        margin-bottom: 0;
    }*/
    /* 20180520 4mix t.o */
    #body #top-ranking-ca [class^="box-cols"] .col:nth-child(2) {
        margin: 0 0 25px;
    }
    .top [class^="ul-ranking"] li .ranking {
/*
        width: 55px;
        height: 55px;
        padding: 8px 9px
*/
    }

}/* /667px */

@media screen and (max-width: 640px) {
    .hd-left {
        margin-left: 0;
    }

    .h3-link01 {
        margin: 0;
    }

    .ul-top-latest01 li {
        margin-top: 8px !important;
    }

    body.top .ul-ranking01 li:first-child {
        margin-top: 8px;
    }

    .ul-pagination-wrap {
    }

    .dl-post-date dt {
        display: table-cell;
        width: 13%;
    }
    .h2-other-notice {
        padding: 8px;
    }

    .ul-shop-icons01 {
        float: none;
        overflow: hidden;
        padding: 0 4px;
    }
    
    .ul-ca-icons01 li {
        /*width: calc(33.33% - 8px);*/
        margin: 0 4px;
    }
    
    .ul-shop-icons01 li {
        width: calc(100%/3 - 8px);
        margin: 0 4px;
    }
    
    #h2-hospital-wrapper01 .ul-shop-icons01 li {
        margin: 12px 4px 0;
        width: auto;
    }
    #h2-hospital-wrapper01 .ul-shop-icons01 li:last-child {
        margin-right: 0;
    }
    
    .ico-shop,
    .ul-ca-icons01 li [class^="ico"] {width: 100%;}
    .icon_ex_wrap dt .ico-shop {width:100%;}
    #send_msg_modal_contents {
        width: 100%;
    }

    /* large-category start */
    #large-category {
        bottom: 0;
        padding: 0;
        border-top: 2px solid rgba(255,255,255,0.25);
        border-left: 0;
    }
    #large-category li {
        width: auto;
        padding: 0;
    }
    #large-category li#lc01,
    #large-category li#lc02 {width: 50%;}
    #large-category li#lc03,
    #large-category li#lc04,
    #large-category li#lc05,
    #large-category li#lc06 {width: 25%;}
    #large-category li a {
        /* flex 20170523 start */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        /* flex 20170523 end */
        display: flex;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        height: 44px;
        padding: 0;
        font-size: 10px;
        font-weight: normal;
        background-position: center 4px;
        background-size: 22px;
        border-radius: 0;
        border: 0;
        border-right: 2px solid rgba(255,255,255,0.25);
        border-bottom: 2px solid rgba(255,255,255,0.25);
        background-color: rgba(0,0,0,0.35);
    }
    #large-category li a span {
        display: block;
    }
    #large-category li a .sp-none-txt {
        display: none;
    }

    #large-category li#lc01 a,
    #large-category li#lc02 a {
        justify-content: flex-start;
        align-items: center;
        padding-left: 44px;
        font-size: 14px;
        text-align: left;
        background-position: 8px center;
        background-size: 30px;
    }

    #large-category li#lc02 a,
    #large-category li#lc06 a {
        border-right: 0;
    }

    /* large-category end */

    #main-img {
        background-size: 650px;
    }

    #main-img .inner-wrap {
        height: 320px;
    }

    #main-catch-copy p {
        padding-top: 20px;
        font-size: 20px;
    }

    .shop-contents-box .ul-top-latest01 {
        padding-top: 10px;
    }

    .shop-contents-box .ul-top-latest01 li {
        margin-bottom: 12px!important;
        padding-bottom: 12px;
        border-bottom: 1px solid #adadad;
    }

    .shop-contents-box .ul-top-latest01 li .my-favorite.small {
        position: absolute;
        top: -4px;
        left: 73px;
    }

    .shop-contents-box .dl-top-ca01 {
        margin-bottom: 5px;
    }
    
    .btn-basic01 {
        /*height: 3.9em;*/
    }
    
    #contents .two-col-box.hospital-col img {
/*float: none;*/
        margin-right: 8px;
        margin-bottom: 8px;
        width: 30%;
    }
    
    #contents .two-col-box.hospital-col,
    #contents .two-col-box.hospital-col:nth-of-type(-n+2) {
        width: calc(50% - 8px);
        margin: 0 4px;
        border-bottom: 1px dotted #ccc;
        padding: 19px 0 0;
        height: auto;
    }
    
    #contents .hospital-title {
        margin: 0;
    }
    
    #contents h2:first-of-type.hospital-title {
        margin-bottom: 15px;
    }
    
    
    .dl-ft-menu01.each-area {
        display: inline-block;
    }
    
    .dl-ft-menu01.each-area dt {
        float: left;
    }
    
    #contents .three-col-box {
        float: none;
        height: auto !important;
        margin: 0 0 12px 0;
        width: 100%; /* 20170815 4mix t.o add */
    }

     /* 20170915 4mix t.o start */
    #contents .three-col-box.height-low {
        width: 100%;
    }

    #contents .three-col-box.col-h-01:nth-of-type(3),
    #contents .three-col-box.height-low:nth-of-type(3), 
    #contents .three-col-box.height-ex-low:nth-of-type(3),
    #contents .three-col-box:nth-of-type(3n),
    #contents .three-col-box.height-ex-low:nth-of-type(9) {
        margin: 12px 0;
    }
     /* 20170915 4mix t.o end */
    .ul-bnr01 {
        display: block;
        /* padding-bottom: 10px; */
        overflow: hidden;
    }
    
    /*.ul-bnr01 li {
        margin: 0;
    }*/
    
    .sitemap .ul-bnr01 li {
        width: auto;
        float: left;
        margin: 0 8px 8px;
    } 

    /* 講師紹介 21071002 */
    .box-trainer01 {
        flex-direction: column;
    }
    .box-trainer-pic01,
    .dl-trainer-prof01 {
        width: 100%;
    }
    .box-trainer-pic01 {
        justify-content: space-around;
        margin-bottom: 8px;
    }
    .box-trainer-pic01 .pic-trainer01 {
        margin: 0;
    }
    .box-trainer-pic01 .pic-trainer01 img {
        width: 100% !important;
    }
    body.topics_detail24 h3.type01 {
        margin: 0 0 12px 0 !important;
    }
    
    /* 20171010 4mix t.o start */
    .btn-wrap-bg {
    display: block;
} 
    .btn-box-center02 {
        width: 100%;
        margin-bottom: 10px;
    }
    /* 20171010 4mix t.o end */


    .ul-ranking02 li,
    .ul-ranking02 li:nth-child(1),
    .ul-ranking02 li:nth-child(2),
    .ul-ranking02 li:nth-child(3) {
        width: calc( 50% - 8px );
    }

    .ul-ranking02 li a .name,
    .ul-ranking02 li:nth-child(1) a .name,
    .ul-ranking02 li:nth-child(2) a .name,
    .ul-ranking02 li:nth-child(3) a .name {
        font-size: 12px;
    }

    .box-basic00 .dl-notice01 {
        margin: 8px;
    }
    .shop-nm .name {
        display: block;
    }
    .col .ul-ranking01 li a img {
        width: 50%;
    }
    .ul-ranking01 li:nth-of-type(n+2) a img {
        width: 66%;
    }
    .bookmark_list .card {
        min-height: auto;
    }
    .ul-form-btn01 li {
        width: calc(52% - 32px);
    }
    .ul-form-btn01 li input[type="submit"],
    .ul-form-btn01 li input[type="button"] {
        width: 100%;
    }
    /* 20171227 4mix t.o start */
    #wallpaper.ul-3cols-per > li {
        width: 100%;
        float: none;
    }
    .wallpaper li .btn-basic01 {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .icon_ex dl {
        width: calc(100%/2 - 16px);
        margin: 0 8px;
    }
    /*.ul-sitemap01 > li > ul {
        display: block;
    }*/
    .ul-sitemap01 > li > ul {
        padding-left: 0;
    }
    .ul-sitemap01 > li > ul > li {
        width: calc(50% - 12px);
        margin: 6px 6px;
    }
    .btn-another-content01 a {
        width: 100%;
    }
    #contents .netshop-main img {
        width: 100%;
    }
    #content #contents .sp-w100, #content .sp-w100 { width: 100%;}
    #content #contents .sp-w50, #content .sp-w50 { width: 50%;}
    #content #contents .sp-w45, #content .sp-w45 { width: 45%;}
    #content #contents.sp-img-auto img { width: auto;}
    /* 20171227 4mix t.o start */
    .dl-top-topics01 {
        float: none;
        width: calc(100% - 16px);
        margin: 0 auto 10px;
    }
    .top-sale-btn {
        width: calc(100% - 8px*2);
        margin: 0 auto 16px;
        position: unset;
    }
    .top-sale-btn a {
        width: auto;
        padding: 2px 6px;
        display: flex;
        justify-content: center;
    }
    .top-sale-btn a:before {
        position: unset;
        display: inline-block;
        margin-right: 5px;
    }
    .topics-sale-area {
        margin: 0;
    }
    .anniv .h2-shop-basic01,
    .renewal .h2-shop-basic01,
    .refresh .h2-shop-basic01,
    .new-open .h2-shop-basic01 {
        margin-bottom: 4px;
    }
    .anniv .ul-shop-icons01,
    .renewal .ul-shop-icons01,
    .refresh .ul-shop-icons01,
    .new-open .ul-shop-icons01 {
        padding: 0 4px 4px;
    }
    #box-about01 > dd:before,
    #content .memo-box > dd:before {
        width: 2.2%;
    }
    .ribbon {
        font-size: 12px;
        padding: 5px 8px;
    }
    #ri-happy {
/*padding-left: 16px;*/
        letter-spacing: -0.1em;
    }
    #ri-wannyan {
        padding-left: 12px;
    }


.bookmark_list #ri-wannyan::after {
    border-top: 14px solid #3891e7;
    border-right: 7px solid transparent;
    border-bottom: 15px solid #3891e7;
}
        #side-ca-info .dl-post-date dd:first-of-type {
        margin-bottom: 0;
    }
    #content #shop-list-icons.ul-icons01 li {
        width: calc(100%/3 - 4px);
        margin: 6px 6px 0 0;
    }
    #content #shop-list-icons.ul-icons01 li:nth-of-type(3n) {
        margin-right: 0;
    }
    .holiday-comment {
        line-height: 1.3em;
    }
    #ft-search input[type="text"] {
        width: calc(100% - 32px - 4px);
        margin-right: 4px;
    }
    .table-content-full,
    .co-history-box,
    .table-manner-cal01-inner,
    .comparison-box,
    .dl-table-ca01-weight-wrapper,
    #contents .pt-period {
        overflow: scroll;
        /* -webkit-overflow-scrolling: touch;
        height: 100%; */
    }
    .table-content-full::-webkit-scrollbar,
    .co-history-box::-webkit-scrollbar,
    .table-manner-cal01-inner::-webkit-scrollbar,
    .comparison-box::-webkit-scrollbar,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar,
    #contents .pt-period::-webkit-scrollbar {
        height: 5px;
    }
    /*.table-manner-cal01-inner::-webkit-scrollbar:horizontal,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar:horizontal,
    #contents .pt-period::-webkit-scrollbar:horizontal {
        height: 5px;
    }*/
    .table-content-full::-webkit-scrollbar-thumb,
    .co-history-box::-webkit-scrollbar-thumb,
    .table-manner-cal01-inner::-webkit-scrollbar-thumb,
    .comparison-box::-webkit-scrollbar-thumb,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar-thumb,
    #contents .pt-period::-webkit-scrollbar-thumb {
        border-radius: 5px;
    }
    .table-content-full::-webkit-scrollbar-thumb:horizontal,
    .co-history-box::-webkit-scrollbar-thumb:horizontal,
    .table-manner-cal01-inner::-webkit-scrollbar-thumb:horizontal,
    .comparison-box::-webkit-scrollbar-thumb:horizontal,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar-thumb:horizontal,
    #contents .pt-period::-webkit-scrollbar-thumb:horizontal {
        background: #999;
        border-radius: 5px;
    }
    
    
    .table-content-full::-webkit-scrollbar-track-piece:start,
    .co-history-box::-webkit-scrollbar-track-piece:start,
    .table-manner-cal01-inner::-webkit-scrollbar-track-piece:start,
    .comparison-box::-webkit-scrollbar-track-piece:start,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar-track-piece:start,
    #contents .pt-period::-webkit-scrollbar-track-piece:start {
        background: #efefef;
    }
    .table-content-full::-webkit-scrollbar-track-piece:end,
    .co-history-box::-webkit-scrollbar-track-piece:end,
    .table-manner-cal01-inner::-webkit-scrollbar-track-piece:end,
    .comparison-box::-webkit-scrollbar-track-piece:end,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar-track-piece:end,
    #contents .pt-period::-webkit-scrollbar-track-piece:end {
        background: #efefef;
    }
    .table-content-full::-webkit-scrollbar-corner,
    .co-history-box::-webkit-scrollbar-corner,
    .table-manner-cal01-inner::-webkit-scrollbar-corner,
    .comparison-box::-webkit-scrollbar-corner,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar-corner,
    #contents .pt-period::-webkit-scrollbar-corner {
        background: transparent;
    }
    .companyhistory_list #content .table-content-full table {
        width: 700px;
    }
    #content .table-content-full.clendar-wrap table {
        width: 560px!important;
    }
    .companyhistory_list #content .table-content-full th {
        white-space: nowrap;
        font-size: 20px;
    }
    .companyhistory_list #content .table-content-full td {
        font-size: 12px;
    }
    /*#content .memo-box > dd:after {
        width: 83%;
        left: 90px;
    }*/
    #box-about01 > dd,
    #content .memo-box > dd {
        padding: 12px;
    }
    .hospital-news-list .table-list-basic01 a dt {
        margin-left: 0;
        display: block;
        margin: 0 0 8px 0;
    }
    .pointcard #contents .two-col-box {
        width: 100%;
        height: auto;
    }
    #contents .three-col-box.height-low {
          height:140px!important;
    }
    /* 20180518 4mix t.o */
    body.top .ul-ranking01 li:nth-of-type(2) {
        margin: 8px 0 8px 0;
    }
}/* 640px end */

@media screen and (max-width: 480px) {/* ブレークポイント480px */
    /* 大きめの画面に適用 */
	#content .sp-non {
		display: none!important;
	}
    body {
        -webkit-text-size-adjust: 100%;
        }

    #contents h1 + .inner p img {
        width: 100% !important;
        /* height: auto !important; */
        padding-bottom: 16px;/*--20170825 4mix YN add--*/
    }
    /* 20180208 4mix to start */
    #contents img:not([src*="adobe"]) {
        width: 75%;
        margin: 0 auto;
        display: block;
        height: auto;
        transform: scale3d(1,1,1);
    }
    #contents img[src^="/images/modules/mobile/emoji/"] {
        display: inline;
    }
    
    #contents img[src*="norton"] {
    width: auto;
    }
    
    #main #contents .sp-only,
    #content .sp-only{
        display: block;
    }
    
    .two-column-box {
      display: block;
    }
    
    #contents .btn01 {
        text-align: center;
    }
    #contents .inner {
        width: 100%;
    }
    /* よくある質問 */
    body.inquiry_list #contents.faq .inner {
        padding-bottom: 8px;
    }
    body.inquiry_list #contents.faq {
        padding-bottom: 32px;
    }
    
    /*--20170721 4mix y.n start--*/
    /*--コジマの安心 9.万全のアフターサポートのチャート補足文表示のためwidth: auto;追記--*/
    #contents p {
        line-height: 1.5;
        margin-bottom: 16px;
        width: auto;
    }
    #contents h3.type01 {
        margin-bottom: 6px;
        padding: 0 16px;
        background-size: 6px;
    }
    /*--20170825 4mix yn start--*/
    .table-manner01 .time br{
        display: block;
    }
    /*--20170825 4mix yn end--*/

/* 20180313 */
    .ul-2cols > li,
    .ul-2cols > li:nth-child(2n) {
        float: none;
        width: calc(100% - 12px);
        margin: 0 6px 10px !important;
    }
    /* 20180518 4mix t.o */
    .ul-2cols > li,
    .ul-2cols > li:nth-child(2n) {
        margin: 0 6px!important; 
    }
/*
    .ul-2cols > li:nth-child(2n) {
        margin-left: 6px;
    }
*/

    /* 20171013 4mix t.o start */
    #contents .doctor-box .fee-title {
        line-height: 1.5;
    }
    #contents .doctor-box .fee-title.first-time {
        margin: 36px 0px 38px;
    }
    .doctor-box-line {
        padding: 0px 5px 32px;
    }
    #contents .doctor-box .fee {
        line-height: 0.5;
        clear: both;
    }
    
    #contents .doctor-box .doctor-box-line:nth-of-type(2) p:nth-of-type(2) {
        padding-bottom: 25px;
    }
    
    #contents .doctor-box-line:nth-of-type(2) .caution-box {
        line-height: 1;
    }
    /* 20171013 4mix t.o end */
    

    #contents .doctor-box .fee-title.first-time {
        font-size: 26px;
    }

    #rankingBox li:nth-of-type(n) {
        width: calc(100%/2 - 5px);
        margin-right: 5px;
    }

    #rankingBox li:nth-of-type(2n) {
        margin-right: 0;
    }

    /* 20170901 4mix t.o start スライドバー表示 */
    
    .table-content-full,
    .co-history-box,
    .table-manner-cal01-inner,
    .comparison-box,
    .dl-table-ca01-weight-wrapper,
    #contents .pt-period {
        overflow: scroll;
        /* -webkit-overflow-scrolling: touch;
        height: 100%; */
    }
    .table-content-full::-webkit-scrollbar,
    .co-history-box::-webkit-scrollbar,
    .table-manner-cal01-inner::-webkit-scrollbar,
    .comparison-box::-webkit-scrollbar,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar,
    #contents .pt-period::-webkit-scrollbar {
        height: 5px;
    }
    /*.table-manner-cal01-inner::-webkit-scrollbar:horizontal,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar:horizontal,
    #contents .pt-period::-webkit-scrollbar:horizontal {
        height: 5px;
    }*/
    .table-content-full::-webkit-scrollbar-thumb,
    .co-history-box::-webkit-scrollbar-thumb,
    .table-manner-cal01-inner::-webkit-scrollbar-thumb,
    .comparison-box::-webkit-scrollbar-thumb,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar-thumb,
    #contents .pt-period::-webkit-scrollbar-thumb {
        border-radius: 5px;
    }
    .table-content-full::-webkit-scrollbar-thumb:horizontal,
    .co-history-box::-webkit-scrollbar-thumb:horizontal,
    .table-manner-cal01-inner::-webkit-scrollbar-thumb:horizontal,
    .comparison-box::-webkit-scrollbar-thumb:horizontal,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar-thumb:horizontal,
    #contents .pt-period::-webkit-scrollbar-thumb:horizontal {
        background: #999;
        border-radius: 5px;
    }
    
    
    .table-content-full::-webkit-scrollbar-track-piece:start,
    .co-history-box::-webkit-scrollbar-track-piece:start,
    .table-manner-cal01-inner::-webkit-scrollbar-track-piece:start,
    .comparison-box::-webkit-scrollbar-track-piece:start,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar-track-piece:start,
    #contents .pt-period::-webkit-scrollbar-track-piece:start {
        background: #efefef;
    }
    .table-content-full::-webkit-scrollbar-track-piece:end,
    .co-history-box::-webkit-scrollbar-track-piece:end,
    .table-manner-cal01-inner::-webkit-scrollbar-track-piece:end,
    .comparison-box::-webkit-scrollbar-track-piece:end,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar-track-piece:end,
    #contents .pt-period::-webkit-scrollbar-track-piece:end {
        background: #efefef;
    }
    .table-content-full::-webkit-scrollbar-corner,
    .co-history-box::-webkit-scrollbar-corner,
    .table-manner-cal01-inner::-webkit-scrollbar-corner,
    .comparison-box::-webkit-scrollbar-corner,
    .dl-table-ca01-weight-wrapper::-webkit-scrollbar-corner,
    #contents .pt-period::-webkit-scrollbar-corner {
        background: transparent;
    }
    

    .ul-recommended01 li {
        width: calc(100%/2 - 10px);
        margin-right: 6px;
        margin-bottom: 12px;
    }

    .ul-recommended01 li:nth-child(3) {
        margin-right: 6px;
    }

    .ul-recommended01 li:nth-child(2n) {
        margin-right: 0;
    }

    .h2-other-notice {
        font-size: 20px;
    }
    .dl-top-ca01 .pic {
        min-height: 8.1em;
    }
    .dl-top-ca01 {
        padding-bottom: 0;
    }

    .dl-top-ca01 dt {
        margin-bottom: 5px;
    }

    .dl-top-ca01 .name {
        margin-bottom: 5px;
        height: 2.5em;
    }
    .dl-top-ca01 .name {
        height: auto;
        font-size: 16px;
    }
    

    .rnum {
        width: 27px;
        height: 27px;
        padding: 6px;
    }

    #rankingBox li:nth-of-type(10) .rnum {
        padding: 6px 6px 6px 2px;
        width: 30px;
    }


    .ul-ranking01 li {
        height: auto !important;
    }

    .ul-ranking01 li a .name {
        font-size: 13px;
    }

    .col .ul-ranking01 li a img {
        width: 42%;
    }

    .ul-ranking01 li:nth-of-type(n+2) a img {
        width: 62%;
        min-width: 62%;
    }

    #body [class^="box-cols"] .col {
        margin-bottom: 10px;
    }

    .box-basic00 {
       margin-bottom: 8px;
    }
 
    /* 20170901 4mix t.o end */

    /* 20170904 4mix t.o start */
    #contents table .bg-color01 {
        white-space: nowrap;
    }

    .dl-table-ca01.vaccine dl {
        display: block;
    }

    .dl-table-ca01.vaccine dl dt {
        width: 30%;
        float: left;
        white-space: nowrap;
        text-align: center;
    } 

    .dl-table-ca01.vaccine dl dd {
        width: calc(70% - 17px);
        box-sizing: border-box;
        text-align: center;
        float: left;
    }

    #estimate .animal_detail table th {
        white-space: nowrap;
    }

/*    .ul-ca-icons01 {
        float: none;
        overflow: hidden;
    }*/

    .animal_name {
        padding-bottom: 0;
    }

    .ul-ca-icons01 {
        /*float: right;*/
        margin-right: 0;
        padding-bottom: 8px;
        /*line-height: 2;*/
        position: unset;
    }

    #popup.total_estimate ul li {
        width: 90%;
    }

    #estimate .animal_detail {
        display: block;
    }

    #estimate .animal_detail .thumb,
    .detail-box {
        width: 100%;
    }
    /* 20170904 4mix t.o end */
    
    #contents .two-col-wrap img {
        width: 100%;
    }
    
    .reg_form_pc th,
    .reg_form_pc td{
        display: block;
    }
    
    .reg_form_pc input[type=text] {
        width: 250px;
    }
    

    #contents .two-col-last-img {
        display: block;
        float: none;
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
    
    .shop_inquiry_tel a {
    text-decoration: underline;
    pointer-events: auto;
    }
    
    #contents .hospital-list-box {
            margin-bottom: 30px!important;
    }
    
    #contents .hospital-list-box2 {
            margin-bottom: 20px;
    }
    
    .hospital-list .h3-side01 {
        display: block;
    }
    
    /* トリミングについて */
    /* 20170920 4mix t.o start */
    #content .about_trimming .bdr-btm-type01 {
        margin-bottom: 20px;
    }
    /* 20170920 4mix t.o end */
    
    /*.h3-box-basic01 {
        text-indent: -1.5em;
        padding-left: 1.9em;
    }*/
    
    /* 図鑑ページ */
    
    #content .table-content-full {
        margin-bottom: 20px;
    }
    #content .table-content-full img {
        width: auto;
    }
    #content .table-content-full table {
        width: 912px!important;
        overflow: auto;
    }
    
    #contents .inner .table-title {
        margin-bottom: 0;
    }
    
    #contents .age-comparison-box .fl-left,
    #contents .age-comparison-box .fl-right {
        width: 48%;
    }
    
    #contents .age-comparison-box .fl-left {
        float: left;
    }
    
    #contents .age-comparison-box .fl-right {
        float: right;
    }
    
    #contents .age-comparison-box table {
    }
    
    #contents .age-comparison-box th,
    #contents .age-comparison-box td {
        padding: 5px;
        text-align: center;
        font-size: 13.1px;
    }
    
    .two-column-pic {
    }
    
    #contents .two-column-pic p {
        float: left;
        width: 45%;
        padding-right: 5%;
    }
    
    #contents .two-column-pic p:nth-of-type(2n) {
        float: right;
        width: 50%;
        padding: 0;
    }
    
    #contents .one-column-pic img {
        width: 50%;
        margin-bottom: 15px;
    }
    
    #contents .one-row-pic {
    display: flex;
    }
    
    #contents .five-col-box {
        padding: 6px 2px;
        width: calc(50% - 4px);
        height: auto;
    }
    
    /*#contents .five-col-box img {
        width: 100%;
    }*/
    
    #contents .guide_small_03 #contents .fl-left {
        margin-bottom: 30px;
    }
    
    .width-auto {
        width: auto!important;
    }
    
    /* #contents ul.type06 li {
        width: calc(100%/3 - 24px);
    } */
    
    #contents .btn01 a {
        min-width: initial;
        width: 75%;
    }
    
    #contents .fR {
        float: none;
        margin-top: 12px;
    }
    
    .ul-picture-book01 li,
    .ul-picture-book01 li:nth-child(2n) {
        float: none;
        width: 100%;
        margin: 0;
    }
    
    .ul-index01 li a {padding: 4px;}

    #content .animal-detail {
    display: block;
    }
    
    #contents .sns-btn-box {
        position: inherit;
        overflow: hidden;
        margin:0 0 10px 6px;
        display: inline-block;
    }
    
    #contents .sns-btn-box .sns-btn {
        margin: 0;
    }
    /* 20171010 4mix t.o start */
    #contents .detail-main-visu {
        padding: 0;
    }
    /* 20171010 4mix t.o end */
    
    #contents .detail-main-visu .pic {
        border: 0;
    }
    
    #contents .detail-main-visu figcaption {
        margin-bottom: 10px;
    }
    
    #contents .group-txt {
        margin: 10px 0 0 8px;
        font-size: 12px;
        /*float: none;*/
    }
    
    .ul-index01 li a {
        padding: 4px 5px;
    }
    
    .zukan_name_small .ul-index01 li a,
    .zukan_name_cat .ul-index01 li a,
    .zukan_name .ul-index01 li a {
        padding: 4px 18px;
    }
    
    .ul-index01 {
        padding: 8px 0 8px 0;
    }
    
    .zukan_name_small .ul-index01,
    .zukan_name_cat .ul-index01,
    .zukan_name .ul-index01 {
        /*padding-left: 8px;*/
    }
    
    #contents .age-list01 th,
    #contents .age-list02 th {
        width: 3%;
    }
    
    #contents .age-list td {
        width: calc(97%/7);
    }
    
    a[href^="tel"] {
    text-decoration: underline;
    pointer-events: auto;
}
    /*アンケート*/
    /* 20171003 4mix t.o start */
    .present .inquiry_table {
        width: 100%;
        table-layout: fixed;
    }
    
    #popup .survey_a ul {
        display: block;
    }
    
    #popup .survey_a li {
        width: auto;
    }
    /* 20171003 4mix t.o end */
    
    body#popup.present input[type="text"],
    body#popup.present textarea,
    body#popup.present select {
        width: 100%!important;
    }
    
    .required {
        margin: 0;
    }
    
    .inquiry_table th {
        width: 29%;
    }
    
    .ico-ca-square, .ico-shop-square,
    .ico-hospital-square {
        border: 1px solid;
        font-size: 8px;
    }
    
    /*.ul-ca-icons01 {
        top: 35%;
    }*/
    
    #estimate .ul-ca-icons01 {
        position: initial;
        float: none;
        margin: 0;
    }
    #popup.total_estimate .ul-ca-icons01 li {
        width: auto;
    }
    
    #hd-sns {
        margin-right: 2px;
    }
    
    .hd-right #my-favorite {
        right: 118px;
        top: 2px;
    }
    
    .hd-right #my-favorite a i {
        font-size: 1.15em;
        line-height: 0.8em;
    }
    
    #my-favorite a .num {
        /*margin-top: -2px;*/
        font-size: 12px;
    }
    
    .animal-anc {
        margin-top: 8px;
    }
    
    #main .h3-basic01 {
        margin-bottom: 25px;
    }
    
    /*概要（沿革）*/
    #content .table-content-full.co-history th {
        width: 13%;
    }
    
    
    /*.ribbon {
        font-size: 10px;
        padding: 3px 17% 3px 0;
    }*/
    
    .ribbon-box02 {
        top: 8px;
/*padding-left: 8px;*/
    }
    
    .ribbon-box02 + .h2-ca-basic01 {
        padding: 37px 8px 4px 8px;
    }
    
    #h2-ca-wrapper01 {
        padding: 0;
    }
    .bookmark_list .card {
        min-height: auto;
        padding: 4px;
    }
    
    .ul-2cols > li {
        min-height: inherit;
        padding-bottom: 0;
    }
    
    .bookmark_list .ul-2cols > li {
        width: 100%;
        min-height: auto;
    }
    
    .select-cond {
        font-size: 12.3px;
        line-height: 2.5em;
    }
    #ul-shop .card .ul-icons01 {
        min-height: inherit;
    }
    .card-bottom {
        position: unset;
    }
    #ul-shop .card-bottom {
        margin-top: 8px;
        position: unset;
    }
    #side-sns01 {
        display: block;
    }
    #side .ul-bnr01 li {
        width: auto;
    }
    #side-inner #side-sns01 li {
        margin-bottom: 16px;
        width: calc(100% - 16px);
    }
    .online-intro li {
        width: calc(50% - 16px);
    }
    #contents .netshop-main img {
        width: 100%;
    }
    .online_intro_inner {
    padding: 0 8px;
    }
    .online_intro_inner h2:first-of-type {
        margin-top: 0;
    }
    .ul-picture-book01 li a .pic {
        width: 45%;
    }
    .ul-picture-book01 li a .pic i {
        height: auto;
    }
    #contents .ul-picture-book01 li a .pic img {
        width: 100%;
    }
    .free-content-post-img {
        margin-top: 8px;
    }
    .free-content-post-img img {
    position: unset;
    }
    /*.ul-main-1cols:last-of-type > li:last-child {
        margin-bottom: 8px;
    }*/
    .shop-contents-box.st-manager .ul-main-2cols li {
        margin-bottom: 8px;
    }
    .shop-contents-box.st-manager .ul-main-2cols {
        margin-bottom: 16px;
    }
    .zukan-menu .ul-index01.ul-index02 {
        margin: 0;
    }
    .zukan-menu .ul-index01.ul-index02 li {
        width: calc(100%/3 - 19px);
        margin: 0 8px 16px;
        padding: 0;
    }
    .zukan-menu .ul-index01.ul-index02 a {
        padding: 2px 4px;
    }
    .minus2::before {
        top: 9.5px;
    }
    .plus2::before {
        top: 3px;
    }
    .plus2::after {
        top: 9.5px;
    }
    /*#contents .adobe-reader {
        display: inline-block;
        text-align: left;
    }*/
    #contents .adobe-reader img {
        width: auto;
        transform: none;
        display: block;
        margin: 8px;
    }
    .btn-to-shop01 .tel {
        padding-bottom: 8px;
        display: block;
    }
    .ul-link-arrow01 li {
        margin-bottom: 16px;
    }
    .topics-sale-area {
        margin: 13px auto 8px;
    }
    .btn-basic01-wrap {
        padding: 8px;
    }
    .hospital-contents-box .ul-3cols-per > li {
        width: 100%;
    }
    #side-ca-info .dl-post-date dd:first-of-type {
        margin-bottom: 0;
    }
    .card-right.box-right {
        height: auto;
    }
    /* 20180518 4mix t.o */
    .bookmark_list .card-right.box-right {
        height: auto;
    }
    .shop-nm {
        height: auto;
    }
    .bookmark_list .shop-nm .name {
        display: inline-block;
    }
    #ul-shop .card-shop {
        height: auto;
    }
    /* 20180518 4mix t.o */
    .bookmark_list .cards > li {
        box-shadow: none;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #adadad;
    }
    .bookmark_list .card {
        height: auto;
        width: 100%;
    }
    .bookmark_list .card-right.box-right {
        width: calc(100% - 110px);
        padding-left: 0;
    }
    #popup .reg_form_pc th {
        width: 100%;
        border-right: none;
    }
    #popup .reg_form_pc td {
        width: 100%;
        border-bottom: none;
    }
    .reg_form_pc input[type=text] {
        width: 100%;
        box-sizing: border-box;
    }
    [class*="guide_small"] .ul-form-btn01 {
        margin-top: 10px;
    }
    [class*="guide_small"] .ul-form-btn01 li {
        margin-bottom: 8px;
        display: block;
    }
    [class*="guide_small"] .ul-form-btn01 li {
        width: fit-content;
    }
    #content .memo-box > dd:before {
        width: 3.5%;
    }
    #box-about01 > dd:before {
        width: 1.5%;
    }
    .top .dl-top-ca01 .pic {
        min-height: 7em;
    }
    .shop-contents-box .dl-top-ca01 .pic {
        min-height: 9em;
    }
    #contents .block-box-w90p.intro-coution p {
        padding-right: 0;
    }
    #contents .block-box-w90p .intro-coution-animal {
        position: unset;
        width: 100%;
    }
    .hospital_member #contents .fl-left,
    .hospital_member #contents .fl-right {
        float: none;
        width: 100%;
        text-align: left;
        margin-bottom: 32px;
    }
    .hospital_member #contents img {
        margin-bottom: 16px;
    }
    .box-my-favorite01 {
        flex-direction: column;
    }
    .box-my-favorite01 .my-favorite {
        width: calc(100% - 16px*2);
    }
    .box-my-favorite01 .btn-basic03 {color: #c00;}
    
    .box-my-favorite01 .my-favorite.added + .to-fav-list {
        margin-top: 14px;
    }
    .shopnews_list .table-list-basic01 a dl {
        display: block;
    }
    .shopnews_list .table-list-basic01 a dt {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 6px;
    }
    .shopnews_list .table-list-basic01 a dd {
        width: 100%;
/*text-indent: 1em;*/
    }
    #content .memo-box > dd:after {
        width: 100%;
        left: 66px;
    }
    .hospital #contents .col-box-outer {
        display: block;
    }
    #content .hospital #contents .two-col-box.hospital-col {
        width: 100%;
        margin: 0;
    }
    #contents .two-col-box.hospital-col img {
        width: 100%;
    }
    .card-left .pic img {
        height: 257px;
    }
    /* 20180518 4mix t.o */
    .bookmark_list .card-left .pic img {
        min-height: 68px;
        height: 100%;
    }
    
    .hospital-contents-box .calendar {
        padding: 0;
    }
    .hospital-contents-box .calendar .vet {
        text-align: center;
    }
    .calendar {
        padding: 0;
    }
    .calendar-nav {
        margin-bottom: -2.5em;
    }
    #content .scroll-allow {
        margin-bottom: 8px;
    }
    /*.ul-pagination {
        white-space: nowrap;
    }*/
    /*.ul-pagination li:nth-child(n+6):nth-child(-n+11) {
        display: none;
    }*/
    .shop-contents-box .dl-top-ca01 .pic img {
        max-height: 125px;
    }
    /* 20180518 4mix t.o */
    .ul-top-latest01 .dl-top-ca01 .pic{
        min-height: auto;
        background: transparent;
        float: left;
        width: auto;
        margin-right: 18px;
    }

    .ul-top-latest01 .dl-top-ca01 .pic img {
        width: 88px;
        max-height: 68px;
        float: left;
    }
    body.top .ul-top-latest01 {
        margin-bottom: 20px;
    }
    
    body.top .ul-top-latest01 li {
        width: 100%;
        border-bottom: 1px solid #adadad;
        padding-bottom: 12px;
        margin: 0 8px 12px 0!important;
    }
    .ca-pic-wrap01 {
        max-width: 92px;
    }
    .ca-pic-wrap01 .my-favorite {
        position: static;
        background: #bbb;
        border-radius: 4px;
        margin: 0;
    }
    .ca-pic-wrap01 .my-favorite:before {
        display: block;
        content: "登録する";
        font-size: 12px;
        padding: 4px 4px 4px 12px;
        color: #fff;
    }
    .ca-pic-wrap01 .my-favorite.added {
        background: #c00;
    }
    .ca-pic-wrap01 .my-favorite.added:before, 
    .ca-pic-wrap01 .my-favorite.added.sp-active:before {
        content: "登録解除";
        color: #fff;
        background: #c00;
        margin-left: 2px;
    }
    .ca-pic-wrap01 .my-favorite:hover span {
        background-color: unset;
    }
    .bookmark_list .ul-2cols > li:last-of-type {
        margin-bottom: 32px;
    }
    .bookmark_list .ul-icons01 {
        min-height: auto;
    }
    .ul-icons02 {
        /*height: 4.2em;*/
        line-height: 1.4em;
        display: flex;
        position: relative;
        align-items: flex-start;
    }
    .ul-icons02 span {
        position: static;
        top: 0;
    }
    .bookmark_list .card-right .girl,
    .bookmark_list .card-right .boy {
        display: block;
    }
    .small-ca .ul-icons02 {
        height: 2.1em;
    }
    .bookmark_list .ul-icons01 {
        width: calc(100% - 106px);
    }
    .bookmark_list .ribbon-box {
        top: 7px;
        width: 95%;
    }
    /* 20180518 4mix t.o */
    #top-new-ca .h3-link01,
    #top-ranking-ca .h3-link01 {
        margin-bottom: 16px;
    }
    body.top .ul-ranking01 li:first-child {
        width: 100%;
        height: auto;
        margin: 8px 0 16px 0;
    }
    body.top .ul-ranking01 li:nth-of-type(2) {
        width: 100%;
        margin:0 0 16px 0;
        height: auto;
    }
    body.top .ul-ranking01 li:nth-of-type(3) {
        width: 100%;
        margin:0 0 16px 0;
    }
    body.top .ul-ranking01 li:nth-of-type(4) {
        width: 100%;
        margin:0 0 16px 0;
    }
    body.top .ul-ranking01 li:nth-of-type(5) {
        width: 100%;
        margin:0 0 16px 0;
    }
    body.top .ul-ranking01 li {
        float: left;
        width: 100%;
        height: auto;
        margin:0 0 16px 0;
    }
    body.top .ul-ranking01 li img {
        min-width: 116px;
        width: auto;
        height: 87px;
    }
    body.top .ul-ranking01 li a img {
        min-width: unset;
        height: 72px !important;
        margin-left: 16px;
    }
    body.top .ul-ranking01 li a {
        height: auto;
        display: flex;
        align-items: center;
    }
    body.top .ul-ranking01 li:nth-of-type(n+2) a img {
        width: auto;
        min-width: auto;
    }
    .top .ul-ranking01 li:nth-child(1) a .name,
    body.top .ul-ranking01 li a .name {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        font-size: 19px;
        align-items: center;
        line-height: 1.2em;
        float: left;
        display: block;
    }
    .bookmark_list .card-right .detail {
        margin: 0;
    }
    /*.ico-new-box {
        top: 41px;
    }*/
    .ico-new-box span {
        font-size: 10px;
        padding: 2px 4px 1px;
        line-height: 1.1em;
    }
    #sec-rankingBox01 #rankingBox {
        display: flex;
        justify-content: space-between;
    }
    #sec-rankingBox01 #rankingBox li {
        width: calc(100%/2 - 8px);
    }
    #sec-rankingBox01 #rankingBox .rank10 .dl-top-ca01 .rnum {
        width: 46px;
        height: 43px;
        padding: 4px 3px;
    }
    .my-favorite span i {
        padding: 0;
        margin-top: 1px;
    }

}/* /480px */

@media screen and (max-width: 320px) {
    /*ブレークポイント320px*/
    /*.top .dl-top-ca01 .pic,
    .box-recommended01 .dl-top-ca01 .pic {
        min-height: 6.8em;
    }*/
    .companyhistory_list #content .table-content-full th {
        font-size: 15px;
    }
    .companyhistory_list #content .table-content-full td {
        font-size: 15px;
    }
    #h2-hospital-wrapper01 .ul-shop-icons01 li {
        margin: 8px 4px 0;
    }
    .ul-sitemap01 > li > ul {
        display: block;
    }
    .ul-sitemap01 > li > ul > li {
        width: 100%;
        margin: 6px 0;
    }
    #contents .two-col-box.hospital-col img {
        width: 100%;
    }
}
/* 320px */