@charset "UTF-8";
/* basic common.css ver1.0.0 */
/*
    基準文字サイズ13px
    10px 77%    11px 85%
    12px 93%    13px 100%
    14px 108%   15px 116%
    16px 124%   17px 131%
    18px 139%   19px 147%
    20px 154%   21px 162%
    22px 169%   23px 177%
    24px 185%   25px 192%
    26px 200%
*/

/*
- 01 common
- 02 top
- 03 lower
    - 03-01 search list
    - 03-02 CA,SHOP,HOSPITAL detail
    - 03-03 side nav
- 04 parts
    - 04-01 heading
    - 04-02 list
    - 04-03 font
    - 04-04 buttons & arrow
    - 04-05 table
- 05 icon
- 99 adjustment
- media query
*/


/* 01 common
-----------------------------------------------------------------------------------------*/

/*あずきフォント*/
/*@font-face {font-family: 'azuki';src: url('/files/user/fonts/azuki/azuki.eot');src: url('/files/user/fonts/azuki/azuki.eot?#iefix') format('embedded-opentype'),url('/files/user/fonts/azuki/azuki.woff') format('woff'),url('/files/user/fonts/azuki/azuki.ttf')  format('truetype'),url('/files/user/fonts/azuki/azuki.svg#svgFontName') format('svg');}*/
/*あずきフォントB*/
/*@font-face {font-family: 'azukib';src: url('/files/user/fonts/azuki/azukib.eot');src: url('/files/user/fonts/azuki/azukib.eot?#iefix') format('embedded-opentype'),url('/files/user/fonts/azuki/azukib.woff') format('woff'),url('/files/user/fonts/azuki/azukib.ttf')  format('truetype'),url('/files/user/fonts/azuki/azukib.svg#svgFontName') format('svg');}*/
/*あずきフォントL*/
/*@font-face {font-family: 'azukil';src: url('/files/user/fonts/azuki/azukil.eot');src: url('/files/user/fonts/azuki/azukil.eot?#iefix') format('embedded-opentype'),url('/files/user/fonts/azuki/azukil.woff') format('woff'),url('/files/user/fonts/azuki/azukil.ttf')  format('truetype'),url('/files/user/fonts/azuki/azukil.svg#svgFontName') format('svg');}*/

html {}

html,
body {
    height: 100%;
}
/*
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
*/
body {
    position: relative;
    padding-top: 88px;
    font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    /* font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック' ,sans-serif, Osaka; 20180213 4mix to changed */
/*font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/

/*font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    text-align: center;
    line-height: 1.5;
}

body.fixed {
    position: fixed;
    width: 100%;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media all and (-ms-high-contrast:none) {
    body {
        font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }
}

a {
    color: /* #1f38a0;*/
    #000;
}

a:visited {
/*color: #cc569a;*/
}

a:hover {
    text-decoration: none;
}


.inner-wrap {
    position: relative;
    width: 1216px;
    margin: auto;
    text-align: left;
    zoom: 1;
}

#popup .inner-wrap {
    width: 912px;
}

.inner-wrap:after {
    content: ""; 
    display: block; 
    clear: both;
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9990;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    /*box-shadow: 0 4px 8px rgba(0,0,0,.35);*/
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
}

#hd {
    height: 44px;
    line-height: 1;
    font-weight: 600;
}
.hd-left {
    float: left;
}

#logo,
#hd-shoulder {
    float: left;
}

        #logo {
            margin-top: 8px;
        }

        #logo a {
            display: block;
            width: 133px;
            height: 27px;
            background-image: url(/files/user/img/logo.png);
            background-repeat: no-repeat;
            background-size: cover;
            text-indent: -10000px;
        }

            #hd-shoulder {
                margin: 14px 0 0 16px;
                font-size: 14px;
            }

        .hd-right {
            float: right;
        }

            #my-favorite {
                position: relative;
                float: left;
                margin: 12px 24px 0 0;
            }

                #my-favorite a {
                    color: #333;
                    font-size: 14px;
                    text-decoration: none;
                }

                #my-favorite a:hover {
                    text-decoration: underline;
                }

                    #my-favorite a i {
                        color: #6b3909;/*#f98b76*/
                    }
/* 20180517 4mix t.o */
.ca-pic-wrap01 {
    position: relative;
    padding-top: 50px;
    /*width: 220px;*/
    width: 176px;
    margin: 0 auto 8px;
}
.ca-pic-wrap01 .my-favorite {
    position: absolute;
    top: 45px;
    right: -2px;
}
.ca-pic-wrap01 .my-favorite::after {
    display: none;
}

#my-favorite-balloon {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    margin-top: 20px;
    padding: 12px;
    font-size: 11px;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.35), 0 0 2px rgba(0,0,0,0.35);
}

#my-favorite-balloon .fa-heart {color: #6b3909;/*#ff6c4f*/}

#my-favorite-balloon p {margin-bottom: 8px;}
#my-favorite-balloon p:last-child {margin-bottom: 0;}

#my-favorite-balloon:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ccc;
    border-width: 16px;
    margin-left: -16px;
}
#my-favorite-balloon:after {
    bottom: 99%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 16px;
    margin-left: -16px;
}
#my-favorite-balloon .btn-close {
    position: absolute;
    top: 4px;
    right: 4px;
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin: 0;
    font-size: 11px;
    color: #b3b3b3;
    cursor: pointer;
    background-color: #e6e6e6;
    border: 2px solid;
    line-height: 1;
    border-radius: 10px;
}


            #hd-sns {
                float: right;
                margin-top: 6px;
            }

                #hd-sns li {
                    display: inline-block;
                }

                    #hd-sns li a {
/*color: #363636;*/
                        font-size: 32px;
                        text-decoration: none;
                    }


.hd-sns-youtube  a {color: #cc181e;}
.hd-sns-twitter  a {color: #6bc6d3;}
.hd-sns-facebook a {color: #4679ad;}

.hd-sns-youtube  a:hover {color: #cc181e !important;}
.hd-sns-twitter  a:hover {color: #02b3fd !important;}
.hd-sns-facebook a:hover {color: #0831fe !important;}

#btn-gnav {
    display: none;
}

#gnav {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
}

    #gnav > ul {
        width:  100%;/* 20170804 4mix t.o changed */
        max-width: 1216px;/* 20170804 4mix t.o add */
        margin: auto;
        text-align: left;
        zoom: 1;
    }

    #gnav > ul:after {
        content: ""; 
        display: block; 
        clear: both;
    }

        #gnav > ul > li {
            position: relative;
            float: left;
            width: calc(99.99%/7);/* 20170804 4mix t.o add */
        }
/*gnaviメインメニューのhoverのカラー変更20170510仲浦----------------------------------------------*/
        #gnav > ul > li:hover{
                background: #e4e4e4;
        } 

            #gnav > ul > li > a,
            #gnav > ul > li > .parent {
                position: relative;
                display: block;
                box-sizing: border-box;
                /* width: 174px; 20170804 4mix t.o out */
                height: 44px;
                margin: -1px 0;
                color: #333;
                font-weight: 600;
                text-decoration: none;
                border: 1px solid #cbcbcb;
                border-left: 0;
                line-height: 42px;
                vertical-align: middle;
                text-align: center;
                cursor: pointer;
            }
/*gnaviのhoverのカラー変更20170510仲浦----------------------------------------------------------*/
            #gnav > ul > li > a:hover,
            #gnav > ul > li > .parent:hover {
                background: #e4e4e4;
                /*background: #f5f5f5;
                background: -moz-linear-gradient(top,  #f5f5f5 0%, #fff 100%);
                background: -webkit-linear-gradient(top,  #f5f5f5 0%,#fff 100%);
                background: linear-gradient(to bottom,  #f5f5f5 0%,#fff 100%);*/
            }

            #gnav > ul > li:first-child > a,
            #gnav > ul > li:first-child > .parent {
                /*color: #fff;*/
                background: transparent;
                border-left: 1px solid #cbcbcb;
                /*background-image: url(/files/user/img/stripe04.png);*/
               /* background-color: #6b3909 !important;#f98b76
                border: 1px solid #6b3909;#f5795a*/
            }

            #gnav > ul > li:first-child > a:hover,
            #gnav > ul > li:first-child > .parent:hover {
                /*background-color: #ff6c4f;
                border: 1px solid #6b3909;#f5795a*/
            }

            /* 20170804 4mix t.o out 
            #gnav > ul > li:last-child > a {
                width: 172px;
            }*/
.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    box-shadow: 0 4px 8px rgba(0,0,0,.35);
}

    .sub-menu li {
        border-top: 1px dotted #cbcbcb;
    }

    .sub-menu li:first-child {
        border: 0;
    }
/*サブメニューのカラー変更20170510仲浦----------------------------------------------------------*/
        .sub-menu li a {
            display: block;
            padding: 12px;
            color: #333;
            font-size: 14px;
            font-weight: 600;
            background-color: #e4e4e4;/*#f5f5f5*/
            text-decoration: none;
        }
        .sub-menu li a:before {
            content: "\f0da";
            margin: 0 0.25em 0 -0.5em;
            font-family: Fontawesome;
            color: #6f6f6f;
        }

        .sub-menu li a:hover {
            color: #333;
            background-color: #fff;
        }

#gnav > ul > li:hover > .sub-menu {
    /*display: block;*/
}

/* 20170731 4mix t.o changed start*/
#gnav > ul > li > a > .bg-icon,
#gnav > ul > li > .parent > .bg-icon {
    /*display: block;
    background-repeat: no-repeat;
    background-position: 24px center;
    background-size: 32px;*/
}
/* 20170731 4mix t.o changed end*/

/* 20170731 4mix t.o changed added start */
#gnav .bg-icon:before {
    -webkit-background-size:42px 45px;
    content:"";
    display:inline-block;
    width:36px;
    height:40px;
    vertical-align: middle;
    margin-left: -7px;
}

#g01 .bg-icon:before {
    background: url(/files/user/img/icon/ico-g01.png) 0 0 no-repeat;
    background-size: contain;
}
#g02 .bg-icon:before {
    background: url(/files/user/img/icon/ico-g02.png) 0 0 no-repeat;
    background-size: contain;
    margin-right: 3px;
}
#g03 .bg-icon:before {
    background: url(/files/user/img/icon/ico-g03.png) 0 0 no-repeat;
    background-size: contain;
}
#g04 .bg-icon:before {
    background: url(/files/user/img/icon/ico-g04.png) 0 0 no-repeat;
    background-size: contain;
    width:40px;
    height:41px;
    margin-right: -3px;
}
#g05 .bg-icon:before {
    background: url(/files/user/img/icon/ico-g05.png) 0 0 no-repeat;
    background-size: contain;
    width:38px;
    height:44px;
}

#g06 .bg-icon:before {
    background: url(/files/user/img/icon/ico-g06.png) 0 0 no-repeat;
    background-size: contain;
    margin-right: 2px;
}
#g07 .bg-icon:before {
    background:url(/files/user/img/icon/ico-g07.png) 0 0 no-repeat;
    background-size: contain;
}
/* 20170731 4mix t.o changed added end */



#content {
/*overflow: hidden;*/
    margin-top: 32px;
min-height: 800px;
    zoom: 1;
  text-align: justify;
}
#content:after {
    content: ""; 
    display: block; 
    clear: both;
}

    #main {
        float: right;
        width: 912px;
        min-height: 640px;
    }
#main_pass_change {
    width: 100%;
}

    #side {
position: relative;
z-index: 10;
        float: left;
        width: 272px;/*outer 304px*/
        min-height: 640px;
line-height: 1.2;
    }

.main-bottom {
float: none;
clear: both;
width: 100%;
}

.top #side {
}

#footer {
    position: relative;
    z-index: 100;
    color: #fefefe;
    margin-top: 88px;
    background-color: #382009;/* #2a2825 */
}

#ft-pagetop {
display: none;
    position: fixed;
    bottom: 136px;
    right: 16px;
    z-index: 500;
    cursor: pointer;
}

#ft-pagebottom {
display: none;
    position: fixed;
    bottom: 136px;
    left: 16px;
    z-index: 500;
    cursor: pointer;
}

#ft01 {
    background-color: #e2dcd5;/* #e0dcd7 */
}

#ft01 .inner-wrap,
#ft02 .inner-wrap {
    overflow: hidden;
    padding: 20px 0;
    line-height: 1;
}

.ft-left {
    float: left;
}

.ft-right {
    float: right;
}

.ul-ft-menu01 {
    overflow: hidden;
}

.ul-ft-menu01 li {
    float: left;
}

    .ul-ft-menu01 li a {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

    .ul-ft-menu01 li a:hover {
        text-decoration: underline;
    }

#ft01 .ul-ft-menu01 {margin-top: 8px;}

    #ft01 .ul-ft-menu01 li,
    #ft01 .ul-ft-menu01 li a {
        color: #333;
        font-size: 14px;
    }

#ft01 .ul-ft-menu01 li:after {
    content:"　|　";
}
#ft01 .ul-ft-menu01 li:last-child:after {
    content:"";
}

    #ft02 .ul-ft-menu01 li {
        padding-right: 1em;
    }

#ft-search {
    overflow: hidden;
    display: none;
}
    #ft-search input[type="text"] {
        float: left;
        box-sizing: border-box;
        height: 32px;
        padding: 0.25em 0.5em;
        font-size: 14px;
        color: #fff;
        border: 2px solid #b3a99d;
        background-color: #2c1905;/*#332f2a*/
    }
    #ft-search input[type="image"] {
        float: left;
        width: 32px;
        height: 32px;
        background-color: #b3a99d;
    }

#copyright {
    color: #fff;
    font-size: 12px;
}





/* 02 top
-----------------------------------------------------------------------------------------*/

#main-img {
    overflow: hidden;
}

#main-img.slide_type_none {
    background-image: url(/files/user/img/main-img/kojima_img0.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

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

#bnr-100th {
    padding-top: 88px;
}
    #bnr-100th a {
        display: inline-block;
        transition: all .3s linear;
    }
    #bnr-100th a:hover {
        opacity: .7;
    }

#main-catch-copy {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

#main-catch-copy p {
    padding-top: 44px;
    color: #fff;
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
    font-size: 42px;
    line-height: 1.2;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.75);
}

#large-category {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 16px;
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    background-color: rgba(0,0,0,0.35);
}

    #large-category li {
        float: left;
        box-sizing: border-box;
        width: 33.33%;
        padding: 8px;
    }

        #large-category li a {
            display: table;
            box-sizing: border-box;
width: 100%;/*ex 400px*/
            height: 88px;
            vertical-align: middle;
            padding-left: 95px;
            /*padding-left: 80px;*/
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.5s linear;
/*background-color: rgba(0,0,0,0.35);*/
            background-repeat: no-repeat;
            background-position: 8px center;
            background-size: 64px;
            border: 2px solid rgba(255,255,255,0.25);
            border-radius: 8px;
        }
            #large-category li a span {
                display: table-cell;
                vertical-align: middle;
            }
/*マーク左寄せのためbackground-position追加20170508仲浦--------------------------------*/
#large-category li#lc01 a {
    background-image: url(/files/user/img/icon/ico-lg01.png);
    background-position: 5% 50%;
}
#large-category li#lc02 a {
    background-image: url(/files/user/img/icon/ico-lg02.png);
    background-position: 5% 50%;
}
#large-category li#lc03 a {
    background-image: url(/files/user/img/icon/ico-lg03.png);
    background-position: 5% 50%;
}
#large-category li#lc04 a {
    background-image: url(/files/user/img/icon/ico-lg04.png);
    background-position: 5% 50%;
}
#large-category li#lc05 a {
    background-image: url(/files/user/img/icon/ico-lg05.png);
    background-position: 5% 50%;
}
#large-category li#lc06 a {
    background-image: url(/files/user/img/icon/ico-lg06.png);
    background-position: 5% 50%;
}

        #large-category li a:hover {
            background-color: rgba(0,0,0,0.35);
        }

#top-sales-slider-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 90px;
}

#top-sales-slider {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1056px;
    width: 2112px;
}

#top-sales-slider a {
    display: block;
    transition: all .3s linear;
}
#top-sales-slider a:hover {
    opacity: .7;
}

#top-sales-slider img {
    width: auto;
    height: 90px;
}


.ul-top-latest01 {
    zoom: 1;
}

.shop-contents-box .ul-top-latest01 {
    display: flex;
    flex-wrap: wrap;
}
/* 20180523 4mix t.o */
body.top .ul-top-latest01 {
    display: flex;
    flex-wrap: wrap;
}

/* 20171011 4mix t.o start */
#content .sale-info-box {
    margin-bottom: 80px;
}
/* 20171011 4mix t.o start */

.ul-top-latest01:after {
    content: ""; 
    display: block; 
    clear: both;
}


    .ul-top-latest01 li {
        position: relative;
        float: left;
        margin-right: 16px;
    }

        .ul-top-latest01 li .ico-gender {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 10;
        }

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

/*.box-cols1*/ .ul-top-latest01 li {
    margin: 0 8px;
}

body.top .ul-top-latest01 li {
    margin: 0 16px 0 0;
    width: calc(50% - 8px);
    height: 166px;
    float: left;
}

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

        .ul-top-latest01 li a {
            display: block;
            color: #333;
            text-decoration: none;
        }

        .ul-top-latest01 li a:hover {
/*text-decoration: underline;*/
        }

.dl-top-ca01 {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 1em;
    line-height: 1.2;
}

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

    .dl-top-ca01 .pic {
        overflow: hidden;
        width: 100%;
        height: auto;
        text-align: center;
        background-color: transparent;/*#f8ebd7*/
        min-height: 6.3em;/*104px*/
    }
/* 20180520 4mix t.o */
#rankingBox li {
    background-color: #f8ebd7;
}
.shop-contents-box .dl-top-ca01 .pic {
    min-height: 11.3em;
}

        .dl-top-ca01 .pic img {
            width: 100%;
            height: auto;
            transition: all 0.5s linear;
            transform: scale3d(1,1,1);
            display: block;
            /*margin-left: 10px;*/
        }
.ul-top-latest01 .dl-top-ca01 .pic img {
    max-height: 105px;
    object-fit: cover;
}

.shop-contents-box .dl-top-ca01 .pic img {
    max-height: 156px;
    object-fit: cover;
}

        a:hover .dl-top-ca01 .pic img {
            transform: scale(1.1);
        }

    .dl-top-ca01 .name {
        overflow: hidden;
margin-bottom: 4px;
        font-size: 12px;
        /* white-space: nowrap; */
        /* text-overflow: ellipsis; */
        font-weight: 600;
        height: 2.5em;
        /* background-color: #f0f; */
    }

/* 20170831 4mix t.o start */
.ul-top-latest01 .dl-top-ca01 .name span {
  border-bottom: 1px solid;
}

.ul-top-latest01 .dl-top-ca01 .name span:hover {
  border-bottom: 0!important;
}
/* 20170831 4mix t.o end */


    .dl-top-ca01 .birthday {
        margin-bottom: 4px;
        font-size: 11px;/*10px*/
    }
        /*.dl-top-ca01 .birthday .days {
            font-size: 12px;
        }*/

    .dl-top-ca01 .price {
    }
        .dl-top-ca01 .price sub {
            font-size: 50%;
        }

.ul-ranking01,
.ul-ranking02 {
    zoom:1;
}

.ul-ranking01:after,
.ul-ranking02:after {
    content: ""; 
    display: block; 
    clear: both;
}

    .ul-ranking01 li {
        position: relative;
        float: left;
        width: 136px;
        /*height: 136px;*/
        margin-bottom: 16px;
        text-align: center;
    }
/* 20180517 4mix t.o */
.top .ul-ranking01 li {
    width: 100%;
}


.ul-ranking01 li:nth-child(1) {
/*display: table;*/
    width: 100%;
/*min-width: 170px;*/
}
.ul-ranking01 li:nth-child(3),
.ul-ranking01 li:nth-child(5) {
    float: right;
}

        .ul-ranking01 li a,
        .ul-ranking02 li a {
            display: -webkit-box;  /* Android2.3~ */
            display: -webkit-flex; 
            display: -ms-flexbox; /* IE9~用 */
            flex-direction: column;
            align-items: center;
            justify-content: center;
            /* height: 100%; */
            box-sizing: border-box;
            padding: 8px;
            color: #000;
            text-decoration: none;
            background-color: #fffdfa;
        }
/* 20190607 4mix t.o add*/
#content .ul-ranking02 li a {display: block;}
/* //20190607 4mix t.o */

        .ul-ranking01 li a {
            background-color: #f8ebd7;
        }
/* 20180519 4mix t.o */
body.top .ul-ranking01 li a {
    float: left;
    width: 100%;
    flex-direction: unset;
    display: block;
}
/*#sec-rankingBox01 .dl-top-ca01 .pic {
    min-height: auto;
    width: auto;
}*/
#sec-rankingBox01 #rankingBox li {
    margin-bottom: 16px;
    width: calc(100%/5 - 8px);
}

#sec-rankingBox01 #rankingBox li .dl-top-ca01 {
    /*display: flex;
    justify-content: flex-start;
    align-items: center;*/
    padding: 8px;
    overflow: hidden;
}

#sec-rankingBox01 #rankingBox li .dl-top-ca01 .pic {
    float: left;
    min-height: auto;
    width: 64px;
    height: 48px;
    margin-left: 10px;
    /*object-fit: cover;
    text-align: left;
    justify-content: flex-start;
    padding-bottom: 0;
    flex-direction: unset;
    display: block;*/
}
#sec-rankingBox01 #rankingBox li .dl-top-ca01 .name {

/*font-family: 'azuki';*/

    font-weight: 600;
    color: #522119;
    display: flex;
    align-items: center;
    height: 4.5em;
}
#sec-rankingBox01 #rankingBox li .dl-top-ca01 .rnum {
    font-family: initial;
    width: 31px;
    height: 35px;
    padding: 5px 7px;
}
#sec-rankingBox01 #rankingBox .rank10 .dl-top-ca01 .rnum {
        padding: 6px 5px;
        width: 36px;
 }

.ul-ranking01 li a img,
.ul-ranking02 li a img {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    transition: all 0.5s linear;
    transform: scale3d(1,1,1);
}

.ul-ranking01 li a img {height: 75%;}
.ul-ranking02 li a img {height: auto;}

/* 20180517 4mix t.o */
.top .ul-ranking01 li a img {
    width: 64px;
    height: 48px;
    object-fit: cover;
    margin-left: 8px;
    display: inline-block;
    float: left;
}



            .ul-ranking01 li a:hover img,
            .ul-ranking02 li a:hover img {
                opacity: 0.75;
            }
             /*CA名表記のため追記20170510仲浦-----------------------*/
            .ul-ranking01 li a .name,
            .ul-ranking02 li a .name {
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 12px;
                box-sizing: border-box;
                width: 100%;
                /*margin-top: 4px;*/
                padding: 4px;
                overflow: hidden;

/*font-family: 'azuki';*/

                font-weight: 600;
                color: #522119;
                height: 3.5em;
                line-height: 1.2;
                background-color: rgba(255, 255, 255, 0.44);
                border: 1px dashed #e0c5c1;
                text-align: center;
            }
            /*追記20170509仲浦-----------------------*/
            .ul-ranking01 li a .name:hover,
            .ul-ranking02 li a .name:hover{
                text-decoration: underline;
            } 
/* 20180517 4mix t.o */
.top .ul-ranking01 li a .name {
    border: none;
    background-color: transparent;
    text-align: left;
    justify-content: flex-start;
    width: auto;
    font-size: 15px;
    line-height: 1.5em;
}

    .ul-ranking01 li:nth-child(1) a .name {
        font-size: 18px;
    }
/* 20180517 4mix t.o */
.top .ul-ranking01 li:nth-child(1) a .name {
        font-size: 15px;
    }

    .ul-ranking02 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        background-color: #efdacb;
        padding: 4px;
    }

    .ul-ranking02 li {
        box-sizing: border-box;
        position: relative;
        width: calc(20% - 8px );
        margin: 4px;
    }

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

    .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: 16px;
    }

div.ranking {
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: absolute;
top: 0;
left: 0;
z-index: 10;
box-sizing: border-box;
width: 36px;
height: 36px;
/*padding: 2px;*/
font-family: arial;
font-size: 14px;
color: #fff;
font-weight: bold;
line-height: 1;
background-image: url(/files/user/img/bg-rank-00b-tri.png);
background-repeat: no-repeat;
background-size: cover;
padding: 5px;
}

.ul-ranking02 li:nth-of-type(n+10) div.ranking {
    padding: 4px 4px;
    width: 42px;
    height: 42px;
    font-size: 15px;
 }


[class^="ul-ranking"] li:nth-child(1) .ranking {background-image: url(/files/user/img/bg-rank-01bg.png);}
[class^="ul-ranking"] li:nth-child(2) .ranking {background-image: url(/files/user/img/bg-rank-02b-tri.png);}
[class^="ul-ranking"] li:nth-child(3) .ranking {background-image: url(/files/user/img/bg-rank-03b-tri.png);}


/*[class^="ul-ranking"] li:nth-child(1) .ranking,
[class^="ul-ranking"] li:nth-child(2) .ranking,
[class^="ul-ranking"] li:nth-child(3) .ranking {
    width: 64px;
    height: 64px;
    padding: 10px 10px;
    color: #fff;
    font-size: 22px;
}*/
/* 20180517 4mix t.o */
/*.top [class^="ul-ranking"] li:nth-child(1) .ranking,
[class^="ul-ranking"] li:nth-child(2) .ranking,
[class^="ul-ranking"] li:nth-child(3) .ranking {
    width: 40px;
    height: 40px;
    padding: 6px 8px;
    color: #fff;
    font-size: 14px;
}*/

/* 20180517 4mix t.o */
/*.ul-ranking01 li:nth-child(2) .ranking {
    width: 48px;
    height: 48px;
    padding: 6px 8px 8px 7px;
    color: #fff;
    font-size: 18px;
}*/

/* 20180517 4mix t.o */
/*.ul-ranking01 li:nth-child(3) .ranking {
    width: 48px;
    height: 48px;
    padding: 6px 8px 8px 7px;
    color: #fff;
    font-size: 18px;
}*/

/*
div.ranking:before {
    position: absolute;
    right: calc(100% - 12px);
    bottom: calc(100% - 12px);
    width: 24px;
    height: 24px;
    content: "";
    background-image: url(/files/user/img/bg-rank-00.png);
    background-repeat: no-repeat;
    background-size: cover;
}

[class^="ul-ranking"] li:nth-child(1) .ranking:before,
[class^="ul-ranking"] li:nth-child(2) .ranking:before,
[class^="ul-ranking"] li:nth-child(3) .ranking:before {
    right: calc(100% - 16px);
    bottom: calc(100% - 16px);
    width: 32px;
    height: 32px;
}

[class^="ul-ranking"] li:nth-child(1) .ranking:before {background-image: url(/files/user/img/bg-rank-01.png);}
[class^="ul-ranking"] li:nth-child(2) .ranking:before {background-image: url(/files/user/img/bg-rank-02.png);}
[class^="ul-ranking"] li:nth-child(3) .ranking:before {background-image: url(/files/user/img/bg-rank-03.png);}
*/
.ranking #contents .h3-basic02 {
    border: none;
    font-size: 20px;
    margin-bottom: 0;
}

#official-info {
    background: #fff;
    padding: 8px 6px;
}

.top-new-info {
    background: #fff;
    padding: 8px 6px;
}

        #official-info li a,
.ul-basic01.top-new-info li a {
            display: inline-block;
            margin-top: .8em;
        }

#box-pickup01 {
    position: relative;
    padding-top: 0.5em;
}

    #box-pickup01 h3 {
        position: absolute;
        top: -2px;
        left: 0.7em;
        padding: 3px 8px;
        /*color: #fff;*/
        font-size: 14px;
        font-weight: bold;
        background-color: #fff;/*#ffa963*/
        border: 2px solid #333;/*#da7c31*/
        border-radius: 4px;
        /*box-shadow: 2px 2px 0 rgba(175, 100, 41, 0.7);*/
    }

    #box-pickup01 ul {
        padding: 24px 12px 18px;
        color: #333;
        /*background-color: #feedb0;*/
        border: 1px dotted #333;/*#f9c926*/
        border-radius: 4px;
    }

        #box-pickup01 ul li {
            margin-bottom: 16px;
        }

        #box-pickup01 ul li:last-child {
            margin-bottom: 0;
        }

            #box-pickup01 ul li a {
                color: #000;
                font-size: 14px;
            }

.box-basic-dotted01 {
    box-sizing: border-box;
    margin-bottom: 22px;
    padding: 16px;
    border: 1px dotted #af9872;
    background-color: #fffef8;
}


/*
#side-ca-info {
    overflow: hidden;
    opacity: 0;
    width: 100%;
    height: 0;
    margin-bottom: 0;
    background-color: #ccc;
    transition: all 0.3s linear;
}

.is-sticky #side-ca-info {
    opacity: 1.0;
    height: 88px;
    margin-bottom: 8px;
}
*/

#side-sns01 {}

    #side-sns01 li {
        margin-bottom: 16px;
    }

    #side-sns01 li:last-child {
        margin-bottom: 0;
    }

#side-sns01 li a {
    display: block;
    padding: 16px 16px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background-color: #ccc;
    border-radius: 8px;
    line-height: 1.3em;
    transition: all 0.5s linear;
    padding-left: 3.7em;
    text-indent: -1.2em;
}

        #side-sns01 li#ss01 a {background-color: #78bc27;}
        #side-sns01 li#ss02 a {background-color: #6bc6d3;}
        #side-sns01 li#ss03 a {background-color: #4679ad;}
#side-sns01 li a .fa {
    position: relative;
    top: 3px;
    font-size: 18px;
}

        #side-sns01 li a:hover {
            opacity: 0.75;
        }

/* 03 lower
-----------------------------------------------------------------------------------------*/

#breadcrumb {
    margin-top: 22px;
}

#ul-breadcrumb {
    overflow: hidden;
    float: left;
    font-size: 12px;
}

#ul-breadcrumb li {
    float: left;
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 0.5em;
}

#ul-breadcrumb li:last-child {margin-right: 0;}

#ul-breadcrumb li:after {
    font-family: Fontawesome;
    content: "\f105";
    color: #aeaeae;
}

#ul-breadcrumb li:last-child:after {
    display: none;
}


    #ul-breadcrumb a {
        display: inline-block;
        margin-right: 0.5em;
        color: #848484;
        text-decoration: none;
    }
    #ul-breadcrumb a:hover {
        color: #333;
        text-decoration: underline;
    }

#reg-date {
    float: right;
    font-size: 12px;
}


.ul-pagination-wrap {
/* 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: space-between;
align-items: center;
margin: 0 0 8px;
clear: both;
}

.pagination {}

.ul-pagination {
    overflow: hidden;
}

.ul-pagination li {
    float: left;
    display: inline-block;
    margin: 0 0 4px 4px;
    font-size: 11px;
}
.bookmark_list .ul-pagination li {
    margin: 0 0 0 4px;
}

.ul-pagination li:first-child {
    margin-left: 0;
}

.ul-pagination li span,
.ul-pagination li a {
    display: block;
    text-decoration: none;
    padding: 4px 7px;
    line-height: 1;
    border: 1px solid #ccc;
}

.ul-pagination li span {
    color: #fff;
    background-color: #656565;
    border: 1px solid #585858;
}

.ul-pagination li a {
    color: #656565;
    background-color: #fff;
    border: 1px solid #656565;
}

.ul-pagination li a:hover {
    color: #fff;
    background-color: #656565;
    border: 1px solid #585858;
}

body.bookmarks .pagination,
body.bookmarks .bookmarks-list {
    display: none;
}

/* 03-01 search list */
#search-condition {
    line-height: 1;
    font-size: 11px;
    zoom: 1;
    width: 100%;
}
#search-condition:after {
    content: ""; 
    display: block; 
    clear: both;
}
#search-condition > dt,
#search-condition > dd {
    display: inline-block;
    float: left;
    margin: 0 4px 8px;
    padding: 4px;
    border-radius: 4px;
}

#search-condition > dt {
    color: #fff;
    background-color: #222;
    border: 1px solid #222;
    margin-left: 0;
}

#search-condition > dt:after {
    font-family: Fontawesome;
    content: "\f0da";
    margin-left: .25em;
}


#search-condition > dd {
    color: #0a0a0a;
    border: 1px solid #aaa;
/*truncate*/
    overflow: hidden;
    width: 8em;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    transition: all .3s linear;

}
#search-condition > dd:hover {
/*width: 20em;*/
}

#search-condition > dd.btn {
    width: auto;
    color: #aaa;
    border: 0;
    margin-right: 0;
    padding: 0;
}

#search-condition > dd.btn a {
    display: block;
    padding: 4px 0.5em;
    color: #fff;
    background-color: #276fbf;
    border: 1px solid #035dc1;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    transition: all 0.1s linear;
}
#search-condition > dd.btn a:hover {
    background-color: #1078ea;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.75);
/*
    transform: translate(1px, 1px);
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
*/
}
#search-condition > dd.btn a:active {
    transform: translate(1px, 1px);
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

#search-condition > dd.btn a i {
    opacity: 0.5;
}

/* 20170914 4mix t.o start */
/* お店を探す（検索結果一覧） */
.search-box #search-condition {
    width: auto;
    float: left;
}
.dl-ft-menu01.each-area {
    display: flex;
    float: right;
}

.dl-ft-menu01.each-area dt {
    line-height: 2;
    margin-right: 8px;
}
.dl-ft-menu01.each-area dd {
    margin: 0 8px 0 0;
}

.dl-ft-menu01.each-area dd:last-of-type {
    margin-right: 0;
}
/* 20170914 4mix t.o end */
.search-box .each-area a {
    text-decoration: underline;
}

.search-box .each-area a:hover {
    text-decoration: none;
}

.bookmarks .dl-order-select {
    display: none;
}
.dl-order-select {
    margin-bottom: 8px;
}
.dl-order-select dt,
.dl-order-select dd {
    display: inline-block;
}
.dl-order-select dt {
    padding-right: 8px;
    font-size: 12px;
}

#box-about01 {
    margin-top: 22px;
}
#box-about01 > dt,
#content .memo-box > dt {
    position: relative;
    margin: 0 0 -0.5em 1em;
    line-height: 1;
    color: #cdcdcd;
    z-index: 99;
}
#box-about01 > dd,
#content .memo-box > dd {
    overflow: hidden;
    padding: 16px;
    background-color: #eaf6e9;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    position: relative;
    border-top: none;
    z-index: 10;
}

#box-about01 > dd:before,
#box-about01 > dd:after,
#content .memo-box > dd:before,
#content .memo-box > dd:after {
    content: "";
    display: block;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    border-bottom: 1px solid #cdcdcd;
    box-sizing: content-box;
}
#box-about01 > dd:before,
#content .memo-box > dd:before {
    left: 0;
    width: 1.3%;
}
#box-about01 > dd:after,
#content .memo-box > dd:after {
    left: 66px;
    width: 100%;
}

#content .memo-box {
    margin-bottom: 20px;
}


.box-about01-pic {
    float: left;
    margin-right: 16px;
    border: 1px solid #dcdcdc;
}
.box-about01-detail {
}
.box-about01-detail dt {
    margin-bottom: 16px;
    font-size: 24px;
}

.box-about01-detail .link {
    margin-top: 22px;
    font-size: 13px;
}

.cards > li {
    overflow: hidden;
    min-height: 262px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15), 0 0 2px rgba(0,0,0,0.15);
    border: 1px solid #adadad;
    transition: all 0.2s linear;
}

.cards > li:hover {
/*opacity: 0.75;*/
/*background-color: #f5f5f5;*/
box-shadow:0 3px 6px rgba(0,0,0,0.25),0 0 6px rgba(0,0,0,0.25);
}

.card {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 320px;
    padding: 16px;
    color: #000;
    text-decoration: none;
}

#ul-shop .card {
    min-height: 220px;
}
/* 20180518 4mix t.o */
.bookmark_list .card {
    padding: 0;
    width: 240px;
    margin: 0 auto;
}
.card-left {
    float: left;
    width: 240px;
}
/* 20180518 4mix t.o */
.bookmark_list .card-left {
    /*width: 220px;
    margin: 0 auto;*/
    float: none;
}

    .card-left .pic {
        overflow: hidden;
        box-sizing: border-box;
        border: 1px solid #d0d0d0;
        /*width: 240px;
        height: 180px;*/
        /*width: 220px;
        height: 165px;*/
        width: 176px;
        height: 132px;
        object-fit: cover;
        background-color: #f7f7f7;
        text-align: center;
        margin-right: 16px;
    }
.bookmark_list .card-left .pic {
        margin-bottom: 4px;
}
        .card-left .pic img {
            width: 100%;/* 20170808 4mix t.o add */
            height: 100%;
            margin: auto;
            transition: all 0.5s linear;
            object-fit: cover;
        }
.card-left .ul-icons01 li:nth-child(3n) {
    margin-right: 7px;
}
    .ul-icons01 {
        overflow: hidden;
        line-height: 1;
min-height: 48px;
    }
.ul-icons01 li {
    float: left;
    /*width: 76px;*/
    /*width: calc(100%/7 - 6px);*/
    height: 18px;
    margin: 6px 7px 0 0;
    background-color: #e4e4e4;
    background-color: #efefef;
/*
box-shadow: inset 0 0 6px rgba(0,0,0,.35);
border-radius: 2px;
*/
}
.ul-icons01 li:nth-child(3n) {
    margin-right: 0;
}
.ul-icons01 li:nth-child(7) {
    margin-right: 0;
}
    .card .ul-icons01 li:nth-child(7) {
    margin-right: 6px;
    }
/* 20180517 4mix t.o */
.ul-icons02 {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    font-size: 12px;
    color: #333;
}
.small-ca .ul-icons02 {
    color: #333;
}
.card-right {
    float: right;
    width: calc(100% - 240px - 16px);
}
/* 20180517 4mix t.o */
.bookmark_list .card-right {
    float: none;
    width: 240px;
    clear: both;
    /*border: 1px solid #333;*/
    margin: 0 auto;
}

    .card-right h3 {
        margin-bottom: 8px;
        min-height: 3em;
    }
/* 20180521 4mix t.o */
.bookmark_list .card-right h3 {
    min-height: 3.4em;
}
/*結果一覧動物タイトル：ホバーの色変更を無効化20170512仲浦*/
    .card-right h3 a:hover{
        color: #1f38a0;
    } 

    .card-right .name,
    .card-right .color {
        display: inline-block;
    }
.bookmark_list .card-right .name {
    height: auto;
}
    .card-right .name {
        font-size: 17px;/*16px*/
        font-weight: 600;
        height: 3.2em;
    }

    /* 20170831 4mix t.o start */
    #content .card-right a .name {
      text-decoration: underline;
    }
/* 20180521 4mix t.o */
#content .bookmark_list .card-right h3 a .name {
    line-height: 1.25em;
}

    #content .card-right a:hover .name {
      text-decoration: none;
      color: #000;
    }
    /* 20170831 4mix t.o end */

    .card-right .color {
        font-size: 12px;
        display: block;
    }
    .card-right .price {
        margin-bottom: 8px;
        font-size: 12px;
        font-weight: bold;
    }
        .card-right .price .tax {
            font-size: 11px;
        }

/*種別（父・母）などの配置変更のためfloatが解除20170522仲浦---------------------------------------------*/
    .card-right .detail {
        /*float: left;*/
        min-width: 50%;
        font-size: 11px;
    }
/* 20180517 4mix t.o */
.bookmark_list .card-right .detail {
    margin-bottom: 8px;
}

    .detail-comment {
        clear: both;
        box-sizing: border-box;
        width: 100%;
        padding-top: 8px;
        font-size: 11px;
    }
    .detail-comment dt {
        position: relative;
        width: 5em;
        padding: 2px 0;
        margin: 0 0 -0.75em 1em;
        text-align: center;
        line-height: 1;
        background-color: #fff;
        border: 1px solid #afafaf;
        border-radius: 4px;
    }
    .detail-comment dd {
        box-sizing: border-box;
        min-height: 80px;
        padding: 8px;
        border: 1px solid #afafaf;
        border-radius: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        line-height: 1.65em;
        height: 7.5em;
    }

.card-right .girl {color: #ea7dca;}
.card-right .boy    {color: #48aee8;}
.card-right .boy,
.card-right .girl {
    display: block;
}

/*背景に店舗のアイコンを追加20170511&店舗の表示位置を変更20170521仲浦-------------------------------*/
.shop-nm {
box-sizing: border-box;
min-height: 36px;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    padding: 8px 12px;
    background-color: #eee;
    outline: 1px solid #fff;
    outline-offset: -4px;
    font-weight: 600;
    margin: 0 16px 16px;
}
.shop-nm:hover {
    background-color: #ddd;
}
    .shop-nm [class^="ico-"] {
        margin-left: .5em;
        font-weight: normal;
    }

.shop-nm a {
    display: block;
    color: #333;
    text-decoration: underline;/* 20180518 4mix t.o change*/
}
/* 20180518 4mix t.o */
.shop-nm a:before {text-decoration: none;}
.shop-nm .name {
    padding: 5px 0;
    font-size: 14px;
}
/* 20180518 4mix t.o */
.shop-nm a:hover {
    text-decoration: none;
}
.shop-nm .name:before {
    content: "\f015";
    font-family: Fontawesome;
    margin-right: .5em;
    display: inline-block;/* 20180518 4mix t.o add*/
}

.shop-nm .txt {
    margin-right: 1em;
    font-size: 11px;
    font-weight: 300;
}

.bookmark_list .shop-nm {
    min-height: auto;
    padding: 0;
    text-align: left;
    outline: none;
    margin: 0 0 10px 0;
    background-color: transparent;
}

.card-bottom {
    overflow: hidden;
    clear: both;
    padding: 16px 12px;
    font-size: 14px;
    background-color: #f0f0f3;
}
.card-bottom .shop-inquiry dt {
    float: left;
    font-weight: 600;
}

.card-bottom .shop-inquiry .shop_nm [class^="ico-"] {
    display: inline-block;
    font-weight: 300;
}

.card-bottom .shop-inquiry .shop_nm .ico-shop {
    margin-left: 1em;
}

.card-bottom .shop-inquiry dd {
    float: right;
}

.card-bottom .shop-inquiry dd .btn {
    display: block;
    padding: 3px 6px;
    color: #000;
    font-size: 11px;
    line-height: 1;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 4px;
}
.card-bottom .shop-inquiry dd .btn:hover {
    color: #fff;
    background-color: #000;
}


.ul-card-bottom01 {
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .ul-card-bottom01 li {
        box-sizing: border-box;
        width: 50%;
        padding: 0 4px;
    }

/*--20170828 4mix YN start--*/
#contents1000106 .card-bottom .ul-card-bottom01 li:first-child{
    display: none;
}

/*--20170828 4mix YN end--*/






.card:hover {}

.card:hover .card-right .name {
    /*color: #f98b76;
    text-decoration: underline;*/
}

.card:hover .card-left .pic img {}

.card-shop {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    height: 18em;
}
.card-shop h3 {
    font-size: 20px;/*--20170828 4mix YN change 18px→20px--*/
    font-weight: 600;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dotted #ccc;
}
/*--20170828 4mix YN start--*/
.card-shop h3 .name a{
    text-decoration: none;
    color: #000;
    }
/*--20170828 4mix YN end--*/

.card-shop h3 .icon-area01 {font-weight: 300;}

.card-shop .dl-basic01 {
    font-size: 14px;
}

.card-shop .ul-icons01 {}

/* お気に入りボタン ここから */
.my-favorite {
/* 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: flex-start;
    align-items: center;
    transition: all .3s linear;
    cursor: pointer;
}

.my-favorite:after {
    display: block;
    box-sizing: border-box;
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
    margin-left: 8px;
    padding: 4px 0;
    content: "お気に入りに追加";
    font-size: 12px;
    color: #000;
    border: 2px solid #bbb;
    border-radius: 4px;
    text-align: center;
    line-height: 1;
}

.box-my-favorite01 .my-favorite:after {content: none;}
.box-my-favorite01 .my-favorite:before {
    display: block;
    box-sizing: border-box;
    content: "お気に入りに追加";
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    line-height: 1;
}

.box-my-favorite01 .my-favorite:hover,
.box-my-favorite01 .my-favorite:hover::before {color: #c00;}

.box-my-favorite01 .my-favorite.checked:before {content: none;}

    .my-favorite span {
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 24px;
        height: 24px;
        color: #fff;
        font-size: 14px;
        background-color: #bbb;/*bbb*/
        border-radius: 12px;
    }

.box-my-favorite01 .my-favorite span {
    background-color: transparent;
    border: 2px solid;
}

/* 20180521 4mix t.o */
        .my-favorite span i {
            padding-top: 1px;
            padding-left: 1px;
        }


.my-favorite:hover {
    /*opacity: .75;*/
    color: #c00;
}
.my-favorite:hover:after {
    color: #c00;
    border: 2px solid #c00;
}
.my-favorite:hover span {color: #c00;}


.my-favorite:active:after,
.my-favorite.sp-active:after {
/*content: "追加しました。";*/
}

.my-favorite.added {
    color: #c00;
}
    .my-favorite.added span {
        color: #c00;
    }

.my-favorite.added:after,
.my-favorite.added.sp-active:after {
    content: "登録解除";
    color: #c00;
    border: 2px solid #c00;
}

.box-my-favorite01 .my-favorite.added:after,
.box-my-favorite01 .my-favorite.added.sp-active:after {content: none;}

.box-my-favorite01 .my-favorite.added:before,
.box-my-favorite01 .my-favorite.added.sp-active:before {
    content: "登録解除";
    color: #c00;
}

.my-favorite.added:hover {
    opacity: 1;
}



.my-favorite.small {
    position: absolute;
    top: -4px;
    right: -4px;
}
.my-favorite.small span {
}
.my-favorite.small:after {
    display: none;
}

/* お気に入りボタン ここまで */

#bookmarks .remove_fav {
    display: none;
}

/* 03-02 CA,SHOP,HOSPITAL detail */

.offer-price {
    margin-bottom: 8px;
    padding: 12px 16px;
    border: 4px solid #d1d2d5;/*#e7e7e7*/
    border-radius: 0 0 4px 4px;
}
    .offer-price dt {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #ccc;
    }
    .offer-price dd.non-taxed {
        margin-bottom: 10px;
        font-size: 22px;
        color: #ee5931;/*#f98b76*/
    }
    .offer-price dd.non-taxed sub {
        font-size: 12px;
    }
    .offer-price dd.tax-inc {
        color: #736868;/*#a0a0a0*/
    }
    .offer-price dd.tax-inc sub {
        font-size: 10px;
    }

.ca-detail-img {
    zoom: 1;
}
.ca-detail-img:after {
    content: ""; 
    display: block; 
    clear: both;
}
.ca-detail-img li {
/*
    float: left;
    box-sizing: border-box;
    width: 444px;
    height: 334px;
    margin: 0 24px 24px 0;
    border: 1px solid #e6e6e6;
    text-align: center;
    background-color: #f9f9f9;
*/
}
.ca-detail-img li:nth-child(2n) {
/*margin-right: 0;*/
}
.ca-detail-img li img {
    width: 100%;
    vertical-align: top;
}

.shop-data01 {
    box-sizing: border-box;
    padding: 16px;
    background-color: #fff8ea;
    border: 1px solid #bfbfbf;
    border-top: 0;
}
    .shop-data01 dl {
        overflow: hidden;
        font-size: 14px;
    }
        .shop-data01 dl dt,
        .shop-data01 dl dd {
            margin-top: 8px;
        }
        .shop-data01 dl dt:first-child,
        .shop-data01 dl dt:first-child + dd {
            margin-top: 0;
        }
        .shop-data01 dl dt {
            float: left;
            clear: both;
        }
        .shop-data01 dl dd {
            margin-left: 5em;
        }
a[href^="tel"] {
    text-decoration: none;
    pointer-events: none;
}

.btn-minimal01 {
    display: inline-block;
    box-sizing: border-box;
    padding: 1px 6px;
    text-decoration: none;
    font-size: 10px;
    color: #fff;
    border: 1px solid #f5795a;
    background-color: #f99481;
    border-radius: 24px;
}

.shop-data-notice01 {
    margin-top: 8px;
/*
    padding-left: 1em;
    text-indent: -1em;
*/
    font-size: 12px;
}

.shop-data-notice01.manager {font-size: 10px;}

.link-parking01 {
    position: relative;
    display: block;
    margin-top: 8px;
    font-size: 12px;
}
.link-parking01:before {
    content: "P";
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0.5em;
    padding: 2px 4px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    background-color: #adadad;
    border-radius: 3px;
}

.shop-data01 + .side-nav01 {
    margin-bottom: 22px;
}

.shop-main {
    overflow: hidden;
    margin-bottom: 44px;
}

#shop-main-left {
    float: left;
}

.shop-map {
    box-sizing: border-box;
    width: 648px;
    height: 372px;
    background-color: #f5f6f7;
    border: 1px solid #ccc;
}
#shop-new-info {
    overflow-y: scroll;
    box-sizing: border-box;
    width: 648px;
    height: 180px;
    margin-top: 12px;
    padding: 16px;
    border: 4px solid #ebeef1;
    border-radius: 4px;
}
#shop-new-info h3 {
    line-height: 1;
    padding-bottom: 8px;
    border-bottom: 1px dotted #ccc;
    font-size: 18px; /*--20170828 4mix YN add--*/
    font-weight: 500; /*--20170828 4mix YN add--*/
}
#shop-new-info h3 span {
    color: #f90;
}
#shop-new-info ul {}
#shop-new-info ul li {
    margin-top: 8px;
    font-size: 16px; /*--20170828 4mix YN add--*/
}
#shop-new-info ul li a {
    font-size: 12px;
}

#shop-main-right {
    float: left;
    width: 240px;
    margin-left: 24px;
}

#shop-pics li {
    width: 240px;
height: 180px;
    margin-bottom: 12px;
    background-color: #f5f6f7;
    text-align: center;
}

#shop-pics li:last-child {
    margin-bottom: 0;
}

#shop-pics li img {
    width: 100%;
}

.shop-contents-box {
    overflow: hidden;
    margin: 22px 0 44px;
    font-size: 14px;
    line-height: 1.8;
}
.shop-contents-box.st-manager {
    margin-bottom: 0;
}
.shop-contents-box.shop-detail {
    margin-top: 0;
}
/*
.h3-basic01 + .shop-contents-box {
    margin: 0 0 44px;
}
*/
.free-content {
    font-size: 13px;
    line-height: 1.4;
    overflow: hidden;
}
/* 20180202 4mix to start */
/*strong + img で横並び上揃えのため*/
.free-content strong {
}
/* 20180202 4mix to end */

.free-content-post-img {
    float: right;
    margin: 4px 0 0 8px;
}

/*2017/07/14大和田追記*/
.free-content.kojima-info {
  line-height: 1.3;
}

/*.free-content br + br + br + br {display:none;}*/

.shop-contents-box.free-content.paper {
    padding: 16px;
    background-color: #ffecc6;
    text-align: center;
}

.shop-contents-box.free-content.paper .free-content-inner {
    font-size: 13px;
    box-sizing: border-box;
width: 608px;
    margin: auto;
    padding: 16px;
    background-color: #fff;
    text-align: left;
}
.shop-contents-box.st-manager .greeting-box {
       overflow: hidden;
    }

.box-img-left,
.box-img-right {
    overflow: hidden;
}
.box-img-left img {
    float: left;
    margin-right: 8px;
}
.box-img-right img {
    float: right;
    margin-left: 8px;
}


.calendar {
    position: relative;
}

.calendar-modal {
    display: none;
}

.calendar.modal .calendar-modal {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.55);
}

.calendar-nav {
    position: relative;
    overflow: hidden;
    margin-bottom: -2em;
}
.calendar-nav li {}
.calendar-nav li:nth-child(1) {float: left;}
.calendar-nav li:nth-child(2) {float: right;}

.table-calendar01 {
    width: 100%;
}
.table-calendar01 thead,
.table-calendar01 tbody {
    border: 1px solid #adadad;
    border-bottom: 0;
}

.table-calendar01 th,
.table-calendar01 td {
    padding: 16px;
    text-align: center;
    vertical-align: top;
    width: calc(100%/7);/*14.4%*/
}

.table-calendar01 td {
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px dotted #e6e6e6;
}

.table-calendar01 tbody tr:last-child td {
    border-bottom: 1px solid #adadad;
}

.table-calendar01 thead tr th:nth-child(6) {color: #09f;}
.table-calendar01 thead tr th:nth-child(7) {color: #c00;}

.table-calendar01 tbody tr td:nth-child(6) {color: #09f;}
.table-calendar01 tbody tr td:nth-child(7) {color: #c00;}

.table-calendar01 caption {
    text-align: center;
    font-size: 24px;
}

.table-calendar01 .vet {
    color: #000;
    font-size: 12px;
    text-align: left;
}

.table-calendar01 .vet li {
    padding: 0 4px;
}
.calendar .caption {
    border: 1px solid #96a9b2;
    background: #96a9b2;
    border-bottom: 0;
    color: #fff;
    text-align: center;
    font-size: 24px;
}

.shop-data01.hospital {
    background-color: #fefff5;
}

.shop-data01.hospital dl {
    margin-top: 16px;
}
    .shop-data01.hospital dl dd {
        margin-left: 4em;
    }

.hospital-time-table01 {
    width: 100%;
    font-size: 12px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #fff;
}
    .hospital-time-table01 th,
    .hospital-time-table01 td {
        padding: 4px 2px;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .hospital-time-table01 th {background-color: #f3ffdc;}
    .hospital-time-table01 td {
        font-size: 10px;
    }

.hospital-contents-box {
    overflow: hidden;
    margin: 22px 0 44px;
    font-size: 14px;
    line-height: 1.8;
}
.hospital-col-left {
    float: left;
    width: 648px;
}


    .hospital-col-left .text .img-right {
        float: right;
        width: 30%;
        margin-left: 16px;
    }


.hospital-col-right {
    float: right;
    width: 240px;
}
.past-info {
    border-top: 1px dotted #af9872;
    border-bottom: 1px dotted #af9872;
    padding: 5px 0;
    margin-bottom: 15px;
    line-height: 1.9em;
    text-align: center;
}

#hospital-dl-anc01 {
    margin-left: 8px;
}

#hospital-dl-anc01 dt {
        margin-top: 4px;
        font-size: 12px;
        cursor: pointer;
    }
        #hospital-dl-anc01 dt:first-child {
            margin-top: 0;
        }
    #hospital-dl-anc01 dd {
        overflow: hidden;
        height: 0;
        padding-left: 16px;
        opacity: 0;
        transition: all 0.3s linear;
    }
    #hospital-dl-anc01 dd.open {
        opacity: 1;
    }
        #hospital-dl-anc01 dd ul {}
            #hospital-dl-anc01 dd ul li {
            }
                #hospital-dl-anc01 dd ul li a {
                    overflow: hidden;
                    display: block;
                    font-size: 12px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                #hospital-dl-anc01 dd ul li a:before {
                    display: inline-block;
                    margin-right: 0.5em;
                    content: "\f054";
                    font-family: FontAwesome;
                    font-size: 10px;
                }

.dl-hos-fac01 {
    min-height: 270px;
    box-sizing: border-box;
    padding: 16px;
    /*border: 1px dotted #af9872;
    background-color: #fffef8;*/
}
.dl-hos-fac01 dt {
    margin-bottom: 8px;
    font-weight: 600;
}
.dl-hos-fac01 dd {
    margin-bottom: 8px;
    text-align: center;
}

.dl-hos-fac01 .img {
    background-color: #fdfdfd;
}

.dl-hos-fac01 .img img {
    max-width: 257px;
    max-height: 130px;
}

.dl-hos-fac01 .text {
    line-height: 1.4;
    min-height: 4.1em;
    text-align: left;
}

.day-popup-wrapper {
    display: none;
}

.mfp-content .day-popup-wrapper {
    display: block;
    box-sizing: border-box;
    width: 50%;
    padding: 16px;
    background-color: #fff;
    margin: auto;
}

.mfp-content .day-popup-wrapper .date {
    margin-bottom: 8px;
    padding-bottom: 8px;
    text-align: center;
    border-bottom: 1px dotted #ccc;
}

.mfp-content .day-popup-wrapper .vet {
    text-align: center;
}


/* 03-03 side nav */
.h3-side01 {font-weight: 600;}
.h3-side01 a {
    display: block;
    box-sizing: border-box;
    padding: 14px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    background-color: #4a8326;
    background-image: url(/files/user/img/stripe04.png);
    border: 1px solid #38670b;
    border-radius: 6px 6px 0 0;
}
.h3-side01 a span {
    display: block;
    background-image: url(/files/user/img/icon/ico-return01.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right center;
    padding-right: 16%;/*27%*/
}
.h3-side01 a:hover {
    background-color: #52a505;
}

.h3-side01.hospital a {
    background-color: #78b201;
    border: 1px solid #598500;
}

.h3-side01.hospital a:hover {
    background-color: #8ec829;
}
/*マナー教室見出し下も「▼レッスンメニュー」見出しを追加20170515仲浦----------*/
.h4-side01 span {
    display: block;
    padding: 4px 8px;
    border: 1px solid #bfbfbf;
    border-top: 0;
    background: #eee;
    font-size: 12px;
    font-weight: 600;
}
    .h4-side01 span i {
        margin: 0 0.2em 0 0;
        font-size: 10px;
    }

.side-nav01 > ul {}
.side-nav01 > ul > li {}
.side-nav01 > ul > li > a {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 16px;
    font-size: 14px;/*ex 16*/
    font-weight: 600;
    color: #333;
    text-decoration: none;
    background: #fff;
    background: -moz-linear-gradient(top,  #fff 0%, #f5f2f3 100%);
    background: -webkit-linear-gradient(top,  #fff 0%,#f5f2f3 100%);
    background: linear-gradient(to bottom,  #fff 0%,#f5f2f3 100%);
    border: 1px solid #bfbfbf;
    border-top: 0;
    padding-right: 22%;
}

.side-nav01 > ul > li.has-menu > a:after {
    content: "\f067";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
    opacity: 0.25;
}

.side-nav01 > ul > li.has-menu.current > a:after {
    content: "\f068";
}

.side-nav01 > ul > li > a:hover {
    background: #f5f2f3;
    background: -moz-linear-gradient(top,  #f5f2f3 0%, #fff 100%);
    background: -webkit-linear-gradient(top,  #f5f2f3 0%,#fff 100%);
    background: linear-gradient(to bottom,  #f5f2f3 0%,#fff 100%);
}

.side-nav01 > ul > li.current > a {
    background: transparent;
    color: #fff;
    background-color: #229b58;
    border: 1px solid #248c53;
    border-top: 0;
}


#faq-nav01 li a.disabled,
#nav-newsinfo-list.side-nav01 > ul > li > a.disabled,
#nav-sale-list.side-nav01 > ul > li > a.disabled {
    background: transparent;
    color: #fff;
    background-color: #229b58;
    border: 1px solid #248c53;
    border-top: 0;
    cursor: auto;
}

.side-nav-sub01 {
    display: none;
    box-sizing: border-box;
    padding: 16px;
    font-size: 13px;
    border: 1px solid #bfbfbf;
    border-top: 0;
}

.side-nav01 > ul > li.current .side-nav-sub01 {
    display: block;
}
/*
.side-nav01 > ul > li.has-menu:hover .side-nav-sub01 {
    display: block;
}
*/
.side-nav-sub-menu01 {}
.side-nav-sub-menu01 > li {
    margin-top: 0.8em;
}

.side-nav-sub-menu01 > li:before {
    content: "\f105";
    display: inline-block;
    margin-right: 0.25em;
    font-family: Fontawesome;
}

/*
.side-nav-sub-menu01 > li.current a {
    position: relative;
    color: #333;
    text-decoration: none;
}
.side-nav-sub-menu01 > li.current a:after {
    position: absolute;
    left: -0.5em;
    content: "\f0da";
    font-family: Fontawesome;
}
*/
.side-nav-sub-menu01 > li:first-child {
    margin-top: 0;
}
.side-nav-sub-title01 {
    margin-top: 16px;
    margin-bottom: 8px;
}
.side-nav-sub01 .side-nav-sub-title01:first-child {
    margin-top: 0;
}
.side-nav-sub-title01 + .side-nav-sub-menu01 {
    padding-left: 16px;
    font-size: 12px;
}

.side-nav01.hospital {
    margin-bottom: 33px;
}


/* 04 parts
-----------------------------------------------------------------------------------------*/

/* 04-00 box */

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

    .box-basic00 p {margin-bottom: 1em !important;}

.box-basic01 {
    margin-bottom: 33px;
}
.box-basic01.top-info {
    background-color: #f1f1f1;
    padding: 12px 6px 16px;
    border-radius: 8px 8px 0 0;
}
.box-basic01.top-info:first-child {
    margin-top: -4px;
}

.box-basic02 {
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #c5cac7;
    background-color: #f9fff9;
    border-radius: 8px;
}

.box-basic03 {
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #ccc;
    background-color: #fefefe;
    border-radius: 8px;
}


[class^="box-cols"] {
    zoom:1;
}

[class^="box-cols"]:after {
    content: ""; 
    display: block; 
    clear: both;
}

    [class^="box-cols"] .col {
        float: left;
    }

    .box-cols1 .col {
        float: none;
    }

    .box-cols2 .col {
    }

    .box-cols3 .col {
        width: 288px;
        margin-right: 24px;
    }

#top-new-ca .col {
    margin-right: 12px;
    width: calc((100% - 24px)/3 );
}
#top-new-ca .col:nth-child(1),
#top-new-ca .col:nth-child(2) {
    border-right: 1px dotted #ddd;
    box-sizing: border-box;
    padding-right: 12px;
}
#top-new-ca .col:nth-child(3),
.box-cols3 .col:nth-child(3n) {
        margin-right: 0;
    }

.box-notice00 {
    padding: 16px;
    color: #000000;
    font-size: 12px;
    background-color: #f1f1f1;
    line-height: 1.8;
}

.box-main-2cols01 {
    margin-bottom: 22px;
    zoom:1;
}
.box-main-2cols01:after {
    content: ""; 
    display: block; 
    clear: both;
}
    .box-main-2cols01 .col-main,
    .box-main-2cols01 .col-sub {
        float: left;
background-color: #eee;
    }
    .box-main-2cols01 .col-main {
        width: 648px;
        margin-right: 24px;
        text-align: center;
    }
    .box-main-2cols01 .col-sub {
        width: 240px;
    }

.box-main-2cols02 {
    margin-bottom: 22px;
    zoom:1;
}
.box-main-2cols02:after {
    content: ""; 
    display: block; 
    clear: both;
}
.box-main-2cols02 .col {float: left;}
.box-main-2cols02 .col:nth-child(2n) {float: right;}


.box-side-notice01,
.box-qr-code01 {
    margin-bottom: 12px;
    padding: 16px;
    font-size: 12px;
    line-height: 1.5;
    background-color: #fbfbfb;
    border: 1px solid #dcdcdc;
}

.box-qr-code01 {
    text-align: center;
}
    .box-qr-code01 dt {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 8px;
    }

.box-comment01 {
    position: relative;
    margin-bottom: 22px;
}
    .box-comment01 h3 {
        position: relative;
        box-sizing: border-box;
        width: 5em;
        margin: 0 0 -1em 16px;
        padding: 4px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        background-color: #fff;
        border: 1px solid #a8a8aa;
        border-radius: 8px;
        line-height: 1;
    }
    .box-comment01 .comment {
        padding: 28px 16px 16px 16px;
        font-size: 14px;
        border: 1px solid #a8a8aa;
        border-radius: 8px;
    }

.box-recommended01 {
    float: right;
    width: calc(78% - 16px*2);
}

.box-text01 {
    overflow: hidden;
    margin-top: 22px;
}

.section {
    position: relative;
    margin-bottom: 22px;
    zoom:1;
}
.section:after {
    content: ""; 
    display: block; 
    clear: both;
}

/* 04-01 heading */

.h1-basic01 {}

.h2-basic01 {
    position: relative;
    margin-bottom: 22px;
    padding-bottom: 8px;
    font-size: 28px;/*24px*/
    border-bottom: 3px solid #000000;/*#4a8326*/
/*text-align: center;*/
  font-weight: 600;
  line-height: 1;
}

.h2-other-notice {
    position: relative;
    margin-bottom: 22px;
    padding-bottom: 8px;
    font-size: 22px;
    border-bottom: 2px solid #a8a8aa;
    font-weight: 600;
    color: #676767;
}

.h2-basic01 .shoulder {
    display: inline-block;
    margin-left: 1em;
    padding-bottom: 5px;
    font-size: 14px;
    vertical-align: text-bottom;
}

    .h2-basic01:before {
        position: absolute;
        top: 100%;
        left: 0;
        content: "";
        width: 20%;/*272px*/
        /*border-bottom: 3px solid #f98b76;*/
    }

.h2-rare-wrap .h2-basic01 {
        margin-bottom: 12px;
}

.h2-rare-wrap {
    position: relative;
}

.btn-rare01 {
    display: block;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 100;
    padding: 6px 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    border: 2px solid;
    line-height: 1;
    border-radius: 20px;
    /*opacity: .5;*/
    transition: all .3s linear;
    background: #6a3909;
    color: #fff;
    opacity: 1;
}
.btn-rare01:hover {
    opacity: 0.7;
}

#main.top .box-basic00  .h2-basic01 span.tab {display: none;}

.btn-print {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding-left: 0.5em;
    color: #989898;
    font-size: 14px;
    cursor: pointer;
}
.btn-print:hover {
    color: #000;
}
.btn-print:before {
    position: absolute;
    top: 0;
    right: 100%;
    content: "\f02f";
    font-family: FontAwesome;
}


.h3-basic00 {
    margin-bottom: 22px;
    font-size: 20px;
    font-weight: 600;
}

.h3-basic01 {
    padding: 4px 0;
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
    font-weight: 600;
    text-align: center;
/*
    position: relative;
    padding: 6px 12px;
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #bfbfbf;
    border-radius: 4px 4px 0 0;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f2f3 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f2f3 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f2f3 100%);
box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
*/
}
.top #side .h3-basic01 {
    font-size: 18px;
    padding: 0px 0 8px;
    border-top: 0; 
    border-bottom: 0;
}
#main_pass_change .h3-basic01 {
    text-align: left;
}
.h3-basic01.shop-info {
    border: none;
    font-size: 18px;
    padding: 0;
}
.h3-basic01.shop-info02 {
    border: none;
    font-size: 22px;
    padding: 0;
}

#main .h3-basic01 {
text-align: left;
}

    .h3-basic01.hospital:before {
        background-color: rgba(120,178,1,0.25);
    }

    .h3-basic01.hospital:after {
        background-color: rgba(120,178,1,0.25);
    }
/*タイトル改行のため追加20170515仲浦--------------------*/
.h3-basic01 span{
     display: block;
    padding: 6px;
}

.h3-basic02 {
    font-size: 16px;
    font-weight: 600;

margin-bottom: 12px;
padding-bottom: 6px;/*12px*/
border-bottom: 1px solid #4a8326;

}

.h4-basic01 {
    overflow: hidden;
    margin-bottom: 16px;
    padding-bottom: 12px;
    line-height: 1.2em;
    color: #5d3d09;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px dashed #af9872;
}
.h4-basic01 .title {}
.h4-basic01 .date {
    float: right;
    font-size: 11px;
}

.h5-basic01 {}

.h6-basic01 {}


.h3-link01 {
    margin-bottom: 16px;
}

.h3-link01 a {
    overflow: hidden;
    display: block;
    padding: 8px;
    color: #000;
    text-decoration: none;
/*
    border: 1px solid #a9a9a9;
    border-radius: 4px 4px 0 0;
*/
    line-height: 1;
    font-weight: 600;
    background-color: #eee;
}

.h3-link01 a span {
    display: inline-block;
    float: right;
    font-size: 12px;
    line-height: 16px;
}

.h3-link01 a span i {
    color: #c4c4c4;
}

/* 20170726 4mix t.o chaged start */
.h3-link01 a:hover {
    background-color: #eee;
  color: #000;
}
/* 20170726 4mix t.o chaged end */



#h2-ca-wrapper01,
#h2-shop-wrapper01 {
    position: relative;
    margin-bottom: 22px;
    border-bottom: 2px solid #4a8326;
    background-color: #fff;
    zoom: 1;
}

#h2-ca-wrapper01:after,
#h2-shop-wrapper01:after {
    content: ""; 
    display: block; 
    clear: both;
}

#h2-hospital-wrapper01 {
    overflow: hidden;
    position: relative;
    margin-bottom: 22px;
/*padding: 2px 48px;*/
    border-bottom: 2px solid #78b201;
    background-color: #f9f9f9;
}
#h2-ca-wrapper01 {
    margin-top: -15px;
}
#h2-ca-wrapper01 .mix-parent01 {
    display: inline-block;
    font-size: 14px;
    margin: 12px;
}
#h2-ca-wrapper01 .mix-parent01 dt,
#h2-ca-wrapper01 .mix-parent01 dd {display: inline-block;}
#h2-ca-wrapper01 .ribbon-box02 {
    position: unset;
    padding-right: 10px;
}
/* 20180521 4mix t.o */
.bookmark_list .mix-parent01 {
    line-height: 1.2em;
}
/* 20180523 4mix t.o */
#h2-ca-wrapper01.ca-detail .mix-parent01 {
    display: none;
}
.h2-ca-basic01,
.h2-shop-basic01,
.h2-hospital-basic01 {
    float: left;
    font-size: 32px;
    clear: both;
}

.h2-shop-basic01 .tel,
.h2-hospital-basic01 .tel {
    display: inline-block;
    margin-top: 6px;
    margin-left: 1em;
    font-size: 18px;
    /*line-height: 36px;*/
    vertical-align: text-bottom;
}

.h2-shop-basic01 .tel:before,
.h2-hospital-basic01 .tel:before {
    font-family: Fontawesome;
    content: "\f095";
    padding-right: 5px;
}

#h2-hospital-wrapper01 .notice {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    text-align: right;
}

/* 04-02 list */

.ul-basic00 {
    margin-bottom: 22px;
}
    .ul-basic00 li {
        margin-bottom: 8px;
    }

.ul-basic01 {/* bottom gray border */
    margin-bottom: 8px;
}

    .ul-basic01 li {
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #a8a8aa;
    }

    .ul-basic01 li:last-child {
        border-bottom: 1px solid #a8a8aa;
    }

    .ul-basic01 li .date {
        display: inline-block;
        margin-left: 0.5em;
        font-size: 14px;12px
    }

    .ul-basic01.hospital li .date {
        display: block;
        margin-left: 0;
    }

    .ul-basic01 li a {
        display: block;
        overflow: hidden;
        width: 100%;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
.box-basic01.top-info .ul-basic01 li:last-child {
    border: none;
}

.ul-2cols {
        zoom: 1;
    }
.ul-2cols:after {
    content: ""; 
    display: block; 
    clear: both;
}
#ul-shop.ul-2cols,
.bookmark_list .ul-2cols {
    display: flex;
    flex-wrap: wrap;
}
#shop-list-icons.ul-icons01 li {
    width: calc(100%/7 - 6px);
}


.ul-2cols > li {
        position: relative;
        /*float: left;*/
        box-sizing: border-box;
        width: calc((100%/2) - 8px);/* 20170808 4mix t.o changed */
        max-width: 600px;/* 20170807 4mix t.o add */
        margin: 0 16px 16px 0;
        
    }
/* 20180517 4mix t.o */
.bookmark_list .ul-2cols > li {
    width: calc((100%/4) - 12px);
    border-radius: 6px;
    border-color: #C0C0C2;
}
#ul-shop .ul-2cols > li {
    padding-bottom: 35px;
}
    .ul-2cols > li:nth-child(2n) {
        margin-right: 0;
    }
/* 20180517 4mix t.o */
.bookmark_list .ul-2cols > li:nth-of-type(2n) {
        margin-right: 16px;
    }
.bookmark_list .ul-2cols > li:nth-of-type(4n) {
        margin-right: 0;
    }
.ul-2cols.per > li {
    width: 48%;
    margin: 0 2% 16px 0;
}



.ul-3cols {zoom: 1;}
.ul-3cols:after {
    content: ""; 
    display: block; 
    clear: both;
}
    .ul-3cols > li {
        float: left;
        width: 394px;
        box-sizing: border-box;
        margin: 0 17px 17px 0;
/*background-color: #f00;*/
    }
    .ul-3cols > li:nth-child(3n) {
        margin-right: 0;
    }

.ul-3cols-per {zoom: 1;}
.ul-3cols-per:after {
    content: ""; 
    display: block; 
    clear: both;
}
    .ul-3cols-per > li {
        float: left;
        box-sizing: border-box;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 22px;
    }
    .ul-3cols-per > li:nth-child(3n) {
        margin-right: 0;
    }
.hospital-contents-box .ul-3cols-per > li {
    margin-bottom: 2%;
    border: 1px dotted #af9872;
    background-color: #fffef8;
}

.ul-main-1cols,
.ul-main-2cols {zoom: 1;}

.ul-main-1cols:after,
.ul-main-2cols:after {
    content: ""; 
    display: block; 
    clear: both;
}
    .ul-main-2cols > li {
        position: relative;
        float: left;
        box-sizing: border-box;
        width: 444px;
        margin: 0 24px 22px 0;
    }
    .ul-main-2cols > li:nth-child(2n) {
        margin-right: 0;
    }
/* 20171221 4mix t.o start */
.ul-main-2cols > li:last-of-type {
    margin-bottom: 0;
}
/* 20171221 4mix t.o end */
    .ul-main-1cols > li {
        float: none;
        width: 100%;
        margin: 0 0 22px 0;
    }
    .ul-main-1cols > li:first-child {
        margin: 22px 0 22px 0;
    }


.ul-main-1cols.box-dotted01 > li,
.ul-main-2cols.box-dotted01 > li {
    box-sizing: border-box;
    padding: 16px;
    border: 1px dotted #af9872;
    background-color: #fffbe4;
}


.ul-bnr01 li {
    margin-bottom: 22px;
}

    .ul-bnr01 li:last-child {
        margin-bottom: 0;
    }

    .ul-bnr01 li a {
        display: block;
        transition: all 0.5s linear;
height: 64px;
    }

    .ul-bnr01 li a:hover {
        opacity: 0.75;
    }

.ul-bnr01 li a img {width: 100%;}

.dl-basic00 {
}
    .dl-basic00 dt,
    .dl-basic00 dd {
    }
    .dl-basic00 dt {
        margin-bottom: 0.25em;
    }
    .dl-basic00 dd {
        margin-bottom: 1em;
    }


.dl-basic01 {
    overflow: hidden;
    font-size: 11px;
}

.dl-basic01 dt {
    padding-right: 1em;
}
.dl-basic01 dt,
.dl-basic01 dd {
    margin-bottom: 0.25em;
    margin-left: 3em;
}

.bookmark_list .dl-basic01 dt {
    margin: 0;
}

/* 20170914 4mix t.o start */
#ul-shop .dl-basic01 dt,
#ul-shop .dl-basic01 dd {
    margin-bottom: 0.25em;
    margin-left: 0;
}
/*#ul-shop .dl-basic01 dt {
    padding-right: 0;
}*/
#ul-shop .dl-basic01 dd {
    /*padding-right: 1em;*/
}
/* 20170914 4mix t.o end */


/*カラーを緑へ変更20170511---------------------------------------*/
    .dl-basic01 dt {
        float: left;
        clear: both;
        font-weight: 600;
        /*color: #8a632c;#0c8e0d*/
    }

#ul-shop .dl-basic01 dd {
    white-space: inherit;
}

.holiday-comment {
    /* white-space: normal !important; */
    height: 6em;
    overflow: hidden;
}

/*#shop-list-icons {
    min-height: 72px;
}*/
#shop-list-icons li:nth-child(3n) {
    margin-right: 6px;
}

.dl-notice01 {
    overflow: hidden;
    font-size: 11px;
}
    .dl-notice01 dt {
        float: left;
        clear: both;
    }
    .dl-notice01 dd {
        margin-left: 1em;
    }

.ul-ca-icons01 {
    position: absolute;
    top: 25%;
    bottom: 0;
    margin: auto 8px auto auto;
    right: 0;
    display: flex;
    white-space: nowrap;
}
#h2-ca-wrapper01 .ul-ca-icons01 {
    position: unset;
}

#estimate .ul-ca-icons01 {
    top: 7%;
}

.ul-ca-icons01 li {
    margin-right: 8px; 
}
.ul-shop-icons01 {
    float: right;
    overflow: hidden;
    margin: 12px 8px;
}

.ul-shop-icons01 li {
        float: left;
        margin-left: 8px;
    }



.ul-link-arrow01 {
    margin-bottom: 22px;
}
.ul-link-arrow01 li {
    margin-bottom: 8px;
}
.ul-link-arrow01 li a,
.ul-link-arrow01 li .btn-print02 {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.ul-link-arrow01 li a:before,
.ul-link-arrow01 li .btn-print02:before {
    content: "\f0da";
    font-family: FontAwesome;
}

.ul-bnr01 {
    margin-bottom: 22px;
}

.ul-link-sns01 {
    overflow: hidden;
    margin-bottom: 22px;
    line-height: 0.4em;
}
.ul-link-sns01 li {
    float: left;
    margin-right: 2px;
}

.ul-link-sns01 li iframe {
    height: 32px;
/*width: 102px;*/
    padding-top: 2px;
}

.ul-link-sns01 img {
    width: 100%;
}

.dl-ca-vaccine01 {}
.dl-ca-vaccine01 dt {
    font-size: 16px;
    font-weight: 600;
}
.dl-ca-vaccine01 dt,
.dl-ca-vaccine01 dd {
    display: inline-block;
}


.ul-recommended01 {
    overflow: hidden;
    display: flex;
    width: 100%;
}
.ul-recommended01 li {
    position: relative;
    float: left;
    margin-right: 19px;
    width: 100%;
}
.ul-recommended01 li:last-child {
    margin-right: 0;
}
.ul-recommended01 li .ico-gender {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.ul-recommended01 li a {
    display: block;
    color: #333;
    text-decoration: none;
}
.ul-recommended01 li a:hover {
    text-decoration: underline;
}

.ul-lower-3col01 {
    margin-top: 22px;
    overflow: hidden;
}

/* 20170920 4mix t.o start */
.ul-lower-3col01.btn {
    display: flex;
}
/* 20170920 4mix t.o end */


.ul-lower-3col01 > li {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.ul-lower-3col01 > li:nth-child(3n) {
    margin-right: 0;
}
.ul-lower-3col01 > li .btn-basic01 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.dl-faq01 {
    margin: 22px 0 44px 0;
}
    .dl-faq01 dt {
        margin: 0 0 16px 0;
    }
    .dl-faq01 dd {
        margin: 0 0 32px 0;
        font-size: 14px;
    }

    .dl-faq01 dd:last-child {
        margin: 0;
    }

    .dl-faq01 dt,
    .dl-faq01 dd {overflow: hidden;}

    .dl-faq01 dt .dl-faq01-inner,
    .dl-faq01 dd .dl-faq01-inner {overflow: hidden;}

    .dl-faq01 dd .dl-faq01-inner p {margin: 0 0 0 0 !important;}
    .dl-faq01 dd .dl-faq01-inner ul {margin: 1em 0 0 0;}
    .dl-faq01 dd .dl-faq01-inner ul li:last-child {margin: 0 0 0 0;}

    .dl-faq01 dt:before,
    .dl-faq01 dd:before {
        float: left;
        display: inline-block;
        margin-right: 0.5em;
        font-size: 16px;
        font-weight: 600;
    }
    .dl-faq01 dt:before {
        content: "Q.";
        color: #583d14;
    }
    .dl-faq01 dd:before {
        content: "A.";
        color: #bd9648;
    }

body.inquiry_list #contents .inner,
body.inquiry_list #contents h2.type01 {
    margin: 0 !important;
}
body.inquiry_list #contents .inner {
    padding: 0;
}

body.inquiry_list #contents h1 + .inner {
    padding: 0 8px;
}

body.inquiry_list #contents h2.type01 {
    position: relative;
    border-bottom: 1px solid #6e961b;
}

body.inquiry_list #contents + .box-notice00 {
    margin: 24px 0 0 0;
}
    body.inquiry_list #contents + .box-notice00 h3 {
        font-size: 1rem;
        font-weight: 600;
        margin: 0 0 8px 0;
    }

    body.inquiry_list #contents + .box-notice00 dl {
        margin: 0 0 8px 0;
    }
        body.inquiry_list #contents + .box-notice00 dl dt {
            font-weight: 600;
        }
        body.inquiry_list #contents + .box-notice00 dl dt + dd {
            font-size: 1rem;
            font-weight: 600;
            margin: 0 0 8px 0;
        }
        body.inquiry_list #contents + .box-notice00 dl dd {}
        body.inquiry_list #contents + .box-notice00 .btn-basic01-wrap {
            margin-bottom: 0;
            padding: 8px;
            text-align: center;
            background-color: #fff;
        }


@media screen and (max-width: 768px) {

    body.inquiry_list #side {display: none;}

    .dl-faq01 {
        margin: 0;
        display: none;
    }
        .dl-faq01 dt,
        .dl-faq01 dd {
            margin: 0;
            padding: 8px;
            border-bottom: 1px solid #eee;
        }
        .dl-faq01 dt {
            position: relative;
            padding: 8px 32px 8px 8px;
            background-color: #f5f7f0;
        }
        .dl-faq01 dd {
            display: none;
        }

    .dl-faq01 dt:after,
    .h2-faq01:after {
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 0 8pt;
        font-family: Fontawesome;
        content: "\f067";
        color: #fff;
        font-size: 12pt;
    }

    .dl-faq01 dt:after {color: #ccc;}

    .dl-faq01 dt.open:after,
    .h2-faq01.open:after {
        font-family: Fontawesome;
        content: "\f068";
    }


    body.inquiry_list #contents + .box-notice00 {
        margin: 0;
        padding: 16px 8px;
    }

}

@media screen and (max-width: 480px) {

}


/* 04-03 font */


/* 04-04 buttons & arrow */

.btn-basic01 {
    display: inline-block;
    box-sizing: border-box;
    padding: 12px 8px;
    color: #007c36;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #007c36;
    border-radius: 4px;
}
.btn-basic01:hover {
    color: #fff;
    background-color: #00ab4a;
    border: 1px solid #007c36;
}

.btn-basic02 {
    display: block;
    box-sizing: border-box;
    padding: 4px 8px;
    font-size: 12px;
    color: #000;
    border: 2px solid;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    transition: all .3s linear;
}
.btn-basic02:hover {
    opacity: .5;
}


.btn-basic03 {
    display: block;
    box-sizing: border-box;
    padding: 4px 8px;
    font-size: 12px;
    color: #fff;
    border: 2px solid #000;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    background-color: #000;
    transition: all .3s linear;
}
.btn-basic03:before {
    font-family: Fontawesome;
    content: "\f0da";
    margin-right: .4em;
}
.btn-basic03:hover {
    opacity: .5;
}

.box-my-favorite01 .btn-basic03 {
    border: none;
    background-color: inherit;
    color: #c00;
    text-align: left;
    margin-left: 8px;
}


.btn-to-list01 {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11px;
    text-decoration: none;
    line-height: 1;
    border: 1px solid #000;
    border-radius: 2px;
    color: #000;
    background-color: #fff;
}
.top-info .btn-to-list01 {
    border-color: #ccc;
}

    .btn-to-list01:hover {
        color: #fff;
        background-color: #000;
    }

.btn-another-content01 {
    position: relative;
    text-align: center;
    margin-bottom: 24px
}
/*「6位〜こちら」にボタン表示を追加20170509----------------------------*/
    .btn-another-content01 a {
        display: block;
        box-sizing: border-box;
        width: 45%;
        margin: 0 auto;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        background-color: #60320D; /*#f98b76*/
        padding: 8px;
        border-radius: 4px;
        color: #fff;/*#0088ff*/
    }
/* 20180518 4mix t.o */
body.top .btn-another-content01 a {
    width: 55%;
}

    .btn-another-content01 a:hover {
        opacity: 0.7;
        text-decoration: none;
    }


.btn-safe-plan01,
.btn-estimate01,
.btn-to-shop02 {
    position: relative;
    display: block;
    padding: 14px 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.45);
}
.btn-to-shop01 {
    position: relative;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.45);
}
.sticky-wrapper .btn-to-shop01 {
    margin-bottom: 8px;
}
.btn-to-shop01 a {
    text-decoration: none;
    display: block;
    padding: 14px 16px 14px;
}
.btn-safe-plan01 {
    background-color: #70ab4b;/*#4a8326*/
    border: 1px solid #507e34;/*#365f1d*/
}

.btn-estimate01 {
    background-color: #f9af3b;
    border: 1px solid #d07d17;
}
.btn-to-shop02 {
    background: #eeeeee;
    border: 1px solid #bfc4c7;
    color: #2b2209;
}
.btn-to-shop01 {
    color: #2b2209;
    background-color: #fdd978;
    border: 1px solid #bfa357;
}
    .btn-to-shop01 dl dt {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 8px;
    }
        .btn-to-shop01 dl dd .shop {
            font-size: 18px;
            display: block;
        }
        .btn-to-shop01 dl dd .tel {
            margin: 11px 6px 0;
            font-size: 15px;
            display: inline-block;
        }

.btn-to-shop01 a {
    position: relative;
}

.btn-safe-plan01:after,
.btn-estimate01:after,
.btn-to-shop01 a:after,
.btn-to-shop02:after {
    position: absolute;
    top: 50%;
    right: 16px;
    content: "\f18e";
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 1;
    font-weight: 100;
    opacity: 0.75;
    margin-top: -0.5em;
}

.btn-estimate01:after {
    content: "\f0f6";
    opacity: 1;
    font-size: 21px;
    right: 18px;
}

.btn-safe-plan01:active,
.btn-estimate01:active,
.btn-to-shop01:active,
.btn-to-shop02:active {
    transform: translateY(2px);
    box-shadow: 0 0 0 rgba(0,0,0,0);
}


 /*非表示に変更20170509：仲浦--------------------------------------------------------------------
.css-arrow01 {
    position: relative;
    height: 22px;
    margin-bottom: 18px;
    background: #e7e8e8;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e7e8e8 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e8e8 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e7e8e8 100%);
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.css-arrow01:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(189, 189, 189, 0);
    border-top-color: #bdbdbd;
    border-width: 9px;
    margin-left: -9px;
}
.css-arrow01:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(231, 232, 232, 0);
    border-top-color: #e7e8e8;
    border-width: 8px;
    margin-left: -8px;
}
-------------------------------------------------------*/
/* 04-05 table */

.table-ca01 {
    width: 100%;
    font-size: 12px;
}
.table-ca01.weight {
    font-size: 10px;
    text-align: center;
}

.table-ca01 th {
    font-weight: 600;
    background-color: #f5f5f5;
    border: 1px solid #adadad;
}
.table-ca01 td {
    background-color: #fff;
    border: 1px solid #adadad;
}

.table-ca01 th div,
.table-ca01 td div {
    padding: 8px;
}

.table-ca01 caption {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.table-basic01 {
    margin-top: 22px;
    width: 100%;
    font-size: 12px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}
    .table-basic01 th,
    .table-basic01 td {
        padding: 8px;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }
    .table-basic01 th{
        width: 50%;
        background-color: #eee;
    }

    .onlineNews {
        margin-top: 22px;
        font-size: 12px;
    }



.table-basic02 {
    width: 100%;
    font-size: 12px;
    border-top: 1px solid #bfb2a1;
    border-left: 1px solid #bfb2a1;
}
    .table-basic02 caption {
        text-align: center;
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 8px;
    }
    .table-basic02 th,
    .table-basic02 td {
        padding: 8px;
        border-right: 1px solid #bfb2a1;
        border-bottom: 1px solid #bfb2a1;
        vertical-align: middle;
        text-align: center;
        white-space: nowrap;
    }
    .table-basic02 th {
        color: #fff;
        background-color: #70a640;
    }
    .table-basic02 tr:nth-child(odd) {
        background-color: #f4f1ea;
    }
    .table-basic02 tr.sum {
        background-color: #fff0ee;
    }
    span.num-zero {
        font-size: 320%;
        color: #71a741;
        font-weight: 600;
        line-height: 130%;
    }


.table-list-basic01 {
    font-size: 14px;
}
    .table-list-basic01 .thead,
    .table-list-basic01 a {
        display: block;
        overflow: hidden;
        padding-bottom: 1rem;
        padding-top: 1rem;
        color: #333;
        border-bottom: 1px dotted #ccc;
    }
    .table-list-basic01 .thead {
        border-bottom: 1px solid #ccc;
    }
        .table-list-basic01 dt,
        .table-list-basic01 dd {
            display: inline-block;
            float: left;
        }
        .table-list-basic01 dt {
            width: 25%;
}
.hospital-news-list .table-list-basic01 dt,
.hospital-news-list .table-list-basic01 a dt {
        text-align: left;
        margin-left: 24px;
        width: calc(25% - 24px);
}
        .table-list-basic01 dd {
            width: 75%;
         }

    .table-list-basic01 a:hover {
        background-color: #eee;
    }


.dl-table-ca00 {
    display: table;
    width: 100%;
    margin: 8px 0;
    border-top: 1px solid #ccc;
    font-size: 14px;
}

    .dl-table-ca00 dl {
        display: table-row;
    }

        .dl-table-ca00 dl dt,
        .dl-table-ca00 dl dd {
            display: table-cell;
            padding: 8px;
            border-bottom: 1px solid #ccc;
        }

        .dl-table-ca00 dl dt {
            width: 18%;
            font-weight: 600;
        }

        .dl-table-ca00 dl dd {
            border-left: 1px dotted #ccc;
        }




.dl-table-ca01 {
    display: table;
    width: 100%;
    margin: 8px 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 14px;
}

    .dl-table-ca01 dl {
        display: table-row;
    }

        .dl-table-ca01 dl dt,
        .dl-table-ca01 dl dd {
            display: table-cell;
            padding: 8px;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
        }

        .dl-table-ca01 dl dt {
            width: 18%;
            font-weight: 600;
            background-color: #f2fff7;
        }

        .dl-table-ca01 dl dd {}

.dl-table-ca01.small {}

    .dl-table-ca01.small dl {}

        .dl-table-ca01.small dl dt,
        .dl-table-ca01.small dl dd {}

        .dl-table-ca01.small dl dt {}

        .dl-table-ca01.small dl dd {}

.dl-table-ca01-weight-wrapper {margin-bottom: 16px;}

.dl-table-ca01.weight {
    font-size: 11px;
}

    .dl-table-ca01.weight dl {}

        .dl-table-ca01.weight dl dt,
        .dl-table-ca01.weight dl dd {
            width: 9%;
            padding: 8px 0;
            text-align: center;
            white-space: nowrap;
        }

        .dl-table-ca01.weight dl dt {}

        .dl-table-ca01.weight dl dd {}

.dl-table-ca01.vaccine {}
.dl-table-ca01.vaccine dt,
.dl-table-ca01.vaccine dd {text-align:center;}




/* 05 icon
-----------------------------------------------------------------------------------------*/

[class^="ico-"] {
    position: relative;
    display: inline-block;
    border-radius: 2px;
/*
    font-family: "MS PGothic", "Osaka", Arial, sans-serif;
    text-shadow: -1px -1px 0 rgba(0,0,0,.35);
*/
}

[class^="ico-"][class*="-square"],
[class="ico-home"] {
/*
    font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-shadow: 0 0 0 rgba(0,0,0,0);
*/
}

[class^="ico-"]:after {
/*
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top,       rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 100%);
    background:    -moz-linear-gradient(top,       rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 100%);
    background:         linear-gradient(to bottom, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 100%);
    border-radius: 2px;
*/
}

[class^="ico-"][class*="-square"]:after {display: none;}

.ico-new {
    display: inline-block;
    margin-left: 1em;
    padding: 2px 4px;
    font-size: 10px;
    color: #e21414;
    border: 1px solid #ff9898;
    font-family: arial;
}
/* 20180519 4mix t.o */
.ico-new-box {
    position: absolute;
    top: 50px;
    left: 0;
    background-color: #e21414;
    /*-moz-transform: rotate(-23deg);
    -webkit-transform: rotate(-23deg);
    -o-transform: rotate(-23deg);
    -ms-transform: rotate(-23deg);
    transform: rotate(-23deg);*/
}
.ico-new-box span {
    border: none;
    font-size: 11px;
    color: #fff;
    margin: 0;
    display: block;
    /*text-shadow: 0 0 20px #edf8ff, 0 0 20px #edf8ff, 0 0 1px #fff;*/
}

.ico-info {
    display: inline-block;
    box-sizing: border-box;
    width: 8em;
    padding: 2px 2px;
  margin: 4px 0 2px;
    font-size: 12px;
    color: #757575;
    text-align: center;
    background-color: #ccc;
}

/* イベント */     .ico-info.event    {background-color: #ffd4f3;}/*01.fe90e0*/
/* サービス */     .ico-info.service  {background-color: #b3eaea;}/*02.3bc8ca*/
/* お店 */         .ico-info.shop     {background-color: #fdd6ab;}/*03.fb9527*/
/* セール */       .ico-info.sale     {background-color: #f2dcf5;}/*04.dea5e5*/
/* リリース */     .ico-info.release  {background-color: #c9ebde;}/*05.73ccaa*/
/* 求人情報 */     .ico-info.recruit  {background-color: #b8e0f6;}/*06.48aee8*/
/* NEW OPEN */     .ico-info.open     {background-color: #f8d0d6;}/*07.ed8795*/
/* ニュース */     .ico-info.news     {background-color: #f3dcb6;}/*08.e1a444*/
/* 動物病院 */     .ico-info.hospital {background-color: #d0eba1;}/*09.86cb0e*/
/* 周年祭 */       .ico-info.festa    {background-color: #fae1a5;}/*10.f2b218*/
/* コンテンツ */   .ico-info.contents {background-color: #ddd2b8;}/*11.a88a49*/
/* キャンペーン */ .ico-info.campaign {background-color: #f8c7d9;}/*12.ed6e9e*/

/* ニュース */ .ico-info.news {background-color: #b0b0b0;}/*13.333*/

/*20170714追記大和田*/
.h3-basic01 .now-date {
  display: inline-flex;
  font-size: 15px;
    font-weight: 100;
    text-align: right;
}

.ico-gender {
    padding: 2px 4px;
    line-height: 1;
    color: #fff;
    font-size: 11px;
/*border-radius: 2px;*/
}
.ico-gender.girl {
    background-color: #ea7dca;
}
.ico-gender.boy {
    background-color: #48aee8;
}


.ico-ca {
    display: inline-block;
    box-sizing: border-box;
    width: 76px;
    padding: 3px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    vertical-align: text-top;
}
/* おすすめ */   .ico-ca.recommended {background-color: #faa003;}
/* めずらしい */ .ico-ca.rare        {background-color: #0386f5;}
/* 動画あり */   .ico-ca.movie       {background-color: #f70718;}
/* ベタなれ */   .ico-ca.tame        {background-color: #f54d80;}
/* 20180517 4mix t.o */
.bookmark_list .ico-ca.movie {
    background-color: #fff;
    color: #333;
    width: auto;
    /*text-indent: -9999px;
    background: url("/files/user/img/icon/movie-icon.png") no-repeat;
    */
}

.ico-shop {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
    vertical-align: text-top;
    text-align: center;
    vertical-align: top;
    padding: 0 4px;
}
/* 駐車場あり */       .ico-shop.parking     {background-color: #288acf;}
/* 動物病院あり */     .ico-shop.hospital    {background-color: #85cb0e;}
/* トリミングあり */   .ico-shop.trimming    {background-color: #ec974d;}
/* ペットホテルあり */ .ico-shop.hotel       {background-color: #5bb5b8;}
/* マナー教室あり */   .ico-shop.manner      {background-color: #cf9d69;}
/* 往診あり */         .ico-shop.house-calls {background-color: #85cb0e;}
/* アクアあり */       .ico-shop.aqua        {background-color: #3779dc;}
/* 大型店 */           .ico-shop.large-store {background-color: #c1a1c9;}
/* セレクトショップ */ .ico-shop.select-shop {background-color: #8fbb00;}/*bbd41b*/
/* スタッフ募集中 */   .ico-shop.recruit     {background-color: #e280bb;}
/* NEW */   .ico-shop.new     {background-color: #f53b3b;}
/* ペットシティ */   .ico-shop.city     {background-color: #8399b7;}

.bookmark_list .ico-shop.select-shop {
    color: #8fbb00;
    border: 2px solid;
    background: #fff;
    font-weight: bold;
    line-height: 1.5em;
    border-radius: 4px;
}

.name .ico-shop.select-shop {
    width: auto;
    padding: 0 8px;
}

.ico-ca-square,
.ico-shop-square,
.ico-hospital-square {
    display: inline-block;
    box-sizing: border-box;
    /* width: 46px; */
    /* height: 46px; */
    padding: 2px;
    border: 2px solid;
    border-radius: 4px;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 600;
    vertical-align: text-bottom;
    text-align: center;
}

/* おすすめ */   .ico-ca-square.recommended {color: #faa003;}
/* めずらしい */ .ico-ca-square.rare        {color: #0386f5;}
/* ベタなれ */   .ico-ca-square.tame        {color: #f54d80;}

/* 駐車場あり */       .ico-shop-square.parking     {color: #288acf;}
/* 動物病院あり */     .ico-shop-square.hospital    {color: #85cb0e;}
/* トリミングあり */   .ico-shop-square.trimming    {color: #ec974d;}
/* ペットホテルあり */ .ico-shop-square.hotel       {color: #5bb5b8;}
/* マナー教室あり */   .ico-shop-square.manner      {color: #cf9d69;}
/* 往診あり */         .ico-shop-square.house-calls {color: #85cb0e;}
/* アクアあり */       .ico-shop-square.aqua        {color: #3779dc;}
/* 大型店 */           .ico-shop-square.large-store {color: #c1a1c9;}
/* セレクトショップ */ .ico-shop-square.select-shop {color: #bbd41b;}
/* スタッフ募集中 */   .ico-shop-square.recruit     {color: #e280bb;}

/* NEW */
.ico-ca-square.new,
.ico-shop-square.new       {color: #c00;}



/* 20180517 4mix t.o */
.bookmark_list .ribbon-box {
    position: absolute;
    top: 11x;
    left: 0;
    text-align: center;
/*
    transform: rotate(-45deg);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
*/
}
.bookmark_list .ribbon-box {
    top: 11px;
    left: 0;
    /*right: 0;
    margin: auto;*/
    text-align: center;
    width: 70%;
}
.ribbon {
    padding: 6px 8px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}
/* 20180518 4mix t.o */
.bookmark_list .ribbon {
    padding: 7px 8px;
    font-size: 15px;
}
#ri-happy {
    color: #fff;/*#8e3609*/
    background-color: #e47055;
}
#ri-happy::after {
    border-top: 11px solid #e47055;
    border-right: 7px solid transparent;
    border-bottom: 11px solid #e47055;
    border-left: 0 solid #e47055;
}
/* 20180517 4mix t.o */
/*.bookmark_list #ri-happy::before {
    border-top: 14px solid #e47055;
    border-left: 8px solid transparent;
    border-bottom: 15px solid #e47055;
}*/
.bookmark_list #ri-happy::after {
    border-top: 14px solid #e47055;
    border-right: 8px solid transparent;
    border-bottom: 15px solid #e47055;
}
/*.bookmark_list #ri-happy::after {
    border-bottom: 9.5px solid #e47055;
}*/
#ri-wannyan {
    background-color: #3891e7;
}
#ri-wannyan::after {
    border-top: 11px solid #3891e7;
    border-right: 7px solid transparent;
    border-bottom: 11px solid #3891e7;
    border-left: 0 solid #3891e7;
}
/* 20180518 4mix t.o */
.bookmark_list #ri-wannyan::before {
    border-top: 14px solid #3891e7;
    border-left: 8px solid transparent;
    border-bottom: 15px solid #3891e7;
}
.bookmark_list #ri-wannyan::after {
    border-top: 14px solid #3891e7;
    border-right: 8px solid transparent;
    border-bottom: 15px solid #3891e7;
}

/* 20180518 4mix t.o change*/
#ri-happy::before,
#ri-wannyan::before {
    position: absolute;
    top: 0;
    left: -8px;
    content: "";
}
#ri-happy::after,
#ri-wannyan::after {
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
}

.ribbon-box02 {
    position: absolute;
    left: 0;
    bottom: 100%;
    /* float: left; */
    /* margin-right: 12px; */
}

#estimate .animal_name {
    position: relative;
}
#estimate .ribbon-box02 {
    position: inherit;
    float: left;
    width: 100%;
}

.ribbon-box02 .ribbon {
    float: left;
    display: inline-block;
    position: relative;
}

#estimate .ribbon-box02 .ribbon {
    float: none;
}

.ribbon-box02 .ribbon:first-child {margin-right: 16px;}

.ribbon-box02 .ribbon:after {
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
    width: 0;
    height: 0;
}











#ri-cam01 {background-color: #62ad36;}
#ri-cam02 {background-color: #fad723;}

#ri-cam01::after,
#ri-cam02::after {
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
}

#ri-cam01::after {
    border-top: 11px solid #62ad36;
    border-right: 7px solid transparent;
    border-bottom: 11px solid #62ad36;
    border-left: 0 solid #62ad36;
}


#ri-cam02::after {
    border-top: 11px solid #fad723;
    border-right: 7px solid transparent;
    border-bottom: 11px solid #fad723;
    border-left: 0 solid #fad723;
}


.bookmark_list #ri-cam01::after {
    border-top: 14px solid #62ad36;
    border-right: 8px solid transparent;
    border-bottom: 15px solid #62ad36;
    border-left: 0 solid #62ad36;
}

.bookmark_list #ri-cam02::after {
    border-top: 14px solid #fad723;
    border-right: 8px solid transparent;
    border-bottom: 15px solid #fad723;
    border-left: 0 solid #fad723;
}














[class^="ico-text-"] {
    display: inline-block;
    font-size: 11px;
}
.ico-text-new {
    color: #f00;
}


/* ニューオープン */
.ribbon.new-open {background-color: #CF2B43;}
.ribbon.new-open:after {
    border-top: 11px solid #CF2B43;
    border-right: 7px solid transparent;
    border-bottom: 11px solid #CF2B43;
    border-left: 0 solid #CF2B43;
}
.new-open #h2-shop-wrapper01 {
    border-bottom: 2px solid #CF2B43;
}
.new-open #side02 .h3-side01 a {
    background-color: #ee586c;
    border: 1px solid #e4364f;
}
.new-open #side02 .h3-side01 a:hover {
    background-color: #f27e8d;
}
.new-open #side02 .shop-data01 {
    background-color: #fff3f4;
}
.new-open #side02 .side-nav01 > ul > li.current > a {
    background-color: #f47485;
    border: 1px solid #f47485;
}
/* //ニューオープン */
/* アニバーサリー */
.ribbon.anniv {background-color: #F2A005;}
.ribbon.anniv:after {
    border-top: 11px solid #F2A005;
    border-right: 7px solid transparent;
    border-bottom: 11px solid #F2A005;
    border-left: 0 solid #F2A005;
}
.anniv #h2-shop-wrapper01 {
    border-bottom: 2px solid #F2A005;
}
.anniv #side02 .h3-side01 a {
    background-color: #d78a25;
    border: 1px solid #c5731b;
}
.anniv #side02 .h3-side01 a:hover {
    background-color: #fcaf39;
}
.anniv #side02 .shop-data01 {
    background-color: #fff9f3;
}
.anniv #side02 .side-nav01 > ul > li.current > a {
    background-color: #f6b348;
    border: 1px solid #f6b348;
}
/* //アニバーサリー */
/* リニューアル リフレッシュ*/
.ribbon.renewal,.ribbon.refresh {background-color: #0C89C4;}
.ribbon.renewal:after,
.ribbon.refresh:after {
    border-top: 11px solid #0C89C4;
    border-right: 7px solid transparent;
    border-bottom: 11px solid #0C89C4;
    border-left: 0 solid #0C89C4;
}
.renewal #h2-shop-wrapper01,
.refresh #h2-shop-wrapper01 {
    border-bottom: 2px solid #0C89C4;
}
.renewal #side02 .h3-side01 a,
.refresh #side02 .h3-side01 a {
    background-color: #3182a9;
    border: 1px solid #0c89c4;
}
.renewal #side02 .h3-side01 a:hover,
.refresh #side02 .h3-side01 a:hover {
    background-color: #41aad5;
}
.renewal #side02 .shop-data01,
.refresh #side02 .shop-data01 {
    background-color: #eff7fb;
}
.renewal #side02 .side-nav01 > ul > li.current > a,
.refresh #side02 .side-nav01 > ul > li.current > a {
    background-color: #3d94b8;
    border: 1px solid #3d94b8;
}
/* //リニューアル リフレッシュ*/

.ico-shop-square-s {
    color: #ccc;
    padding: 2px 4px;
    border: 2px solid;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    vertical-align: text-bottom;
    text-align: center;
}
#new-open.ico-shop-square-s {color: #CF2B43;}
#renewal.ico-shop-square-s {color: #0C89C4;}
#refresh.ico-shop-square-s {color: #0C89C4;}
#anniv.ico-shop-square-s {color: #F2A005;}



.icon-area01 {
    position: absolute;
    top: 16px;/* 20170808 4mix t.o changed */
    right: 16px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    background-color: #9e9797;
    border-radius: 12px;
}

/* 97 zukan
-----------------------------------------------------------------------------------------*/
.ul-index01 {
    overflow: hidden;
    margin-bottom: 16px;
}
    .ul-index01 li {
        float: left;
        margin-right: 8px;
        margin-bottom: 8px;
    }
.zukan-menu {
    background: #f5f5f7;
    margin-bottom: 22px;
}
.ul-index01.ul-index02 {
    margin: 0 4px;
    padding-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.ul-index01.ul-index02.close {
    display: none;
}
.ul-index01.ul-index02 a {
        padding: 2px 0;
        width: 100%;
        height: 100%;
        display: flex;
        line-height: 1.2em;
        justify-content: center;
        align-items: center;
    background: #fff;
    }
.ul-index01.ul-index02 li {
    width: calc(100%/5 - 14px);
    margin: 6px 6px;
}
        .ul-index01 li a {
            display: block;
            padding: 6px 16px;
            color: #4a8326;
            font-size: 11px;
            text-decoration: none;
            line-height: 1;
            border: 1px solid;
            border-radius: 4px;
        }
        .ul-index01 li a:hover {
            color: #fff;
            background-color: #4a8326;
        }

.ul-index01.group {}
    .ul-index01.group  li {}
        .ul-index01.group  li a {}

.ul-index01.body-size {}
    .ul-index01.body-size li {}
        .ul-index01.body-size li a {}

.ul-index01.hair {}
    .ul-index01.hair li {}
        .ul-index01.hair li a {}

/* 円 (マイナス)*/
.minus2 {
  font-size: 15px;
  position: relative;
  /*border: 0.1em solid #bababa;
  border-radius: 100%;*/
    margin-left: auto;
}
/* 横 */
.minus2::before {
  position: absolute;
    top: 13px;
    right: 0;
    width: 16px;
    height: 2px;
    content: "";
    background-color: #bababa;
}
.group-txt.active .minus2 {
    display: none;
}

/* 円 （プラス）*/
.plus2 {
  font-size: 15px;
  position: relative;
  /*width: 1.4em;
  height: 1.4em;
  border: 0.1em solid #bababa;
  border-radius: 100%;
    display: block;*/
    margin-left: auto;
}
/* 縦 */
.plus2::before {
  position: absolute;
    top: 6px;
    left: -9px;
    width: 2px;
    height: 16px;
    content: "";
    background-color: #bababa;
}
/* 横 */
.plus2::after {
  position: absolute;
    top: 13px;
    right: 0;
    width: 16px;
    height: 1.8px;
    content: "";
    background-color: #bababa;
}
.group-txt .plus2 {
    display: none;
}
.group-txt.active .plus2 {
    display: block;
}

.ul-picture-book01 {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.ul-picture-book01 li {
    width: calc(50% - 8px);
    margin-right: 16px;
    box-sizing: border-box;
    margin-top: 16px;
    border: 1px dotted #ccc;
}

 .ul-picture-book01 li:nth-child(2n) {
    margin-right: 0;
}
    
.ul-picture-book01 li a {
    overflow: hidden;
    display: table;
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    color: #333;
    text-decoration: none;
}
.ul-picture-book01 li a:hover {
    background-color: #eee;
}
.ul-picture-book01 li a span {
    display: table-cell;
    vertical-align: middle;
}
.ul-picture-book01 li a .name {
    padding: 1em;
}
.ul-picture-book01 li a .pic {
    width: 10%;
}

.ul-picture-book01 li a .pic i {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    /*width: 95px;*/
    height: 83px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    text-align: center;
    background-color: #fff;
}

.ul-picture-book01 li a img {
    height: 100%;
    margin: auto;
}

/* 98 form
-----------------------------------------------------------------------------------------*/
.dl-form01-table {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 22px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
}
.dl-form01-row {display: table-row;}

.dl-form01-row dt,
.dl-form01-row dd {
    display: table-cell;
    padding: 8px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.dl-form01-row dt {
    width: 25%;
    font-size: 14px;
}
#popup .reg_form_pc {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
}
#popup .reg_form_pc th {
    width: 25%;
    background-color: #f1f2f3;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#popup .reg_form_pc td {
    width: 75%;
    border-bottom: 1px solid #ccc;
}
.dl-form01-th {
    background-color: #f1f2f3;
}
.dl-form01-row dd {width: 75%;}

.dl-form01-table input[type="text"],
.dl-form01-table input[type="password"] {
    box-sizing: border-box;
    width: 70%;
}
.dl-form01-table textarea {
    box-sizing: border-box;
    width: 100%;
}
.dl-form01-table input[type="text"],
.dl-form01-table input[type="password"],
.dl-form01-table textarea,
.dl-form01-table select {
    padding: 8px;
}
.dl-form01-table textarea {
    height: 8em;
}
.dl-form01-row dt {
    background-color: #f1f2f3;
}
/* .dl-form01-row dt */.required {
    display: inline-block;
    margin-left: 0.5rem;
    color: #cc0000;
}

.ul-form-btn01 {
    margin: 22px 0 30px 0;
    text-align: center;
}
    .ul-form-btn01 li {
        display: inline-block;
        margin: 0 8px;
        width: 20%;
    }

.ul-form-btn01 li input[type="submit"] {
    color: #fff;
    background-color: #2d6d49;
}

.ul-form-btn01 li input[type="submit"]:hover {
    background-color: #229b58;
}

.ul-form-btn01 .btn-basic01 {
    width: 100%;
}

/*blog*/
.blog_contents {
    line-height: 1.8em;
}


/*popup*/
#popup {
    padding-top: 44px;
}
#popup #header {
    border-bottom: 1px solid #cbcbcb;
}
#popup #logo {
    margin-top: 6px;
    box-sizing: border-box;
    height: 32px;
    padding: 8px 0 8px 149px;
    background-image: url(/files/user/img/logo.png);
    background-repeat: no-repeat;
    background-size: 133px 27px;
    font-size: 14px;
    background-position: 0 0;
}

#popup h2 {
    font-weight: 600;
    margin-bottom: .5em;
}

#popup-footer {
    margin-top: 44px;
    padding: 0 0 12px 0;
    background-color: #2a2825;
}

#popup-footer .inner-wrap {
    width: 100%;
    text-align: center;
}

#popup-footer #copyright {
    float: none;
    color: #bbb;
}

#popup ul {}
#popup ul li {margin-top:1em;}
#popup ul li:first-child {margin-top:0;}

#popup.total_estimate ul li {margin-top: 0;}

.btn-win-close {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 12px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    background-color: #565656;
    transition: all .3s linear;
}

.btn-win-close:hover {
    background-color: #2b2b2b;
}

/*estimate*/

.h2-estimate01 {
    position: relative;
    margin-bottom: 11px;
    padding: 8px 16px;
    font-size: 14px;
    color: #fff;
    background-color: #b3b3b3;
    /* border: 1px solid #ccc; */
    /* border-bottom: 1px solid #ccc; */
    line-height: 1;
}


#estimate .animal_detail {
    display: flex;
    overflow: hidden;
    margin-bottom: 22px;
}
    #estimate .animal_detail .thumb {
        float: left;
        width: 40%;
/*height: 250px;*/
        margin-right: 16px;
        background-color: #eee;
    }
    
        #estimate .animal_detail .thumb img {width: 100%;}
    
    /*#estimate .animal_detail table {
        width: -webkit-calc(100% - 42%);
        width: -moz-calc(100% - 42%);
        width: calc(100% - 42%);
    }*/
        #estimate .animal_detail table th {
            width: 20%;
        }

        .detail-box {
            width: 60%;
        }

.animal_name {
    margin-bottom: 22px;
    padding-bottom: 8px;
    border-bottom: 2px solid;
}
.animal_name h3,
.animal_name p {
    display: inline-block;
}
.animal_name h3 {font-size: 24px;}
.animal_name p {
    padding-left: 1.5em;
    font-size: 14px;
}

.shop_info {
    /* box-sizing: border-box;
    display: flex;
    width: -webkit-calc(100% - 42%);
    width: -moz-calc(100% - 42%);
    width: calc(100% - 42%);*/
    padding: 8px;
    background-color: #eee;
    margin-top: 23px;
}
.shop_info .shop_nm,
.shop_info .tel {display: inline-block;}
.shop_info .shop_nm {padding-right: 1.5em;}
.shop_info .tel {}

.shop_inquiry_tel a {
    text-decoration: none;
    pointer-events: none;
}

.price_list {font-weight: 600;}
    .price_list li{
        padding: 16px 0;
        border-top: 1px dotted #9c9c9c;
    }
        .price_list li .wrap {
            overflow: hidden;
        }
            .price_list li .wrap h4,
            [id$="_price_label"],
            .total_price .wrap h4 {
                display: inline-block;
            }

            .price_list li .wrap h4,
            .total_price .wrap h4 {
                width: 25%;
            }
            [id$="_price_label"] {}

.est-tax,
.est-notice {
    font-size: 12px;
}

.total_price {
    margin-bottom: 22px;
    padding: 16px 0;
    border-top: 3px double #9c9c9c;
    border-bottom: 3px double #9c9c9c;
    font-weight: 600;
}

#popup .qr {
    text-align: right;
    margin-bottom: 22px;
}

#popup .qr p:before {
    content: "携帯・スマートフォンでみる";
}

.box-estimate01 {
    padding: 16px;
    font-size: 12px;
    line-height: 1.8;
    background-color: #fbfbfb;
    border: 1px solid #ccc;
    border-radius: 8px;
}

    .about_estimate {color: #f00;}

.btn-print-basic-wrap {
    margin: 16px 0;
    padding: 16px;
    text-align: center;
    background-color: #efefef;
}

.btn-print-basic {
    display: inline-block;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid;
    border-radius: 4px;
    width: fit-content;
    margin: 0 auto;
}
#contents .btn-print-basic p {
    margin-bottom: 0;
    line-height: 1em;
}
.btn-print-basic p span {
    padding: 8px 16px;
    display: inline-block;
}
.btn-print-basic p span:before {
    content: "\f02f";
    font-family: FontAwesome;
}

.btn-print-basic:hover {
    color: #fff;
    background-color: #333;
}

.bookmark-no-count {
    display: none;
}



.table_point_popup01-wrap {
    text-align: center;
}

.table_point_popup01 {
    margin: auto;
    border-top:1px solid #59483E;
    border-left:1px solid #59483E;
}

.table_point_popup01 th,
.table_point_popup01 td {
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid #59483E;
    border-right:1px solid #59483E;
}
.table_point_popup01 th div,
.table_point_popup01 td div {
    padding:5px;
}

.table_point_popup01 .th01 {background:#e2e2e2;}
.table_point_popup01 .th02 {background:#f6ead2;}
.table_point_popup01 .th03 {background:#bfeef7;}
.table_point_popup01 .th04 {background:#fcdde1;}

.table_point_popup01 .td01 {background:#f0f0f0;}
.table_point_popup01 .td02 {background:#faf4e8;}
.table_point_popup01 .td03 {background:#dff6fb;}
.table_point_popup01 .td04 {background:#fdeef0;}

/*
.table_point_popup01 td div {
    background:#fff;
}
*/
.table_point_popup01 td div dl {
}
.table_point_popup01 td div dl dt {
    margin-bottom:5px;
    color: #59483E;
    font-weight: bold;
    font-size: 14px;
    line-height:1.6;
}

.table_point_popup01 td div dl dt.line_bottom {
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px dotted #59483E;
}

.table_point_popup01 td div dl dt span {
    color: #59483E;
    font-size: 10px;
    font-weight:normal;
}
.table_point_popup01 td div dl dd {
    color: #F39801;
    font-size: 20px;
    font-weight: bold;
}
.table_point_popup01 td div dl dd span {
    font-size: 16px;
}

.box-no-result-wrap {
    padding: 16px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    text-align: center;
}

.nocount h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

.box-no-result {
    margin-top: 16px;
    padding: 16px;
    border: 1px dotted #ccc;
    background-color: #fff;
}

.box-no-result .btn {
    margin-top: 8px;
    text-align: center;
}

.box-no-result .btn a {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    margin: auto;
    padding: 12px 16px;
    color: #fff;
    text-align: center;
    background-color: #039241;
    border: 1px solid #007c36;
    border-radius: 4px;
    text-decoration: none;
    line-height: 1;
    font-size: 16px;
    box-shadow: 0 2px 0 rgba(0,0,0,.35);
}

    .box-no-result .btn a:active {
        transform: translateY(2px);
        box-shadow: 0 0 0 rgba(0,0,0,0);
    }

#ca-detail-img-wrapper {}
#ca-detail-img-wrapper .print-photo {display: none;}


.inquiry_table {
    width: 100%;
    margin-top: 22px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.inquiry_table th {
    width: 25%;
    font-size: 14px;
    background-color: #eee;
}
.inquiry_table td {}

.inquiry_table th,
.inquiry_table td {
    padding: 8px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.inquiry_table .line_ext_02,
.inquiry_table .line_ext_03,
.inquiry_table .line_ext_04 {display: none;}







.box-my-favorite01 {
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    background-color: #ff8a82;
    border: 1px solid #c55959;
    box-shadow: 0 2px 4px rgba(0,0,0,0.45);
}

.box-my-favorite01 .my-favorite {
    padding: 10px 16px;
    width: 100%;
    justify-content: space-between;
}

.box-my-favorite01 .my-favorite + .to-fav-list {display: none;}

.box-my-favorite01 .my-favorite.added + .to-fav-list {
    display: block;
    padding-bottom: 16px;
    width: 100%;
}

.box-my-favorite01 .my-favorite:after {width: 12em;}


#my-favorite-balloon p.img {
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    border: 2px solid #f3f3f3;
}

.btn-basic01.favor {
    width: 100%;
    color: #fff !important;
    font-size: 12px !important;
    padding: 8px;
    /*background-image: url(/files/user/img/stripe04.png);*/
    background-color: #5a340f;/*#f74653*/
    border: 1px solid #401c03;/*#c12a2a*/
    box-shadow: 0 2px 0 rgba(0,0,0,.3);
    white-space: nowrap;
}

.btn-basic01.favor:hover {
    text-decoration: none !important;
}

.btn-basic01.favor.sp-active,
.btn-basic01.favor:active {
    transform: translateY(2px);
    box-shadow: 0 0 0 rgba(0,0,0,0);
}


.ul-icons01 {
    /*min-height: initial;*/
    /*min-height: 48px;*/
}



#side-ca-info {
    padding: 8px;
    background-color: #d1d2d5;/*#e7e7e7*/
    font-size: 12px;
}

#side-ca-info h3 {
    font-weight: 600;
}

#side-ca-info p {
    margin-top: 8px;
    font-size: 10px;
}

.dl-post-date {
    display: table;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    padding: 8px;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #fff;
}
.dl-post-date dt,
.dl-post-date dd {}

.dl-post-date dt {
    display: table-cell;
}

/*.dl-post-date dd {margin-bottom: 8px;}*/



.table-manner01 {
/*overflow-x: scroll;*/
}

.table-manner01 h4 {
    display: none;
}

.table-manner01 table {
    width: 100%;
    font-size: 12px;
    border: 1px solid transparent;
}

.table-manner01 table th,
.table-manner01 table td {
    width: 12.5%;
    vertical-align: top;
}

.table-manner01 table th {
    text-align: center;
}

.table-manner01 table td {
    padding: 8px !important;
    border: 1px solid #bfb2a1;
}

.table-manner01 table td p {
    margin: 0 !important;
    line-height: 1.8 !important;
    font-size: 12px !important;
    height: 170px;
}

.table-manner01 table tr td:first-child {
    background-color: #f2f1ef;
}

.table-manner01 table tr td:first-child a,
.table-manner01.lecturer th a {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 8px;
    color: #513c22;
    border: 2px solid #513c22;
    line-height: 1;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
}

.table-manner01 table tr td:first-child a:hover,
.table-manner01.lecturer th a:hover  {
    color: #fff;
    background-color: #513c22;
}

.table-manner01 table tr:first-child td:first-child {
    background-color: transparent;
    border: 0;
}

.table-manner01 p.time {
    margin-top: 8px;
    padding: 8px;
    background-color: #f1ece1;
}

.table-manner01.lecturer {}

.table-manner01.lecturer th {
    width: 25%;
}
.table-manner01.lecturer td {
    width: 75%;
}


.table-manner01 p.shop {
    display: inline;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 8px;
    color: #513c22;
    border: 2px solid #513c22;
    line-height: 1;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
}
.table-manner01 p.shop a {
    color: #513c22;
    text-decoration: none;
}
.table-manner01 p.shop:hover {
    color: #fff;
    background-color: #513c22;
}
.table-manner01 p.shop:hover a {
    color: #fff;
}
.free,
.triming-intro,
.shop-coution {
    margin-bottom: 32px;
}
.ul-sitemap01 {font-size: 14px;}
.ul-sitemap01 li {margin-top: 12px;}
.ul-sitemap01 li a {
    display: inline-block;
    text-decoration: none;
    transition: all .3s linear;
}
.ul-sitemap01 li a:before {
    font-family: Fontawesome;
    margin-right: .35em;
}
.ul-sitemap01 li a:hover {
    opacity: .75;
}

    .ul-sitemap01 > li {margin-top: 0;}
        .ul-sitemap01 > li > a {}
        .ul-sitemap01 > li > a:before {content: "\f015";color: #f98b76;}

        .ul-sitemap01 > li > ul {
                /*padding-left: 16px;*/
            display: flex;
            flex-wrap: wrap;
        }
.ul-sitemap01 > li > ul > li {
    width: calc(100%/3 - 12px);
    box-sizing: border-box;
    border-radius: 3px;
    margin: 6px;
    padding: 8px;
    background: #f1f1f1;
}
                .ul-sitemap01 > li > ul > li > a {}
                .ul-sitemap01 > li > ul > li > a:before {content: "\f138";color: #378e00;}

                .ul-sitemap01 > li > ul > li > ul {
                        padding-left: 16px;
                }
                    .ul-sitemap01 > li > ul > li > ul > li {}
                        .ul-sitemap01 > li > ul > li > ul > li > a {}
                        .ul-sitemap01 > li > ul > li > ul > li > a:before {content: "\f105";}

.ul-arrow01 {}
    .ul-arrow01 li {
        margin-bottom: 8px;
    }
    .ul-arrow01 li:before {
        font-family: Fontawesome;
        content: "\f138";
        color: #1e874a;
    }
        .ul-arrow01 li a {
            text-decoration: none;
            padding-left: 3px;
        }
        .ul-arrow01 li a:hover {
            text-decoration: underline !important;
        }

.ul-flex01 {
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
    display: flex;
}


.ul-flex01.between {
    justify-content: space-between;
}

.ul-flex01.col4 li {width: 22%;}

.ul-flex01 li .btn-basic01 {display: block;}


.box-wallpaer-basic01 {
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
    display: flex;
    justify-content: space-around;
    padding: 8px;
}
    .box-wallpaer-basic01 .thumb {
    }
        .box-wallpaer-basic01 .thumb img {
            box-sizing: border-box;
            width: -webkit-calc(100% - 2px);
            width: -moz-calc(100% - 2px);
            width: calc(100% - 2px);
            height: auto;
            border: 1px solid #ccc;
        }
.ul-btn-download01 {
/* 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: space-between;
}
    .ul-btn-download01 li {}
        .ul-btn-download01 li a {
            display: block;
            box-sizing: border-box;
            padding: 4px 8px;
            color: #4a8326;
            font-size: 12px;
            text-decoration: none;
            text-align: center;
            line-height: 1;
            border-radius: 4px;
            border: 2px solid #4a8326;
        }
        .ul-btn-download01 li a:hover {
            color: #fff;
            background-color: #4a8326;
        }

#wallpaper > li {
    min-height: 142px;
    height: auto;
}

.ul-mailmagazine01 {}
    .ul-mailmagazine01 li {}
    .ul-mailmagazine01 li:before {
        font-family: Fontawesome;
        content: "\f0e0";
        display: inline-block;
        margin-right: 8px;
        transform: rotateZ(-15deg);
        color: #83bd9c;
    }

.btn-box-center01 {
    padding: 16px;
    text-align: center;
    background-color: #edeff3;
}
    .btn-box-center01 form {
/* flex 20170523 start */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
/* flex 20170523 end */
        display: flex;
        justify-content: center;
    }

/* 20171011 4mix t.o start */
.btn-wrap-bg {
    display: flex;
    justify-content: space-between;
} 

.btn-box-center02 {
    box-sizing: border-box;
    display: block;
    padding: 8px 10px;
    position: relative;
    width: 49%;
    height: 90px;
    text-align: center;
    background-color: #edeff3;
}
.about_trimming .btn-box-center02 {
    height: auto;
}

#contents .btn-box-center02 p {
    margin-bottom: 8px;
}

#contents .btn-box-center02 .btn-basic01-wrap {
    width: 100%;
    position: absolute;
    top: 38%;
    left: 0;
}

#contents .btn-box-center02 .btn-basic02-wrap {
    width: 100%;
    position: absolute;
    top: 30%;
    left: 0;
}
/* 20171011 4mix t.o end */

input[name="f000033763"] {
    font-size: 16px;
    padding: 8px;
    width: 20em;
    border: 1px solid #adadad;
}
input[name="p000033839"] {
    border: 1px solid #adadad;
    font-size: 16px;
    padding: 8px;
}

/*.free-content.br2remove br + br + br {display: none;}*/

.type-icon {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.type-icon:before {
    font-family: Fontawesome;
    margin-right: 8px;
}
.type-icon.pc:before {content: "\f108";}
.type-icon.sp:before {
  content: "\f10b";
    font-size: 30px;
    line-height: 0;
  /*2017/07/13追記↓20170713大和田*/
  position: relative;
    top: 3px;
}

.ul-form01 {}

.ul-form02 {}
    .ul-form02 li {
        display: inline-block;
        margin: 0 !important;
    }



.hos-cal-icon-list {
    margin-top: 8px;
}
    .hos-cal-icon-list li {
        display: inline-block;
        margin-right: 1em;
    }


/* 動物病院フッタ 20171003 */
#ft-hospital {
    background-color: #dceed4;
}

#ft-hospital .inner-wrap {
    padding: 20px 0;
    line-height: 1;
}

.ft-hospital-innerbox {
    float: left;
    width: 50%;
}
.ft-hospital-list {}
.ft-hospital-list dd {
    min-width: 10em;
}
/*RCMS
#RCMSDebug,
#lightwindow_overlay,
#lightwindow {display: none;}
*/

/*maintenance*/
body#maintenance {
/* 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: center;
    width: 100%;
    height: 100%;
    padding: 0;
}
#maintenance-wrapper {}
.box-maintenance01 {
    padding: 8px;
}
.box-maintenance01 .warning {
    font-size: 144px;
    color: #cecece;
    line-height: 1;
}
.box-maintenance01 .comment {
    font-size: 18px;
    line-height: 2;
}
.box-maintenance01 .copyright {
    margin-top: 16px;
    font-size: 12px;
}

/*errtable
-----------------------------------------------------------------------------------------*/

#contents table.errtable {
    color: #c00 !important;
    margin-top: 24px;
    width: 100%;
    border: 1px solid;
}
#contents table.errtable th {
    font-weight: bold;
}
#contents table.errtable th,
#contents table.errtable td {
    text-align: center;
}




/*loading-mask <div id="loading-mask">loading...</div>
-----------------------------------------------------------------------------------------*/
#loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
display: none;
/*display: flex;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.75);
}

.spinner {
    width: 40px;
    height: 40px;
    background-color: #fcc;
    background-image: url(/files/user/img/search-tab-icon-shop.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
    0% { 
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    } 50% { 
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    } 100% { 
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.ani-dot01 {
    position: relative;

}
.ani-dot01:after {
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
    -webkit-animation: ani-dot01 1.5s infinite ease-in-out;
}

@-webkit-keyframes ani-dot01 {
    0% {content: "";}
    25% {content: ".";}
    50% {content: "..";}
    75% {content: "...";}
    100% {content: "....";}
}



#sec-rankingBox01 {margin-top: 32px;}
body[class*="detail"] #sec-rankingBox01 {
    float: right;
    width: 912px;
}



/* 99 adjustment
-----------------------------------------------------------------------------------------*/

.taL {text-align: left;}
.taC {text-align: center;}
.taR {text-align: right;}


.mt00 {margin-top: 0 !important;}
.mt08 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt12 {margin-top: 12px !important;}
.mt16 {margin-top: 16px !important;}
.mt20 {margin-top: 20px !important;}
.mt22 {margin-top: 22px !important;}
.mt30 {margin-top: 30px !important;}
.mt44 {margin-top: 44px !important;}

.mb00 {margin-bottom: 0 !important;}
.mb08 {margin-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb16 {margin-bottom: 16px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb22 {margin-bottom: 22px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb44 {margin-bottom: 44px !important;}

.pt00 {padding-top: 0 !important;}

.wAuto {width: auto !important;}
.w10per {width: 10% !important;}
.w15per {width: 15% !important;}
.w20per {width: 20% !important;}
.w25per {width: 25% !important;}
.w30per {width: 30% !important;}
.w35per {width: 35% !important;}
.w40per {width: 40% !important;}
.w45per {width: 45% !important;}
.w50per {width: 50% !important;}
.w55per {width: 55% !important;}
.w60per {width: 60% !important;}
.w65per {width: 65% !important;}
.w70per {width: 70% !important;}
.w75per {width: 75% !important;}
.w80per {width: 80% !important;}
.w85per {width: 85% !important;}
.w90per {width: 90% !important;}
.w100per {width: 100% !important;}

.flLimg {
    float: left;
    margin-right: 16px;
}
.flRimg {
    float: right;
    margin-left: 16px;
}
.flCimg {
    float: none;
    margin: 0;
    text-align: center;
}
    .flCimg img {
        margin: auto;
    }

/* 20170802 4mix t.o pc版非表示 */
.pc-non {
    display: none;
}


/* 20170828 4mix t.o start友達に紹介するフォーム */
#send_msg_modal_background{
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding: 0;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    z-index:1000;
}

#send_msg_modal_container{
    position:fixed;
    top:100px;
    bottom:0;
    left:0;
    right:0;
    padding: 0;
    z-index:1001;
}


#send_msg_modal_contents {
    position:relative;
    margin: 0 auto;
    width: 500px;
    background: #f0f0f0;
    border: 1px solid #aaa;
    border-top: none;
    z-index:1100;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
}

#send_msg_modal_close_btn{
    position:absolute;
    top:9px;
    right:9px;
    height:16px;
    width:16px;
    cursor:pointer;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
#send_msg_modal_close_btn:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

#send_msg_modal_contents .title {
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #aaa;
    background: #ccc;
    font-size:14pt;
    text-shadow: 0px 1px 1px #fff;
}

#send_msg_modal_contents .body {
    padding: 20px;
}

#f_send_intro input[name="from_name"] {
    width: 150px;
}

#f_send_intro input[name="from_mail"],
#f_send_intro textarea[name="to_mail"],
#f_send_intro input[name="subject"] {
    width: 300px;
}

#f_send_intro textarea[name="contents"] {
    width: 350px;
}
/* 20170828 4mix t.o end */

.animal-anc {
    margin:0 0 16px;
    display: flex;
}
.online_intro_inner h2:first-of-type {
    margin-top: 32px;
}
.online-intro {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: 16px 0;
}
.online-intro li {
    width: calc(25% - 16px);
    margin: 4px;
    padding: 4px;
}
.online-intro a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    line-height: 1.5em;
}

.netshop-main img {
    width: 100%;
    height: auto;
}
.animal-anc a {
    border: 1px dotted #bababa;
    width: calc(100%/3);
    display: block;
    text-align: center;
    border-radius: 4px;
    background-color: #ECECEC;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 7px 7px;
}

#content .sp-only,
#contents .sp-only {
    display: none;
}

/* 20170915 4mix t.o start */
.survey_pf {
    margin: 0 auto;
}
/* 20170915 4mix t.o end */

#content .icon_ex_wrap {
    margin-top: 20px;
}

#content .icon_ex_wrap dd {
    margin-bottom: 20px;
}
.icon_ex {
    display: flex;
    flex-wrap: wrap;
}
.icon_ex dl {
    width: calc(100%/3 - 16px);
    margin: 0 8px;
}

/*アンケート*/
/* 20171003 4mix t.o start */

#popup.present .description {
    margin-bottom: 30px;
}

#popup.present .h3_survey_q01 {
    margin-bottom: 10px;
    text-align: left;
}

#popup.present .inquiry_table {
    margin-top: 0;
}

#popup .survey_a ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#popup .survey_a li:first-child {
    margin: 0;
}

#popup .survey_a li {
    margin: 0 0 7px 0;
    text-indent: -1.5em;
    padding-left: 1.5em;
}

#popup .survey_a li {
    width: calc(48% - 1.5em);
}

/* 20171003 4mix t.o end */

body#popup.present input[type="text"],
body#popup.present textarea,
body#popup.present select {
    box-sizing: border-box;
    width: 100%;
    font-size: 16pt;
}

body#popup.present textarea {
    height: 4em;
}

#popup.present .example00,
#popup.present .example01,
#popup.present .note {
    font-size:14px;
    color: #868282;
}

.line_ext_01:nth-of-type(2n+1) .h4_survey_q01 .survey_q_num {
    color:#7c9a0d;
}

.line_ext_01:nth-of-type(2n) .h4_survey_q01 .survey_q_num {
    color:#9e7e19;
}

#popup.present .required {
    margin: 0;
}

/* リンクボタン(20171005統一) */
.btn-basic01-wrap {
    margin-bottom: 20px;
}

#content .one-row {
    display: inline-block;
}

#content .table-content-full table {
    width:100%;
}

#content .table-content-full.co-history th {
    text-align: right;
    vertical-align: top;
}
.kouhou2 .thanks span {
    color: red;
    font-size: 1.3em;
}
#contents .adobe-reader {
    display: flex;
    justify-content: space-between;
}
#contents .adobe-reader img {
        margin-left: 8px;
}

/* 20180126 4mix t.o start */
/* topics セールお得情報 */
.topics-sale-area {
    width: 1216px;
    margin: 24px auto auto;
}
.ul-top-topics01 {
    line-height: 1.7em;
}
.dl-top-topics01 {
    display: flex;
    max-width: 705px;
    margin: 0 auto 16px;
    border: 1px solid #6b3909;
    letter-spacing: 0.01em;
}
.dl-top-topics01 a {
    text-decoration: none;
}
.dl-top-topics01 a:hover {
    text-decoration: underline;
}
.dl-top-topics01 dt {
    font-size: 16px;
    color: #fff;
    background: #6b3909;
    padding: 2px 8px;
}
.dl-top-topics01 dd {
    background: #fff;
    width: 100%;
    text-align: left;
    padding-left: 8px;
}
/*.dl-top-topics01 dt:before {
    position: absolute;
    top: 15%;
    left: 0px;
    width: 44px;
    height: 23px;
    content: "";
    background: url("/files/user/img/icon/megaphone_icon.png") no-repeat top left;
}*/
.top-sale-btn-area {
    max-width: 705px;
    margin: 0 auto;
    position: relative;
}
.top-sale-btn {
    position: absolute;
    top: -47px;
    right: 2px;
}
.top-sale-btn a {
    color: #4E3514;
    text-decoration: none;
    display: block;
    line-height: 1.8em;
    padding: 5px 6px 5px;
    font-weight: bold;
    background-color: #fed90d;
    border: 1px solid #e2c31d;
    border-radius: 4px;
    box-shadow: 2px 2px 0 #9a841070;
    font-size: 12px;
    position: relative;
}
/*.top-sale-btn a:before {
    content: "♪";
    font-size: 23px;
    position: absolute;
    left: 4px;
    color: #d6ad09;
    transform: rotate(13deg);
}*/
.top-sale-btn:active {
    transform: translateY(2px);
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

/* 20180126 4mix t.o end */
.fmx-folding-box-head {
    cursor: pointer;
}

/* セール・お得情報一覧 */
.sale-box #contents h1 {
    font-size: 28px;
    border: none;
}
.sale-box .h3-basic01 {
    border-top:none;
}


/* 201803 CA詳細 ペット検索ご利用にあたって */

.frame-box-tou .h3-basic02 .nm-dog,
.frame-box-tou .h3-basic02 .nm-dot,
.frame-box-tou .h3-basic02 .nm-cat {display: none;}

body#popup .frame-box-tou .h3-basic02 .nm-dog,
body#popup .frame-box-tou .h3-basic02 .nm-dot,
body#popup .frame-box-tou .h3-basic02 .nm-cat {display: inline-block;}

body.topics_detail2 .frame-box-tou .h3-basic02 .nm-dog {display: inline-block;}
body.topics_detail3 .frame-box-tou .h3-basic02 .nm-cat {display: inline-block;}

body.topics_detail2 .box-notice00.tou,
body.topics_detail3 .box-notice00.tou,
body.topics_detail4 .box-notice00.tou,
body.topics_detail2 .frame-box-tou,
body.topics_detail3 .frame-box-tou,
body.topics_detail4 .frame-box-tou {
    float: right;
    box-sizing: border-box;
    width: calc(78% - 16px*2);
    margin-bottom: 32px;
}

body.topics_detail2 .frame-box-tou .frame-inner-box-tou,
body.topics_detail3 .frame-box-tou .frame-inner-box-tou,
body.topics_detail4 .frame-box-tou .frame-inner-box-tou {
    overflow-y: scroll;
    box-sizing: border-box;
    height: 300px;
    padding: 16px;
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
}



.frame-box-tou .h4-basic02 {
    margin-bottom: 4px;
    font-weight: 600;
}

.frame-box-tou .section p:last-child {
    margin-bottom: 0;
}
.frame-box-tou .section p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 1em;
}

.frame-box-tou .section p a:before {
    content: "\f0a9";
    font-family: Fontawesome;
}

.note.red {color: #f00;}

.err_block {
    box-sizing: border-box;
    width: 100% !important;
    padding: 0 !important;
    margin: 64px auto !important;
}
#err_title {line-height: 1.4 !important;}
#err_title:before {display: none !important;}


.app-bnr01,
.inquiry_list #contents #anc09 {display: none;}

.inquiry_list #contents.faq #anc09 {display: block;}


@media screen and (max-width: 1216px) {
    body.topics_detail2 .box-notice00.tou,
    body.topics_detail3 .box-notice00.tou,
    body.topics_detail4 .box-notice00.tou,
    body.topics_detail2 .frame-box-tou,
    body.topics_detail3 .frame-box-tou,
    body.topics_detail4 .frame-box-tou {
        margin: 0 16px 32px;
    }
    body.topics_detail2 .box-notice00.tou,
    body.topics_detail3 .box-notice00.tou,
    body.topics_detail4 .box-notice00.tou {padding: 8px !important;}
}

@media screen and (max-width: 768px) {
    body.topics_detail2 .box-notice00.tou,
    body.topics_detail3 .box-notice00.tou,
    body.topics_detail4 .box-notice00.tou,
    body.topics_detail2 .frame-box-tou,
    body.topics_detail3 .frame-box-tou,
    body.topics_detail4 .frame-box-tou {
        float: none;
        box-sizing: border-box;
        width: 100%;
        margin: 0 0 32px;
        padding: 0 8px;
    }

    body.topics_detail2 .box-notice00.tou,
    body.topics_detail3 .box-notice00.tou,
    body.topics_detail4 .box-notice00.tou {
        padding: 8px !important;
        margin: 0 8px 32px !important;
        width: calc(100% - 16px) !important;
    }

}