@charset "utf-8";

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html{font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}body{margin: 0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display: block}audio,canvas,progress,video{display: inline-block}audio:not([controls]){display: none;height: 0}progress{vertical-align: baseline}template,[hidden]{display: none}a{background-color: transparent;-webkit-text-decoration-skip: objects}a:hover{outline-width: 0}abbr[title]{border-bottom: none;text-decoration: underline;text-decoration: underline dotted}b,strong{font-weight: inherit}b,strong{font-weight: bolder}dfn{font-style: italic}h1{font-size: 2em;margin: .67em 0}mark{background-color: #ff0;color: #000}small{font-size: 80%}sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sub{bottom: -.25em}sup{top: -.5em}img{border-style: none}svg:not(:root){overflow: hidden}code,kbd,pre,samp{font-family: monospace, monospace;font-size: 1em}figure{margin: 1em 40px}hr{box-sizing: content-box;height: 0;overflow: visible}button,input,select,textarea{font: inherit;margin: 0}optgroup{font-weight: bold}button,input{overflow: visible}button,select{text-transform: none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance: button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style: none;padding: 0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText}fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: .35em .625em .75em}legend{box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal}textarea{overflow: auto}[type="checkbox"],[type="radio"]{box-sizing: border-box;padding: 0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height: auto}[type="search"]{-webkit-appearance: textfield;outline-offset: -2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance: none}::-webkit-input-placeholder{color: inherit;opacity: .54}::-webkit-file-upload-button{-webkit-appearance: button;font: inherit}

/* ============================================================================
 * Basic
 * ========================================================================= */

@font-face {
    font-family: "mynoto";
    src: url("/share/font/NotoSansCJKjp-Regular-Subset.woff2") format('woff2'),
    url("/share/font/NotoSansCJKjp-Regular-Subset.woff")  format('woff');
    font-weight: normal;
}


*,
*::before,
*::after {
    box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
html{
    font-size: 62.5%;
    font-family: '游ゴシック体','Yu Gothic',YuGothic,'mynoto','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
body{
    font-size: 1.2rem;
    color: #333;
    line-height: 1.75;
    color: #333;
    counter-reset: num process order;
}
img{
    max-width: 100%;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

a:hover,
a:hover img{
    transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    opacity: .5;
    -moz-opacity: .5;
}
*:focus {
    outline: none;
}

/* ============================================================================
 * header
 * ========================================================================= */
.header-company{
    background-color: #fff;
    margin: 0 auto;
    padding: 10px 0;
    display: none;
}
.lyt-inner{
    margin: 0 auto;
    max-width: 1280px;
    min-width: 320px;
}
.navigation-area{
    width: 100%;
}
.lyt-global-navigation{
    position: relative;
    background-color: #fff;
    z-index: 51;
}
.lyt-global-navigation .logo-pet{
    float: left;
    line-height: 0;
    position: relative;
}
.lyt-global-navigation .logo-pet a{
    display: block;
}
.lyt-global-navigation .logo-pet img{
    width: 128px;
    height: 45px;
    padding: 9px 12px;
}
.svg-obj{
    fill:#1F23A8;
}
.lyt-global-navigation .utl-btn-menu{
    background: transparent;
    line-height: 0;
    border: 0;
    padding: 0;
    float: right;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.lyt-global-navigation .utl-btn-menu img{
    width: 45px;
    height: 45px;
    padding: 16px 14px 15px;
    background-color: #f5f5fa;
}
.lyt-global-navigation .about li a{
    color: #333;
}
.search-wrap{
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.search{
    background-color: #f2f2fc;
    width: 45.775%;
    float: left;
    padding: 0 5px 10px;
    margin-left: 2.666666666666667%;
}
.search:first-child{
    margin-left: 0;
}
.search::before{
    content: '';
    display: block;
    width: 34px;
    height: 29px;
    background: url(/share/images/icon-cat.png) no-repeat top left;
    background-size: contain;
    margin: -15px auto 6px;
}
.search:first-child::before{
    width: 33px;
    background: url(/share/images/icon-dog.png) no-repeat top left;
    background-size: contain;
}
.search dt{
    font-size: 1.6rem;
    font-weight: bold;
}
.search ul{
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    margin-top: 14px;
}
.search li{
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    width: 50%;
    height: 50px;
    display: inline-block;
}
.search a{
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.search span{
    display: table-cell;
    vertical-align: middle;
}
.navigation-area .search span{
    line-height: 1.2;
}
.search-wrap.article .search::before{
    background-image: url(/share/images/icon-cat-02.png);
}
.search-wrap.article .search:first-child::before{
    background-image: url(/share/images/icon-dog-02.png);
}
.search-wrap.article .search{
    background-color: #fdf7ed;
}
.search-wrap.article .search:first-child{
    background-color: #fcf2ec;
}
.search-wrap.article .search .title{
    font-size: 1.4rem;
    font-weight: bold;
}
.search-wrap.article .search dt{
    font-size: 1.2rem;
}
.search-wrap.article .search dd + dt{
    margin-top: 10px;
}
.search-wrap.article .search ul{
    margin-top: 0;
    font-size: 1.2rem;
}
.search-wrap.article .search a{
    padding: 5px;
}
.search-wrap.article .search ul.common a{
    color: #1e22aa;
}

.secondary .btn-03{
    text-align: center;
}
.topic-path{
    display: none;
}
.secondary{
    display: none;
    z-index: 100;
}
.is-static .secondary{
    display: block;
}
.overlay{
    position : fixed;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    background-color : #000;
    opacity : 0.5;
    display : none;
    z-index: 50;
}

/* sp size navigation style
----------------------------------------------- */
@media screen and (max-width: 600px) {
    header {
        padding-top: 45px;
    }
    .is-static header {
        padding-top: 0;
    }
    .navigation-area{
        position: fixed;
        top: 0;
        z-index: 101;
    }
    .is-static .navigation-area{
        position: static;
    }
    .is-open-nav .overlay{
        display: block;
    }
    #menu .toggle-img{
        display: none;
    }
    .global-navigation-wrap{
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 100;
        display: none;
    }
    .is-static .global-navigation-wrap{
        clear: both;
        position: static;
        display: block;
    }
    .is-open-nav .global-navigation-wrap{
        display: block;
        overflow-y: auto;
    }
    .global-navigation{
        width: 100%;
    }
    .global-navigation > li{
        border-top: 1px solid #dbdbdb;
        background-color: #fff;
        position: relative;
    }
    .global-navigation > li:last-child{
        border-bottom: 1px solid #dbdbdb;
    }
    .global-navigation > li > a{
        font-size: 1.4rem;
        font-weight: bold;
        color: #1e22aa;
        text-decoration: none;
        display: block;
        padding: 20px 40px 20px 12px;
    }
    .global-navigation > li > a::after{
        content: '';
        display: block;
        width: 8px;
        height: 16px;
        background: url(/share/images/icon-arrow-sp-03.png) no-repeat;
        background-size: contain;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto;
    }
    .global-navigation > .primary > a::after{
        width: 16px;
        height: 8px;
        background: url(/share/images/icon-arrow-sp-01.png) no-repeat;
        background-size: contain;
        right: 18px;
    }
    .global-navigation > li > a.is-open::after{
        top: 30px;
        bottom: inherit;
        background: url(/share/images/icon-arrow-sp-02.png) no-repeat;
        background-size: contain;
    }
    .global-navigation > li > a .smaller{
        margin-right: 1.2rem;
    }
    .secondary{
        margin: 0 10px;
        padding-bottom: 20px;
    }
    .is-open + .secondary{
        display: block;
    }
    .about li{
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom: 15px;
        width: 100%;
    }
    .about li img{
        margin-right: 15px;
        width: 50px;
        height: 50px;
    }
    .secondary a{
        color: #333;
        text-decoration: none;
    }
    .pc-text{
        display: none;
    }
    .utl-btn-close{
        width: 100%;
        min-height: 14px;
        font-size: 1.4rem;
        line-height: 0;
        border: 0;
        background-color: #f5f5fa;
        padding: 20px 0;
        box-sizing: content-box;
        cursor: pointer;
    }
    .utl-btn-close span::before{
        content: '';
        display: inline-block;
        background: url(/share/images/utl-btn-menu-02.png) no-repeat top left;
        background-size: contain;
        width: 1.7rem;
        height: 1.4rem;
        margin-right: 11px;
        vertical-align: middle;
    }
}

/* pc size navigation style
----------------------------------------------- */
@media screen and (min-width: 601px) {
    header {
        position: relative;
        /* padding-bottom: 80px; */
    }
    .header-company{
        display: block;
        position: relative;
        z-index: 51;
        padding: 10px 0 10px 30px;
    }
    .header-company #header-unicharm-logo{
        width: 95px;
        height: 27px;
        vertical-align: top;
    }
    #header-unicharm-logo:active{
        outline-width: 0;
    }
    .header-company .lyt-inner{
        max-width: initial;
    }
    .lyt-mainvisual{
        position: relative;
    }
    .lyt-mainvisual .lyt-inner{
        max-width: none;
    }
    .navigation-area.is-float,
    .lyt-mainvisual .navigation-area.is-float{
        position: fixed;
        top: 0;
        z-index: 101;
    }
    .navigation-area{
        /* position: absolute; */
        right: 0;
        left: 0;
        margin: auto;
    }
    .is-static .navigation-area{
        position: static;
    }
    nav{
        background-color: #f5f5fa;
    }
    .is-open-menu .overlay{
        display: block;
    }
    .lyt-global-navigation{
        display: table;
        width: 100%;
        margin: 0 auto;
    }
    .lyt-global-navigation .logo-pet{
        max-width: 244px;
        max-height: 70px;
        background-color: #f5f5fa;
        margin: 0;
        display: table-cell;
        float: none;
        width: 19.0625%;
        position: relative;
    }
    .lyt-global-navigation .logo-pet a{
        padding: 7.786885245901639% 13.934426229508196% 6.967213114754098% 12.295081967213115%;
        position: absolute;
        top: 40px;
        -ms-transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
    .lyt-global-navigation .logo-pet img{
        width: 100%;
        height: auto;
        padding: 0;
    }
    .utl-btn-menu{
        display: none;
    }
    .global-navigation-wrap{
        display: table-cell;
        vertical-align: middle;
        background-color: #f5f5fa;
        text-align: right;
        padding-right: 40px;
    }
    .global-navigation{
        display: table;
        margin-left: auto;
        table-layout: fixed;
    }
    .global-navigation > li{
        display: table-cell;
        vertical-align: middle;
        font-size: 1.4rem;
        font-weight: bold;
        padding-left: 60px;
    }
    .global-navigation > li:nth-child(3){
        padding-left: 50px;
    }
    .is-static .global-navigation > li{
        display: block;
    }
    .global-navigation > li > a{
        color: #1f23a8;
        text-decoration: none;
        display: table;
        width: 100%;
        position: relative;
    }
    .global-navigation > .primary > a{
        content: '';
        padding: 5px 23px 5px 0;
    }
    .global-navigation > .primary > a::before{
        content: '';
        display: block;
        width: 13px;
        height: 8px;
        background: url(/share/images/icon-arrow-pc-01.png) no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 0;
    }
    .global-navigation > .primary > a.is-open::before{
        background: url(/share/images/icon-arrow-pc-02.png) no-repeat;
    }
    .global-navigation > li:first-child > a .inner-text,
    .global-navigation > li:nth-child(3) > a .inner-text{
        letter-spacing: -.1rem;
    }
    .global-navigation > li > a .inner-text{
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        position: relative;
        height: 70px;
        line-height: 1.25;
    }
    .global-navigation > li > a .inner-text::before{
        content: '';
        width: 100%;
        height: 3px;
        background: #1f23a8;
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10;
        opacity: 0;
    }
    .global-navigation > li > a:hover .inner-text::before,
    .global-navigation > li > a.is-current .inner-text::before{
        opacity: 1;
        transition: opacity .5s;
    }
    .global-navigation > li > a:hover{
        opacity: 1;
    }
    .global-navigation > .primary > a .inner-text::after{
        content: '';
        position: absolute;
        z-index: 200;
        bottom: -25px;
        left: 0;
        right: 0;
        margin: auto;
        width: 10px;
        border: 10px solid transparent;
        border-top: 10px solid #1f23a8;
        opacity: 0;
    }
    .global-navigation > .primary > a.is-open:hover .inner-text::after{
        opacity: 1;
        transition: opacity .5s;
    }
    .global-navigation > li:first-child > a{
        margin-left: 0;
    }
    .global-navigation > li:last-child > a{
        margin-right: 0;
    }
    .global-navigation > li > a .smaller{
        display: block;
        font-size: 1.2rem;
        line-height: 1.25;
    }
    .secondary{
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 30px;
    }
    .is-static .secondary{
        position: static;
    }
    .about{
        margin: 0 auto;
        padding: 30px 0 0;
        display: table;
        height: 76px;
    }
    .about li{
        display: table-cell;
        font-weight: bold;
        text-align: left;
        padding-left: 60px;
    }
    .about li:first-child{
        padding-left: 0;
    }
    .about li a{
        display: table;
        table-layout: fixed;
        text-decoration: none;
    }
    .about li span{
        display: table-cell;
        vertical-align: middle;
    }
    .about li img{
        display: table-cell;
        padding-right: 17px;
        max-width: 101px;
    }
    .global-navigation .search-wrap{
        margin: 36px auto 30px;
    }
    .global-navigation .search{
        float: none;
        display: inline-block;
        max-width: 520px;
        padding-bottom: 30px;
    }
    .global-navigation .search::before{
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .global-navigation .search:first-child::before{
        width: 40px;
    }
    .global-navigation .search dt{
        font-size: 1.8rem;
    }
    .global-navigation .search ul{
        border: none;
        margin-top: 9px;
    }
    .global-navigation .search li{
        max-width: 90px;
        width: 22.5%;
        height: 40px;
        border: 1px solid #e6e6e6;
        margin: 5px;
    }
    .global-navigation .search li:last-child{
        max-width: 130px;
        width: 32.5%;
    }
    .global-navigation .search li a{
        color: #333;
        text-decoration: none;
    }
    .utl-btn-close{
        display: none;
    }
    .topic-path{
        display: block;
        background-color: #fff;
    }
    .topic-path-inner{
        margin: 0 auto;
        padding: 10px 0 10px 30px;
    }
    .topic-path a,
    .topic-path a:hover,
    .topic-path a:active,
    .topic-path a:focus,
    .topic-path a:visited{
        text-decoration: none;
        color: #333;
    }
    .topic-path em{
        font-style: normal;
    }
    .secondary .btn-03 a{
        padding: 20px 100px 20px 60px;
    }
    .search-wrap.article .search .title {
        font-size: 2rem;
    }
    .search-wrap.article .search dt {
        font-size: 1.8rem;
        margin: 10px 0;
    }
    .search-wrap.article .search dd + dt{
        margin-top: 20px;
    }
    .search-wrap.article .search ul {
        font-size: 1.4rem;
    }
    .global-navigation .search li:last-child{
        max-width: 90px;
        width: 22.5%;
    }
    .search-wrap.article .search ul.common{
        max-width: 300px;
        margin: 0 auto;
    }
    .search-wrap.article .search ul.common li{
        width: 100%;
    }
}
@media screen and (min-width: 601px) and (max-width: 1280px) {
    .global-navigation-wrap{
        padding-right: 0;
    }
    .global-navigation{
        width: 100%;
    }
    .global-navigation > li:nth-child(3),
    .global-navigation > li{
        width: 25%;
        padding: 0 5px;
        text-align: center;
    }
    .is-static .global-navigation > li{
        width: 100%;
    }
    .about li{
        padding-left: 15px;
    }
}
@media screen and (min-width: 1281px) {
    .lyt-global-navigation .logo-pet{
        width: 244px;
    }
}


/* ============================================================================
 * mainvisual
 * ========================================================================= */
.mainvisual{
    position: relative;
    z-index: 49;
}
.mainvisual a{
    outline: initial;
}
.mainvisual a:focus{
    outline: -webkit-focus-ring-color auto 5px;
}
.mainvisual a:hover,
.mainvisual a:hover img{
    opacity: 1;
}
.mainvisual-list li{
    position: absolute;
    z-index: 80;
    height: 100%;
    width: 100%;
    top: 0;
}
.is-static .mainvisual-list li{
    position: static;
}
.mainvisual-list li.is-current{
    z-index: 81;
    position: relative;
}
.mainvisual > .slider-control{
    display: none;
}
.mainvisual > .slider-thumbs{
    position: absolute;
    bottom: 20px;
    text-align: center;
    font-size: 0;
    width: 100%;
    z-index: 100;
}
.mainvisual > .slider-thumbs > li{
    width: 10px;
    height: 10px;
    margin-left: 20px;
    display: inline-block;
}
.mainvisual > .slider-thumbs > li:first-child{
    margin-left: 0;
}
.mainvisual > .slider-thumbs > li > a{
    background-color: #d9d9d9;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    display: block;
}
.mainvisual > .slider-thumbs > li.is-current > a{
    background-color: #1e22aa;
}

@media screen and (min-width: 601px) {
    .mainvisual{
        height: 630px;
    }
    .is-static .mainvisual{
        height: auto;
    }
    .mainvisual-list{
        overflow: hidden;
        height: 100%;
        position: relative;
    }
    .mainvisual-list img{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: initial;
        max-width: none;
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        left: 50%;
    }
    .is-static .mainvisual-list img{
        position: relative;
    }
    .mainvisual > .slider-control{
        display: block;
    }
    .mainvisual > .slider-control > li{
        position: absolute;
        width: 210px;
        height: 100%;
        top: 0;
        z-index:100;
        font-size: 0;
    }
    .mainvisual > .slider-control > li.prev{
        left: 0;
    }
    .mainvisual > .slider-control > li.next{
        right: 0;
    }
    .mainvisual > .slider-control > li > a{
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0); /* IE9でマウスオーバーできない現象対策 */
    }
    .mainvisual > .slider-control > li > a > span{
        position: absolute;
        display: block;
        width: 50px;
        height: 50px;
        top: 50%;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .mainvisual > .slider-control > li.prev > a > span{
        background-image: url(/share/images/btn-prev.png);
        left: 20%;
    }
    .mainvisual > .slider-control > li.next > a > span{
        background-image: url(/share/images/btn-next.png);
        right: 20%;
    }
}
@media screen and (min-width: 1981px) {
    .mainvisual-list img{
        min-height: 630px;
        width: 100%;
    }
}

/* ============================================================================
 * main
 * ========================================================================= */

.container{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #f7f7f7;
}
.not-found .container,
.contact-us .container,
.web-magazine-pet .container,
.products-faq .container,
.products-use .container,
.top .container,
.news-top .container,
.news-detail .container,
.brand-top .container,
.about-us .container,
.sitemap .container,
.environment .container,
.quality .container,
.food-safety .container,
.interview .container,
.pet-products .container{
    background-color: #fff;
}
.safety{
    background-color: #fff;
    margin: 0 auto;
    padding: 0 20px;
}
.top .contents{
    padding: 0 20px;
}
.item-category .contents{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.item-category-brand .contents{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    background: #f7f7f7;
}
.item.jan .contents{
    max-width: 1200px;
    margin: 24px 20px 40px;
    padding: 33px 20px 40px;
    background: #fff;
}
.item.jan .contents .lyt-image .column > *:last-child{
    margin-bottom:0;
}
.news-top .contents,
.news-detail .contents{
    max-width: 1200px;
    margin: 24px 20px 40px;
    padding: 0;
}
.brand-top .contents,
.pet-products .contents{
    max-width: 1200px;
    margin: 24px 20px 60px;
    padding: 0;
}
.sitemap .contents,
.environment .contents{
    max-width: 1000px;
    margin: 24px 20px 60px;
    padding: 0;
}
.quality .contents{
    max-width: 1280px;
    margin: 24px 0 60px;
    padding: 0;
}
.food-safety .contents{
    margin: 24px 0 60px;
    padding: 0;
    background-color: #fff;
}
.interview .contents{
    margin: 0;
    padding: 0;
    background-color: #fff;
}
.item.jan .web-magazine{
    margin: 0 20px 40px;
    padding: 0;
}
.slide-link{
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.slide-link .js-carousel-content{
    padding-bottom: 20px;
}
.slide-link .slide-link-item{
    position: relative;
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.slide-link .slide-link-item > a{
    display: table;
    height: 100%;
    width: 100%;
    color: #1e22aa;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #d9d9d9;
    padding: 5px;
}
.slide-link .slide-link-item.is-current > a{
    border: 1px solid #1e22aa;
}
.slide-link .slide-link-item.is-current > a:after{
    position: absolute;
    background-color: #fff;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    border-top: 1px solid #1e22aa;
    border-right: 1px solid #1e22aa;
    content: "";
    -ms-transform: rotate(146deg) skew(25deg);
    -webkit-transform: rotate(146deg) skew(25deg);
    transform: rotate(146deg) skew(25deg);
}
.slide-link .image{
    margin: 0;
}
.slide-link .title{
    display: table-cell;
    padding: 0 5px;
    font-size: 1rem;
    line-height: 1.4;
    vertical-align: middle;
    width: 65%;
}
.slide-link .carousel-control{
    display: none;
}

@media screen and (min-width: 601px) {
    .container{
        border-bottom: 1px solid #f7f7f7;
    }
    .about-us .container{
        min-width: 1000px;
    }
    .contents{
        padding: 0 40px;
    }
    .item-category .contents{
        max-width: 1200px;
        background-color: transparent;
        margin: -80px auto 42px;
        position: relative;
    }
    .item-category-brand .contents{
        background-color: transparent;
        margin: 40px auto 20px;
        position: relative;
    }
    .item.jan .contents{
        margin: 40px auto 60px;
        padding: 30px 100px 80px;
    }
    .news-top .contents{
        margin: 0 auto;
        padding: 60px 100px 120px;
    }
    .news-detail .contents{
        margin: 0 auto;
        padding: 55px 250px 80px;
    }
    .brand-top .contents,
    .pet-products .contents{
        margin: 0 auto;
        padding: 60px 0 120px;
    }
    .quality .contents,
    .food-safety .contents{
        margin: 0 auto;
        padding: 60px 0 60px;
        position: relative;
        overflow: hidden;
    }
    .interview .contents{
        margin: 0 auto;
        padding: 0;
    }
    .sitemap .contents,
    .environment .contents{
        margin: 0 auto;
        padding: 60px 0 120px;
    }
    .about-us .contents{
        overflow: hidden;
    }
    .item.jan .web-magazine{
        max-width: 1200px;
        margin: 0 auto 60px;
        padding: 0;
    }
    .web-magazine-pet .contents{
        margin: 0 20px;
        padding: 0;
    }
    .slide-link{
        margin-bottom: 30px;
        overflow: visible;
    }
    .slide-link .slide-link-item{
        width: 23.125%;
        margin-left: 2.5%;
    }
    .is-static .slide-link .slide-link-item:nth-child(4n+1){
        clear: left;
        margin-left: 0;
    }
    .slide-link .slide-link-item > a{
        padding: 10px;
    }
    .slide-link .title{
        padding: 0 10px;
        font-size: 1.4rem;
    }
    .slide-link .carousel-control{
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .slide-link .carousel-control li{
        position: absolute;
        top: -14px;
    }
    .slide-link .carousel-control li.prev{
        left: 0;
        border-right: 1px solid #98a1e3;
    }
    .slide-link .carousel-control li.next{
        right: 0;
        border-left: 1px solid #98a1e3;
    }
    .slide-link .carousel-control li > a{
        display: block;
        z-index: 100;
        background-color: #fff;
        font-size: 0;
        width: 40px;
        height: 120px;
    }
    .slide-link .carousel-control li > a:hover{
        opacity: 1;
    }
    .slide-link .carousel-control li > a:after{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-top: 1px solid #112197;
        border-right: 1px solid #112197;
        content: "";
    }
    .slide-link .carousel-control li.prev > a:after{
        left: 16px;
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    .slide-link .carousel-control li.next > a:after{
        right: 16px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .slide-link .js-carousel-content::after{
        content: "";
        display: block;
        clear: both;
    }
}

@media screen and (min-width: 601px) and (max-width: 1200px) {
    .item.jan .contents{
        padding: 40px 20px 80px;
    }
    .news-top .contents,
    .news-detail .contents{
        padding: 40px 20px 80px;
    }
    .brand-top .contents,
    .pet-products .contents{
        padding: 60px 20px 60px;
    }
    .quality .contents{
        padding: 60px 20px 60px;
    }
    .food-safety .contents{
        padding: 60px 0 60px;
    }
    .interview .contents{
        padding: 0 0 60px;
    }
    .sitemap .contents,
    .environment .contents{
        padding: 60px 20px 60px;
    }
}

/* ============================================================================
 * communication
 * ========================================================================= */

.communication{
    position: relative;
    margin-bottom: 30px;
}
.sns{
    background-color: #f7f7f7;
    margin-bottom: 30px;
    padding: 30px 0 20px;
    border-bottom: 2px solid #3b4ab2;
}
.sns ul{
    width: 300px;
    margin: 0 auto;
    text-align: center;
    letter-spacing: -.4em;
}
.sns li{
    display: inline-block;
    width: 100px;
}
.line img{
    vertical-align: top !important;
}
.facebook div span{
    vertical-align: top !important;
}
.twitter iframe{
    vertical-align: top !important;
}
.communication .smooth-scroll{
    width: 32px;
    position: fixed;
    bottom: 50px;
    right: 2.8%;
    z-index: 49;
}
.communication .btn-01 a{
    width: 73.3333%;
    letter-spacing: -.1rem;
}
.smooth-scroll a:hover{
    opacity: 1;
}
.smooth-scroll a:hover img{
    opacity: 1;
}

@media screen and (min-width: 601px) {
    .communication{
        width: 100%;
        max-width: 1200px;
        margin: 0 auto 40px;
        padding-top: 40px;
        display: table;
        direction: rtl;
    }
    .sns{
        background-color: #fff;
        margin-bottom: 0;
        padding: 0;
        border-bottom: 0;
        display: table-cell;
        vertical-align: middle;
    }
    .sns ul{
        direction: ltr;
        margin: 0;
    }
    .communication .btn-01{
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        direction: ltr;
    }
    .communication .btn-01 a{
        text-align: center;
    }
    .communication .smooth-scroll{
        width: 60px;
        bottom: 63px;
        right: 20px;
    }
    .communication .btn-01 a{
        width: auto;
        min-width: 275px;
    }
}

@media screen and (min-width: 601px) and (max-width: 1200px){
    .communication{
        padding: 40px 20px 0 20px;
    }
}

/* ============================================================================
 * other-products
 * ========================================================================= */

.other-products{
    max-width: 1200px;
    margin: 0 auto;
}
.other-products > h2{
    font-size: 1.9rem;
    margin: 0 auto 20px;
    text-align: center;
    display: none;
}
.btn-list-top{
    font-size: 0;
    margin: 0 0 40px;
}
.btn-list-top li{
    width: 73.33333%;
    margin: 0 auto 20px;
}
.btn-list-top li a{
    font-size: 1.2rem;
    border: 1px solid #d9d9d9;
    color: #666;
    display: table;
    text-decoration: none;
    width: 100%;
    min-height: 50px;
    padding: 12px 10px 12px 20px;
}
.btn-list-top li a .other-products-image,
.btn-list-top li a .other-products-text{
    display: table-cell;
    vertical-align: middle;
}
.btn-list-top li a .other-products-image{
    padding-right: 10px;
    text-align: center;
}
.btn-list-top li a:hover .other-products-image{
    opacity: .5;
}
.btn-list-top li a .other-products-text{
    width: 70%;
}
.btn-list-top li a:hover .other-products-text{
    opacity: 1;
}
@media screen and (min-width: 601px) {
    .other-products > h2{
        font-size: 2.4rem;
        margin: 0 auto 20px;
        text-align: left;
        display: block;
    }
    .btn-list-top li{
        width: 23.75%;
        display: inline-block;
        margin: 0 0 10px 1.66667%;
    }
    .btn-list-top li a{
        padding: 5px 20px 5px 10px;
        min-height: 44px;
        position: relative;
    }
    .btn-list-top li a:after{
        content: '';
        width: 7px;
        height: 9px;
        display: block;
        vertical-align: middle;
        background: url(/share/images/icon-arrow-pc-03.png) no-repeat;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
        margin: auto;
    }
    .btn-list-top li a:hover{
        opacity: 1;
    }
    .btn-list-top li a:hover:after{
        background: url(/share/images/icon-arrow-pc-03-over.png) no-repeat;
    }
    .btn-list-top li:first-child,
    .btn-list-top li:nth-child(4n+1){
        margin-left: 0;
    }
    .btn-list-top li:last-child,
    .btn-list-top li:nth-last-child(2):nth-child(4n+3),
    .btn-list-top li:nth-last-child(2):nth-child(4n+2),
    .btn-list-top li:nth-last-child(3):nth-child(4n+2),
    .btn-list-top li:nth-last-child(3):nth-child(4n+1),
    .btn-list-top li:nth-last-child(4):nth-child(4n+1){
        margin-bottom: 0;
    }
}
@media screen and (min-width: 601px) and (max-width: 1200px){
    .btn-list-top li{
        width: 48.64865%;
        margin: 0 0 10px 2.70271%;
    }
    .other-products{
        padding: 0 20px;
    }
    .btn-list-top li:first-child,
    .btn-list-top li:nth-child(2n+1){
        margin-left: 0;
    }
    .btn-list-top li:nth-last-child(2):nth-child(4n+3),
    .btn-list-top li:nth-last-child(3):nth-child(4n+2),
    .btn-list-top li:nth-last-child(4):nth-child(4n+1){
        margin-bottom: 10px;
    }
    .btn-list-top li:last-child,
    .btn-list-top li:nth-last-child(2):nth-child(2n+1){
        margin-bottom: 0;
    }
}


/* ============================================================================
 * footer
 * ========================================================================= */

.lyt-footer{

}
.company-site-01,
.company-site-02{
    margin: 0;
    text-align: center;
    list-style: none;
}
.company-site-02{
    border-bottom: 1px solid #e2d3b0;
}
.company-site-01 li a,
.company-site-02 li a{
    text-decoration: none;
    display: block;
    padding: 20px 0;
}
.company-site-01 li a:hover,
.company-site-02 li a:hover{
    text-decoration: underline;
}
.company-site-01 li a{
    border-top: 1px solid #ccc;
    color: #666;
    background-color: #f7f7f7;
}
.company-site-02 li a{
    border-top: 1px solid #e2d3b0;
    color: #a57a3f;
    background-color: #fdf0cc;
}
.company-site-02 li a img{
    margin: -3px 0 0 5px;
}
.company-footer{
    width: 100%;
    margin: 15px auto;
    padding: 0 20px;
    display: table;
}
.lyt-footer .copyright{
    display: table-cell;
    vertical-align: middle;
    font-size: .9rem;
    line-height: 0;
    color: #747474;
}
.lyt-footer .logo-company{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.lyt-footer .logo-company #footer-unicharm-logo{
    width: 80px;
    height: 22px;
}
.lyt-footer .logo-text{
    display: none;
}

@media screen and (min-width: 601px) {
    .company-site-01,
    .company-site-02{
        padding: 15px 0;
    }
    .company-site-01{
        background-color: #f7f7f7;
    }
    .company-site-02{
        background-color: #fdf0cc;
        border-top: 1px solid #e2d3b0;
        border-bottom: 1px solid #e2d3b0;
    }
    .company-site-01 li,
    .company-site-02 li{
        display: inline-block;
        margin: 0 18px;
    }
    .company-site-01 li a,
    .company-site-02 li a{
        border: 0;
        padding: 0;
    }
    .company-footer{
        direction: rtl;
        margin: 20px auto;
        padding: 0;
    }
    .lyt-footer .copyright{
        font-size: 1.2rem;
        width: 45%;
        padding-right: 30px;
    }
    .lyt-footer .logo-company{
        direction: ltr;
        text-align: left;
        padding-left: 30px;
    }
    .lyt-footer .logo-company #footer-unicharm-logo{
        vertical-align: middle;
        width: 144px;
        height: 40px;
    }
    .lyt-footer .logo-company .logo-text{
        display: inline;
        vertical-align: middle;
        width: 46%;
        max-width: 217px;
        margin-left: 4%;
    }
}
@media screen and (min-width: 601px) and (max-width: 1200px){
    .company-footer{
        padding: 0 20px;
    }
}

/* ============================================================================
 * module
 * ========================================================================= */

.contents em{
    font-size: 1.4rem;
    font-style: normal;
    font-weight: bold;
}
.btn-01{
    text-align: center;
}
.btn-02{
    width: 80%;
    padding: 20px;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing : 0.05em;
    color: #fff;
    background-color: #1e22aa;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}
.btn-01 a,
.btn-03 a,
.btn-09 a{
    border: 1px solid #d9d9d9;
    display: inline-block;
    color: #666;
    text-decoration: none;
    padding: 22px 30px;
    position: relative;
}
.btn-01 a:hover,
.btn-03 a:hover,
.btn-04:hover,
.btn-07:hover,
.btn-09 a:hover,
.btn-list-top li a:hover{
    border: 1px solid #1e22aa;
    color: #1e22aa;
}
.btn-01 a::before{
    content: '';
    width: 5px;
    height: 7px;
    margin-right: 10px;
    background: url(/share/images/icon-arrow-sp-05.png) no-repeat;
    background-size: contain;
    display: inline-block;
}
.btn-03 a{
    padding: 10px 50px 10px 10px;
}
.btn-03 a::after,
.btn-05 a::after,
.btn-06 a::after,
.btn-09 a::after,
.btn-10 a::after{
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    vertical-align: middle;
    background: url(/share/images/btn-next.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}
.btn-08 a::after{
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    vertical-align: middle;
    background: url(/share/images/btn-prev-02.gif) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}
.btn-10 a::after{
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    vertical-align: middle;
    background: url(/share/images/btn-next.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -32px;
    margin: auto;
}
.btn-03 a:hover::after,
.btn-05 a:hover::after,
.btn-09 a:hover::after,
.btn-10 a:hover::after{
    background: url(/share/images/btn-next-over.png) no-repeat 0 0;
    background-size: contain;
}
.btn-03 a:hover,
.btn-05 a:hover,
.btn-06 a:hover,
.btn-08 a:hover,
.btn-09 a:hover,
.btn-10 a:hover{
    opacity: 1;
    color: #1e22aa;
}
.btn-04{
    width: 100%;
    display: inline-block;
    color: #333;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing : 0.05em;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #d9d9d9;
    position: relative;
    text-align: center;
}
.btn-04 img{
    margin: -2px 0 0 5px;
}
.btn-05{
    text-align: right;
}
.btn-05 a,
.btn-06 a,
.btn-08 a,
.btn-10 a{
    font-size: .9rem;
    color: #666;
    text-decoration: none;
    padding-right: 30px;
    position: relative;
}
.btn-06 a,
.btn-08 a{
    padding-right: 0;
    padding-left: 30px;
}
.btn-10 a{
    font-size: 1.4rem;
    padding-right: 0;
}

.btn-05 a::after{
    right: 0;
}
.btn-06 a::after{
    background: url(/share/images/btn-prev.png) no-repeat 0 0;
    background-size: contain;
    right: auto;
    left: 0;
}
.btn-06 a:hover::after{
    background: url(/share/images/btn-prev-over.png) no-repeat 0 0;
    background-size: contain;
}
.btn-07{
    width: 100%;
    display: inline-block;
    color: #1e22aa;
    font-size: 1.4rem;
    text-decoration: none;
    padding: 10px;
    background-color: #f5f5fa;
    position: relative;
    text-align: center;
    border: 1px solid #f5f5fa;
}
.btn-07 img{
    width: 11px;
    margin: -2px 0 0 5px;
}
.btn-08{
    text-align: center;
}
.btn-08 a::after{
    background: url(/share/images/btn-prev-02.gif) no-repeat 0 0;
    background-size: contain;
    right: auto;
    left: 0;
}
.btn-08 a:hover::after{
    background: url(/share/images/btn-prev-over.png) no-repeat 0 0;
    background-size: contain;
}
.btn-09 a{
    padding: 10px 35px 10px 35px;
    line-height: 1.3333333;
    font-size: 1.2rem;
}
.btn-09 a::after{
    right: 7px;
}
.btn-09 .btn-09-icon{
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 7px;
    display: inline-block;
    width: 20px;
}
.btn-09 .btn-09-icon img{
    position: relative;
    z-index: 10;
    vertical-align: middle;
    opacity: 1;
    transition: none;
}
.btn-09 a:hover .btn-09-icon img{
    opacity: 1;
}
.btn-03.more{
    text-align: center;
    margin-top: 20px;
}
.btn-03.more a{
    font-size: 1.2rem;
    padding: 10px 50px 10px 30px;
}
.btn-03.more a::after{
    transform: rotate(90deg);
    right: 15px;
}
.heading-01{
    font-size: 1.9rem;
    margin-bottom: 15px;
}
.heading-01.incidental > *{
    float: right;
}
.magazine-icon-01,
.magazine-icon-02,
.magazine-icon-03,
.magazine-icon-04{
    color: #fff;
    display: inline-block;
    padding: 0 2px;
    margin: 0 5px 5px 0;
    background-color: #3572c9;
    font-size: 9px;
}
.magazine-icon-02{
    background-color: #2328c0;
}
.magazine-icon-03{
    background-color: #f27931;
}
.magazine-icon-04{
    background-color: #fbae32;
}
.btn-list-anchor-01{
    text-align: center;
}
.btn-list-anchor-01 li{
    font-size: 1.4rem;
    display: inline-block;
    width: 100%;
    margin: 0 0 30px;
}
.btn-list-anchor-01 li a{
    display: block;
    border: 1px solid #d9d9d9;
    text-decoration: none;
    color: #333;
    padding: 12px 30px;
    position: relative;
}
.btn-list-anchor-01 li a:hover{
    color: #1e22aa;
    border: 1px solid #1e22aa;
}
.btn-list-anchor-01 li a:after,
.btn-list-anchor-01 li a:hover:after{
    content: '';
    width: 30px;
    height: 15px;
    display: block;
    vertical-align: middle;
    background: url(/share/images/icon-arrow-06.gif) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 -8px -15px;
}
.btn-list-anchor-01 li a:hover:after{
   content: '';
    width: 30px;
    height: 15px;
    display: block;
    vertical-align: middle;
    background: url(/share/images/icon-arrow-06_o.gif) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 -8px -15px;
}

@media screen and (min-width: 601px) {
    .contents em{
        font-size: 1.6rem;
    }
    .btn-01 a{
        padding: 15px;
    }
    .btn-01 a::before{
        width: 7px;
        height: 9px;
        background: url(/share/images/icon-arrow-pc-03.png) no-repeat;
    }
    .btn-01 a:hover::before{
        background: url(/share/images/icon-arrow-pc-03-over.png) no-repeat;
    }
    .btn-02{
        width: 41.66667%;
        display: inline-block;
        font-size: 1.8rem;
        line-height: 1.2;
        letter-spacing : 0.05em;
        color: #fff;
        background-color: #1e22aa;
        text-decoration: none;
        padding: 30px;
        text-align: center;
    }
    .btn-03 a{
        padding: 30px 120px 30px 80px;
    }
    .btn-03 a::after,
    .btn-09 a::after{
        width: 40px;
        height: 40px;
    }
    .btn-03.more a{
        font-size: 1.2rem;
        padding: 10px 50px 10px 30px;
        font-size: 1.4rem;
        padding: 20px 90px 20px 70px;
    }
    .btn-04{
        width: 100%;
        display: inline-block;
        color: #333;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.75;
        letter-spacing : 0.05em;
        text-decoration: none;
        padding: 20px;
        border: 1px solid #d9d9d9;
        position: relative;
    }
    .btn-05 a{
        font-size: 1.4rem;
        padding-right: 50px;
    }
    .btn-06 a,
    .btn-08 a{
        font-size: 1.4rem;
        padding-left: 50px;
    }
    .btn-05 a::after,
    .btn-06 a::after,
    .btn-08 a::after,
    .btn-10 a::after{
        width: 40px;
        height: 40px;
    }
    .btn-07{
        padding: 20px;
        position: relative;
    }
    .btn-09 a{
        font-size: 1.4rem;
        padding: 20px 55px 20px 60px;
    }
    .btn-09 .btn-09-icon{
        width: 40px;
    }
    .btn-10 a{
    width:100%;
padding-right:20px;
    display:inline;
    }
    .magazine-icon-01,
    .magazine-icon-02,
    .magazine-icon-03,
    .magazine-icon-04{
        padding: 0 5px;
        letter-spacing: .2em;
    }
    .btn-list-anchor-01{
        font-size: 0;
    }
    .btn-list-anchor-01 li{
        display: inline-block;
        width: 32%;
        margin: 0 2% 30px 0;
        vertical-align: top;
    }
    .btn-list-anchor-01 li:nth-child(3n),
    .btn-list-anchor-01 li:last-child{
        margin-right: 0;
    }
    .btn-list-anchor-01 li:last-child,
    .btn-list-anchor-01 li:nth-last-child(2):nth-child(3n+2),
    .btn-list-anchor-01 li:nth-last-child(2):nth-child(3n+1),
    .btn-list-anchor-01 li:nth-last-child(3):nth-child(3n+1){
        margin-bottom: 0;
    }
    .btn-list-anchor-01 li a{
        padding: 30px 10px;
        position: relative;
    }
    .btn-list-anchor-01 li a:after,
    .btn-list-anchor-01 li a:hover:after{
        width: 42px;
        height: 21px;
        margin: 0 0 -10px -21px;
    }
}

@media screen and (min-width: 860px){
.btn-10 a{
    padding-right:10px;
    width:90%;
    margin-left:-15%;
    font-size: 1.5rem;
    display:inline-block;
}
}
/* ----------------------------------------------------------------
    Heading
----------------------------------------------------------------- */

.serif{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic",sans-serif
}

/* .hdg-l1-01
----------------------------------------------- */
.hdg-l1-01{
    font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 20px;
    text-align: center;
}
.hdg-l1-01 .name{
    display:block;
    font-size: 1.2rem;
    margin-top: 8px;
  }
@media screen and (min-width: 601px) {
    .hdg-l1-01{
        text-align: left;
        color: #333;
        font-size: 2.8rem;
        margin: 0 0 25px;
    }
    .hdg-l1-01 .name{
        font-size: 1.4rem;
        margin-top: 10px;
    }
}

/* .hdg-l2-01
----------------------------------------------- */
.hdg-l2-01{
    font-size: 1.9rem;
    line-height: 1.2;
    margin: 20px 0 16px;
}
.item-category .hdg-l2-01,
.item-category-brand .hdg-l2-01{
    margin: 40px 0 15px;
}

@media screen and (min-width: 601px) {
    .hdg-l2-01{
        font-size: 2.8rem;
        margin: 20px 0 35px;
    }
}

/* .hdg-l2-02
----------------------------------------------- */
.hdg-l2-02{
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing : 0.05em;
    margin: 30px 0 13px;
    padding: 0 0 8px 20px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.hdg-l2-02:before{
    background: url(/share/images/icon-hdg-l2-02.gif) left center no-repeat;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 2px;
    top: 0.3em;
}
@media screen and (min-width: 601px) {
    .hdg-l2-02 {
        font-size: 1.8rem;
        margin: 30px 0 20px;
        padding: 0 0 8px 24px;
    }
}

/* .hdg-l2-03
----------------------------------------------- */
.hdg-l2-03{
    font-size: 1.4rem;
    line-height: 1.25;
    letter-spacing : 0.1em;
    background-color: #f0f0f0;
    padding: 7px 7px 10px 10px;
    margin: 37px 0 20px;
}
@media screen and (min-width: 601px) {
    .hdg-l2-03{
        font-size: 1.8rem;
        margin: 37px 0 20px;
        padding: 10px 10px 10px 15px;
    }
}

/* .hdg-l3-01
----------------------------------------------- */
.hdg-l3-01{
    font-size: 1.6rem;
    line-height: 1.25;
    margin: 40px 0 15px;
}
.hdg-l3-01:before{
    background: #1e22aa none repeat scroll 0 0;
    content: '';
    display: inline-block;
    width: 3px;
    height: 15px;
    margin: -3px 10px 0 0;
    vertical-align: middle;
}
@media screen and (min-width: 601px) {
    .hdg-l3-01{
        font-size: 2.4rem;
        margin: 40px 0 20px;
    }
    .hdg-l3-01:before{
        width: 5px;
        height: 24px;
        margin: -3px 15px 0 0;
    }
}

/* .hdg-l3-02
----------------------------------------------- */
.hdg-l3-02{
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing : 0.05em;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0 0 0 20px;
    position: relative;
}
.hdg-l3-02:before{
    content: '■';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

/* .hdg-l3-03
----------------------------------------------- */
.hdg-l3-03{
    font-size: 1.2rem;
    line-height: 1.2;
    letter-spacing : 0.125em;
    color: #fff;
    padding: 10px 10px 10px 15px;
    background-color: #808080;
}
@media screen and (min-width: 601px) {
    .hdg-l3-03{
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 16px;
    }
}

/* .hdg-l3-04
----------------------------------------------- */
.hdg-l3-04{
    font-size: 1.9rem;
    line-height: 1.5;
    margin: 20px 0 16px;
}
@media screen and (min-width: 601px) {
    .hdg-l3-04{
        font-size: 1.8rem;
        margin: 0 0 10px;
    }
}

/* .hdg-l3-05
----------------------------------------------- */
.hdg-l3-05{
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 25px 0 15px;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
}
.hdg-l3-05:before{
    background: #1e22aa none repeat scroll 0 0;
    content: '';
    display: inline-block;
    width: 3px;
    height: 100%;
    margin: 0 10px 0 0;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 5px solid #fff;
    border-bottom: 7px solid #fff;
}
@media screen and (min-width: 601px) {
    .hdg-l3-05{
        font-size: 2.4rem;
        margin: 60px 0 20px;
        padding: 0 0 5px 15px;
    }
    .hdg-l3-05:before{
        width: 5px;
        height: 100%;
        margin: -3px 15px 0 0;
        border-top: 8px solid #fff;
    }
}

/* .hdg-l3-06
----------------------------------------------- */
.hdg-l3-06{
    font-size: 1.6rem;
    line-height: 1.2;
    color: #fff;
    margin: 25px 0 15px;
    padding: 3px 10px 5px 10px;
    background: #1e22aa;
}
@media screen and (min-width: 601px) {
    .hdg-l3-06{
        font-size: 2.0rem;
        margin: 20px 0 20px;
        padding: 7px 17px 8px 17px;
    }
}

/* .hdg-l3-07
----------------------------------------------- */
.hdg-l3-07{
    font-size: 1.9rem;
    line-height: 1.4;
    color: #1e22aa;
    font-weight: bold;
    margin-bottom: 5px;
}
.hdg-l3-07 span{
    font-size: 1.6rem;
    display: block;
}
@media screen and (min-width: 601px) {
    .hdg-l3-07{
        font-size: 2.4rem;
        margin-bottom: 10px;
    }
    .hdg-l3-07 span{
        font-size: 1.8rem;
        margin-top: 5px;
    }
}

/* .hdg-l4-01
----------------------------------------------- */
.hdg-l4-01{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 5px;
}
@media screen and (min-width: 601px) {
    .hdg-l4-01{
        font-size: 1.6rem;
    }
}

/* ----------------------------------------------------------------
    List
----------------------------------------------------------------- */

/* .list-bullet
----------------------------------------------- */
.list-bullet > li{
    font-size: 1.2rem;
    line-height: 2;
    padding: 0 0 0 18px;
    position: relative;
    margin: 0 0 2px;
}
.list-bullet > li:before{
    background: #1e22aa none repeat scroll 0 0;
    border-radius: 100%;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0.8em;
    left: 5px;
}
.list-bullet > li > :last-child{
    margin-bottom: 0;
}

@media screen and (min-width: 601px) {
    .list-bullet > li{
        font-size: 1.4rem;
        line-height: 2;
        padding: 0 0 0 22px;
    }
    .list-bullet > li:before{
        width: 8px;
        height: 8px;
        position: absolute;
        top: 0.75em;
        left: 4px;
    }
}

/* .list-bullet-02
----------------------------------------------- */

.list-bullet-02{
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.05em;
    margin: 0 0 20px;
}
.list-bullet-02 > li{
    font-weight: bold;
    padding: 0 0 0 18px;
    position: relative;
    margin: 0 0 2px;
}
.list-bullet-02 > li:before{
    background: #1e22aa none repeat scroll 0 0;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0.8em;
    left: 3px;
}
.list-bullet-02 > li:last-child{
    margin-bottom: 0;
}
.list-bullet-02 > li > ul{
    margin: 2px 0 5px;
}
.list-bullet-02 > li > ul > li{
    padding: 0 0 0 15px;
    position: relative;
}
.list-bullet-02 > li > ul > li:before{
    background: #333 none repeat scroll 0 0;
    border-radius: 100%;
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 1.0em;
    left: 3px;
}

@media screen and (min-width: 601px) {
    .list-bullet-02 > li{
        font-size: 1.4rem;
        line-height: 2;
        padding: 0 0 0 22px;
    }
    .list-bullet-02 > li:before{
        width: 8px;
        height: 8px;
        position: absolute;
        top: 0.75em;
        left: 4px;
    }
}

/* .list-bullet-03
----------------------------------------------- */
.list-bullet-03{
    margin-bottom: 20px;
}
.list-bullet-03.inner-style{
    margin-bottom: 20px;
    margin-left: 10px;
}
.list-bullet-03 > li{
    font-size: 1.4rem;
    line-height: 2;
    padding: 0 0 0 18px;
    position: relative;
    margin: 0 0 2px;
}
.list-bullet-03 > li:before{
    background: #333 none repeat scroll 0 0;
    border-radius: 100%;
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0.8em;
    left: 5px;
}
.list-bullet-03 > li > :last-child{
    margin-bottom: 0;
}

/* .list-check
----------------------------------------------- */

.list-check{
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.05em;
    margin: 0 0 20px;
}
.list-check > li{
    font-weight: bold;
    padding: 0 0 0 30px;
    position: relative;
    margin: 0 0 2px;
}
.list-check > li:before{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #333;
    position: absolute;
    top: 0.6em;
    left: 10px;
}
.list-check > li:last-child{
    margin-bottom: 0;
}
.list-check > li > ul{
    margin: 2px 0 5px;
}
.list-check > li > ul > li{
    padding: 0 0 0 15px;
    position: relative;
}
.list-check > li > ul > li:before{
    background: #333 none repeat scroll 0 0;
    border-radius: 100%;
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 1.0em;
    left: 3px;
}

/* .list-notice
----------------------------------------------- */
.list-notice-01{
    font-size: 1.0rem;
    margin-bottom: 10px;
}
.list-notice-01 li{
    padding-left: 1.3em;
    position: relative;
    margin-bottom: 5px;
}
.list-notice-01 .mark{
    display: inline-block;
    left: 0;
    margin-left: -1.3em;
    position: relative;
    text-align: left;
    top: 0;
    width: 1.3em;
}
.list-notice-02{
    font-size: 1.2rem;
    line-height: 2;
    margin: 0 0 25px;
}
.list-notice-02 li{
    padding-left: 1.3em;
    position: relative;
    margin-bottom: 5px;
}
.list-notice-02 .mark{
    display: inline-block;
    left: 0;
    margin-left: -1.3em;
    position: relative;
    text-align: left;
    top: 0;
    width: 1.3em;
}

@media screen and (min-width: 601px){
    .list-notice-02{
        font-size: 1.4rem;
    }
}

/* .list-number
----------------------------------------------- */
.list-number-02,
.list-number-03{
    font-size: 1.4rem;
    line-height: 2;
    margin: 0 0 20px;
}
.list-number-02 li{
    list-style: none;
    padding-left: 1.3em;
    margin-bottom: 5px;
}
.list-number-03 li{
    list-style: none;
    padding-left: 1.5em;
    margin-bottom: 5px;
    color: #4c4c4c;
}
.list-number-02 li > *:last-child,
.list-number-03 li > *:last-child{
    margin: 0;
}
.list-number-02 li:last-child,
.list-number-03 li:last-child{
    margin: 0;
}
.list-number-02 li > span.num{
    display: inline-block;
    left: 0;
    margin-left: -1.3em;
    position: relative;
    text-align: left;
    top: 0;
    width: 1.3em;
}
.list-number-03 li > span.num{
    display: inline-block;
    left: 0;
    margin-left: -1.5em;
    position: relative;
    text-align: left;
    top: 0;
    width: 1.5em;
}
.list-number-02 li > span.num{
    color: #1e22aa;
}
.list-number-03 li.num-02{
    padding-left: 2.0em;
}
.list-number-03 li.num-02 > span.num{
    width: 2.0em;
    margin-left: -2.0em;
}
.lyt-hdg-width-img-section > .list-number-02,
.lyt-hdg-width-img-section > .list-number-03{
    clear: both;
}
.lyt-hdg-width-img-section > .list-number-02 li{
    padding-left: 1.3em !important;
}
.lyt-hdg-width-img-section > .list-number-03 li{
    padding-left: 1.5em !important;
}
.lyt-hdg-width-img-section > .list-number-02 li > span.num{
    display: inline-block;
    left: 0;
    margin-left: -1.3em !important;
    position: relative !important;
    text-align: left;
    top: 0;
    width: 1.3em;
}
.lyt-hdg-width-img-section > .list-number-03 li > span.num{
    display: inline-block;
    left: 0;
    margin-left: -1.5em !important;
    position: relative !important;
    text-align: left;
    top: 0;
    width: 1.5em;
}
@media screen and (min-width: 601px){
    .lyt-hdg-width-img-section > .list-number-02,
    .lyt-hdg-width-img-section > .list-number-03,
    .lyt-hdg-width-img-section > .list-notice-02{
        clear: none;
        float: right;
        width: 67%;
    }
}

/* .list-index-01
----------------------------------------------- */
.list-index-01{
    margin: 0 20px;
}
.list-index-01 li{
    width: 48.50746%;
    float: left;
    margin-right: 2.98507%;
    margin-bottom: 2.98507%;
}
.list-index-01 li:nth-child(2n){
    margin-right: 0;
}
.list-index-01 li:last-child,
.list-index-01 li:nth-last-child(2):nth-child(2n+1){
    margin-bottom: 0;
}
.list-index-01 li a{
    display: block;
    border: 1px solid #d9d9d9;
    text-decoration: none;
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-index-01 li a:hover{
    border: 1px solid #1e22aa;
}
.list-index-01 li a img{
    transition: none;
}
.list-index-01 li a .column{
    padding: 10px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.list-index-01 li a > .column .hdg{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5;
    color: #1e22aa;
    text-align: center;
    margin: 0 0 5px;
}
.list-index-01 li a > .column p{
    line-height: 1.7;
    margin: 0;
}
.list-index-01 li a .image{
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    margin: 0;
    width: 100%;
}
.list-index-01 li a .image img{
    width: 100%;
}
@media screen and (min-width: 601px) {
    .list-index-01{
        padding: 0;
        max-width: 1000px;
        margin: 0 auto;
    }
    .list-index-01 li{
        width: 48%;
        float: left;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .list-index-01 li a{
        display: table;
        direction: rtl;
    }
    .list-index-01 li a > .column{
        display: table-cell;
        width: 58.33333%;
        padding: 20px;
        vertical-align: middle;
        direction: ltr;
    }
    .list-index-01 li a > .column .hdg{
        font-size: 1.8rem;
        text-align: left;
        margin: 0 0 5px;
    }
    .list-index-01 li a > .column p{
        font-size: 1.4rem;
        line-height: 2;
    }
    .list-index-01 li a .image{
        position: relative;
    }
    .list-index-01 li a .image img{
        height: 100%;
        object-fit: cover;
    }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
    .list-index-01 li{
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 4%;
    }
    .list-index-01 li:nth-last-child(2):nth-child(2n+1){
        margin-bottom: 4%;
    }

}
@media screen and (min-width: 601px) and (max-width: 1000px) {
    .list-index-01{
        margin: 0 20px;
    }
}

/* ----------------------------------------------------------------
    Table
----------------------------------------------------------------- */

/* .tbl-01
----------------------------------------------- */
.tbl-01{
    width: 100%;
    border: 1px solid #ebebeb;
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing : 0.05em;
    margin: 0 0 15px;
}
.tbl-01 th{
    white-space:nowrap;
}
.tbl-01 th,
.tbl-01 td{
    vertical-align: top;
    word-wrap: break-word;
    padding: 10px;
}
.tbl-01 th > :last-child,
.tbl-01 td > :last-child{
    margin-bottom: 0;
}
.tbl-01 thead th,
.tbl-01 thead td{
    background-color: #f0f0f0;
}
.tbl-01 thead th:first-child{
    border-bottom: 1px solid #ebebeb;
}
.tbl-01 thead th:last-child{
    border-right: none;
}
.tbl-01 thead th{
    border-right: 1px solid #ebebeb;
}
.tbl-01 tbody th{
    width: 9em;
    font-weight: normal;
    text-align: right;
    background-color: #f0f0f0;
    border-bottom: 1px solid #ebebeb;
    border-right: none;
    white-space: nowrap;
}
.tbl-01 tbody td{
    text-align: left;
    border-bottom: 1px solid #ebebeb;
}
.tbl-01 tbody tr:last-child th,
.tbl-01 tbody tr:last-child td{
    border-bottom: none;
}

@media screen and (min-width: 601px) {
    .tbl-01{
        font-size: 1.4rem;
        letter-spacing : 0.1em;
        margin: 0 0 15px;
    }
    .tbl-01 th{
        padding: 10px 30px 10px 10px;
    }
    .tbl-01 td{
        padding: 10px 10px 10px 30px;
    }
    .tbl-01 tbody th{
        width: 10em;
    }
}

/* .tbl-02
----------------------------------------------- */
.tbl-02{
    width: 100%;
    margin: 0 0 35px;
}
.tbl-02 th,
.tbl-02 td{
    word-wrap: break-word;
}
.tbl-02 th > :last-child,
.tbl-02 td > :last-child{
    margin-bottom: 0;
}
.tbl-02 tbody th{
    text-align: right;
    font-weight: normal;
    text-align: center;
    background-color: #1e22aa;
    border-bottom: 1px solid #fff;
    border-right: none;
    width: 4.6em;
    padding: 2px;
    font-size: 1rem;
    line-height: 1;
    letter-spacing : .1em;
    white-space: nowrap;
    color: #fff;
}
.tbl-02 tbody td{
    text-align: left;
    border-bottom: 1px solid #fff;
    padding: 2px 10px;
    font-size: 1.4rem;
}
.tbl-02 tbody tr:last-child th,
.tbl-02 tbody tr:last-child td{
    border-bottom: none;
}
@media screen and (min-width: 601px) {
    .tbl-02 tbody th{
        font-size: 1.2rem;
    }
}

/* .tbl-03
----------------------------------------------- */
.tbl-03{
    width: 100%;
    border: 0;
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing : 0.05em;
    margin: 0 0 20px;
}
.tbl-03 caption{
    text-align: left;
    margin: 0 0 10px;
}
.tbl-03 th,
.tbl-03 td{
    font-size: 1.4rem;
    vertical-align: middle;
    word-wrap: break-word;
    padding: 10px;
}
.tbl-03 thead th{
    border-right: 1px solid #fff;
    background-color: #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #fff;
    font-weight: normal;
}
.tbl-03 thead th:last-child{
    border-right: 0;
}
.tbl-03 thead td{
    border-right: 1px solid #fff;
    background-color: #e6e6e6;
    text-align: center;
    border-top: 1px solid #fff;
}
.tbl-03 tbody td img{
    max-width: 70%;
}
.tbl-03 thead td.color-01{
    border-right: 1px solid #fff;
    background-color: #4d51d1;
    text-align: center;
    color: #fff;
}
.tbl-03 thead td:last-child{
    border-right: 0;
}
.tbl-03 thead td:last-child.color-01{
    border-right: 0;
}
.tbl-03 tbody th{
    text-align: left;
    line-height: 1.7;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    font-weight: normal;
}
.tbl-03 tbody td{
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.tbl-03 tbody td:first-child{
    border-left: 1px solid #d9d9d9;
}
.tbl-03 th > :last-child,
.tbl-03 td > :last-child{
    margin-bottom: 0;
}

/* .tbl-04
----------------------------------------------- */
.tbl-04{
    width: 100%;
    text-align: left;
    font-size: 1.4rem;
    border: 2px solid #ccc;
}
.tbl-04 th{
    color: #1e1e74;
    background-color: #f5f5fa;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 18px;
}
.tbl-04 th:first-child{
    color: #57500e;
    background-color: #f8f6e4;
    border-right: 1px solid #e5e5e5;
    width: 57.566765578635014%;
}
.tbl-04 td{
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 15px;
    line-height: 1.85;
    vertical-align: top;
}
.tbl-04 td:first-child{
    border-right: 1px solid #e5e5e5;
}
.tbl-04 tbody tr:nth-child(even){
    background-color: #fafafa;
}
.tbl-04 tr > th:last-child,
.tbl-04 tr > td:last-child{
    border-right: none;
}
/* .tbl-05
----------------------------------------------- */
.tbl-05{
    width: 100%;
    text-align: left;
    font-size: 1.4rem;
    border: 2px solid #ccc;
    word-wrap: break-word;
	table-layout: fixed;
}
.tbl-05 .txt-i{
	font-style: italic;
}

.tbl-05 th{
    color: #1e1e74;
    background-color: #f5f5fa;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border: 2px solid #ccc;
    padding: 18px;
}
.tbl-05 th:first-child{
    color: #57500e;
    background-color: #f8f6e4;
    border-right: 1px solid #e5e5e5;
    width: 57.566765578635014%;
}
.tbl-05 td{
    border-bottom: 1px solid #e5e5e5;
    border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
    padding: 15px;
    line-height: 1.85;
    vertical-align: top;
}
.tbl-05 td:first-child{
    border-right: 1px solid #e5e5e5;
}

.tbl-05 tbody tr:nth-child(even){
	background-color: #fff;
}
.tbl-05 tr > th:last-child,
.tbl-05 tr > td:last-child{
    border-right: none;
}

.tbl-05 td.border-dotted{
	border-bottom-style: dotted;
}

@media screen and (min-width: 601px) {
    .tbl-03{
        font-size: 1.4rem;
        letter-spacing : 0.1em;
    }
    .tbl-03 caption{
        font-weight: bold;
    }
    .tbl-03 thead th,
    .tbl-03 thead td,
    .tbl-03 tbody th{
        font-weight: bold;
    }
    .tbl-03 tbody td img{
        max-width: 100%;
    }
}


/* .tbl-scroll
----------------------------------------------- */
@media screen and (max-width: 600px) {
  .tbl-scroll{
    max-width: 700px;
    margin: 0 0 27px;
    padding: 0 0 15px;
    overflow-x: auto;
    /*-webkit-overflow-scrolling: touch;*/
  }
  .tbl-scroll > table{
    width: 700px !important;
    z-index: 0;
    margin: 0;
  }
  .tbl-scroll::-webkit-scrollbar{
    height: 5px;
  }
  .tbl-scroll::-webkit-scrollbar-track{
    border-radius: 5px;
    background: #eee;
  }
  .tbl-scroll::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: #666;
  }
}

.hdg-l3-02 + table,
.hdg-l3-02 + .tbl-scroll{
  margin-top: 15px;
}

/* table汎用
----------------------------------------------- */

table[class*="tbl-"] th.hdg-color-01{
    background-color: #f2f2f2;
    color:#4c4c4c;
}

table[class*="tbl-"] th.hdg-color-02{
	background-color: #f5f5fa;
    color:#1e1e74;
}

table[class*="tbl-"] td.color-reset-01{
	background-color: #fafafa;
}

@media screen and (max-width: 600px) {
	.visible-pc .condition-table{
		display: none;
	}
}

@media screen and (min-width: 601px) {
	.visible-sp .condition-table{
		display: none;
	}
}

/* ----------------------------------------------------------------
    Image
----------------------------------------------------------------- */

/* .image
----------------------------------------------- */
.image {
    text-align: center;
    margin: 0 0 20px;
}

/* =================================================
 * トップページ
 * ============================================== */

.contents .search-wrap{
    margin: 0 auto 40px;
    padding-top: 57px;
}
.contents .search{
    width: 48.75%;
    margin-left: 2.5%;
}
.contents .search:first-child{
    margin-left: 0;
}
.contents .search .search-head{
    font-size: 1.6rem;
    line-height: 1.0625;
}
.contents .search li{
    width: 100%;
    height: auto;
}
.contents .search a{
    color: #333;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 1.25;
    padding-left: 10px;
}
.contents .search li .name-products{
    display: table-cell;
    text-align: left;
    width: 60%;
}
.contents .search li > a:hover{
    opacity: 1;
}
.contents .search li > a:hover .name-products{
    color: #1e22aa;
    opacity: 1;
}
.contents .search li > a .img-products{
    transition: opacity 0.3s ease 0s;
}
.contents .search li > a:hover .img-products{
    opacity: .5;
    -moz-opacity: .5;
}
.contents .search-wrap.article{
    padding: 0 20px;
}
.contents .search-wrap.article .search .title{
    display: block;
    margin: 10px 0 5px;
}
.contents .search-wrap.article .search li{
    width: 50%;
    height: 50px;
}
.contents .search-wrap.article .search a{
    height: 100% !important;
    font-size: 1.2rem;
}
span[lang="en"]{
    font-size: .8rem;
    font-weight: normal;
    color: #999;
    text-align: left;
    display: block;
    letter-spacing: -.09rem;
}
.ttl-text{
    text-align: center;
    font-size: 1.4rem;
}
.ttl-text img{
    display: block;
    margin: 5px auto 13px;
    width: 65%;
}
.lead{
    margin: 0 auto 30px;
    text-align: center;
}
.link-01{
    text-align: center;
    margin: 0 auto 40px;
}
.link-01 li{
    width: 48.2198657989%;
    display: inline-block;
    font-size: 1.9rem;
    margin-left: 10px;
}
.link-01 li:first-child{
    margin-left: 0;
}
.link-01 a{
    width: 100%;
}
.btn-magazine li .btn-03 a{
    font-size: 1.4rem;
}
.btn-howto li a:hover{
    border: 1px solid #d9d9d9;
}
.btn-howto .btn-03 a{
    padding-right: 25%;
}
.btn-howto .btn-03 a::after{
    right: 6.5%;
}
.link-01.list-bnr li{
    max-width: 100%;
}
.link-01.list-bnr a{
    padding: 0;
}
.link-01.list-bnr .btn-03 img{
    display: block;
}
.link-01.list-bnr .btn-03 img.pc{
    display: none;
}
.link-01.list-bnr .btn-03 a::after{
    right: 10px;
}
.link-01.list-bnr-02 li{
    display: block;
    max-width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
}
.link-01.list-bnr-02 p{
    padding: 0;
    font-size: 1.2rem;
    color: #666;
}
.link-01.list-bnr-02 .btn-03 img{
    display: block;
}
.link-01.list-bnr-02 .btn-03 img.pc{
    display: none;
}
.link-01.list-bnr-02 .btn-03 a::after{
    right: 10px;
}
.magazine{
    margin-bottom: 15px;
}
.magazine li{
    float: left;
    width: 50%;
    position: relative;
}
.magazine li .pickup{
    width: 20.7%;
    max-width: 40px;
    max-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.magazine li a{
    font-size: .9rem;
    color: #fff;
    text-decoration: none;
}
.magazine .magazine-text-box{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
}
.magazine .magazine-text{
    display: block;
    line-height: 1.5;
}
.brand-wrap{
    background-color: #f7f7f7;
    margin: 0 0 40px;
    padding: 30px 20px 0;
}
.brand{
    margin: 0 0 0 -10px;
    padding-bottom: 30px;
    text-align: center;
}
.brand li{
    width: 29.743%;
    float: left;
    margin: 0 0 10px 3.33333%;
    box-shadow: 0px 1px 1px 0px #e3e3e3;
}
.related-product-area{
    margin: 0 0 20px;
}
.related-product-link{
    display: block;
    text-decoration: none;
    color: #333;
}
.related-product-link:hover .related-product{
    border-color: #262aad;
}
.related-product-link:hover,
.related-product-link:hover .related-product img{
    opacity: 1;
}
.related-product{
    border: 1px solid #e5e5e5;
    position: relative;
    padding-top: 47.42857142857143%;
}
.related-product-text{
    position: relative;
    z-index: 3;
    padding: 20px 55px 20px 20px;
    background-color: #fff;
    font-size: 1.4rem;
}
.related-product-hdg{
    color: #2d31af;
    margin-bottom: 15px;
}
.related-product-hdg img{
    width: 90%;
}
.related-product-text .mark-blank{
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
}
.related-product-image{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
}
.related-product-image img{
    width: 100%;
}
.news-wrap{
    padding-bottom: 40px;
}
.news{
    padding-bottom: 10px;
}
.news li{
    position: relative;
    padding-left: 100px;
    margin-bottom: 25px;
}
.news a{
    color: #333;
    text-decoration: none;
}
.news a:hover{
    color: #1e22aa;
    opacity: 1;
}
.news .date{
    position: absolute;
    left: 0;
    color: #999;
}
.pc{
    display: none;
}

@media screen and (min-width: 601px) {
    .contents .search-wrap{
        margin-bottom: 110px;
        padding-top: 120px;
    }
    .contents .search{
        padding: 0 20px 20px;
        width: 48.79032258%;
        margin-left: 2.4193548387096775%;
    }
    .contents .search::before{
        width: 67px;
        height: 59px;
        margin-top: -40px;
    }
    .contents .search:first-child::before{
        width: 65px;
        height: 58px;
    }
    .contents .search .search-head{
        font-size: 2.4rem;
        padding-top: 8px;
    }
    .contents .search ul{
        margin-top: 25px;
    }
    .contents .search li{
        width: 50%;
        display: inline-block;
    }
    .contents .search a{
        font-size: 2rem;
        padding: 20px 0 20px 20px;
        display: table;
        table-layout: fixed;
    }
    .contents .search .img-products{
        width: 100%;
    }
    .contents .search-wrap.article .search::before{
        content: none;
    }
    .contents .search-wrap.article{
        max-width: 1000px;
    }
    .contents .search-wrap.article .search{
        width: 48.4375%;
        margin-left: 3.125%;
    }
    .contents .search-wrap.article .search:first-child{
        margin-left: 0;
    }
    .contents .search-wrap.article .search .title{
        margin-top: 45px;
    }
    .contents .search-wrap.article .search .title::before{
        content: "";
        display: inline-block;
        width: 67px;
        height: 59px;
        background: url(/share/images/icon-cat-02.png) no-repeat top left;
        background-size: contain;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -15px;
    }
    .contents .search-wrap.article .search:first-child .title::before{
        background-image: url(/share/images/icon-dog-02.png);
    }
    .contents .search-wrap.article .search dt{
        margin: 25px 0 10px;
    }
    .contents .search-wrap.article .search ul{
        border: none;
    }
    .contents .search-wrap.article .search li{
        max-width: 90px;
        width: 22.5%;
        height: 40px;
        border: 1px solid #e6e6e6;
        margin: 5px;
    }
    .contents .search-wrap.article .search a{
    }
    span[lang="en"]{
        font-size: 1rem;
        margin-top: 5px;
    }
    .ttl-text{
        font-size: 2.2rem;
        margin-bottom: 30px;
    }
    .ttl-text img{
        width: auto;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .lead{
        font-size: 1.4rem;
        width: 70%;
        margin: 0 auto 40px;
    }
    .link-01 li{
        margin-left: 40px;
    }
    .link-01.list-bnr{
        margin: 0 -15px 60px;
    }
    .link-01.list-bnr li{
        width: auto;
        margin-left: 0;
        margin-bottom: 20px;
        padding: 0 15px;
    }
    .link-01.list-bnr .btn-03 img.pc{
        display: block;
    }
    .link-01.list-bnr .btn-03 img.sp{
        display: none;
    }
    .link-01.list-bnr-02{
        margin: 0 -15px 60px;
    }
    .link-01.list-bnr-02 li{
        width: auto;
        margin-left: 0;
        padding: 0 15px;
    }
    .link-01 a{
        width: 100%;
        font-size: 1.4rem;
        padding: 20px 70px 20px 20px;
    }
    .link-01.list-bnr-02 p{
        font-size: 1.4rem;
    }
    .btn-magazine li{
        max-width: 230px;
    }
    .btn-howto li{
        width: 40%;
        max-width: 480px;
    }
    .btn-howto .btn-03 a{
        padding-right: 70px;
    }
    .btn-howto .btn-03 a::after{
        right: 4.5%;
    }
    .magazine{
        margin: 0 auto 30px;
    }
    .magazine li{
        width: 33.33333333333%;
    }
    .magazine li .pickup{
        max-width: 80px;
        max-height: 80px;
    }
    .magazine-text{
        font-size: 1.4rem;
    }
    .heading-01{
        font-size: 2.8rem;
        max-width: 1200px;
        margin: 0 auto 25px;
        line-height: 1;
    }
    .brand-wrap{
        padding: 80px 40px 40px;
        margin: 0 0 80px 0;
    }
    .brand{
        margin: 0 auto;
        padding-bottom: 0;
        max-width: 1200px;
    }
    .brand li{
        width: 17.33333%;
        margin: 0 0 30px 3.33333%;
    }
    .brand li:nth-child(5n+1){
        margin: 0 0 30px 0;
    }
    .brand li:first-child{
        margin-left: 0;
    }
    .related-product-area{
        max-width: 707px;
        margin: 0 auto 40px;
    }
    .related-product{
        position: static;
    }
    .related-product{
        display: table;
        direction: rtl;
        padding-top: 0;
    }
    .related-product-text,
    .related-product-image{
        display: table-cell;
        direction: ltr;
    }
    .related-product-text{
        vertical-align: top;
        padding-right: 90px;
    }
    .related-product-hdg{
        margin-bottom: 10px;
    }
    .related-product-image{
        position: static;
        width: 39.46251768033947%;
    }
    .relation-image{
        position: relative;
        z-index: 1;
        height: 100%;
    }
    .relation-image img{
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        height: 105%;
        max-width: none;
        width: auto;
    }
    .related-product-text .mark-blank{
        width: 40px;
        height: 40px;
        right: 20px;
    }
    .related-product-hdg img{
        width: 70%;
    }
    .news-wrap{
        padding-bottom: 100px;
    }
    .news{
        margin: 0 auto;
        max-width: 1200px;
    }
    .news li{
        margin-bottom: 15px;
    }
    .news .date,
    .news a{
        font-size: 1.4rem;
    }
    .sp{
        display: none;
    }
    .pc{
        display: inline-block;
    }
    .btn-05.pc{
        display: block;
    }
}

@media screen and (min-width: 601px) and (max-width: 800px){
    .contents .search-wrap{
        margin-bottom: 80px;
        padding-top: 180px;
    }
    .contents .search a{
        font-size: 1.4rem;
    }
    .contents .search li .name-products{
        vertical-align: top;
    }
}

/* =================================================
 * ユニ・チャーム ペットについて
 * ============================================== */

.hdg-about-us{
    margin: 40px 35px;
    text-align: center;
    font-size: 2.4rem;
}
.text-about-us{
    margin: 0 30px 40px;
}
.lyt-movie-wrap{
    margin-bottom: 40px;
    padding: 0 20px;
}
.movie-hdg{
    margin: 0 40px 15px;
    text-align: center;
}
.movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.movie iframe {
    border: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.about-us .mainvisual{
    z-index: 1;
}
.about-us .logo-bottom{
    width: 30%;
    margin: 0 auto 80px;
}

@media screen and (min-width: 601px){
    .hdg-about-us{
        margin: 50px auto 60px;
        font-size: 3.2rem;
    }
    .text-about-us.pc{
        max-width: 646px;
        margin: 0 auto 45px;
        display: block;
    }
    .lyt-movie-wrap{
        max-width: 960px;
        margin: 0 auto 80px;
    }
    .movie-hdg{
        margin: 0 auto 30px;
        max-width: 313px;
    }
    .movie{
        display: block;
    }
    .about-us .mainvisual{
        position: relative;
        height: 1500px;
    }
    .about-us .mainvisual img{
        position: absolute;
        top: 0;
        margin: auto;
        width: initial;
        max-width: none;
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        left: 50%;
    }
    .about-us .mainvisual-text{
        position: relative;
        height: 700px;
    }
    .about-us .mainvisual-text img{
        position: absolute;
        top: 0;
        margin: auto;
        width: initial;
        max-width: none;
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        left: 50%;
    }
    .about-us .logo-bottom{
        max-width: 173px;
        margin: 0 auto 120px;
    }
    .quality{
        margin: 0 0 60px;
    }
}

/* =================================================
 * 商品詳細ページ
 * ============================================== */

.item.jan .contents p{
    font-size: 1.2rem;
    line-height: 2;
    font-weight: normal;
    margin-bottom: 15px;
}
.item.jan .contents p.intro{
    font-size: 1.4rem;
    line-height: 1.85;
    font-weight: bold;
    margin-bottom: 15px;
}
.item.jan .contents p.lead{
    text-align: center;
}
@media screen and (min-width: 601px) {
    .item.jan .contents p{
        font-size: 1.4rem;
    }
    .item.jan .contents p.lead{
        font-size: 1.8rem;
    }
}

/* .lyt-image[data-image-layout="left"]
 * .lyt-image[data-image-layout="right"]
----------------------------------------------- */
.lyt-image[data-image-layout="left"] > .column,
.lyt-image[data-image-layout="right"] > .column {
    overflow: visible;
}
.lyt-image[data-image-layout="left"] > .image img,
.lyt-image[data-image-layout="right"] > .image img{
    width: 75%;
}
.item-category-brand .lyt-image[data-image-layout="left"] > .image img,
.item-category-brand .lyt-image[data-image-layout="right"] > .image img{
    width: 90%;
}
.lyt-image[data-image-layout="left"] > .image {
    width : 100%;
    float: none;
    margin-right: 0;
    text-align: center;
}
.lyt-image[data-image-layout="right"] > .image {
    width : 100%;
    float: none;
    margin-left: 0;
    text-align: center;
}
@media screen and (min-width: 601px) {
    .lyt-image[data-image-layout="left"],
    .lyt-image[data-image-layout="right"] {
        margin: 0 0 15px;
    }
    .lyt-image[data-image-layout="left"] > .column,
    .lyt-image[data-image-layout="right"] > .column {
        overflow: hidden;
    }
    .lyt-image[data-image-layout="left"] > .image img,
    .lyt-image[data-image-layout="right"] > .image img{
        width: auto;
    }
    .item-category-brand .lyt-image[data-image-layout="left"] > .image img,
    .item-category-brand .lyt-image[data-image-layout="right"] > .image img{
        width: 75%;
    }
    .lyt-image[data-image-layout="left"] > .image {
        width : 48%;
        float: left;
        margin-right: 4%;
    }
    .lyt-image[data-image-layout="right"] > .image {
        width : 48%;
        float: right;
        margin-right: 4%;
    }
}

/* .lyt-column[data-column-number="2"]
----------------------------------------------- */
.lyt-column[data-column-number="2"]{
    margin-bottom: 20px;
}
.lyt-column[data-column-number="2"] > .col{
    float: left;
    width: 48.30508%;
    margin-right: 3.38983%;
}
.lyt-column[data-column-number="2"] > .col:nth-child(2n){
    margin-right: 0;
}
.lyt-column[data-column-number="2"] > .col:nth-child(2n+1) {
    clear: both;
}
.lyt-column[data-column-number="2"] > .col > p,
.lyt-column[data-column-number="2"] > .col > .image{
    margin-bottom:0;
}
.lyt-column[data-column-number="2"] > .col > p > em{
    font-size: 1.4rem;
}
.lyt-column[data-column-number="2"] > .col > .image > .caption {
    font-size: 1.2rem;
    margin-top: 5px;
    display: block;
}

/* ----------------------------------------------------------------
    Carousel
----------------------------------------------------------------- */

/* .carousel-item
----------------------------------------------- */
.carousel > .carousel-control > li > a{
    display: block;
    width: 100%;
    height: 100%;
}
.carousel-item > li .bg{
    width: 100%;
}

/* メインエリアのカルーセル（追従機能付き）、
  「関連するウェブマガジン」のカルーセル */
.item.jan .lyt-image .image .carousel,
.item.jan .web-magazine .carousel{
    position: relative;
}
.item.jan .web-magazine .carousel{
    margin-bottom: 15px;
}
.item.jan .lyt-image .image .carousel .carousel-item-wrap,
.item.jan .web-magazine .carousel .carousel-item-wrap{
    overflow: hidden;
}
.item.jan .lyt-image .image .carousel .carousel-item-wrap{
    margin-bottom: 15px;
}
.item.jan .web-magazine .carousel .carousel-item-wrap{
    margin-bottom: 10px;
}
.item.jan .lyt-image .image .carousel-item > li,
.item.jan .web-magazine .carousel-item > li{
    float: left;
    background-color: #fff;
}
.item.jan .web-magazine .carousel-item > li{
    margin-right: 0;
    position: relative;
}
.item.jan .web-magazine .carousel-item > li > a{
    display: block;
    position: relative;
}
.item.jan .web-magazine .carousel-item > li > a > .inner{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    width: 100%;
}
.item.jan .web-magazine .carousel-item > li > a > .inner > p{
    font-size: 1.2rem;
    line-height: 1.5;
    color: #fff;
}
.item.jan .lyt-image .image .carousel-slide{
    font-size: 0;
    text-align:center;
}
.item.jan .lyt-image .image .carousel > .carousel-control > li.prev,
.item.jan .lyt-image .image .carousel > .carousel-control > li.next,
.item.jan .web-magazine .carousel > .carousel-control > li.prev,
.item.jan .web-magazine .carousel > .carousel-control > li.next{
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    width: 25px;
    height: 25px;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
}
.item.jan .web-magazine .carousel > .carousel-control > li.prev,
.item.jan .web-magazine .carousel > .carousel-control > li.next{
    top: 40%;
}
.item.jan .lyt-image .image .carousel > .carousel-control > li.prev,
.item.jan .web-magazine .carousel > .carousel-control > li.prev{
    background: transparent url(/share/images/btn-prev.png) no-repeat scroll 0 0;
    background-size: contain;
}
.item.jan .lyt-image .image .carousel > .carousel-control > li.next,
.item.jan .web-magazine .carousel > .carousel-control > li.next{
    background: transparent url(/share/images/btn-next.png) no-repeat scroll 0 0;
    background-size: contain;
}
.item.jan .lyt-image .image .carousel > .carousel-control > li.prev{
    margin-top: -10px;
    left: -30px;
    z-index:10;
}
.item.jan .lyt-image .image .carousel > .carousel-control > li.next{
    margin-top: -10px;
    right: -30px;
    z-index:10;
}
.item.jan .web-magazine .carousel > .carousel-control > li.prev{
    margin-top: -30px;
    left: -10px;
    z-index:10;
}
.item.jan .web-magazine .carousel > .carousel-control > li.next{
    margin-top: -30px;
    right: -10px;
    z-index:10;
}
.item.jan .lyt-image .image .carousel button,
.item.jan .web-magazine .carousel button{
    padding: 0;
    border: none;
    background: transparent;
}
.item.jan .lyt-image .image .carousel-control,
.item.jan .web-magazine .carousel-control{
    display: block;
}
.item.jan .web-magazine .carousel-slide{
    display: block;
    font-size: 0;
    text-align: center;
}
.item.jan .lyt-image .image .carousel-slide > li,
.item.jan .web-magazine .carousel-slide > li{
    background: #d9d9d9 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 100%;
    content: '';
    width: 5px;
    height: 5px;
    display: inline-block;
    margin-right: 10px;
}
.item.jan .web-magazine .carousel-slide > li{
    text-indent: -9999px;
}
.item.jan .lyt-image .image .carousel-slide > li.active,
.item.jan .web-magazine .carousel-slide > li.active{
    background: #1e22aa none repeat scroll 0 0;
}
.item.jan .lyt-image .image .carousel-slide > li img{
    opacity: 0;
}
.item.jan .web-magazine .carousel-slide > li:last-child{
    margin-right:0;
}

@media screen and (min-width: 601px) {
    .item.jan .lyt-image .image .carousel .carousel-item-wrap{
        overflow: hidden;
        margin-bottom: 60px;
    }
    .item.jan .web-magazine .carousel .carousel-item-wrap{
        margin-bottom: 40px;
    }
    .item.jan .web-magazine .carousel-item > li > a > .inner{
        padding: 20px 24px;
    }
    .item.jan .lyt-image .image .carousel > .carousel-control > li.prev,
    .item.jan .lyt-image .image .carousel > .carousel-control > li.next{
        width: 40px;
        height: 40px;
        margin-top: -50px;
        position: absolute;
        top: 50%;
        z-index:10;
    }
    .item.jan .web-magazine .carousel > .carousel-control > li.prev,
    .item.jan .web-magazine .carousel > .carousel-control > li.next{
        width: 40px;
        height: 40px;
        margin-top: -25px;
        position: absolute;
        top: 50%;
        z-index:100;
    }
    .item.jan .lyt-image .image .carousel > .carousel-control > li.prev{
        left: -10px;
    }
    .item.jan .lyt-image .image .carousel > .carousel-control > li.next{
        right: -10px;
    }
    .item.jan .web-magazine .carousel .carousel-control > li.prev{
        left: -15px;
    }
    .item.jan .web-magazine .carousel .carousel-control > li.next{
        right: -15px;
    }
    .item.jan .lyt-image .image .carousel-slide > li{
        background: none;
        content: none;
        width: auto;
        height: auto;
        border-radius: 0;
    }
    .item.jan .web-magazine .carousel-slide{
        display: none;
    }
    .item.jan .lyt-image .image .carousel-slide li:last-child{
        margin-right:0;
        background: none;
    }
    .item.jan .lyt-image .image .carousel-slide > li img{
        opacity: 1;
    }
    .item.jan .lyt-image .image .carousel-slide > li.active{
        background: none;
        border: 1px solid #1e22aa;
    }
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
    .item.jan .web-magazine .carousel-item > li > a > .inner{
        padding: 15px;
    }
    .item.jan .web-magazine .carousel-item > li > a > .inner > p{
        font-size: 1.2rem;
        line-height: 1.5;
        font-weight: bold;
    }
    .item.jan .web-magazine .carousel > .carousel-control > li.prev{
        width: 30px;
        height: 30px;
        top: 125px;
        left: -15px;
        margin-top: -15px;
    }
    .item.jan .web-magazine .carousel > .carousel-control > li.next{
        width: 30px;
        height: 30px;
        top: 125px;
        right: -15px;
        margin-top: -15px;
    }
}
@media screen and (min-width: 601px) and (max-width: 1200px){
    .item.jan .web-magazine .carousel > .carousel-control > li.prev,
    .item.jan .web-magazine .carousel > .carousel-control > li.next{
        width: 30px;
        height: 30px;
    }
}
@media screen and (min-width: 1201px) {
    .item.jan .web-magazine .carousel-item > li > a > .inner > p{
        font-size: 1.4rem;
        line-height: 1.7;
        font-weight: bold;
        letter-spacing : 0.150em;
    }
    .item.jan .web-magazine .carousel > .carousel-control > li.prev{
        margin-top: 150px;
        top: 0;
        left: -20px;
    }
    .item.jan .web-magazine .carousel > .carousel-control > li.next{
        margin-top: 150px;
        top: 0;
        right: -20px;
    }
}

/* 他のシリーズを見るのカルーセル */
.other-series-carousel{
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
}
.other-series-carousel .series-inner > li{
    float: left;
}
.other-series-carousel .carousel{
    position: relative;
    padding-bottom: 20px;
}
.other-series-carousel .carousel .carousel-control li.prev,
.other-series-carousel .carousel .carousel-control li.next{
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    width: 40px;
    height: 40px;
    line-height: 0;
    margin-top: -20px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
}
.other-series-carousel .carousel .carousel-control li.prev{
    background: transparent url(/share/images/btn-prev.png) no-repeat scroll 0 0;
    background-size: contain;
    left: -5px;
    z-index:100;
}
.other-series-carousel .carousel .carousel-control li.next{
    background: transparent url(/share/images/btn-next.png) no-repeat scroll 0 0;
    background-size: contain;
    right: -5px;
    z-index: 100;
}
.other-series-carousel .series-hdg-wrap a {
    background-color: #000;
    display: block;
}
.other-series-carousel .series-hdg-img{
    opacity: .75;
}

@media screen and (min-width: 601px) {
    .other-series-carousel{
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 120px;
    }
    .other-series-carousel .carousel{
        padding-bottom: 40px;
    }
    .other-series-carousel .carousel .carousel-control li.prev,
    .other-series-carousel .carousel .carousel-control li.next{
        width: 40px;
        height: 40px;
    }
}

/* .list-category-01
----------------------------------------------- */
.list-category-01{
    font-size: 0;
    text-align: left;
    margin-bottom: 10px;
}
.list-category-01 li{
    display: inline-block;
    margin: 0 5px 5px 0;
}
.list-category-01 li a{
    display: block;
    padding: 2px 4px;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: normal;
    color: #1e22aa;
    border: 1px solid #1e22aa;
    text-decoration: none;
}
@media screen and (min-width: 601px) {
    .list-category-01 li{
        margin: 0 10px 10px 0;
    }
    .list-category-01 li a{
        font-size: 1.4rem;
        padding: 5px 10px;
    }
}

.box-01{
    border: 1px solid #e7a1a1;
    margin-top: 30px;
}
.box-01 .hdg-box-01{
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 7px 7px 10px 10px;
    margin: 5px 5px 10px;
    background-color: #f9e7e7;
}
.box-01 .hdg-box-02{
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: .1em;
    line-height: 1.2;
    padding: 7px 7px 10px 10px;
    margin: 10px;
    background-color: #e15353;
}
.box-01 .box-inner{
    padding: 0 17px 17px;
}
.box-01 .box-inner p{
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 2;
    margin-bottom: 15px;
}
.contents .box-01 .box-inner > *:last-child{
    margin-bottom: 0;
}
.box-02{
    border: 1px solid #dbdbdb;
    margin-top: 30px;
    padding: 12px 17px 17px;
}
.contents .box-02 > *:last-child{
    margin-bottom: 0;
}
.box-search-01{
    background: #f8f8f8;
    padding: 15px 15px 20px;
    margin-top: 30px;
}
.box-search-01 .list-def-01{
    margin-bottom: 15px;
}
.box-search-01 .list-def-01 dt,
.box-search-01 .list-def-01 dd{
    font-size: 1.4rem;
    letter-spacing : 0.05em ;
    color: #666;
}
.box-search-01 .list-def-01 dt {
    padding-right: 2em;
    position: relative;
    display: inline-block;
}
.box-search-01 .list-def-01 dt:after{
    content: '：';
    display: block;
    position: absolute;
    right: 7px;
    top: 0;
}
.box-search-01 .list-def-01 dd em{
    color: #d91725;
    font-style: normal;
}
.box-search-01 p{
    text-align: center;
}
.box-search-01 .btn-reset{
    padding: 18px;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing : 0.05em;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #666;
    background-color: #fff;
    border: 0;
    cursor: pointer;
}
.box-search-01 .btn-reset:before{
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(/share/images/icon-close.gif);
    background-size: contain;
    margin: -2px 8px 0;
    vertical-align: middle;
}
.box-search-01 p:last-child,
.box-search-01 *:last-child{
    margin-bottom: 0;
}
.list-def-02{
    margin: 0 0 25px;
}
.list-def-02 dt{
    font-size: 1.4rem;
    font-weight: bold;
    color: #666;
}
.list-def-02 dd{
    font-size: 1.4rem;
    line-height: 2;
}
.item .web-magazine .hdg-l2-01{
    margin: 0 auto 20px;
    text-align: center;
}
.hdg-l1-01.jan{
    margin-bottom: 30px;
}
.hdg-l2-02.jan{
    font-size: 1.4rem;
    background-color: #f0f0f0;
    border: none;
    padding: 5px 5px 5px 25px;
    font-weight: bold;
}
.hdg-l2-02.jan:before{
    left: 10px;
    width: 8px;
    background-size: contain;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hdg-l2-03.jan{
    text-align: center;
    margin: 0 0 20px;
}
.list-date-01 dt{
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    color: #666;
}
.list-date-01 dd{
    font-size: 1.4rem;
}
.item .web-magazine .hdg-l3-04.jan{
    margin: 0 auto 20px;
    text-align: center;
}
.item.jan .article-text-area{
    background-color: #fff;
}

@media screen and (min-width: 601px) {
    .box-01{
        margin: 30px 0 40px;
    }
    .box-01 .hdg-box-01{
        font-size: 1.8rem;
        padding: 10px 10px 10px 15px;
        margin: 9px 9px 10px;
    }
    .box-01 .hdg-box-02{
        font-size: 1.6rem;
        letter-spacing: normal;
        font-weight: bold;
        padding: 10px 10px 10px 15px;
        margin: 9px 9px 10px;
    }
    .box-01 .box-inner{
        padding: 0 27px 20px;
    }
    .box-01 .box-inner p{
        font-size: 1.4rem;
    }
    .box-02{
        margin: 30px 0 40px;
        padding: 20px 27px;
    }
    .box-search-01{
        background: #f8f8f8;
        padding: 10px 10px;
        margin-top: 20px;
    }
    .box-search-01 .list-def-01{
        float: left;
        width: 80%;
        margin: 7px 0 0 20px;
    }
    .box-search-01 .list-def-01 dt,
    .box-search-01 .list-def-01 dd{
        font-size: 1.6rem;
        font-weight: bold;
    }
    .box-search-01 .list-def-01 dt {
        float: left;
    }
    .box-search-01 .list-def-01 dd{
        overflow: hidden;
    }
    .box-search-01 .btn-reset{
        float: right;
        padding: 12px;
        font-size: 1.4rem;
        font-weight: bold;
        color: #333;
    }
    .box-search-01 .btn-reset:before{
        margin: -4px 8px 0;
    }
    .list-def-02 dt{
        font-size: 1.4rem;
    }
    .list-def-02 dd{
        font-size: 1.4rem;
    }
    .item.jan .web-magazine .hdg-l2-01{
        margin: 0 auto 40px;
    }
    .hdg-l1-01.jan{
        text-align: center;
        margin-bottom: 40px;
    }
    .hdg-l2-02.jan{
        font-size: 1.6rem;
        padding: 10px 10px 10px 35px;
    }
    .hdg-l2-02.jan:before{
        left: 12px;
        width: 12px;
    }
    .hdg-l2-03.jan{
        margin: 0 0 28px;
    }
    .hdg-l3-05.jan{
        font-size: 1.8rem;
    }
    .list-date-01 dt{
        font-size: 1.4rem;
    }
    .list-date-01 dd{
        font-size: 1.4rem;
    }
    .item.jan .web-magazine .hdg-l3-04.jan{
        font-size: 2.4rem;
        margin: 0 auto 15px;
    }
}
@media screen and (min-width: 601px) and (max-width: 1200px){
    .box-search-01 .list-def-01{
        width: 75%;
    }
    .item.jan .web-magazine{
        margin: 0 20px 60px;
    }
}

/* =================================================
 * ブランドトップ
 * ============================================== */

.item-category-brand .contents p{
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing : 0.05em;
    font-weight: normal;
    margin-bottom: 15px;
}
@media screen and (min-width: 601px) {
    .item-category-brand .contents p{
        font-size: 1.4rem;
    }
}

/* .lyt-image[data-contents-category="item-category-brand"]
------------------------------------------------------------ */
.lyt-image[data-contents-category="item-category-brand"]{
    margin: 0 0 15px;
    position: relative;
    display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.lyt-image[data-contents-category="item-category-brand"] > .column{
    width : 100%;
    float: none;
    margin-left: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.lyt-image[data-contents-category="item-category-brand"] > .column *:last-child{
    margin-bottom: 0;
}
.lyt-image[data-contents-category="item-category-brand"] > .image{
    width : 100%;
    overflow: visible;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    margin-bottom: 20px;
    text-align: center;
}
.lyt-image[data-contents-category="item-category-brand"] > .image img{
    width: 90%;
}
.item-category-brand .lyt-image[data-contents-category="item-category-brand"]{
    margin: 0;
}
.item-category-brand .lyt-image[data-contents-category="item-category-brand"] > .column .btn-05{
    text-align: center;
}

@media screen and (min-width: 601px) {
    .lyt-image[data-contents-category="item-category-brand"]{
        margin: 0 0 15px;
        display: block;
    }
    .lyt-image[data-contents-category="item-category-brand"] > .column{
        width : 48%;
        float: right;
        margin-left: 4%;
    }
    .lyt-image[data-contents-category="item-category-brand"] > .image{
        width: auto;
        overflow: hidden;
    }
    .lyt-image[data-contents-category="item-category-brand"] > .image img{
        width: 75%;
    }
    .item-category-brand .lyt-image[data-contents-category="item-category-brand"] > .column .btn-05{
        text-align: right;
    }
}

.item-category-brand .brand-name{
    background-color: #fff;
    padding: 30px 25px;
    margin: 20px;
}
.item-category-brand .brand-name p{
    color: #666;
    font-size: 1.4rem;
    letter-spacing: normal;
    margin-bottom: 20px;
    line-height: 1.75;
}
.item-category-brand .brand-name .link-next{
    text-align: center;
    margin-bottom: 0;
}
.link-next a{
    font-size: 1.2rem;
    color: #666;
    font-weight: normal;
    text-decoration: none;
    padding-right: 35px;
    position: relative;
}
.link-next a:after{
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    vertical-align: middle;
    background: url(/share/images/btn-next.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    right: 0;
}
.link-next a:hover{
    color: #1e22aa;
    text-decoration: underline;
}

@media screen and (min-width: 601px) {
    .item-category-brand .brand-name{
        width: 100%;
        background-color: #fff;
        padding: 60px 100px 40px;
        margin: 0 0 20px;
    }
    .item-category-brand .brand-name .lyt-image{
        margin-bottom: 0;
    }
    .item-category-brand .brand-name p{
        color: #333;
        margin-bottom: 20px;
        line-height: 2;
    }
    .item-category-brand .brand-name .link-next{
        margin-bottom: 10px;
        text-align: right;
    }
    .link-next a{
        font-size: 1.4rem;
        padding-right: 50px;
    }
    .link-next a:after{
        width: 40px;
        height: 40px;
    }
}

@media screen and (min-width: 601px) and (max-width: 1200px) {
    .item-category-brand .brand-name{
        padding: 60px 20px 40px;
    }
}

/* =================================================
 * お知らせ一覧
 * ============================================== */

.news-top .hdg-l1-01{
    text-align: left;
}
.news-top .contents-inner > .main-contents{
    width : 100%;
    float: none;
    margin: 0 0 40px;
    text-align: center;
}
.news-top .contents-inner > .sub{
    padding: 15px 10px 10px;
    background-color: #f7f7f7;
    overflow: visible;
}
.news-top .contents-inner > .sub > .hdg-l2-01{
    font-size: 1.4rem;
    padding: 0 0 0 25px;
    margin: 0 10px 15px;
    position: relative;
}
.news-top .contents-inner > .sub > .hdg-l2-01:before{
    background: url(/share/images/icon-archive.gif) left center no-repeat;
    content: '';
    display: block;
    width: 16px;
    height: 14px;
    position: absolute;
    top: 0.2em;
    left: 0;
}
.news-top .contents-inner > .sub > .local-nav{
    background: #fff;
    padding: 14px 0 14px 14px;
}
.news-top .contents-inner > .sub > .local-nav > li{
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 5px;
    float: left;
    width: 26.58412%;
    margin-right: 7.32381%;
}
.news-top .contents-inner > .sub > .local-nav > li:nth-child(3n){
    margin-right: 0;
}
.news-top .contents-inner > .sub > .local-nav > li:nth-child(3n+1){
    clear: both;
}
.news-top .contents-inner > .sub > .local-nav > li > a{
    color: #333;
    text-decoration: none;
    display: block;
    padding: 4px 0 4px 20px;
    position: relative;
}
.news-top .contents-inner > .sub > .local-nav > li > a:before{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-right: 1px solid #1e22aa;
    border-bottom: 1px solid #1e22aa;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: absolute;
    left: 2px;
    top: .65em;
}
.news-top .contents-inner > .sub > .local-nav > li > a:hover{
    color: #1e22aa;
}
.news-top .contents-inner > .sub > .local-nav > li:last-child,
.news-top .contents-inner > .sub > .local-nav > li:nth-last-child(2):nth-child(3n+2),
.news-top .contents-inner > .sub > .local-nav > li:nth-last-child(3):nth-child(3n+1){
    margin-bottom: 0;
}
.news-top .news-list{
    border-top: 1px solid #d9d9d9;
    text-align: left;
}
.news-top .news-list > .col{
    border-bottom: 1px solid #d9d9d9;
    padding: 20px 0 10px;
}
.news-top .news-list > .col > dl{
    margin-bottom: 10px;
}
.news-top .news-list > .col > dl > dt{
    color: #999;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing : 0.125em;
    margin: 0 0 5px;
}
.news-top .news-list > .col > dl > dd{
    color: #333;
    font-size: 1.4rem;
    line-height: 1.4;
}
.news-top .news-list > .col > dl > dd > a{
    color: #333;
    text-decoration: none;
}
.news-top .news-list > .col > dl > dd > a:hover{
    color: #1e22aa;
}
.news-top .news-list > .col > dl > dd.indent{
    text-indent: -.5em;
}
.news-top .news-list > .col > p{
    color: #333;
    font-size: 1.2rem;
    line-height: 2;
    margin-bottom: 15px;
}
.news-top .link-next{
    text-align: right;
}
.news-top .link-next .btn-05 a:hover{
    text-decoration: none;
}

@media screen and (min-width: 601px) {
    .news-top .contents-inner{
        margin: 0 0 15px;
    }
    .news-top .news-list > .col{
        padding: 40px 0 10px;
    }
    .news-top .news-list > .col > dl{
        display: table;
        width: 100%;
    }
    .news-top .news-list > .col > dl > dt{
        font-size: 1.9rem;
        display: table-cell;
        width: 17.5%;
        margin: 0;
    }
    .news-top .news-list > .col > dl > dd{
        font-size: 1.9rem;
        display: table-cell;
    }
    .news-top .news-list > .col > p{
        font-size: 1.4rem;
        margin-left: 17.5%;
    }
}

@media screen and (min-width: 1001px){
    .news-top .contents-inner > .main-contents{
        width : 80%;
        float: left;
        margin: 0 4% 0 0;
    }
    .news-top .contents-inner > .sub{
        padding: 15px 10px 10px;
        overflow: hidden;
    }
    .news-top .contents-inner > .sub > .hdg-l2-01{
        font-size: 1.6rem;
        padding: 0 0 0 25px;
        margin: 0 10px 10px;
    }
    .news-top .contents-inner > .sub > .local-nav{
        padding: 14px;
    }
    .news-top .contents-inner > .sub > .local-nav > li,
    .news-top .contents-inner > .sub > .local-nav > li:nth-child(3n){
        width: 100%;
        float: none;
        font-size: 1.5rem;
        margin-right: 0;
    }
    .news-top .contents-inner > .sub > .local-nav > li:nth-child(3n+1){
        clear: none;
    }
    .news-top .contents-inner > .sub > .local-nav > li:nth-last-child(2):nth-child(3n+2),
    .news-top .contents-inner > .sub > .local-nav > li:nth-last-child(3):nth-child(3n+1){
        margin-bottom: 5px;
    }
}
@media screen and (min-width: 601px) and (max-width: 1000px) {
    .news-top .news-list > .col > dl > dt{
        width: 140px;
    }
    .news-top .news-list > .col > p{
        margin-left: 140px;
    }
}

/* =================================================
 * お知らせ詳細
 * ============================================== */

.news-detail .hdg-lyt-news{
    border-bottom: 1px solid #d9d9d9;
    margin: 0 0 20px;
}
.news-detail .hdg-l1-01{
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing : .05em;
    text-align: center;
    margin-bottom: 20px;
}
.news-detail .hdg-l1-01.indent{
    text-indent: -.5em;
}
.news-detail .contents .date{
    color: #999;
    font-size: .9rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 25px;
}
.news-detail .contents p{
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing : 0.05em;
    margin: 0 0 28px;
}
.news-detail .contents .link-text-01{
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 2;
    margin: 0 0 10px;
}
.link-text-01 a{
    color: #4245b7;
    text-decoration: none;
}
.link-text-01 a:hover{
    text-decoration: underline;
}
.link-text-01 a img{
    margin: -3px 0 0 3px;
}
.news-detail p.note{
    font-size: 1.2rem;
    color: #999;
    text-align: center;
    margin: 25px 0 20px;
}
.news-detail .utl-link-prev{
    margin-top: 40px;
    padding: 20px 0 0;
    border-top: 1px solid #d9d9d9;
}
.link-prev{
    text-align: left;
    margin-bottom: 0;
}
.link-prev a{
    font-size: .9rem;
    color: #666;
    font-weight: normal;
    text-decoration: none;
    padding-left: 35px;
    position: relative;
}
.link-prev a:before{
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    vertical-align: middle;
    background: url(/share/images/btn-prev.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.link-prev a:hover{
    color: #1e22aa;
    text-decoration: underline;
}
.discontinued-proposal{
    margin-bottom: 60px;
}
.proposal-arrow{
    position: relative;
    margin-bottom: 60px;
}
.proposal-arrow::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border: 10px solid transparent;
    border-top: 10px solid #1e22aa;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
}
@media screen and (min-width: 601px) {
    .news-detail .hdg-lyt-news{
        margin: 0 0 33px;
    }
    .news-detail .hdg-l1-01{
        font-size: 2.4rem;
        letter-spacing : .12em;
        margin-bottom: 30px;
    }
    .news-detail .contents .date{
        font-size: 1.4rem;
        letter-spacing: 0.025em;
        margin: 0 0 30px;
    }
    .news-detail .contents .link-text-01{
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 2;
        margin: 0 0 20px;
    }
    .news-detail p.note{
    color: #999;
    text-align: center;
    margin: 37px 0 28px;
    }
    .news-detail .hdg-l2-03{
        font-size: 1.6rem;
        margin-top: 60px;
    }
    .news-detail .utl-link-prev{
        margin-top: 63px;
        padding: 45px 0 0;
    }
    .link-prev a{
        font-size: 1.4rem;
        padding-left: 50px;
    }
    .link-prev a:before{
        width: 40px;
        height: 40px;
    }
}

/* ============================================================================
 * インタビュー
 * ========================================================================= */

.interview .contents p{
    font-size: 1.4rem;
    line-height: 2;
    font-weight: normal;
    margin-bottom: 15px;
}
.ttl-lyt-int-container{
    background: url(/share/images/bg-ttl-lyt-int-sp.jpg) no-repeat;
    background-size: contain;
    padding-bottom: 48%;/* 背景画像の縦の長さ */
    position: relative;
}
.ttl-lyt-int-container.interview-02{
    background: url(/share/images/bg-ttl-lyt-int-sp-02.jpg) no-repeat;
    background-size: contain;
}
.ttl-lyt-int-container.interview-03{
    background: url(/share/images/bg-ttl-lyt-int-sp-03.jpg) no-repeat;
    background-size: contain;
}
.ttl-lyt-int-container.interview-04{
    background: url(/share/images/bg-ttl-lyt-int-sp-04.jpg) no-repeat;
    background-size: contain;
}
.ttl-lyt-int-container .ttl-lyt-int{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
.ttl-lyt-int-container .ttl-lyt-int .hdg-l1-01{
    font-size: 1.8rem;
    margin: 0 0 10px;
}
.ttl-lyt-int-container .ttl-lyt-int .hdg-l1-01 .narrow-01{
    letter-spacing: -0.3em;
    display: inline-block;
    text-indent: -0.6em;
    margin: 0 0.2em 0 0;
}
.ttl-lyt-int-container .ttl-lyt-int .hdg-l1-01 .narrow-02{
    letter-spacing: -0.3em;
    display: inline-block;
    text-indent: -0.6em;
    margin: 0 -0.2em 0 0.6em;
}
.ttl-lyt-int-container .ttl-lyt-int .post{
    font-size: 1.0rem;
    line-height: 1;
    padding: 7px 10px;
    margin: 0;
    display: inline-block;
    color: #fff;
    background: #1e22aa;
}
.interview .intro{
    background: #f7f7f7;
    padding: 20px;
}
.interview .intro .intro-inner .name{
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0;
}
.interview .intro .intro-inner .txt{
    font-size: 1.2rem;
    margin: 0;
}
.interview .qa-contents{
    padding: 40px 20px;
}

@media screen and (min-width: 601px) {
    .interview .hdg-l1-01{
        font-size: 3.2rem;
        padding: 0;
        text-align: center;
    }
    .interview .contents p{
        font-size: 1.5rem;

    }
    .ttl-lyt-int-container{
        background: url(/share/images/bg-ttl-lyt-int-pc.jpg) no-repeat;
        background-size: contain;
        padding-bottom: 35.9375%;/* 背景画像の縦の長さ */
    }
    .ttl-lyt-int-container.interview-02{
        background: url(/share/images/bg-ttl-lyt-int-pc-02.jpg) no-repeat;
        background-size: contain;
    }
    .ttl-lyt-int-container.interview-03{
        background: url(/share/images/bg-ttl-lyt-int-pc-03.jpg) no-repeat;
        background-size: contain;
    }
    .ttl-lyt-int-container.interview-04{
        background: url(/share/images/bg-ttl-lyt-int-pc-04.jpg) no-repeat;
        background-size: contain;
    }
    .ttl-lyt-int-container .ttl-lyt-int .hdg-l1-01{
        font-size: 3.6rem;
    }
    .ttl-lyt-int-container .ttl-lyt-int .post{
        font-size: 1.4rem;
        font-weight: bold;
        padding: 12px 15px;
    }
    .interview .intro{
        padding: 35px 20px;
    }
    .interview .intro .intro-inner{
    }
    .interview .intro .intro-inner .name{
        font-size: 1.4rem;
        margin: 0 0 10px;
    }
    .interview .intro .intro-inner .txt{
        font-size: 1.4rem;
        letter-spacing: -0.005em;
    }
    .interview .qa-contents{
        padding: 60px 20px;
    }
}
@media screen and (min-width: 1001px) {
    .ttl-lyt-int-container .ttl-lyt-int .hdg-l1-01{
        font-size: 4.6rem;
        margin: 0 0 30px;
    }
    .ttl-lyt-int-container .ttl-lyt-int .post{
        font-size: 1.6rem;
    }
    .interview .contents p{
        font-size: 1.6rem;
        letter-spacing: 0.07em;
    }
}
@media screen and (min-width: 1201px) {
    .interview .intro{
        padding: 35px 0;
    }
    .interview .intro .intro-inner{
        width: 54.6875%;
        margin: 0 auto;
        max-width: 700px;
    }
    .interview .qa-contents{
        padding: 120px 20px;
    }
}
@media screen and (min-width: 1281px) {
    .ttl-lyt-int-container,
    .ttl-lyt-int-container.interview-02,
    .ttl-lyt-int-container.interview-03,
    .ttl-lyt-int-container.interview-04{
        background-size: cover;
        padding-bottom: 460px;/* 背景画像の縦の長さ */
        background-position: 0 10%;
    }
}

.qa-contents .hdg-qa{
    font-size: 1.2rem;
    position: relative;
    margin: 0 0 5px;
}
.qa-contents .hdg-qa .icon{
    background: #f18b00;
    line-height: 1;
    color: #fff;
    padding: 2px 5px 3px;
    display: inline-block;
    position: absolute;
    top: 0.2em;
}
.qa-contents .hdg-qa .hdg{
    line-height: 1.5;
    color: #f18b00;
    padding: 0 0 0 35px;
    display: block;
}
.qa-contents .hdg-qa +.qa-answer{
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.1em;
    color: #1e22aa;
    margin: 0 0 5px;
}
.qa-contents .lyt-int-01{
    width: 100%;
    margin: 0 auto;
}
.qa-contents .lyt-int-01 .img-after:after{
    content: '';
    width: 100%;
    display: block;
    vertical-align: middle;
    background: url(/share/images/interview01-img-01.jpg) no-repeat 0 0;
    background-size: contain;
    margin: 20px 0;
    padding-top: 62.5%;
}
.qa-contents .interview-01 .lyt-int-01 .img-after.third:after{
    background: url(/share/images/interview01-img-03.jpg) no-repeat 0 0;
    background-size: contain;
}
.qa-contents .interview-02 .lyt-int-01 .img-after:after{
    background: url(/share/images/interview02-img-02.jpg) no-repeat 0 0;
    background-size: contain;
}
.qa-contents .interview-03 .lyt-int-01 .img-after:after{
    background: url(/share/images/interview03-img-02.jpg) no-repeat 0 0;
    background-size: contain;
}
.qa-contents .interview-04 .lyt-int-01 .img-after:after{
    background: url(/share/images/interview04-img-02.jpg) no-repeat 0 0;
    background-size: contain;
}
.qa-contents .lyt-int-02 .img-before:before{
    content: '';
    width: 55%;
    display: block;
    vertical-align: middle;
    background: url(/share/images/interview01-img-02.jpg) no-repeat 0 0;
    background-size: contain;
    margin: 20px auto;
    text-align: center;
    padding-top: 78%;
}
.qa-contents .interview-03 .lyt-int-02 .img-before:before{
    background: url(/share/images/interview03-img-01.jpg) no-repeat 0 0;
    background-size: contain;
}
.qa-contents .interview-04 .lyt-int-02 .img-before:before{
    background: url(/share/images/interview04-img-01.jpg) no-repeat 0 0;
    background-size: contain;
}
.qa-contents .lyt-int-03 .img-before:before{
    content: '';
    display: block;
    vertical-align: middle;
    background: url(/share/images/interview01-img-04.jpg) no-repeat 0 0;
    background-size: cover;
    margin: 20px -20px 20px -20px;
    padding-top: 55%;
}
.qa-contents .interview-03 .lyt-int-03 .img-before:before{
    background: url(/share/images/interview03-img-04.jpg) no-repeat 0 0;
    background-size: cover;
}
.qa-contents .lyt-int-04 .img-before:before{
    content: '';
    width: 80%;
    display: block;
    vertical-align: middle;
    background: url(/share/images/interview03-img-03.jpg) no-repeat 0 0;
    background-size: contain;
    margin: 20px auto;
    text-align: center;
    padding-top: 80%;
}
.qa-contents .lyt-int-05 .img-before:before{
    content: '';
    width: 55%;
    display: block;
    vertical-align: middle;
    background: #90F url(/share/images/interview02-img-01.jpg) no-repeat 0 0;
    background-size: contain;
    margin: 20px auto;
    text-align: center;
    padding-top: 72%;
}
.qa-contents .interview-02 .lyt-int-05 .img-before:before{
    background: url(/share/images/interview02-img-01.jpg) no-repeat 0 0;
    background-size: contain;
}
.qa-contents .interview-04 .lyt-int-05 .img-before:before{
    background: url(/share/images/interview04-img-01.jpg) no-repeat 0 0;
    background-size: contain;
}
.qa-contents .lyt-int-06 .img-before:before{
    content: '';
    display: block;
    vertical-align: middle;
    background: #90F url(/share/images/interview02-img-03.jpg) no-repeat 0 0;
    background-size: cover;
    margin: 20px -20px 20px -20px;
    padding-top: 50%;
}
.qa-contents .interview-02 .lyt-int-06 .img-before:before{
    background: url(/share/images/interview02-img-03.jpg) no-repeat 0 0;
    background-size: cover;
}
.qa-contents .interview-04 .lyt-int-06 .img-before:before{
    background: url(/share/images/interview04-img-03.jpg) no-repeat 0 0;
    background-size: cover;
}

@media screen and (min-width: 601px) {
    .qa-contents .hdg-qa{
        font-size: 1.4rem;
        font-weight: bold;
        margin: 0 0 5px;
    }
    .qa-contents .lyt-int-01 .lyt-image .img-before:before{
        content: '';
        display: block;
        vertical-align: middle;
        width: 50%;
        background: url(/share/images/interview01-img-01.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 0 0 20px 2%;
        padding-top: 31.3%;
        float: right;
    }
    .qa-contents .interview-01 .lyt-int-01 .lyt-image .img-before.third:before{
        background: url(/share/images/interview01-img-03.jpg) no-repeat 0 0;
        background-size: contain;
    }
    .qa-contents .interview-02 .lyt-int-01 .lyt-image .img-before:before{
        background: url(/share/images/interview02-img-02.jpg) no-repeat 0 0;
        background-size: contain;
    }
    .qa-contents .interview-03 .lyt-int-01 .lyt-image .img-before:before{
        background: url(/share/images/interview03-img-02.jpg) no-repeat 0 0;
        background-size: contain;
    }
    .qa-contents .interview-04 .lyt-int-01 .lyt-image .img-before:before{
        background: url(/share/images/interview04-img-02.jpg) no-repeat 0 0;
        background-size: contain;
    }
    .qa-contents .lyt-int-02 .img-before,
    .qa-contents .lyt-int-04 .img-before,
    .qa-contents .lyt-int-05 .img-before{
        height: 100%;
        float: right;
    }
    .qa-contents .lyt-int-02 .img-before .lyt-image,
    .qa-contents .lyt-int-05 .img-before .lyt-image{
        display: table-cell;
        vertical-align: middle;
        height: 100%;
    }
    .qa-contents .lyt-int-02 .img-before:before{
        width: 36%;
        background: url(/share/images/interview01-img-02.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 0 3% 0 0%;
        text-align: center;
        padding-top: 51%;
        float: left;
    }
    .qa-contents .lyt-int-03 .img-before:before{
        background: url(/share/images/interview01-img-04.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 20px -20px 20px -20px;
        padding-top: 51.39%;
    }
    .qa-contents .interview-03 .lyt-int-03 .img-before:before{
        background: url(/share/images/interview03-img-04.jpg) no-repeat 0 0;
        background-size: contain;
    }
    .qa-contents .lyt-int-04 .img-before:before{
        width: 37%;
        background: url(/share/images/interview03-img-03.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 0 3% 0 0%;
        text-align: center;
        padding-top: 37%;
        float: left;
    }
    .qa-contents .lyt-int-05 .img-before{
        overflow: hidden;
        height: 100%;
    }
    .qa-contents .lyt-int-05 .img-before .lyt-image{
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
    }
    .qa-contents .lyt-int-05 .img-before:before{
        width: 36%;
        background: url(/share/images/interview01-img-02.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 0 3% 0 0%;
        text-align: center;
        padding-top: 45%;
        float: left;
    }
    .qa-contents .lyt-int-06 .img-before:before{
        background: url(/share/images/interview02-img-03.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 20px -20px 20px -20px;
        padding-top: 47%;
    }
    .qa-contents .interview-02 .lyt-int-06 .img-before:before{
        background: url(/share/images/interview02-img-03.jpg) no-repeat 0 0;
        background-size: contain;
    }
    .qa-contents .interview-04 .lyt-int-06 .img-before:before{
        background: url(/share/images/interview04-img-03.jpg) no-repeat 0 0;
        background-size: contain;
    }
    .qa-contents .hdg-qa .icon{
        padding: 5px 10px;
        top: 0;
    }
    .qa-contents .hdg-qa .hdg{
        padding: 0 0 0 55px;
    }
    .qa-contents .lyt-int-02 .hdg-qa .hdg,
    .qa-contents .lyt-int-02 .hdg-qa .hdg{
        overflow: hidden;
    }
    .qa-contents .hdg-qa +.qa-answer{
        font-size: 2.0rem;
        letter-spacing: normal;
        overflow: visible;
    }
    .qa-contents .hdg-qa +.qa-answer.over{
        margin: 0 -50px 0 0;
    }
    .qa-contents .lyt-int-01 .img-after{
        margin: 0;
    }
    .qa-contents .lyt-int-01 .img-after:after,
    .qa-contents .interview-02 .lyt-int-01 .img-after:after,
    .qa-contents .interview-03 .lyt-int-01 .img-after:after,
    .qa-contents .interview-04 .lyt-int-01 .img-after:after{
        content: none;
    }
    .qa-contents .lyt-int-01{
        margin: 0 auto 40px;
    }
    .qa-contents .lyt-int-02{
        margin: 0 auto 40px;
    }
    .qa-contents .lyt-int-05{
        margin: 0 auto 40px;
    }
}

@media screen and (min-width: 1001px) {
    .qa-contents .hdg-qa{
        font-size: 1.6rem;
    }
    .qa-contents .lyt-int-01 .lyt-image .img-before:before{
        width: 48%;
        background: url(/share/images/interview01-img-01.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 0 0 20px 4%;
        padding-top: 30%;
        float: right;
    }
    .qa-contents .lyt-int-02 .img-before:before{
        width: 47%;
        background: url(/share/images/interview01-img-02.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 0 5% 0 0%;
        text-align: center;
        padding-top: 67%;
    }
    .qa-contents .lyt-int-03 .img-before:before{
        width: 100%;
        background: url(/share/images/interview01-img-04.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 20px 0;
        padding-top: 50%;
    }
    .qa-contents .lyt-int-04 .img-before:before{
        width: 48%;
        display: block;
        vertical-align: middle;
        background: url(/share/images/interview03-img-03.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 0 4% 0 0%;
        text-align: center;
        padding-top: 57%;
    }
    .qa-contents .lyt-int-04 .img-before .lyt-image{
        display: table-cell;
        vertical-align: middle;
    }
    .qa-contents .lyt-int-05 .img-before:before{
        width: 47%;
        background: url(/share/images/interview01-img-02.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 0 5% 0 0%;
        text-align: center;
        padding-top: 60%;
    }
    .qa-contents .lyt-int-06 .img-before:before{
        width: 100%;
        background: url(/share/images/interview01-img-04.jpg) no-repeat 0 0;
        background-size: contain;
        margin: 20px 0;
        padding-top: 46%;
    }
    .qa-contents .lyt-int-01{
        max-width: 1000px;
        margin: 0 auto 90px;
    }
    .qa-contents .lyt-int-02{
        width: 60.9375%;
        max-width: 780px;
        margin: 0 auto 90px;
    }
    .qa-contents .lyt-int-03{
        width: 78.125%;
        max-width: 1000px;
        margin: 0 auto;
    }
    .qa-contents .lyt-int-04{
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 90px;
    }
    .qa-contents .lyt-int-05{
        width: 60.9375%;
        max-width: 780px;
        margin: 0 auto 90px;
    }
    .qa-contents .lyt-int-06{
        width: 78.125%;
        max-width: 1000px;
        margin: 0 auto;
    }
    .qa-contents .lyt-int-03 .img-before .lyt-image,
    .qa-contents .lyt-int-06 .img-before .lyt-image{
        width: 70%;
        max-width: 700px;
        margin: 0 auto;
    }
    .qa-contents .hdg-qa +.qa-answer{
        font-size: 2.4rem;
        letter-spacing: normal;
    }
    .mt-20{margin-top: 20px !important;}

}

.other-interview{
    background: #f7f7f7;
    padding: 40px 20px;
}
.other-interview .hdg-l2-01{
    margin: 0 0 16px;
}
.list-other-interview{
    margin: 0 0 20px;
}
.list-other-interview > li{
    margin: 0 0 20px;
    position: relative;
}
.list-other-interview > li:after{
    content: '';
    width: 5px;
    height: 9px;
    display: block;
    background: url(/share/images/icon-arrow-sp-03.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -9px 0 0;
    vertical-align: middle;
}
.list-other-interview > li:last-child{
    margin: 0;
}
.list-other-interview > li > a{
    border: 1px solid #d9d9d9;
    color: #333;
    display: block;
    background: #fff;
    padding: 15px 20px;
    text-decoration: none;
    position: relative;
    height: 100%;
}
.list-other-interview > li > a:hover{
    border: 1px solid #1e22aa;
}
.list-other-interview > li > a > .column{
    margin: 0;
    padding: 0 20px 0 0;
    width: 65%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-23%,-50%);
    -webkit-transform: translate(-23%,-50%);
    transform: translate(-23%,-50%);
}
.list-other-interview > li > a > .image{
    width: 27%;
    margin: 0;
}
.list-other-interview > li > a > .column .hdg{
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 5px;
    vertical-align: middle;
}
.list-other-interview > li > a > .column .hdg.indent{
    margin-left: -.5em;
}
.list-other-interview > li > a > .column p{
    font-size: 1.1rem;
    line-height: 1.5;
    margin: 0;
}
.list-other-interview > li > a > .column p em{
    font-size: 1.2rem;
}

@media screen and (min-width: 601px) {
    .list-other-interview{
        margin: 0 0 40px;
    }
    .list-other-interview > li:after{
        width: 8px;
        height: 16px;
        position: absolute;
        top: 50%;
        right: 30px;
        margin: -8px 0 0;
    }
    .list-other-interview > li > a > .column{
        padding: 0 30px 0 0;
        width: 60%;
        -ms-transform: translate(-16%,-50%);
        -webkit-transform: translate(-16%,-50%);
        transform: translate(-16%,-50%);
    }
    .list-other-interview > li > a > .column .hdg{
        font-size: 1.8rem;
        margin: 0 0 10px;
    }
    .list-other-interview > li > a > .column p,
    .list-other-interview > li > a > .column p em{
        font-size: 1.4rem;
    }
    .list-other-interview > li > a > .image{
        width: 30%;
        margin: 0;
    }
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
    .list-other-interview{
        font-size: 0;
        text-align: center;
    }
    .list-other-interview > li{
        width: 48%;
        display: inline-block;
        margin: 0 4% 4% 0;
    }
    .list-other-interview > li > a{
        padding: 30px 30px 30px 35px;
    }
    .list-other-interview > li:nth-child(2n){
        margin-right: 0;
    }
    .list-other-interview > li:last-child,
    .list-other-interview > li:nth-last-child(2):nth-child(2n+1){
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1201px) {
    .other-interview{
        padding: 80px 0;
        background: #f7f7f7;
    }
    .other-interview-inner{
        width: 93.75%;
        margin: 0 auto;
        max-width: 1200px;
    }
    .other-interview .hdg-l2-01{
        margin: 0 0 30px;
    }
    .list-other-interview{
        font-size: 0;
        text-align: center;
    }
    .list-other-interview > li{
        width: 32.16666%;
        display: inline-block;
        margin: 0 1.75% 1.75% 0;
    }
    .list-other-interview > li > a{
        padding: 30px 30px 30px 35px;
    }
    .list-other-interview > li:nth-child(3n){
        margin-right: 0;
    }
    .list-other-interview > li:last-child,
    .list-other-interview > li:nth-last-child(2):nth-child(3n+2),
    .list-other-interview > li:nth-last-child(3):nth-child(3n+1){
        margin-bottom: 0;
    }
}


/* ============================================================================
 * 安全・安心を届けるために
 * ========================================================================= */

.food-safety .hdg-l1-01{
    font-size: 2.4rem;
}
.food-safety .contents p{
    font-size: 1.4rem;
    line-height: 2;
    font-weight: normal;
    margin-bottom: 15px;
}
.food-safety .contents .lead{
    font-size: 1.4rem;
    margin-bottom: 30px;
}

@media screen and (min-width: 601px) {
    .food-safety .hdg-l1-01{
        font-size: 3.2rem;
        padding: 0;
        text-align: center;
    }
    .food-safety .contents p{
        font-size: 1.6rem;
        letter-spacing: 0.07em;
    }
    .food-safety .contents .lead{
        width: 100%;
        font-size: 1.6rem;
        text-align: center;
        padding: 0;
        margin-bottom: 70px;
    }
}

.ttl-lyt-qual-container{
    padding-bottom: 59.06667%;/* 背景画像の縦の長さ */
    position:relative;
}
.section-01{
    overflow: hidden;
    position: relative;
}
.section-01 .ttl-lyt-qual-container{
    background: url(/share/images/bg-ttl-lyt-quality-w600-01.jpg) no-repeat;
    background-size: contain;
}
.section-02 .ttl-lyt-qual-container{
    background: url(/share/images/bg-ttl-lyt-quality-w600-02.jpg) no-repeat;
    background-size: contain;
}
.section-03 .ttl-lyt-qual-container{
    background: url(/share/images/bg-ttl-lyt-quality-w600-03.jpg) no-repeat;
    background-size: contain;
}
.ttl-lyt-qual-container .ttl-lyt-qual{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.ttl-lyt-qual-container .ttl-lyt-qual .hdg-l2-01{
    font-size: 1.9rem;
    line-height: 1.2;
    color: #1e22aa;
    margin: 0 0 5px;
}
.ttl-lyt-qual-container .ttl-lyt-qual .hdg-l2-01 .sub{
    font-size: 1.4rem;
    display: block;
}
.ttl-lyt-qual-container .ttl-lyt-qual .hdg-l2-01 .sub:before,
.ttl-lyt-qual-container .ttl-lyt-qual .hdg-l2-01 .sub:after{
    background: #1e22aa none repeat scroll 0 0;
    content: '';
    display: inline-block;
    height: 2px;
    vertical-align: middle;
    width: 5px;
}
.ttl-lyt-qual-container .ttl-lyt-qual .lead{
    font-size: 1.4rem;
    margin-bottom: 20px;
    text-shadow: 0 0 15px #fff;
}

@media screen and (min-width: 601px) {
    .ttl-lyt-qual-container{
        padding-bottom: 480px;/* 背景画像の縦の長さ */
    }
    .section-01 .ttl-lyt-qual-container{
        background: url(/share/images/bg-ttl-lyt-quality-w1200-01.jpg) no-repeat center top;
        background-size: cover;
    }
    .section-02 .ttl-lyt-qual-container{
        background: url(/share/images/bg-ttl-lyt-quality-w1200-02.jpg) no-repeat center top;
        background-size: cover;
    }
    .section-03 .ttl-lyt-qual-container{
        background: url(/share/images/bg-ttl-lyt-quality-w1200-03.jpg) no-repeat center top;
        background-size: cover;
    }
    .section-02{
        margin-bottom: 60px;
    }
    .section-03{
        margin-bottom: 60px;
    }
    .ttl-lyt-qual-container .ttl-lyt-qual{
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .ttl-lyt-qual-container .ttl-lyt-qual .hdg-l2-01{
        font-size: 3.2rem;
        margin: 0 0 15px;
    }
    .ttl-lyt-qual-container .ttl-lyt-qual .hdg-l2-01 .sub{
        font-size: 2.4rem;
    }
    .ttl-lyt-qual-container .ttl-lyt-qual .lead{
        width: 100%;
        font-size: 1.6rem;
        text-align: center;
        padding: 0;
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 1001px) {
    .ttl-lyt-qual-container .ttl-lyt-qual{
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-65%);
        -webkit-transform: translate(-50%,-65%);
        transform: translate(-50%,-65%);
    }
}
@media screen and (min-width: 1281px) {
    .ttl-lyt-qual-container,
    .section-01 .ttl-lyt-qual-container,
    .section-02 .ttl-lyt-qual-container,
    .section-03 .ttl-lyt-qual-container{
        padding-bottom: 480px;/* 背景画像の縦の長さ */
        background-position: center top;
    }
    .section-01 .ttl-lyt-qual-container{
        background: url(/share/images/bg-ttl-lyt-quality-w1200-01.jpg) no-repeat center top;
        background-size: cover;
    }
    .section-02 .ttl-lyt-qual-container{
        background: url(/share/images/bg-ttl-lyt-quality-w1200-02.jpg) no-repeat center top;
        background-size: cover;
    }
    .section-03 .ttl-lyt-qual-container{
        background: url(/share/images/bg-ttl-lyt-quality-w1200-03.jpg) no-repeat center top;
        background-size: cover;
    }
}
.text-layer{
    background: #fff;
    padding: 20px 20px 40px;
    margin: -30px 20px 0;
    z-index: 1;
    position: relative;
}
.text-layer > *:first-child{
    margin-top: 0;
}
.text-layer > *:last-child{
    margin-bottom: 0;
}
.lyt-image[data-contents-category="food-safety"]{
    margin: 0 -40px;
    position: relative;
}
.lyt-image[data-contents-category="food-safety"]:before{
    content:"";
    display: block;
    padding-top: 154%; /* 高さを幅の154%に固定 */
}
.lyt-image[data-contents-category="food-safety"] > .image-01{
    margin: 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.lyt-image[data-contents-category="food-safety"] > .image-02{
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 38%;
}
.food-safety img.sp{
    display: block;
}
.food-safety img.pc{
    display: none;
}

@media screen and (min-width: 501px) and (max-width: 600px) {
    .lyt-image[data-contents-category="food-safety"] > .image-01{
        margin: 0 40px;
    }
}

@media screen and (min-width: 601px) {
    .text-layer{
        padding: 50px 20px 0;
        margin: -65px auto 0;
    }
    .lyt-image[data-contents-category="food-safety"]{
        margin: 30px 0 0;
        position: relative;
    }
    .lyt-image[data-contents-category="food-safety"]:before{
        padding-top: 90%;
    }
    .lyt-image[data-contents-category="food-safety"] > .image-01{
        margin: 0;
        width: 65%;
    }
    .lyt-image[data-contents-category="food-safety"] > .image-02{
        margin-top: -57%;
        top: 0;
        left: 15.5%;
        padding-top: 0;
        width: 136%;
    }
    .food-safety img.sp{
        display: none;
    }
    .food-safety img.pc{
        display: block;
    }
}
@media screen and (min-width: 951px) and (max-width: 1000px) {
    .lyt-image[data-contents-category="food-safety"]:before{
        padding-top: 85%;
    }
    .section-01 .text-layer{
        padding: 50px 50px 7%;
    }
}

@media screen and (min-width: 1001px){
    .text-layer{
        padding: 50px 50px 120px;
        margin: -130px auto 0;
        max-width: 1000px;
    }
    .section-01 .text-layer{
        padding: 50px 50px 0;
    }
    .section-02 .text-layer{
        padding: 50px 40px 120px;
    }
    .section-03 .text-layer{
        padding: 50px 60px 60px;
    }
    .lyt-image[data-contents-category="food-safety"]:before{
        padding-top: 88%;
    }
    .lyt-image[data-contents-category="food-safety"] > .image-01{
        margin: 0;
        width: 100%;
    }
}

.list-step-01{
    list-style: outside none none;
}
.list-step-01 > li{
    margin: 0 0 25px;
}
.list-step-01 > li > span{
    width: 35px;
    height: 35px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1;
    background: #1e22aa;
    display: block;
    border-radius: 50%;
    text-align: center;
    padding: 8px 0 7px;
    margin: 0 0 -5px;
    float: left;
    position: relative;
}
.list-step-01 > li > span + .ttl{
    margin: 0 0 5px 45px;
    letter-spacing: 0.05em;
}
.list-step-01 > li:last-child,
.list-step-01 > li > *:last-child{
    margin-bottom: 0;
}
.list-step-01 > li > .image{
    border: 1px solid #e5e5e5;
}

@media screen and (min-width: 601px) {
    .list-step-01{
        margin: 0 0 50px;
    }
    .list-step-01 > li{
        float: left;
        width: 46%;
        margin: 0 2% 50px;
    }
    .list-step-01 > li.full{
        width: 96%;
    }
    .list-step-01 > li > span{
        width: 50px;
        height: 50px;
        font-size: 2.4rem;
        padding: 12px 0 10px;
    }
    .list-step-01 > li > span + .ttl{
        padding: 8px 0 0;
        margin: 0 0 5px 60px;
    }
    .list-step-01 > li > p.txt{
        font-size: 1.4rem;
        margin: 0;
    }
    .list-step-01 > li:nth-last-child(2):nth-child(2n),
    .list-step-01 > li:nth-last-child(2):nth-child(2n+1){
        margin-bottom: 0;
    }
}

ul{
    font-size: 1.4rem;
    line-height: 2;
}

/* .lyt-image[data-image-layout="top"]
----------------------------------------------- */

.lyt-image[data-image-layout="top"]{
    margin: 0 0 30px;
}
.lyt-image[data-image-layout="top"] > .col{
    position: relative;
    margin: 0 0 30px;
}
.lyt-image[data-image-layout="top"] > .col > .txt > p{
    margin-bottom: 0;
}
.lyt-image[data-image-layout="top"] > .col.img-high > .txt:before{
    content: '';
    width: 37.79661%;
    display: block;
    vertical-align: middle;
    background: url(/share/images/quality-img-12.jpg) no-repeat 0 0;
    background-size: contain;
    padding-top: 33%;
    margin: 0 auto;
}
.lyt-image[data-image-layout="top"] > .col.img-low > .txt:before{
    content: '';
    width: 37.79661%;
    display: block;
    vertical-align: middle;
    background: url(/share/images/quality-img-13.jpg) no-repeat 0 0;
    background-size: contain;
    padding-top: 25%;
    margin: 0 auto;
}
.lyt-image[data-image-layout="top"] > .col > .txt > *:first-child{
    margin-top: 20px;
}
.lyt-image[data-image-layout="top"] > .col:last-child{
    margin-bottom: 0;
}

@media screen and (min-width: 601px) {
    .lyt-image[data-image-layout="top"]{
        margin: 0 0 70px;
    }
    .lyt-image[data-image-layout="top"] > .col{
        float: left;
        width: 47.72727%;
        margin-right: 4.54545%;
    }
    .lyt-image[data-image-layout="top"] > .col:nth-child(2n){
        margin-right: 0;
    }
    .lyt-image[data-image-layout="top"] > .col:nth-child(2n+1){
        clear: both;
    }
    .lyt-image[data-image-layout="top"] > .col:last-child,
    .lyt-image[data-image-layout="top"] > .col:nth-last-child(2):nth-child(2n+1){
        margin-bottom: 0;
    }
    .lyt-image[data-image-layout="top"] > .col.img-high > .txt:before{
        content: '';
        display: block;
        width: 223px;
        height: 192px;
    }
    .lyt-image[data-image-layout="top"] > .col.img-low > .txt:before{
        content: '';
        display: block;
        width: 223px;
        height: 192px;
        background-position: center center;
    }
    .lyt-image[data-image-layout="top"] > .col > .txt > p{
        font-size: 1.4rem;
    }
}

.list-step-02 > li{
    padding: 40px 0 0;
    position: relative;
}
.list-step-02 > li > .image > p,
.list-step-02 > li > .txt > p{
   margin-bottom: 0;
}
.list-step-02 > li > .image{
   margin-bottom: 5px;
   border: 1px solid #e5e5e5;
}
.list-step-02 > li:before{
    content: '';
    width: 30px;
    height: 15px;
    display: block;
    vertical-align: middle;
    background: url(/share/images/icon-arrow-06.gif) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 -25px -15px;
}
.list-step-02 > li:first-child{
    padding: 0;
}
.list-step-02 > li:last-child:before{
    content: none;
}
.list-step-02 > li:last-child{
    margin-bottom: 0;
}

@media screen and (min-width: 601px) {
    .list-step-02{
        margin: 0 0 50px;
    }
    .list-step-02 > li{
        padding: 70px 0 0;

    }
    .list-step-02 > li:before{
        content: '';
        width: 43px;
        height: 21px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin: 0 0 -45px -21px;
    }
    .list-step-02 > li > .image{
        width: 47.72727%;
        float: left;
        margin: 0 4.54545% 0 0;
    }
    .list-step-02 > li > .txt{
        overflow: hidden;
    }
    .list-step-02 > li > .txt > p{
        font-size: 1.4rem;
    }
    .list-step-02 > li.full > .image{
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }
}

/* ============================================================================
 * 品質に込める私たちの想い
 * ========================================================================= */

.quality .hdg-l1-01{
    font-size: 2.4rem;
    padding: 0 20px;
}
.quality .contents p{
    font-size: 1.2rem;
    line-height: 2;
    font-weight: normal;
    margin-bottom: 15px;
}
.quality .contents .lead{
    font-size: 1.4rem;
    margin-bottom: 40px;
    padding: 0 20px;
}

@media screen and (min-width: 601px) {
    .quality .hdg-l1-01{
        font-size: 3.2rem;
        padding: 0;
        text-align: center;
    }
    .quality .contents p{
        font-size: 1.4rem;
    }
    .quality .contents .lead{
        width: 100%;
        font-size: 1.6rem;
        text-align: center;
        padding: 0;
        margin-bottom: 50px;
    }
}

.list-index-02{
    margin: 0 0 40px;
}
.list-index-02 li{
    width: 100%;
}
.list-index-02 li a{
    display: block;
    text-decoration: none;
    color: #333;
    position: relative;
}
.list-index-02 li a img{
    transition: none;
}
.list-index-02 li a .column{
    padding: 10px 10px 15px;
    background-color: #4649b4;
    width: 52%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-10%,-50%);
    -webkit-transform: translate(-10%,-50%);
    transform: translate(-10%,-50%);
}
.list-index-02 li a > .column .hdg{
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 10px;
    width: inherit;
    height: 3.8em;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.list-index-02 li a > .column .hdg span{
    display: inline-block;
    text-align: center;
}
.list-index-02 li a > .column p,
.list-index-02 li a > .column em{
    font-size: 1.1rem;
    line-height: 1.5;
    padding: 10px 0 0;
    margin: 0;
    position: relative;
}
.list-index-02 li a > .column p:before{
    content: '';
    background-color: #fff;
    display: block;
    width: 40px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -20px;
}
.list-index-02 li a > .column:after{
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    vertical-align: middle;
    background: url(/share/images/btn-next-02.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    right: 10px;
    bottom: -12px;
}
.list-index-02 li a .image{
    margin: 0;
    width: 100%;
}
.list-index-02 li a .image img{
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 320px) {
    .list-index-02 li a .column{
        padding: 5px 5px 10px;
    }
    .list-index-02 li a > .column .hdg{
        font-size: 1.4rem;
    }
}
@media screen and (min-width: 601px) {
    .list-index-02{
        margin: 0 auto 80px;
        max-width: 1200px;
    }
    .list-index-02 li a .column{
        padding: 15px 15px 20px;
        width: 48.33333%;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-10%,-50%);
        -webkit-transform: translate(-10%,-50%);
        transform: translate(-10%,-50%);
    }

    .list-index-02 li a > .column .hdg{
        font-size: 2.4rem;
        line-height: 1.4;
    }
    .list-index-02 li a > .column p,
    .list-index-02 li a > .column em{
        font-size: 1.4rem;
        line-height: 1.5;
        padding: 15px 0 0;
    }
    .list-index-02 li a > .column:after{
        width: 40px;
        height: 40px;
        right: 20px;
        bottom: -20px;
    }
}

@media screen and (min-width: 1000px) {
    .list-index-02{
        font-size: 0;
        text-align: center;
    }
    .list-index-02 li{
        width: 50%;
        display: inline-block;
    }
}

/* ============================================================================
 * ブランド一覧
 * ========================================================================= */

.brand-top .hdg-l1-01{
    font-size: 2.4rem;
}
.brand-top .contents p{
    font-size: 1.2rem;
    line-height: 2;
    font-weight: normal;
    margin-bottom: 15px;
}
.brand-top .contents .lead{
    font-size: 1.4rem;
    margin-bottom: 40px;
}
.brand-top .contents .brand-search{
    margin: 0 auto;
}
.brand-top .contents .search:before{
    background: none;
    content: none;
}
.brand-top .contents .brand-search .search{
    width: 100%;
    float: none;
    background-color: #f8f8f8;
    margin: 0 0 20px;
    padding: 10px;
}
.brand-top .contents .brand-search .search:last-child{
    margin: 0;
}
.brand-top .contents .search .search-head{
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 2px 0 0;
    margin: 0 0 10px 2px;
    display: table;
}
.brand-top .contents .search .search-head .title{
    padding: 0 0 0 8px;
    display: table-cell;
}
.brand-top .contents .search .search-head:before{
    content: '';
    display: inline-block;
    width: 28px;
    height: 25px;
    background: url(/share/images/icon-dog.png) no-repeat top left;
    background-size: contain;
    margin: 0 10px 6px 5px;
    vertical-align: middle;
    display: table-cell;
}
.brand-top .contents .search:nth-child(2) .search-head:before{
    width: 29px;
    height: 26px;
    background: url(/share/images/icon-cat.png) no-repeat top left;
    background-size: contain;
    margin: -11px 10px 6px 10px;
    vertical-align: middle;
}
.brand-top .contents .search:nth-child(3) .search-head:before{
    background: none;
    content: none;
}
.brand-top .contents .search ul{
    font-size: 0;
    margin: 0;
    padding: 20px;
    border: none;
    background-color: #fff;
}
.brand-top .contents .search li{
    width: 100%;
    height: auto;
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
}
.brand-top .contents .search li .lyt-image{
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.brand-top .contents .search li .lyt-image > .column{
    width : 100%;
    float: none;
    margin-left: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.brand-top .contents .search li .lyt-image > .column *:last-child{
    margin-bottom: 0;
}
.brand-top .contents .search li .lyt-image > .image{
    width : 100%;
    overflow: visible;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    margin-bottom: 20px;
    text-align: center;
}
.brand-top .contents .search li .lyt-image > .image img{
    max-width: 115px;
    height: auto;
    padding: 0;
    display: inline;
}
.brand-top .contents .search li .lyt-image > .column > p,
.brand-top .contents .search li .lyt-image > .image,
.brand-top .contents .search li .lyt-image > .image > p{
    margin: 0;
}
.brand-top .contents .search li .lyt-image > .column > h3{
    font-size: 1.4rem;
    font-weight: bold;
    color: #1e22aa;
    margin: 0 0 5px;
    letter-spacing: normal;
}
.brand-top .contents .search li .lyt-image > .column > p{
    font-size: 1.4rem;
    line-height: 1.7;
}
.brand-top .contents .search li:first-child{
    padding: 0 0 20px;
}
.brand-top .contents .search li:last-child{
    border-bottom: none;
    padding: 20px 0 0;
}
.brand-top .contents .search a{
    color: #333;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 1.25;
    padding: 0;
    display: table;
    text-align: left;
}
.brand-top span[lang="en"]{
    font-size: .8rem;
    font-weight: normal;
    color: #999;
    text-align: left;
    display: block;
}
@media screen and (min-width: 601px) {
    .brand-top .contents .search li .lyt-image{
        margin: 0;
        display: block;
    }
    .brand-top .contents .search li .lyt-image > .column{
        width : 62.4%;
        float: right;
        margin-left: 2%;
    }
    .brand-top .contents .search li .lyt-image > .image{
        width: auto;
        overflow: hidden;
        margin: 0;
    }
    .brand-top .contents .search li .lyt-image > .image img{
        max-width:  100%;
        height: auto;
        max-height: auto;
    }
    .brand-top .contents .search li .lyt-image > .column > h3{
        font-size: 1.6rem;
        margin: 0 0 10px;
    }
    .brand-top .contents .search li .lyt-image > .column > p{
        line-height: 2;
    }
    .brand-top .hdg-l1-01{
        font-size: 3.2rem;
        text-align: center;
    }
    .brand-top .contents p{
        font-size: 1.4rem;
    }
    .brand-top .contents .lead{
        font-size: 1.6rem;
        text-align: center;
        margin-bottom: 50px;
    }
    .brand-top .contents .brand-search{
        margin-bottom: 0;
    }
    .brand-top .contents .brand-search .search{
        width: 48.33333%;
        float: left;
        padding: 20px;
        margin: 0 0 3.33333% 3.33333%;
    }
    .brand-top .contents .search .search-head:before{
        content: '';
        display: inline-block;
        width: 46px;
        height: 41px;
        background: url(/share/images/icon-dog.png) no-repeat top left;
        background-size: contain;
        margin: -5px 5px 6px 5px;
        vertical-align: middle;
    }
    .brand-top .contents .search:nth-child(2) .search-head:before{
        width: 49px;
        height: 43px;
        background: url(/share/images/icon-cat.png) no-repeat top left;
        background-size: contain;
        margin: -5px 5px 6px 5px;
        vertical-align: middle;
    }
    .brand-top .contents .search:nth-child(3){
        width: 100%;
    }
    .brand-top .contents .search:nth-child(3) .search-head{
        padding: 0;
    }
    .brand-top .contents .search:nth-child(3) li{
        width: 50%;
        float: left;
        position: relative;
    }
    .brand-top .contents .search:nth-child(3) li a{
        padding: 20px 10% 20px 0;
    }
    .brand-top .contents .search:nth-child(3) li:nth-child(2n) a{
        padding: 20px 0 20px 10%;
    }
    .brand-top .contents .search:nth-child(3) li:last-child,
    .brand-top .contents .search:nth-child(3) li:nth-last-child(2):nth-child(2n+1){
         border-bottom: 0;
    }
    .brand-top .contents .search:nth-child(3) li:nth-child(2n+1) a:before{
        content: '';
        background-color: #fff;
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        right: -1px;
        top: -1px;
    }
    .brand-top .contents .search:nth-child(3) li:nth-child(2n) a:before{
        content: '';
        background-color: #fff;
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: -1px;
        bottom: -1px;
    }
    .brand-top .contents .search:nth-child(3) li:nth-child(2n+1){
         border-right: 1px solid #e6e6e6;
    }
    .brand-top .contents .search:first-child{
        margin-left: 0;
    }
    .brand-top .contents .search:first-child:before{
        width: 58px;
    }
    .brand-top .contents .search .search-head{
        font-size: 2.4rem;
        line-height: 1.2;
        padding: 0;
        margin: 0 0 10px 0;
    }
    .brand-top .contents .search li,
    .brand-top .contents .search li:first-child,
    .brand-top .contents .search li:last-child{
        padding: 0;
    }
    .brand-top .contents .search a{
        font-size: 2rem;
        padding: 20px 0 20px;
    }
    .brand-top span[lang="en"]{
        font-size: 1rem;
        margin-top: 10px;
    }
}

/* ============================================================================
 * ペット用品 商品一覧
 * ========================================================================= */

.pet-products .hdg-l1-01{
    font-size: 2.4rem;
}
.pet-products .contents p{
    font-size: 1.2rem;
    line-height: 2;
    font-weight: normal;
    margin-bottom: 15px;
}
.pet-products .contents .brand-search{
    margin: 0 auto;
}
.pet-products .contents .search:before{
    background: none;
    content: none;
}
.pet-products .contents .brand-search .search{
    width: 100%;
    float: none;
    background-color: #f8f8f8;
    margin: 0 0 20px;
    padding: 10px;
}
.pet-products .contents .brand-search .search:last-child{
    margin: 0;
}
.pet-products .contents .search .search-head{
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 2px 0 0;
    margin: 0 0 10px 2px;
    display: table;
}
.pet-products .contents .search .search-head .title{
    padding: 0 0 0 8px;
    display: table-cell;
}
.pet-products .contents .search .search-head:before{
    content: '';
    display: inline-block;
    width: 28px;
    height: 25px;
    background: url(/share/images/icon-dog.png) no-repeat top left;
    background-size: contain;
    margin: 0 10px 6px 5px;
    vertical-align: middle;
    display: table-cell;
}
.pet-products .contents .search:nth-child(2) .search-head:before{
    width: 29px;
    height: 26px;
    background: url(/share/images/icon-cat.png) no-repeat top left;
    background-size: contain;
    margin: -11px 10px 6px 10px;
    vertical-align: middle;
}
.pet-products .contents .search:nth-child(3) .search-head:before{
    background: none;
    content: none;
}
.pet-products .contents .search .search-inner{
    padding: 20px 20px 0;
    background-color: #fff;
}
.pet-products .contents .search .search-inner > *:first-child{
    margin-top: 0;
}
.pet-products .contents .search ul{
    font-size: 0;
    margin: 0 0 40px;
    border: none;
    background-color: #fff;
}
.pet-products .contents .search .search-inner ul:last-child{
    margin: 0;
}
.pet-products .contents .search ul:last-child li:last-child{
    border-bottom: none;
}
.pet-products .contents .search li{
    width: 100%;
    height: auto;
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
}
.pet-products .contents .search li .lyt-image{
    margin: 0;
}
.pet-products .contents .search li .lyt-image > .image{
    width : 100%;
    margin-bottom: 20px;
    text-align: center;
}
.pet-products .contents .search li .lyt-image > .image img{
    max-width: 115px;
    height: auto;
    display: inline;
}
.pet-products .contents .search li .lyt-image > .column{
    width : 100%;
    float: none;
    margin-left: 0;
}
.pet-products .contents .search li .lyt-image > .column *:last-child{
    margin-bottom: 0;
}
.pet-products .contents .search li .lyt-image > .column > p,
.pet-products .contents .search li .lyt-image > .image,
.pet-products .contents .search li .lyt-image > .image > p{
    margin: 0;
}
.pet-products .contents .search li .lyt-image > .column > p{
    font-size: 1.4rem;
    line-height: 1.7;
}
.pet-products .contents .search li .lyt-image > .column > .brand-name{
    font-weight: bold;
    color: #1e22aa;
    letter-spacing: normal;
}
.pet-products .contents .search li .lyt-image > .column > .next:before{
    content: '';
    width: 5px;
    height: 7px;
    background: url(/share/images/icon-arrow-sp-05.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin: -2px 10px 0 0;
    vertical-align: middle;
}
.pet-products .contents .search li a{
    color: #333;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 1.25;
    padding: 20px 0;
    display: table;
    text-align: left;
}
.pet-products .contents .search li:first-child a{
    padding: 0 0 20px;
}

@media screen and (min-width: 601px) {
    .pet-products .hdg-l1-01{
        font-size: 3.2rem;
        text-align: center;
        margin: 0 0 80px;
    }
    .pet-products .hdg-l3-05{
        margin: 20px 0 20px;
    }
    .pet-products .contents p{
        font-size: 1.4rem;
    }
    .pet-products .contents .brand-search .search{
        margin: 0 0 40px;
        padding: 20px;
    }
    .pet-products .contents .search .search-head{
        font-size: 2.4rem;
        padding: 0;
        margin: 0 0 10px 0;
    }
    .pet-products .contents .search .search-head .title{
        padding: 0 0 0 8px;
    }
    .pet-products .contents .search .search-head:before{
        content: '';
        display: inline-block;
        width: 46px;
        height: 41px;
        background: url(/share/images/icon-dog.png) no-repeat top left;
        background-size: contain;
        margin: -5px 5px 6px 5px;
        vertical-align: middle;
    }
    .pet-products .contents .search:nth-child(2) .search-head:before{
        width: 49px;
        height: 43px;
        background: url(/share/images/icon-cat.png) no-repeat top left;
        background-size: contain;
        margin: -5px 5px 6px 5px;
        vertical-align: middle;
    }
    .pet-products .contents .search:nth-child(3) .search-head:before{
        background: none;
        content: none;
    }
    .pet-products .contents .search .search-inner{
        padding: 20px;
    }
    .pet-products .contents .search ul{
        margin: 0;
    }
    .pet-products .contents .search li{
        width: 20%;
        border-right: 1px solid #e6e6e6;
        border-bottom: none;
        margin: 0 0 20px;
    }
    .pet-products .contents .search li:nth-child(5n){
        border-right: none;
    }
    .pet-products .contents .search li a{
        padding: 40px 0 20px;
    }
    .pet-products .contents .search li:first-child a{
        padding: 40px 0 20px;
    }
    .pet-products .contents .search li .lyt-image > .image{
        margin-bottom: 20px;
    }
    .pet-products .contents .search li .lyt-image > .image img{
        max-width: 90%;
        height: auto;
    }
    .pet-products .contents .search li .lyt-image > .column{
        text-align: center;
    }
    .pet-products .contents .search li .lyt-image > .column > .brand-name{
        font-size: 1.6rem;
    }
    .pet-products .contents .search li .lyt-image > .column > .next:before{
        width: 7px;
        height: 9px;
        background: url(/share/images/icon-arrow-pc-03.png) no-repeat;
        background-size: contain;
    }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
    .pet-products .contents .search li{
        width: 33.33333%;
        border-right: 1px solid #e6e6e6;
        border-bottom: none;
        margin: 0 0 20px;
    }
    .pet-products .contents .search li:nth-child(3n){
        border-right: none;
    }
    .pet-products .contents .search li:nth-child(5n){
        border-right: 1px solid #e6e6e6;
    }
}

/* ============================================================================
 * サイトマップ
 * ========================================================================= */

.sitemap .hdg-l1-01{
    font-size: 2.4rem;
}
.sitemap .hdg-l3-01{
    margin: 25px 0 0;
}
.link-list-01{
    border-left: 1px solid #d9d9d9;
    padding: 10px 0 0;
    margin: -2px 0 0;
}
.link-list-01 li{
    font-size: 1.4rem;
    border-right: 1px solid #d9d9d9;
    margin: 10px 0;
}
.link-list-01 li:first-child,
.link-list-01 li:last-child{
    margin: 0;
}
.link-list-01 li a{
    display: block;
    padding: 12px 12px 12px 20px;
    text-decoration: none;
    color: #333;
}
.link-list-01 li a:hover{
    color: #1e22aa;
}
.link-list-01 li a:after{
    content: '';
    width: 7px;
    height: 9px;
    background: url(/share/images/icon-arrow-pc-03-over.png) no-repeat;
    display: inline-block;
    margin: -2px 0 0 10px;
    vertical-align: middle;
}

@media screen and (min-width: 601px) {
    .sitemap .hdg-l1-01{
        font-size: 3.2rem;
        text-align: center;
    }
    .sitemap .hdg-l3-01{
        margin: 60px 0 0;
    }
    .link-list-01 li{
        width: 33.3%;
        float: left;
    }
    .link-list-01 li:first-child,
    .link-list-01 li:last-child{
        margin: 10px 0;
    }
}

/* ============================================================================
 * 推奨環境
 * ========================================================================= */

.environment .hdg-l1-01{
    font-size: 2.4rem;
}
.environment .contents p{
    font-size: 1.2rem;
    line-height: 2;
    font-weight: normal;
    margin-bottom: 15px;
}
.environment .contents > *:last-child{
    margin-bottom: 0;
}

@media screen and (min-width: 601px) {
    .environment .hdg-l1-01{
        font-size: 3.2rem;
        text-align: center;
        margin: 0 0 40px;
    }
    .environment .contents p{
        font-size: 1.4rem;
    }
}

/* ============================================================================
 * 商品を探す
 * ========================================================================= */

.item-category .contents p{
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing : 0.05em;
    font-weight: normal;
    margin-bottom: 15px;
}
.js-more-item{
    text-align: center;
}
@media screen and (min-width: 601px) {
    .item-category .contents p{
        font-size: 1.4rem;
    }
}

.keyvisual{
    width: 100%;
    background-color: #fff;
    margin-bottom: 0;
}
.hdg-lyt-dog,
.hdg-lyt-cat{
    background: #f8f8f8 url(/share/images/bg-hdg-lyt-dog-w1980.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 257px;/* 背景画像の縦の長さ */
    position:relative;
}
.hdg-lyt-cat{
    background: #f8f8f8 url(/share/images/bg-hdg-lyt-cat-w1980.jpg) no-repeat center;
    background-size: cover;
}
.hdg-lyt-dog .hdg-l1-01,
.hdg-lyt-cat .hdg-l1-01{
    font-size: 1.9rem;
    line-height: 1.2;
    letter-spacing : 0.05em;
    margin: -10px 0 0 20px;
    position: absolute;
    top: 50%;
    left: 0;
}
@media screen and (min-width: 601px) {
    .keyvisual{
        margin-bottom: 40px;
    }
    .hdg-lyt-dog-container,
    .hdg-lyt-cat-container{
        max-width: 1980px;
        margin: 0 auto;
    }
    .hdg-lyt-dog .hdg-l1-01,
    .hdg-lyt-cat .hdg-l1-01{
        font-size: 2.8rem;
        margin: -10px 0 0 -235px;
        position:absolute;
        top: 50%;
        left: 50%;
    }
}

.tab-static .tab-list[data-column-number="2"],
.tab-static .tab-list[data-column-number="4"] {
    width: 100%;
    display: table;
    border-top: 1px solid #d9d9d9;
    position:relative;
    background-color: #fff;
    z-index: 2;
}
.tab-static .tab-list[data-column-number="2"] li,
.tab-static .tab-list[data-column-number="4"] li{
    display: table-cell;
    text-align: center;
    border-right: 1px solid #d9d9d9;
}
.tab-static .tab-list[data-column-number="2"] li{
    width: 50%;
}
.tab-static .tab-list[data-column-number="4"] li{
    width: 25%;
}
.tab-static .tab-list[data-column-number="2"] li a,
.tab-static .tab-list[data-column-number="4"] li a{
    font-size: 1.4rem;
    color: #999;
    text-decoration: none;
    display: table;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
}
.tab-static .tab-list[data-column-number="2"] li a:before,
.tab-static .tab-list[data-column-number="4"] li a:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    min-height: 50px;
}
.tab-static .tab-list[data-column-number="2"] li a.active,
.tab-static .tab-list[data-column-number="4"] li a.active{
    color: #333;
    border-bottom: 0;
}
.tab-static .tab-list[data-column-number="2"] li .inner-text,
.tab-static .tab-list[data-column-number="4"] li .inner-text{
    vertical-align: middle;
    display: table-cell;
    line-height: 1.2;
}
.tab-static .tab-list[data-column-number="2"] li .sub,
.tab-static .tab-list[data-column-number="4"] li .sub{
    display: none;
}
.tab-static .tab-list[data-column-number="2"] li:last-child,
.tab-static .tab-list[data-column-number="4"] li:last-child{
    border-right: 0;
}
.tab-static{
    background: #fff;
}
.tab-static .tab-item{
    padding: 0 20px 25px;
    border: 0;
}
.tab-static .tab-item:before,
.tab-static .tab-item:after{
    display:none;
}

@media screen and (min-width: 601px) {
    .tab-static .tab-list[data-column-number="2"],
    .tab-static .tab-list[data-column-number="4"] {
        width: 83.33333%;
        border-left: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9;
        margin: 0 auto;
        top: 1px;
    }
    .tab-static .tab-list[data-column-number="2"] li a,
    .tab-static .tab-list[data-column-number="4"] li a{
        font-size: 2.0rem;
        line-height: 1.5;
        letter-spacing : 0.05em;
        width: 100%;
        display: table;
    }
    .tab-static .tab-list[data-column-number="2"] li a:before,
    .tab-static .tab-list[data-column-number="4"] li a:before{
        min-height: 80px;
    }
    .tab-static .tab-list[data-column-number="2"] li .sub,
    .tab-static .tab-list[data-column-number="4"] li .sub{
        font-size: 1.0rem;
        display: block;
        padding: 0;
        margin-top: 5px;
    }
    .tab-static{
        background: transparent;
    }
    .tab-static .tab-item{
        background-color: #fff;
        padding: 70px 100px 80px;
        border-top: 1px solid #d9d9d9;
        position: relative;
    }
    .item-category-brand .tab-static .tab-item{
        padding: 20px 100px 80px;
        }
    .tab-static .tab-item:before,
    .tab-static .tab-item:after{
        background: -moz-linear-gradient(top,  #d9d9d9 0%, #ffffff 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #d9d9d9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #d9d9d9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI2Q5ZDlkOSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc1MykiIC8+Cjwvc3ZnPg==);
        content: '';
        display: block;
        width: 1px;
        height: 73px;
    }
    .tab-static .tab-item:before{
        position: absolute;
        top: 0;
        left: 0;
    }
    .tab-static .tab-item:after{
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media screen and (min-width: 601px) and (max-width: 1200px) {
    .item-category .tab-static .tab-item{
        padding: 30px 20px 80px;
    }
    .item-category-brand .tab-static .tab-item{
        padding: 20px 20px 80px;
        }
    .tab-static .tab-item:before,
    .tab-static .tab-item:after{
       display: none;
    }
}

/* .btn-list-01
----------------------------------------------- */
.btn-list-01{
    width: 100%;
    margin-bottom: 20px;
    font-size: 0;
}
.btn-list-01 > li {
    width: 48.30508%;
    margin-right: 3.38983%;
    margin-bottom:  3.38983%;
    border: 1px solid #d9d9d9;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.btn-list-01 > li:last-child{
    margin-bottom: 0;
}
.btn-list-01 > li:nth-child(2n){
    margin-right: 0;
}
.btn-list-01 > li > a{
    font-size: 1.4rem;
    color: #666;
    text-decoration: none;
    display: block;
    height: 100%;
    padding: 12px 0;
    display: table-cell;
    width: 260px;
    vertical-align: middle;
}

@media screen and (min-width: 601px) {
    .btn-list-01 > li {
        width: 18.5%;
        margin-right: 1.875%;
        margin-bottom: 1.875%;
    }
    .btn-list-01 > li:nth-child(2n){
        margin-right: 1.875%;
    }
    .btn-list-01 > li:nth-child(5n){
        margin-right: 0;
    }
    .btn-list-01 > li > a{
        font-size: 1.6rem;
        color: #333;
        padding: 15px 0;
        width: inherit;
    }
}

/* .btn-preview-01
----------------------------------------------- */
.btn-preview-01 {
    text-align: center;
    width: 100%;
    float: none;
}
.btn-preview-01 a{
    color: #666;
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing : 0.05em;
    width: 100%;
    padding: 16px;
    border: 1px solid #d9d9d9;
    position: relative;
    display: inline-block;
    text-decoration: none;
    position: relative;
}
.btn-preview-01 a:before{
    background: url(/share/images/icon-search.gif) left center no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 10px 0 -1px;
    vertical-align:middle;
}

@media screen and (min-width: 601px) {
    .btn-preview-01{
        float: left;
        width: 32%;
        margin-right: 2%;
    }
    .item-category-brand .btn-preview-01{
        width: 49%;
    }
    .btn-preview-01 a{
        color: #333;
        font-size: 1.6rem;
        line-height: 1.75;
        padding: 15px;
    }
    .btn-preview-01 a:before{
        width: 17px;
        height: 17px;
        margin: -5px 10px 0 -1px;
    }
}

/* .btn-new-01
----------------------------------------------- */
.btn-new-01 {
    text-align: center;
    width: 100%;
    float: none;
}
.btn-new-01 a{
    color: #666;
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing : 0.05em;
    width: 100%;
    padding: 16px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    text-decoration: none;
}

@media screen and (min-width: 601px) {
    .btn-new-01 {
        float: left;
        width: 32%;
        margin-right: 2%;
    }
    .btn-new-01 a{
        color: #333;
        font-size: 1.6rem;
        line-height: 1.75;
        padding: 15px;
    }
}

/* form
----------------------------------------------- */
.item-category form,
.item-category-brand form{
    font-size: 0;
    float: none;
    width: 100%;
    margin-bottom: 0;
}
.item-category form .input-search,
.item-category-brand form .input-search{
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px solid #cfcfcf;
    width: 85.22388%;
    padding: 16px;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #666;
    cursor: pointer;
    height: 50px;
}
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; }
input:focus::-moz-placeholder { color: transparent; }
.item-category form .btn-search,
.item-category-brand form .btn-search{
    border: 1px solid #d9d9d9;
    background-color: #d9d9d9;
    width: 14.77612%;
    height: 100%;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 16px 0;
    cursor: pointer;
    color: transparent;
    position: relative;
    height: 50px;
    vertical-align: top;
}
.item-category form .btn-search:before,
.item-category-brand form .btn-search:before{
    background: url(/share/images/icon-search-02.gif) left top no-repeat;
    background-size: contain;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -7px;
    margin-left: -7px;
}
input::focus::placeholder {
    color: transparent;
}

@media screen and (min-width: 601px) {
    .item-category form,
    .item-category-brand form{
        float: left;
    }
    .item-category form{
        width: 32%;
    }
    .item-category-brand form{
        width: 49%;
    }
    .item-category form .input-search,
    .item-category-brand form .input-search{
        padding: 15px 0 15px 23px;
        font-size: 1.6rem;
        line-height: 1.75;
        height: 60px;
        vertical-align: top;
    }
    .item-category form .input-search{
        width: 81.5625%;
    }
    .item-category-brand form .input-search{
        width: 87.95918%;
    }
    .item-category form .btn-search,
    .item-category-brand form .btn-search{
        font-size: 1.6rem;
        line-height: 1.75;
        padding: 15px 0;
        height: 60px;
    }
    .item-category form .btn-search{
        width: 18.4375%;
    }
    .item-category-brand form .btn-search{
        width: 12.04082%;
    }
    .item-category form .btn-search:before,
    .item-category-brand form .btn-search:before{
        width: 18px;
        height: 18px;
        left: 50%;
        top: 50%;
    }
}

/* .list-image
----------------------------------------------- */
.list-image{
    text-align: center;
    font-size: 0;
}
.list-image > li{
    display: inline-block;
    width: 50%;
    margin:0;
}
.list-image > li:last-child{
    margin: 0;
}

@media screen and (min-width: 601px) {
    .list-image > li{
        display: inline-block;
        width: 20%;
        margin-right: 5%;
    }
    .list-image > li:nth-child(4n){
        margin-right: 0;
    }
}

/* .lyt-column[data-contents-category="item-category"]
--------------------------------------------------------- */
.lyt-column[data-contents-category="item-category"] {
    border-left: 1px solid #d9d9d9;
    margin-bottom: 30px;
}
.lyt-column[data-contents-category="item-category"] .col {
    float: left;
    width: 50%;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
}
.lyt-column[data-contents-category="item-category"] .col a{
    display: block;
    color: #333;
    text-decoration: none;
    padding: 22px 15px 20px;
}
.lyt-column[data-contents-category="item-category"] .col .icon{
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    margin: -1px 0 0 -1px;
}
.lyt-column[data-contents-category="item-category"] .col:first-child,
.lyt-column[data-contents-category="item-category"] .col:nth-child(2){
    border-top: 1px solid #d9d9d9;
}
.lyt-column[data-contents-category="item-category"] .col:nth-child(2n+1) {
    clear: both;
}
.lyt-column[data-contents-category="item-category"] .col .image{
    margin-bottom:0;
    text-align: center;
}
.lyt-column[data-contents-category="item-category"] .col .image img{
    max-height: 130px;
}
.lyt-column[data-contents-category="item-category"] .col .image .caption {
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: normal;
    margin-top: 18px;
    display: block;
}
.lyt-column[data-contents-category="item-category"] .col .image .caption .sub {
    font-size: 1.0rem;
    line-height: 1.7;
    margin: 0;
    display: block;
}

@media screen and (min-width: 601px) {
    .lyt-column[data-contents-category="item-category"] {
        margin-bottom: 60px;
    }
    .lyt-column[data-contents-category="item-category"] .col {
        float: left;
        width: 25%;
    }
    .lyt-column[data-contents-category="item-category"] .col a{
        padding: 40px 15px 30px;
    }
    .lyt-column[data-contents-category="item-category"] .col .icon{
        width: 60px;
        height: 60px;
    }
    .lyt-column[data-contents-category="item-category"] .col:nth-child(3),
    .lyt-column[data-contents-category="item-category"] .col:nth-child(4){
        border-top: 1px solid #d9d9d9;
    }
    .lyt-column[data-contents-category="item-category"] .col:nth-child(2n+1) {
        clear: none;
    }
    .lyt-column[data-contents-category="item-category"] .col:nth-child(4n+1) {
        clear: both;
    }
    .lyt-column[data-contents-category="item-category"] .col .image img{
        max-height: 190px;
    }
    .lyt-column[data-contents-category="item-category"] .col .image .caption {
        font-size: 1.8rem;
        margin-top: 30px;
    }
    .lyt-column[data-contents-category="item-category"] .col .image .caption .sub {
        font-size: 1.4rem;
        margin-top: 3px;
    }
}

/* 商品詳細ページ */
.item.jan .lyt-column[data-contents-category="item-category"] {
    border-left: 0;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col {
    float: left;
    width: 22%;
    margin-left: 4%;
    margin-bottom: 0;
    border: none;
    margin-top: 20px;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col:nth-child(2n+1){
    clear: none;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col:nth-child(4n+1){
    margin-left: 0;
    clear: both;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col:nth-child(-n+4){
    margin-top: 0;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col a{
    display: block;
    color: #333;
    text-decoration: none;
    padding: 10px 5px 10px;
    border: 1px solid #d9d9d9;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col a:hover,
.item.jan .lyt-column[data-contents-category="item-category"] .col a.is-current{
    border: 1px solid #1e22aa;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col .icon{
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    margin: -1px 0 0 -1px;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col .image{
    margin-bottom: 0;
    text-align: center;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col .image img{
    max-height: 165px;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col .image .caption{
    font-size: 1.2rem;
    line-height: 1.4;

    font-weight: normal;
    margin-top: 5px;
    display: block;
}
.item.jan .lyt-column[data-contents-category="item-category"] .col a:hover .image .caption{
    color: #1e22aa;
}
.item.jan .lyt-column[data-contents-category="item-category"].recommend .col{
    width: 48%;
}
.item.jan .lyt-column[data-contents-category="item-category"].recommend .col:nth-child(2n+1){
    margin-left: 0;
    clear: both;
}
.item.jan .lyt-column[data-contents-category="item-category"].recommend .col a{
    padding: 0;
    border: none;
}
@media screen and (min-width: 601px) {
    .item.jan .lyt-column[data-contents-category="item-category"]{
        margin-bottom: 40px;
    }
    .item.jan .lyt-column[data-contents-category="item-category"] .col:nth-child(4n+1){
        margin-left: 0;
        clear: both;
    }
    .item.jan .lyt-column[data-contents-category="item-category"] .col:nth-child(-n+4){
        margin-top: 0;
    }
    .item.jan .lyt-column[data-contents-category="item-category"] .col a{
        padding: 10px;
    }
    .item.jan .lyt-column[data-contents-category="item-category"] .col .icon{
        width: 60px;
        height: 60px;
    }
    .item.jan .lyt-column[data-contents-category="item-category"] .col .image img{
        max-height: 190px;
    }
    .item.jan .lyt-column[data-contents-category="item-category"] .col .image .caption{
        font-size: 1.4rem;
        font-weight: normal;
        margin-top: 10px;
    }
    .item.jan .lyt-column[data-contents-category="item-category"].recommend .col{
        width: 22%;
    }
    .item.jan .lyt-column[data-contents-category="item-category"].recommend .col:nth-child(2n+1){
        margin-left: 4%;
        clear: none;
    }
    .item.jan .lyt-column[data-contents-category="item-category"].recommend .col:nth-child(4n+1){
        margin-left: 0;
        clear: both;
    }
    .item.jan .lyt-column[data-contents-category="item-category"].recommend .col:nth-child(-n+4){
        margin-top: 0;
    }
}

/* hr
----------------------------------------------- */
hr{
    border: 0;
    border-bottom: 1px solid #d9d9d9;
    margin: 40px 0;
}

@media screen and (min-width: 601px) {
    hr{
        border: 0;
        border-bottom: 1px solid #d9d9d9;
        margin: 60px 0;
    }
}

/* ============================================================================
 * Modal
 * ========================================================================= */
#modal-overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.25);
    z-index: 50;
    cursor: pointer;
}
.modal-container{
    position: relative;
}
#modal-content{
    display: none;
    z-index: 100;
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0px 0px 30px -15px #333;
    -moz-box-shadow: 0px 0px 30px -15px #333;
    -webkit-box-shadow: 0px 0px 30px -15px #333;
}
#modal-content .modal-header{
    text-align: center;
    width: 100%;
    color: #666;
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing : 0.05em;
    width: 100%;
    padding: 16px;
    background: #fff;
    position: relative;
}
#modal-content .modal-header:before{
    background: url(/share/images/icon-search.gif) left center no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 10px 0 -1px;
    vertical-align: middle;
}
#modal-content .modal-header p.btn-close{
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: url(/share/images/icon-close.gif);
    background-size: contain;
    text-indent: -9999px;
    margin: -13px 0 0;
    position: absolute;
    right: 16px;
}
@media screen and (min-width: 601px) {
    #modal-overlay{
        cursor: auto;
    }
    #modal-content .modal-header{
        width: 32%;
        color: #333;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.75;
        padding: 15px 30px 15px 15px;
        position: relative;
        margin-top: -60px;
        box-shadow: 0px 0px 30px -15px #333;
        -moz-box-shadow: 0px 0px 30px -15px #333;
        -webkit-box-shadow: 0px 0px 30px -15px #333;
        z-index: -1;
    }
    #modal-content .modal-header:before{
        width: 17px;
        height: 17px;
        margin: -5px 10px 0 -1px;
    }
    #modal-content .modal-header p.btn-close{
        margin: -20px 0 0;
    }
    .modal-item{
        padding: 20px;
        background: #fff;
    }
    #modal-content{
        top: 60px;
    }
}
@media screen and (min-width: 601px) and (max-width: 850px) {
    #modal-content .modal-header{
        line-height: 1.2;
        padding: 10px 30px 10px 10px;
    }
}

/* #modal-content
----------------------------------------------- */
#modal-content{
    color: #666;
}
#modal-content .form-list li{
    float: left;
    width: 50%;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 1.2rem;
    line-height: 1.2;
    position:relative;
}
#modal-content .form-list li:last-child,
#modal-content .form-list li:nth-last-child(2):nth-child(odd){
    border-bottom: none;
}
#modal-content .form-list li.disabled{
    background: #e6e6e6;
    color: #b2b2b2;
}
#modal-content .form-list li:nth-child(2n){
    border-right: 0;
}
#modal-content .form-list li:nth-child(2n+1){
    clear: both;
}
@media screen and (min-width: 601px) {
    #modal-content .form-list li{
        float: none;
        width: 100%;
        border: 0;
        font-size: 1.4rem;
        font-weight: bold;
        color: #333;
    }
    #modal-content form{
        width: 100%;
    }
    #modal-content .form-list li.disabled{
        background: #fff;
    }
}

/* label
----------------------------------------------- */
label.checkbox-text {
    cursor: pointer;
    position: relative;
    padding: 15px 10px 15px;
    display: block;
    height: 100%;
}
label.checkbox-text input[type="checkbox"] {
    margin: 0 10px 0 0;
    transform: scale(0.8);
    position: absolute;
    right: 0;
    top: 1.2em;
}
label.checkbox-text span.text{
    display: block;
    position: relative;
    padding-right: 20px;
}
label.checkbox-text input[type="checkbox"] + span:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    right: 0;
    overflow: hidden;
    background-color: #fff;
}
label.checkbox-text input[type="checkbox"]:checked + span:after {
    content: '';
    display: block;
    width: 8px;
    height: 13px;
    border-right: 2px solid #1e22aa;
    border-bottom: 2px solid #1e22aa;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: -1px;
    right: 6px;
}
label.checkbox-text input[type="checkbox"]:checked + span{
    color: #1e22aa;
}
#modal-content .form-list li.disabled label.checkbox-text{
    cursor: default;
}
#modal-content .form-list li.disabled label.checkbox-text input[type="checkbox"] + span:before{
    background-color: #e6e6e6;
    border: none;
}
label.checkbox-new {
    cursor: pointer;
    position: relative;
    padding: 15px;
    display: block;
}
label.checkbox-new input[type="checkbox"]{
    margin: 0 -20px 0 0;
    transform: scale(0.8);
}
label.checkbox-new span.text{
    display: inline-block;
    position: relative;
}
label.checkbox-new input[type="checkbox"] + span:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fafafa;
    border: 1px solid #B3B3B3;
    vertical-align: middle;
    margin: -2px 10px 0 0;
}
label.checkbox-new input[type="checkbox"][disabled] + span:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ccc;
    border: 1px solid #ccc;
    vertical-align: middle;
    margin: -2px 10px 0 0;
}
label.checkbox-new input[type="checkbox"][disabled] + span{
    color: #b2b2b2;
}
label.checkbox-new input[type="checkbox"]:checked + span:after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 13px;
    border-right: 2px solid #1e22aa;
    border-bottom: 2px solid #1e22aa;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    left: 6px;
    top: 5px;
}
label.checkbox-new input[type="checkbox"]:checked + span{
    color: #1e22aa;
}
#modal-content .form-list li.disabled label.checkbox-text{
    cursor: default;
}
#modal-content .form-list li.disabled label.checkbox-text input[type="checkbox"] + span:before{
    background-color: #e6e6e6;
    border :none;
}
@media screen and (min-width: 601px) {
    label.checkbox-text {
        cursor: pointer;
        position: relative;
        padding: 10px 10px 10px 30px;
        display: block;
        height: 100%;
    }
    label.checkbox-text input[type="checkbox"]{
        margin: 0 10px 0 0;
        transform: scale(0.8);
        position: absolute;
        left: 0;
        top: 20px;
        margin-top: -7px;
    }
    label.checkbox-text span.text{
        padding-right: 0;
    }
    label.checkbox-text input[type="checkbox"] + span:before{
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: -3px;
        left: -30px;
        overflow: hidden;
        background-color: #fafafa;
        border: 1px solid #B3B3B3;
    }
    label.checkbox-text input[type="checkbox"]:checked + span:after{
        position: absolute;
        top: -1px;
        left: -24px;
    }
    label.checkbox-new span.text{
        font-size: 1.6rem;
        font-weight: bold;
        color: #333;
    }
    label.checkbox-new input[type="checkbox"]:checked + span:after{
        position: absolute;
        left: 6px;
        top:8px;
    }
    #modal-content .form-list li.disabled label.checkbox-text input[type="checkbox"] + span:before{
        background-color: #ccc;
    }
}

/* input
----------------------------------------------- */
.btn-select{
    text-align: center;
    margin-bottom: 20px;
}
#modal-content .btn-select p{
    margin-bottom: 10px;
}
input.btn-submit,
input.btn-reset{
    width: 80%;
    padding: 20px;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing : 0.05em;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border: 0;
    cursor: pointer;
}
input.btn-submit:hover{
    opacity: 0.75;
}
input.btn-submit{
    color: #fff;
    background-color: #1e22aa;
}
input.btn-reset{
    color: #666;
    background-color: #fff;
}
@media screen and (min-width: 601px) {
    input.btn-submit,
    input.btn-reset{
        font-size: 1.8rem;
        font-weight: bold;
        width: 38%;
        cursor: pointer;
    }
}

/* .lyt-column[data-contents-category="modal-item"]
---------------------------------------------------- */
.lyt-column[data-contents-category="modal-item"] {
    border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 601px) {
    .lyt-column[data-contents-category="modal-item"] {
        margin-bottom: 0;
        border-bottom: 0;
    }
    .lyt-column[data-contents-category="modal-item"] .col {
        float: left;
        width: 23.5%;
        margin-right: 2%;
    }
    .lyt-column[data-contents-category="modal-item"] .col:nth-child(4n) {
        margin-right: 0;
    }
    .lyt-column[data-contents-category="modal-item"] .col:nth-child(4n+1) {
        clear: both;
    }
}

/* =================================================
 * ペットと、ずっと。
 * ============================================== */

/* keyvisual
----------------------------------------------- */
.web-magazine-keyvisual{
    margin: 0 auto;
    max-width: 1980px;
    min-width: 320px;
}
.bg-keyvisual.web-magazine{
    background: url(/share/images/bg-hdg-lyt-magazine-w1980.jpg) no-repeat center top;
    background-size: cover;
}
.bg-keyvisual.web-magazine .lyt-object{
    width: 78%;
    margin: 0 auto 15px;
    padding-top: 30px;
    text-align: center;
}
.bg-keyvisual.web-magazine .keyvisual-lead{
    color: #fff;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 45px;
    font-size: 1.4rem;
}

@media screen and (min-width: 601px) {
    .web-magazine-keyvisual{
        max-height: 480px;
        overflow: hidden;
        position: relative;
    }
    .keyvisual{
        max-height: 388px;
    }
    .bg-keyvisual{
        padding-bottom: 3.90625%;
        max-height: 390px;
    }
    .bg-keyvisual.web-magazine .lyt-object{
        margin-bottom: 25px;
        padding-top: 2%;
    }
    .bg-keyvisual.web-magazine .keyvisual-lead{
        font-size: 1.6rem;
        font-weight: bold;
    }
}

/* contents
----------------------------------------------- */
.web-magazine-pet .hdg-l2-01{
    margin-left: 20px;
    margin-right: 20px;
}
.web-magazine-series{
    padding: 30px 0px 20px;
    margin: 0px;
}
.series-select-wrap.negative-margin{
    position: relative;
    margin-top: -20px;
    margin-bottom: 0;
}
.series-select-wrap{
    margin-bottom: 30px;
}
.series-select-wrap.negative-margin + .article-box{
    padding-top: 1px;
}
.series-select{
    margin: 0 auto;
    text-align: center;
}
.series-select li{
    display: inline-block;
    width: 43.46666666666666%;
    margin-left: 2.666666666666667%;
    background-color: #fff;
}
.series-select-wrap .series-select li.btn-off{
    background-color: #e6e6e6;
}
.series-select li:first-child{
    margin-left: 0;
}
.series-select-btn{
    border: 1px solid #d9d9d9;
    text-align: center;
    vertical-align: middle;
}
.series-select li.btn-off .series-select-btn{
    border: 1px solid #e6e6e6;
}
.series-select-btn a{
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.333;
    display: block;
    padding: 10px 0;
}
.series-select li.btn-off .series-select-btn a{
    color: #808080;
}
.series-select-btn a::before{
    content: '';
    display: inline-block;
    width: 34px;
    padding-bottom: 27px;
    background: url(/share/images/icon-cat-02.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 3.125%;
}
.series-select li:first-child .series-select-btn a::before{
    width: 33px;
    background: url(/share/images/icon-dog-02.png) no-repeat;
    background-size: contain;
}
.series-select li.btn-off .series-select-btn a::before{
    content: '';
    display: inline-block;
    width: 34px;
    padding-bottom: 27px;
    background: url(/share/images/icon-dog-03.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 3.125%;
}
.series-select li.btn-off:nth-child(2) .series-select-btn a::before{
    background: url(/share/images/icon-cat-03.png) no-repeat;
    background-size: contain;
}
.series-select li .series-btn-text{
    display: inline-block;
    width: 61.34969%;
    text-align: left;
    vertical-align: middle;
    position: relative;
}
.series-select li .series-btn-text .inner-text{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.negative-margin.negative-margin .series-select li .series-btn-text{
    width: auto;
}
.article-box,
.series-box{
    padding-bottom: 30px;
    margin: auto 20px;
}
.top .article-box{
    margin: auto 0;
}
.article-box-inner{
    margin-bottom: 10px;
}
.article-box-inner > li{
    width: 48.50746%;
    float: left;
    margin-left: 2.98507%;
    margin-bottom: 2.98507%;
    position: relative;
    background-color: #f7f7f7;
}
.article-box-inner > li:first-child,
.article-box-inner > li:nth-child(2n+1){
    margin-left: 0;
}
.article-box-inner .flag{
    position: absolute;
    top: 0;
    left: 0;
    width: 20.7%;
    max-width: 40px;
    max-height: 40px;
    z-index: 10;
}
.article-box-inner .thumbnail{
    width: 100%;
}
.article-text-area,
.line-up{
    background-color: #f7f7f7;
    padding: 10px;
    position: relative;
}
.icon-list{
    position: absolute;
    top: -15px;
}
.icon-list li{
    display: inline-block;
}
.article-box-inner > li a{
    color: #333;
    text-decoration: none;
    display: block;
}
.article-text-area{
    color: #333;
    text-decoration: none;
    font-weight: bold;
    display: block;
    line-height: 1;
}
.article-box-inner > li a:hover .article-text-area .article-text{
    color: #1e22aa;
}
.article-series-tag{
    color: #333;
    text-decoration: none;
    font-weight: bold;
    padding: 0 10px;
    display: block;
    line-height: 1;
}
.article-series-tag .series{
    display: inline-block;
    color: #1e22aa;
    font-size: .9rem;
    padding: 0 5px;
    background-color: #fff;
    border: 1px solid #1e22aa;
    line-height: 1.5;
}
.volume{
    font-size: .9rem;
    color: #1e22aa;
    border-bottom: 1px solid #1e22aa;
    font-weight: bold;
}
.article-text{
    font-size: 1.4rem;
    display: block;
    line-height: 1.333;
    margin: 8px 0 0;
}
.series-text{
    padding-left: 30px;
    display: inline-block;
    line-height: 1.333;
}
.list-tag{
    padding: 2px 10px 10px 10px;
    line-height: 1.5;
}
.carousel .list-tag{
    background-color: #fff;
}
.list-tag li{
    display: inline-block;
    color: #1e22aa;
    font-size: .9rem;
    font-weight: bold;
    padding: 0 5px;
    margin-right: 5px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    line-height: 1.5;
}
.list-tag li a{
    color: #1e22aa;
    font-weight: bold;
}
.article-box-inner > li a:hover .list-tag li{
    color: #666;
}
.series-inner{
    margin-bottom: 20px;
}
.series-inner > li{
    margin-bottom: 20px;
}
.series-hdg-wrap{
    position: relative;
}
.web-magazine-keyvisual.series-hdg-wrap{
    background-color: #fff;
    padding-bottom: 20px;
}
.series-hdg-block{
    position: absolute;
    top: 50%;
    width: 100%;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    text-align: center;
    z-index: 15;
}
.series-hdg{
    font-size: 1.6rem;
}
.series-hdg > span{
    padding: 0 3px 3px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    background: #1e22aa;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(30,34,170,1) 51%,rgba(30,34,170,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1e22aa',GradientType=0 );
}
.series-link{
    margin-top: 5px;
}
.series-link a{
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    position: relative;
    padding-right: 12px;
}
.series-link a::after{
    content: '';
    width: 7px;
    height: 9px;
    display: block;
    vertical-align: middle;
    background: url(/share/images/icon-arrow-01.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.series-hdg-img{
    width: 100%;
    height: auto;
}
.line-up li{
    background-color: #fff;
    margin-bottom: 10px;
}
.line-up li:last-child{
    margin-bottom: 0;
}
.line-up .btn-03 a{
    width: 100%;
    min-height: 67px;
}
.line-up .btn-03 .volume{
    position: absolute;
}
.series-text{
    color: #333;
    font-weight: bold;
}
.tag-name{
    color: #1e22aa;
    text-decoration: none;
}

@media screen and (min-width: 601px) {
    .web-magazine-pet .hdg-l2-01{
        margin-left: 0;
        margin-right: 0;
    }
    .web-magazine-series{
        padding: 70px 0px 40px;
    }
    .web-magazine-keyvisual.series-hdg-wrap{
        padding-bottom: 0;
        margin-bottom: 60px;
    }
    .series-select-wrap{
        padding-bottom: 30px;
    }
    .series-select{
        border-spacing: 20px 0;
        width: 90%;
    }
    .series-select-btn a{
        font-size: 2rem;
        padding: 10px 0;
    }
    .series-select-btn a::before,
    .series-select li.btn-off .series-select-btn a::before{
        width: 13.673469387755102%;
        padding-bottom: 11.224489795918368%;
        max-width: 67px;
    }
    .series-select li:first-child .series-select-btn a::before{
        width: 13.26530612244898%;
        max-width: 65px;
    }
    .series-select li .series-btn-text{
        width: 70%;
        margin: 0 -20px;
    }
    .article-box,
    .series-box{
        padding-bottom: 60px;
        margin: auto 0;
    }
    .article-box.bottom-style,
    .series-box.bottom-style{
        padding-bottom: 120px;
    }
    .article-box-inner{
       margin-bottom: 30px;
    }
    .article-box-inner .flag{
        max-width: 90px;
        max-height: 90px;
    }
    .article-box-inner > li{
        width: 32.2%;
        margin-left: 1.6666666666666667%;
        margin-bottom: 1.6666666666666667%;
    }
    .article-box-inner > li:nth-child(2n+1){
        margin-left: 1.6666666666666667%;
    }
    .article-box-inner > li:first-child,
    .article-box-inner > li:nth-child(3n+1){
        margin-left: 0;
    }
    .article-text-area{
        padding: 20px 15px 10px 25px;
    }
    .series{
        font-size: 1.4rem;
    }
    .article-series-tag{
        padding: 0 15px 0 25px;
    }
    .article-series-tag .series{
        font-size: 1.2rem;
        padding: 2px 8px;
        margin-bottom: 5px;
    }
    .volume{
        font-size: 1.2rem;
        position: absolute;
        padding-top: 2px;
    }
    .article-text,
    .series-text{
        font-size: 1.8rem;
    }
    .article-text{
        margin: 0;
    }
    .series-text{
        padding-left: 40px;
    }
    .list-tag{
        padding: 5px 15px 20px 25px;
    }
    .list-tag li{
        font-size: 1.2rem;
        padding: 2px 8px;
    }
    .web-magazine.magazine-related .article-frame-01 ul > li{
        margin-bottom: 5px;
    }
    .series-inner{
        margin-bottom: 50px;
    }
    .series-inner > li{
        width: 48.3%;
        float: left;
        margin-left: 3.3333333333333335%;
        margin-bottom: 3.125%;
    }
    .series-inner > li:first-child,
    .series-inner > li:nth-child(2n+1){
        margin-left: 0;
    }
    .series-inner > li:last-child{
        margin-bottom: 0;
    }
    .series-hdg{
        font-size: 2.4rem;
    }
    .line-up{
        padding: 20px;
    }
    .line-up .btn-03 a{
        padding: 15px 80px 15px 20px;
    }
}
@media screen and (min-width: 601px) and (max-width: 850px) {
    .series-hdg{
        font-size: 1.8rem;
    }
    .series-text{
        font-size: 1.2rem;
    }
}
@media screen and (min-width: 1201px) {
    .series-select li .series-btn-text{
        width: auto;
    }
}

/* ウェブマガジン記事詳細のガワ
----------------------------------------------- */
@media screen and (min-width: 601px) {
    .web-magazine-article{
        min-width: 1000px;
    }
    .web-magazine-pet .web-magazine-article .contents{
        margin: 0;
    }
}
.series-map-box,
.sharing,
.article-lead,
.profile-box,
.article-index-box,
.sharing-box{
    margin-left: 20px;
    margin-right: 20px;
}
.profile-text{
    font-size: 1.2rem;
    line-height: 2;
    margin: 0 20px 60px;
}
.profile-extra{
    font-weight: bold;
}
.article-hdg-block{
    position: relative;
}
.article-hdg-wrap{
    padding-top: 48.266666666666666%;
}
.article-hdg{
    display: flex;
    flex-direction: column-reverse;
    font-size: 2.1rem;
    padding: 20px;
    background-color: rgba(255,255,255,.5);
    margin: -40px 20px 20px;
    position: relative;
    z-index: 2;
}
.article-hdg-parts-01{
    font-size: .9rem;
    line-height: 1;
    color: #fff;
    background-color: #f27931;
    padding: 2px 7px 1px;
    margin-right: 10px;
    vertical-align: middle;
}
.article-hdg-parts-01.cat{
    background-color: #fbae32;
}
.article-hdg-parts-02{
    font-size: 1.2rem;
    line-height: 1;
    color: #1e22aa;
    margin-right: 10px;
    vertical-align: middle;
}
.article-hdg-parts-03{
    font-size: .9rem;
    color: #1e22aa;
    border-bottom: 1px solid #1e22aa;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.article-hdg-parts-04{
    display: block;
    font-size: 1em;
    line-height: 1.5;
}
.article-hdg-image{
    width: 100%;
    padding-bottom: 48.266666666666666%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.article-hdg-image .flag{
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
    width: 20.7%;
    max-width: 60px;
    max-height: 60px;
    z-index: 30;
}
.article-hdg-image img{
    position: absolute;
    top: 50%;
    left: 40%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 150%;
    max-width: none;
    z-index: 5;
}
@media screen and (min-width: 601px) {
    .article-hdg-block{
        padding-bottom: 34.285714285714285%;
        position: static;
    }
    .article-hdg-wrap{
        min-width: 500px;
        padding-top: 0;
        position: absolute;
        top: 50%;
        left: 10.9375%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 20;
    }
    .article-hdg-parts-01{
        font-size: 1.2rem;
    }
    .article-hdg-parts-02{
        font-size: 1.8rem;
        font-weight: bold;
    }
    .article-hdg-parts-03{
        font-size: 1.2rem;
        font-weight: bold;
    }
    .article-hdg-parts-04{
        font-size: 3.2rem;
        font-weight: bold;
    }
    .article-hdg{
        margin: 0;
        padding: 30px 40px;
    }
    .article-hdg-image{
        padding-bottom: 34.285714285714285%;
    }
    .article-hdg-image .flag{
        max-width: 80px;
        max-height: 80px;
    }
    .article-hdg-image img{
        width: 100%;
        top: 0;
        left: 0;
        -ms-transform: none;
        transform: none;
    }
}
@media screen and (min-width: 601px) and (max-width: 771px) {
    .article-hdg-wrap{
        width: 76%;
    }
}
.series-map-box{
    position: relative;
    max-width: 1000px;
    margin-bottom: 35px;
}
.series-map{
    padding: 30px 20px;
    background-color: #f7f7f7;
    padding-top: 50.4%;
    min-height: 215px;
}
.series-map-image{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.series-name{
    line-height: 1.35;
    margin-bottom: 25px;
}
.series-mark,
.volume-mark{
    font-size: .9rem;
    font-weight: bold;
    color: #1e22aa;
    line-height: 1;
    text-decoration: underline;
}
.series-mark{
    display: block;
    margin-bottom: 5px;
}
.series-volume{
    list-style: none;
}
.series-volume li{
    display: table;
    position: relative;
}
.series-current{
    padding-left: 10px;
}
.volume-mark{
    display: table-cell;
    padding-right: 10px;
}
.series-map-text{
    display: table-cell;
    font-size: 1.4rem;
}
em.series-map-text{
    font-weight: normal;
    color: #1e22aa;
}
em.series-map-text::before{
    content: '';
    display: block;
    background: url(/share/images/icon-arrow-pc-03-over.png) no-repeat 0 0;
    background-size: contain;
    width: 5px;
    height: 7px;
    position: absolute;
    left: 0;
    top: 10px;
}
.series-map-text a{
    color: #333;
    text-decoration: none;
}
.series-map-text a:hover{
    color: #1e22aa;
    text-decoration: underline;
}
@media screen and (min-width: 601px) {
    .series-map-box{
        padding-top: 80px;
        margin: 0 auto 80px;
    }
    .series-map{
        float: right;
        width: 55.00000000000001%;
        padding-top: 20px;
        padding-left: 30px;
    }
    .series-map-image{
        float: left;
        width: 45%;
        position: relative;
        overflow: hidden;
        height: 21.5%;
    }
    .series-map-image img{
        max-width: none;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .series-name{
        font-size: 2.4rem;
        font-weight: bold;
        position: relative;
        margin-bottom: 20px;
    }
    .series-mark{
        font-size: 1.2rem;
        position: absolute;
        top: -25px;
    }
    .volume-mark{
        font-size: 1.2rem;
        font-weight: bold;
    }
    .series-map-text{
        font-size: 1.4rem;
    }
    em.series-map-text::before{
        top: 12px;
    }
}
@media screen and (min-width: 601px) and (max-width: 1000px) {
    .series-map-box{
        margin: 0 40px 80px;
    }
}
.sharing li{
    display: table-cell;
}
.article-lead{
    margin-top: 35px;
    margin-bottom: 35px;
    max-width: 1000px;
    font-weight: bold;
    font-size: 1.6rem;
}
@media screen and (min-width: 601px) {
    .article-lead{
        margin: 80px auto;
        font-size: 1.8rem;
        text-align: center;
    }
}
@media screen and (min-width: 601px) and (max-width: 1000px) {
    .article-lead{
        margin: 80px 40px 80px;
        text-align: center;
    }
}
.profile-box{
    border: 1px solid #dbdbdb;
    padding: 15px;
    margin-bottom: 30px;
}
.profile-name-area{
    float: right;
    display: block;
    background-color: #f0f0f0;
    width: 68.68852459016394%;
    padding: 10px 15px;
    text-align: left;
    font-size: 1.2rem;
    vertical-align: top;
}
.profile-name-head{
    display: block;
}
.profile-name,
.profile-name-roman{
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
}
.profile-name-roman{
    margin-left: -5px;
}
.profile-image{
    float: left;
    display: block;
    width: 26.229508196721312%;
}
.profile-box p{
    float: right;
    padding-top: 10px;
}
.site-url{
    color: #f27931;
    text-decoration: none;
}
@media screen and (min-width: 601px) {
    .profile-box,
    .profile-text{
        max-width: 676px;
        margin: 0 auto 60px;
    }
    .profile-name-area{
        width: 76.47058823529412%;
    }
    .profile-name-head{
        display: inline-block;
        margin-right: 10px;
    }
    .profile-image{
        width: 17.75147928994083%;
        margin-left: 10px;
    }
    .profile-box p{
        width: 76.47058823529412%;
    }
}
.article-index-box{
    background-color: #f9f9f9;
    padding: 10px;
    position: relative;
    margin-bottom: 80px;
}
.mark-index{
    position: absolute;
    top: -5px;
    left: 10px;
    font-size: .9rem;
    font-weight: bold;
    color: #1e22aa;
    line-height: 1;
    text-decoration: underline;
}
.article-index li{
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
}
.article-index li:last-child{
    margin-bottom: 0;
}
.article-index li::before{
    content: '';
    display: block;
    background: url(/share/images/icon-triangle.png) no-repeat 0 0;
    background-size: contain;
    width: 10px;
    height: 9px;
    position: absolute;
    left: 0;
    top: 8px;
}
.article-index li a{
    color: #333;
    text-decoration: none;
}
@media screen and (min-width: 601px) {
    .article-index-box{
        max-width: 676px;
        margin: 0 auto 120px;
        padding: 30px 25px;
    }
    .mark-index{
        font-size: 1.2rem;
    }
    .article-index{
        font-size: 1.4rem;
    }
}
.other-contents-box{
    background-color: #f8f8f8;
    padding: 40px 20px 30px;
    margin-bottom: 60px;
}
.pager-wrap + .other-contents-box{
    padding-top: 0px;
}
.pager-wrap{
    background-color: #f8f8f8;
    margin: 0 auto;
    padding: 25px 20px;
}
.pager-hdg-level3-wrap{
    margin-bottom: 10px;
}
.pager-hdg-level3{
    font-weight: bold;
}
.pager{
    max-width: 1000px;
    margin: 0 auto;
}
.pager li{
    background-color: #fff;
    position: relative;
}
.pager li:first-child{
    margin-bottom: 20px;
}
.pager li:last-child{
    margin-bottom: 0;
}
.pager li a{
    width: 100%;
    border: 1px solid #dbdbdb;
    padding: 10px 25px 10px 20px;
    display: table;
    color: #333;
    text-decoration: none;
}
.pager li a:hover{
    border-color: #1e22aa;
}
.pager .prev-page{
    direction: rtl;
}
.pager .prev-page a::before{
    content: '';
    display: block;
    background: url(/share/images/icon-arrow-sp-04.png) no-repeat 0 0;
    background-size: contain;
    width: 7px;
    height: 8px;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.pager .next-page a::before{
    content: '';
    display: block;
    background: url(/share/images/icon-arrow-sp-03.png) no-repeat 0 0;
    background-size: contain;
    width: 7px;
    height: 8px;
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.pager-text{
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}
.prev-page .pager-text{
    padding-left: 10px;
    direction: ltr;
}
.next-page .pager-text{
    padding-right: 10px;
}
.pager-text .volume{
    display: block;
    border-bottom: none;
    position: static;
}
.pager-icon{
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
}
.pager-image{
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}
.pager-image img{
    max-width: none;
    width: auto;
    height: 120%;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(-50%,-50%);
    -wibkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
a:hover .pager-image img{
    transition: none;
}
@media screen and (min-width: 601px) {
    .other-contents-box{
        padding: 80px 20px 40px;
        margin-bottom: 120px;
    }
    .pager-wrap{
        padding: 50px 20px 25px 20px;
    }
    .pager-hdg-level3-wrap{
        max-width: 1000px;
        margin: 0 auto 20px;
    }
    .pager-hdg-level3{
        font-size: 1.8rem;
    }
    .pager li{
        float: left;
        width: 46%;
        margin-left: 8%;
    }
    .pager .next-page{
        float: right;
    }
    .pager li:first-child{
        margin: 0;
    }
    .pager li:last-child{
        margin-bottom: 0;
    }
    .pager-text{
        font-size: 1.6rem;
    }
    .pager-text .volume{
        font-size: 1.2rem;
    }
    .pager-icon{
        width: 100px;
        height: 100px;
    }
    .pager-image{
        width: 100px;
        height: 100px;
    }
    .pager .prev-page a{
        padding: 20px 30px 20px 53px;
    }
    .pager .prev-page a::before{
        left: 20px;
        width: 12px;
        height: 16px;
    }
    .pager .next-page a{
        padding: 20px 53px 20px 30px;
    }
    .pager .next-page a::before{
        right: 20px;
        width: 12px;
        height: 16px;
    }
}
@media screen and (min-width: 601px) and (max-width: 771px) {
    .pager li{
        float: none;
        width: 100%;
        margin-left: 0;
    }
}
.products-info-box{
    background-color: #fff;
    padding: 15px;
    max-width: 1000px;
    margin: 0 auto 30px;
}
.products-hdg{
    font-size: 1.6rem;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.products-info-list li{
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.products-info-inner{
    float: right;
    width: 70.49180327868852%;
    margin-bottom: 10px;
}
.products-info-name{
    font-size: 1.4rem;
    margin-bottom: 18px;
}
.products-info-image{
    float: left;
    width: 26.229508196721312%;
}
.products-info-box .btn-05{
    clear: both;
}
@media screen and (min-width: 601px) {
    .products-info-box{
        padding: 40px;
    }
    .products-hdg{
        font-size: 2.8rem;
        margin-bottom: 30px;
    }
    .products-info-list li{
        display: table;
        padding-bottom: 30px;
        margin-bottom: 30px;
        width: 100%;
    }
    .products-info-list li:last-child{
        margin-bottom: 0;
    }
    .products-info-wrap{
        display: table-cell;
        width: 71.8%;
        padding-left: 3.260869565217391%;
    }
    .products-info-wrap-02{
        display: table;
        direction: rtl;
        width: 100%;
    }
    .products-info-inner{
        float: none;
        display: table-cell;
        direction: ltr;
        width: 70.49180327868852%;
        margin-bottom: 10px;
        vertical-align: middle;
    }
    .products-info-name{
        font-size: 1.8rem;
    }
    .products-info-image{
        float: none;
        display: table-cell;
        direction: ltr;
        width: 26.229508196721312%;
        vertical-align: middle;
    }
    .products-info{
        font-size: 1.4rem;
    }
    .products-info-box .btn-05{
        clear: none;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding-left: 10px;
    }
}
@media screen and (min-width: 601px) and (max-width: 681px) {
    .products-info-wrap{
        padding-left: 0;
        width: 60%;
    }
    .products-info-box .btn-05{
        padding-left: 0;
    }
}
.brands-info-box{
    background-color: #fff;
    padding: 15px;
    border: 1px solid #d9d9d9;
    max-width: 1000px;
    margin: 0 auto 40px;
}
.brands-info-wrap{
    margin-bottom: 10px;
}
.brands-info-image{
	text-align: center;
}
.brands-info-image img{
    max-width: none;
    width: 180px;
}
.brands-info-btn .btn-05{
    display: block;
}
@media screen and (min-width: 601px) {
    .brands-info-box{
        padding: 40px 50px 40px 30px;
    }
    .brands-info-wrap{
        margin-bottom: 0;
        display: table;
        width: 100%;
    }
    .brands-info-image{
        display: table-cell;
        width: 51%;
    }
    .brands-info-image img{
        max-width: 100%;
        width: auto;
    }
    .brands-info-btn{
        display: table-cell;
        width: 49%;
		vertical-align: middle;
    }
    .brands-info-btn .btn-05{
		text-align: right;
    }
}

.article-tag-list-wrap{
    max-width: 1000px;
    margin: 0 auto;
}
.article-tag-list-hdg{
    font-size: 1.17em;
    font-weight: bold;
}
.article-tag-desc{
    font-size: 1em;
    margin-bottom: 5px;
}
.article-tag-list li{
    display: inline-block;
    margin-right: 5px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}
.article-tag-list li a{
    padding: 2px 4px;
    color: #1e22aa;
    text-decoration: none;
    font-weight: bold;
}
@media screen and (min-width: 601px) {
    .article-tag-list-hdg,
    .article-tag-list{
        display: inline-block;
    }
    .article-tag-list-hdg{
        font-size: 1.8rem;
        margin-right: 20px;
    }
    .article-tag-desc{
        font-size: 1.4rem;
    }
}
.sharing-baloon-style{
    max-width: 506px;
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: 20px 15px;
    margin: 0 auto 30px;
    position: relative;
}
.sharing-baloon-style.bg-white{
    background-color: #fff;
}
.sharing-baloon-style::after{
    content: '';
    display: block;
    width: 0;
    border: 9px solid transparent;
    border-top: 15px solid #f8f8f8;
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    margin: auto;
}
.sharing-baloon-style.bg-white::after{
    border-top: 15px solid #fff;
}
.sharing-baloon-style .sharing{
    width: 100%;
    margin: 0;
}
.sharing{
    text-align: center;
    max-width: 1000px;
}
.sharing li{
    display: inline-block;
    width: 100px;
    line-height: 1;
}
.sharing li iframe{
    vertical-align: top;
}
.sharing .fb span{
    vertical-align: top!important;
}
.sharing .gp div{
    width: 63px!important;
    vertical-align: top!important;
    margin: 0 auto;
}
.sharing li span a img{
    vertical-align: top;
}
.sharing-hdg{
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 15px;
}
.sharing-image{
    margin: 0 auto 15px;
    position: relative;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    overflow: hidden;
}
.sharing-image img{
    max-width: none;
    width: auto;
    height: 120%;
    position: absolute;
    top: 60%;
    left: 0;
    -ms-transform: translate(-55%,-50%);
    -webkit-transform: translate(-55%,-50%);
    transform: translate(-55%,-50%);
}
.sharing-thumb{
    width: 85px;
    height: 85px;
    margin: 0 auto 15px;
}
.sharing-text{
    font-size: 1.4rem;
    text-align: center;
    max-width: 325px;
    margin: 0 auto;
    padding-bottom: 70px;
}

@media screen and (min-width: 601px) {
    .sharing{
        margin: 50px auto 0;
    }
    .sharing-baloon-style{
        padding: 30px 50px;
    }
    .sharing .hide-pc{
        display: none;
    }
    .sharing-hdg{
        font-size: 1.6rem;
        font-weight: bold;
    }
    .sharing-image{
        width: 100px;
        height: 100px;
    }
    .sharing-thumb{
        width: 100px;
        height: 100px;
    }
    .sharing-text{
        font-size: 1.8rem;
        padding-bottom: 120px;
    }
}

/* ウェブマガジン記事詳細のコンテンツ部分
----------------------------------------------- */
.article-contens .list-number-02 li > span.num{
    color: #333;
}
@media screen and (max-width: 600px) {
    .article-frame-02.sp-mb0{
        margin: 0 auto;
    }
}
.article-frame-01{
    margin: 0 20px 60px;
    max-width: 1000px;
}
.article-frame-02{
    margin: 0 auto 60px;
    max-width: 1280px;
}
@media screen and (min-width: 601px) and (max-width: 1000px) {
    .article-frame-01{
        margin: 0 40px 40px;
    }
}
@media screen and (min-width: 1001px) {
    .article-frame-01{
        margin: 0 auto 120px;
    }
    .web-magazine.magazine-related .article-frame-01{
        margin: 0 auto 60px;
    }
    .web-magazine.magazine-related .article-frame-01 ul > li{
        margin-bottom: 5px;
    }
    .article-frame-02{
        margin: 0 auto 120px;
    }
    .article-frame-02.pc-mb0{
        margin: 0 auto;
    }
    .article-frame-02.pc-mb60{
        margin: 0 auto 60px;
    }
}
.frame-hdg-level1,
.frame-hdg-level1-center,
.frame-hdg-level1-center-left{
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 10px;
}
.frame-hdg-level1.small{
    font-size: 1.8rem;
    margin: 0 0 20px;
}
.frame-hdg-level1-center,
.frame-hdg-level1-center-left{
    text-align: center;
}
.frame-hdg-level2{
    color: #1e22aa;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2;
}
.frame-hdg-level3{
    color: #333;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2;
    display: inline-block;
    padding: 0 10px;
    margin: 0 0 10px;
    background-color: #e0eaf5;
}
.article-frame-01 .frame-paragraph,
.article-frame-02 .frame-paragraph{
    margin-bottom: 40px;
}
.article-frame-01 .frame-paragraph:last-child,
.article-frame-02 .frame-paragraph:last-child{
    margin-bottom: 0;
}
.frame-paragraph{
    font-size: 1.4rem;
    line-height: 2;
}
.frame-paragraph-middle{
    font-size: 1.6rem;
    margin-top: 20px;
    margin-bottom: 10px;
    clear: both;
}
.source{
    font-size: 1.4rem;
}
.condition-table{
    margin: 0 20px 30px;
}
.condition-table .tbl-04{
    margin-top: 20px;
}
.lyt-left-to-right,
.lyt-right-to-left{
    margin-bottom: 20px;
}
.frame-inside-no-margin .lyt-right-to-left,
.frame-inside-no-margin .lyt-left-to-right{
    margin-bottom: 0;
}
.string-box,
.string-box-color-01{
    background-color: #e0eaf5;
    padding: 20px;
}
.string-box-color-01{
    background-color: #fff6d4;
}
.picture-box{
    background-color: #f6f9fc;
    position: relative;
}
.picture-box-color-01{
    background-color: #fff;
}
.picture-box .overlap,
.picture-box-color-01 .overlap{
    position: absolute;
    top: 0;
}
.lyt-img-contain-left,
.lyt-img-contain-right{
    position: relative;
    padding-top: 46.800000000000004%;
}
.lyt-img-contain-left.unique-height-01,
.lyt-img-contain-right.unique-height-01{
    padding-top: 54.13786666666667%;
}
.contain-text{
    padding: 30px 20px 20px;
}
.contain-image{
    width: 100%;
    position: absolute;
    top: 0;
}
.lyt-img-contain-center{
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
}
.lyt-img-contain-center .contain-text{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    padding: 30px 20px 20px;
    z-index: 2;
}
.lyt-img-contain-center .frame-hdg-level2{
    color: #fff;
}
.lyt-img-contain-center .contain-image{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}
.lyt-img-contain-center .contain-image img{
    object-fit: cover;
    object-position: 30% 0%;
    height: 100%;
}

.lyt-article-image-left{
    margin: 0 0 70px;
}
.lyt-image-column{
    text-align: center;
    width: 100%;
    margin: 20px auto;
}
.lyt-image-column > img{
    width: 100%;
}
.lyt-text-column p{
    font-size: 1.4rem;
    margin-bottom: 20px;
}
.lyt-text-column p:last-child{
    margin-bottom: 0;
}
.lyt-hdg-width-img-section .frame-hdg-level1{
    font-size: 1.6rem;
    float: right;
    width: 50%;
    margin-top: 16.119402985074625%;
    margin-bottom: -16.119402985074625%;
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
.lyt-hdg-width-img-section .lyt-hdg-image{
    float: left;
    width: 45.07462686567164%;
    margin-bottom: 10px;
}
.lyt-hdg-width-img-section .frame-hdg-level2{
    font-size: 1.4rem;
    clear: both;
}
.lyt-hdg-width-img-section .parallel-box{
    clear: both;
}
.lyt-hdg-width-img-section p{
    clear: both;
    font-size: 1.4rem;
    margin-bottom: 25px;
}
.lyt-hdg-width-img-section p:last-child{
    margin-bottom: 0;
}
.lyt-hdg-width-img{
    position: relative;
    padding-top: 100%;
}
.lyt-hdg-width-img .lyt-hdg-image{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.lyt-hdg-width-img .frame-hdg-level1-center-left{
    margin: 15px 0;
}
.lyt-hdg-width-img-reverse{
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    padding-top: 100%;
}
.lyt-hdg-width-img-reverse .lyt-hdg-image{
    width: 100%;
    min-height: 0%;
    position: absolute;
    top: 0;
    left: 0;
}
.lyt-hdg-width-img-reverse .frame-hdg-level1-center-left{
    margin: 15px 0;
}
.lyt-hdg-width-flex-img-right,
.lyt-hdg-width-flex-img-left{
    display: flex;
    flex-direction: column-reverse;
}
.lyt-hdg-width-flex-img-right .lyt-hdg-image,
.lyt-hdg-width-flex-img-left .lyt-hdg-image{
    min-height: 0%;
}
.lyt-hdg-width-flex-img-right .frame-hdg-level1-center-left,
.lyt-hdg-width-flex-img-left .frame-hdg-level1-center-left{
    margin: 15px 0;
}
.wide-image{
    margin-bottom: 40px;
}
.image-caption{
    display: block;
    margin-top: 15px;
    font-size: 1.2rem;
    color: #4c4c4c;
    text-align: left;
}
.grid-flex{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.grid-flex > .grid01{
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}
.grid-flex > .grid01 .grid01-image{
    min-height: 0%;
    margin-bottom: 10px;
}
.body-type-wrap{
    border: 2px solid #ccc;
    margin-bottom: 40px;
}
.body-type{
    border-top: 1px solid #ccc;
}
.body-type:first-child{
    border-top: none;
}
.body-type dt{
    background-color: #f5f5fa;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 1.6rem;
    padding: 15px;
    color: #1e1e74;
}
.body-type dt > span{
    vertical-align: middle;
    font-size: 1.2rem;
}
.body-type-img{
    width: 48%;
    display: inline-block;
}
.body-type-text{
    width: 48.656716417910445%;
    display: inline-block;
    vertical-align: top;
    padding: 10px 5px;
    font-size: 1.4rem;
}

@media screen and (max-width: 600px) {
    .sp-bottom-to-top{
        position: relative;
        padding-top: 100%;
    }
    .sp-bottom-to-top .string-box{
        padding-top: 20px;
    }
    .sp-bottom-to-top .picture-box{
        position: absolute;
        top: 0;
    }
    .grid-flex{
        margin-bottom: 40px;
    }
    .grid-flex.grid-narrow-2col .grid01{
        width: 47.0149%;
    }
    .grid-flex.grid-narrow-2col .grid01:nth-child(n + 3){
        margin-top: 30px;
    }
    .grid-flex.grid-narrow-2col .grid01:not(:nth-child(2n)){
        margin-right: 5.9701%;
    }
}
@media screen and (min-width: 601px) {
    .frame-hdg-level1,
    .frame-hdg-level1-center,
    .frame-hdg-level1-center-left{
        font-size: 2.8rem;
    }
    .frame-hdg-level1-center-left{
        text-align: left;
    }
    .article-frame-01 .frame-hdg-level1-center{
        margin-bottom: 40px;
    }
    .frame-paragraph-middle{
        margin-top: 50px;
    }
    .condition-table{
        max-width: 680px;
        margin: 0 auto 60px;
    }
    .condition-table .tbl-04{
        margin-top: 30px;
    }
    .lyt-left-to-right,
    .lyt-right-to-left{
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .lyt-right-to-left{
        direction: rtl;
        text-align: left;
    }
    .string-box,
    .string-box-color-01,
    .picture-box,
    .picture-box-color-01{
        display: table-cell;
        vertical-align: top;
    }
    .picture-box,
    .picture-box-color-01{
        position: relative;
        overflow: hidden;
    }
    .picture-box .base-picture,
    .picture-box-color-01 .base-picture{
        max-width: none;
        height: 105%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .picture-box .base-picture,
    .picture-box-color-01 .base-picture{
        position: static\0;
    }
    .picture-box .picture,
    .picture-box-color-01 .picture{
        height: 100%;
    }
    .picture-box .illust-table,
    .picture-box-color-01 .illust-table{
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 3;
    }
    .string-box,
    .string-box-color-01{
        direction: ltr;
        padding: 60px 40px;
        min-height: 480px;
        vertical-align: middle;
    }
    .lyt-img-contain-left,
    .lyt-img-contain-right{
        padding-top: 600px;
        width: 1280px;
    }
    .lyt-img-contain-left.white .contain-text,
    .lyt-img-contain-left.white .frame-hdg-level2,
    .lyt-img-contain-right.white .contain-text,
    .lyt-img-contain-right.white .frame-hdg-level2{
        color: #fff;
    }
    .lyt-img-contain-left.unique-height-01,
    .lyt-img-contain-right.unique-height-01{
        padding-top: 693px;
    }
    .lyt-img-contain-left .contain-text,
    .lyt-img-contain-right .contain-text{
        width: 480px;
        padding: 0;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 10.9375%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .lyt-img-contain-right .contain-text{
        left: auto;
        right: 10.9375%;
    }
    .contain-image{
        z-index: 1;
        overflow: hidden;
    }
    .contain-image img{
        max-width: none;
        width: 1280px;
        height: 600px;
    }
    .contain-image .unique-height-01{
        height: 693px;
    }
    .lyt-img-contain-center{
        width: 1280px;
        padding-top: 675px;
    }
    .lyt-img-contain-center .contain-text{
        width: 680px;
        padding: 0;
    }
    .lyt-img-contain-center .contain-text .frame-hdg-level1-center{
        margin-bottom: 40px;
    }
    .lyt-article-image-left,
    .lyt-article-image-left-parallel,
    .lyt-article-image-wide-left,
    .lyt-article-image-wide-left-parallel,
    .lyt-article-image-wide-right,
    .lyt-article-image-wide-right-parallel,
    .lyt-article-image-right,
    .lyt-article-image-right-parallel,
    .lyt-hdg-width-img-section{
        font-size: 1.4rem;
    }
    .lyt-article-image-left .lyt-image-column,
    .lyt-article-image-left-parallel .lyt-image-column{
        float: left;
        width: 30.2%;
        margin-right: 3%;
        margin-bottom: 2%;
    }
    .lyt-article-image-wide-left .lyt-image-column,
    .lyt-article-image-wide-left-parallel .lyt-image-column{
        float: left;
        width: 48%;
        margin-right: 3%;
        margin-bottom: 2%;
    }
    .lyt-article-image-right .lyt-image-column,
    .lyt-article-image-right-parallel .lyt-image-column{
        float: right;
        width: 30.2%;
        margin-left: 3%;
    }
    .lyt-article-image-wide-right .lyt-image-column,
    .lyt-article-image-wide-right-parallel .lyt-image-column{
        float: right;
        width: 48%;
        margin-left: 3%;
    }
    .lyt-image-column{
        width: 45.07462686567164%;
        margin-top: 0;
    }
    .lyt-article-image-left-parallel .lyt-text-column{
        float: right;
        width: 66.8%;
    }
    .lyt-article-image-right-parallel .lyt-text-column{
        float: left;
        width: 66.8%;
    }
    .lyt-article-image-wide-left-parallel .lyt-text-column{
        float: right;
        width: 49%;
    }
    .lyt-article-image-wide-right-parallel .lyt-text-column{
        float: left;
        width: 49%;
    }
    .lyt-hdg-width-img-section .frame-hdg-level1{
        font-size: 1.8rem;
        transform: none;
        margin: 0 0 20px;
        width: 67%;
    }
    .lyt-hdg-width-img-section .frame-hdg-level1.hdg-size-01{
        font-size: 2.8rem;
    }
    .lyt-hdg-width-img-section .lyt-hdg-image{
        width: 30.2%;
        margin-right: 2.8%;
    }
    .lyt-hdg-width-img-section .frame-hdg-level2,
    .lyt-hdg-width-img-section .parallel-box{
        clear: none;
        float: right;
        width: 67%;
    }
    .lyt-hdg-width-img-section p{
        clear: none;
    }
    .lyt-hdg-width-img{
        position: static;
        padding-top: 0;
        display: table;
        direction: rtl;
        text-align: left;
        margin-bottom: 50px;
    }
    .lyt-hdg-width-img .lyt-hdg-image{
        position: static;
        display: table-cell;
        width: 58%;
    }
    .lyt-hdg-width-img .frame-hdg-level1-center-left{
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        padding-left: 4%;
        width: 42%;
        direction: ltr;
    }
    .lyt-hdg-width-img-reverse{
        position: static;
        padding-top: 0;
        display: flex;
        flex-direction: row-reverse;
        direction: rtl;
        text-align: left;
        margin-bottom: 50px;
    }
    .lyt-hdg-width-img-reverse .lyt-hdg-image{
        position: static;
        display: block;
        width: 58%;
    }
    .lyt-hdg-width-img-reverse .frame-hdg-level1-center-left{
        margin: 0;
        display: flex;
        align-items: center;
        padding-right: 4%;
        width: 42%;
        direction: ltr;
    }
    .lyt-hdg-width-flex-img-right,
    .lyt-hdg-width-flex-img-left{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 50px;
    }
    .lyt-hdg-width-flex-img-right .lyt-hdg-image,
    .lyt-hdg-width-flex-img-left .lyt-hdg-image{
        width: 58%;
    }
    .lyt-hdg-width-flex-img-right .frame-hdg-level1-center-left,
    .lyt-hdg-width-flex-img-left .frame-hdg-level1-center-left{
        align-items: center;
        width: 42%;
    }
    .lyt-hdg-width-flex-img-right{
        flex-direction: row;
    }
    .lyt-hdg-width-flex-img-left{
        flex-direction: row-reverse;
    }
    .lyt-hdg-width-flex-img-right .frame-hdg-level1-center-left{
        padding-right: 4%;
    }
    .lyt-hdg-width-flex-img-left .frame-hdg-level1-center-left{
        padding-left: 4%;
    }
    .wide-image{
        margin-bottom: 60px;
    }
    .grid-flex.grid-wide-3col .grid01{
        width: 32.0833%;
    }
    .grid-flex.grid-wide-3col .grid01:nth-child(n + 4){
        margin-top: 30px;
    }
    .grid-flex.grid-wide-3col .grid01:not(:nth-child(3n)){
        margin-right: 1.8333%;
    }
    .grid-4col .grid01{
        float: left;
        width: 25%;
    }
    .grid-5col .grid01{
        float: left;
        width: 20%;
    }
    .body-type-wrap{
        margin-bottom: 60px;
    }
    .body-type{
        border-left: 1px solid #ccc;
        border-top: none;
    }
    .body-type:first-child{
        border-left: none;
    }
    .body-type dt{
        font-size: 1.8rem;
    }
    .body-type dt span{
        font-size: 1.4rem;
    }
    .body-type-img,
    .body-type-text{
        display: block;
        width: 100%;
    }
    .body-type-text{
        padding: 20px;
        font-size: 1.2rem;
    }
}


/* =================================================
 * 静的ページ
 * ============================================== */

/* keyvisual
----------------------------------------------- */
.keyvisual-container{
    position: relative;
    margin: 0 auto;
    max-width: 1980px;
    min-width: 320px;
}
.keyvisual-bg-image{
    min-height: 180px;
}
.keyvisual-bg-image.faq-dog{
    background: url(/share/images/faq-dog-keyvisual.jpg) no-repeat center top;
    background-size: cover;
}
.keyvisual-bg-image.faq-cat{
    background: url(/share/images/faq-cat-keyvisual.jpg) no-repeat center top;
    background-size: cover;
}
.keyvisual-bg-image.use{
    background: url(/share/images/use-keyvisual.jpg) no-repeat center top;
    background-size: cover;
}
.keyvisual-bg-image.contact{
    background: url(/share/images/contact-keyvisual.jpg) no-repeat center top;
    background-size: cover;
}
.keyvisual-title-box{
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 5.333333333333334%;
}
.keyvisual-title{
    font-size: 1.9rem;
}
@media screen and (min-width: 601px) {
    .keyvisual-bg-image{
        min-height: 254px;
    }
    .keyvisual-bg-image.faq-dog{
        background-position: center 60%;
    }
    .keyvisual-title-box{
        margin-left: 10.9375%;
    }
    .keyvisual-title-box.lyt-pattern-01{
        margin-left: 22.265625%;
    }
    .keyvisual-title{
        font-size: 2.8rem;
    }
    .keyvisual-text{
        font-size: 1.4rem;
    }
}

/* 静的ページ用のコンテンツ幅
----------------------------------------------- */
.not-found .contents,
.contact-us .contents,
.products-faq .contents,
.products-use .contents{
    margin: 0 20px;
}
.carefull-box,
.contact-page,
.topic-select-wrap,
.faq,
.topic-col-03,
.topic-col-02,
.topic-col-01{
    max-width: 1000px;
    margin: 0 auto;
}

/* contact
----------------------------------------------- */
.contact-select-wrap.negative-margin{
    position: relative;
    margin-top: -20px;
}
.contact-select > li{
    width: 100%;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.contact-info{
    padding: 10px 27px 20px;
}
.tel,
.letter,
.mail{
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.tel::before,
.letter::before,
.mail::before{
    content: '';
    display: inline-block;
    background: url(/share/images/icon-tel.png) no-repeat 0 0;
    background-size: contain;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 5px;
}
.letter::before{
    background: url(/share/images/icon-letter.png) no-repeat 0 0;
    background-size: contain;
}
.mail::before{
    background: url(/share/images/icon-mail.png) no-repeat 0 0;
    background-size: contain;
    position:relative;
    top:4px;
}
.tel-number{
    font-style: normal;
    font-size: 3rem;
    line-height: 1;
}
.tel-number::before{
    content: '';
    display: inline-block;
    background: url(/share/images/icon-dial.png) no-repeat 0 0;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.address-box{
    font-style: normal;
    text-align: left;
}

.contact-select.col3 .address-box{
    font-size:1.3rem;
    line-height:1.7;
}
.address-parts-01{
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: -.01em;
}
.contact-selec.col3 > li{
    width:33%;
}
.contact-info-in{
    display:table-cell;
    vertical-align:middle;
    width:677px;
}
.contact-info-in .btn-05{
    text-align:center;
}
.contact-info-in .btn-05 a{
    font-size:1.6rem !important;
    padding-right:0;
}
.contact-info-in .btn-05 a::after{
    right:-15px;
}
.no-break{
    display:none;
}
@media screen and (min-width: 601px) {
    .contact-page{
        font-size: 1.4rem;
    }
    .contact-info{
        padding: 10px 30px 20px;
    }
    .tel,
    .letter,
    .mail{
        font-size: 1.6rem;
    }
    .tel::before,
    .letter::before,
    .tel-number::before,
    .mail::before{
        width: 30px;
        height: 30px;
    }
    .tel-number{
        font-size: 3.8rem;
    }
    .contact-select.col3 .tel-number{
        font-size: 3rem;
    }
    .reception-time,
    .address-box{
        font-size: 1.4rem;
    }
    .contact-info-in{
        display:table-cell;
        vertical-align:middle;
    }
    .add-box-01{
        display:inline-block;
        width:71%;
}
}
@media screen and (min-width: 860px) {
    .contact-select > li{
        float: left;
        width: 49%;
        margin-left: 2%;
    }
    .contact-select.col3 > li{
        width: 32%;
    }
    .contact-select > li:first-child{
        margin-left: 0;
    }
    .no-break{
    display:block;
    }
}
.faq-link-box-wrap{
    margin-top: 60px;
    padding-bottom: 60px;
}
.faq-hdg-dog,
.faq-hdg-cat,
.faq-hdg{
    background-color: #f0f0f0;
    padding: 5px 5px 5px 10px;
    margin-bottom: 15px;
}
.faq-hdg-dog::before,
.faq-hdg-cat::before{
    content: '';
    display: inline-block;
    background: url(/share/images/icon-dog.png) no-repeat 0 0;
    background-size: contain;
    width: 16px;
    height: 15px;
    margin-right: 8px;
    vertical-align: middle;
}
.faq-hdg-cat::before{
    background: url(/share/images/icon-cat.png) no-repeat 0 0;
    background-size: contain;
    width: 13px;
    height: 16px;
}
.faq-link-list{
    margin-bottom: 30px;
}
.faq-link-list > li{
    margin-bottom: 10px;
}
.faq-link-list > li:last-child{
    margin-bottom: 0;
}
.faq-link-list.col2.retention > li{
    float: left;
    width: 49%;
    margin-left: 2%;
}
.faq-link-list.col3.retention > li{
    float: left;
    width: 32%;
    margin-left: 2%;
}
.faq-link-list.col2.retention > li:first-child,
.faq-link-list.col3.retention > li:first-child{
    margin-left: 0;
}
.faq-link-list .btn-09 a{
    width: 100%;
}

@media screen and (min-width: 601px) {
    .faq-hdg-dog::before,
    .faq-hdg-cat::before{
        width: 27px;
        height: 24px;
    }
    .faq-link-box-wrap{
        margin-top: 40px;
    }
    .faq-link-list.col2 > li{
        float: left;
        width: 49%;
        margin-left: 2%;
    }
    .faq-link-list.col3 > li{
        float: left;
        width: 32%;
        margin-left: 2%;
    }
    .faq-link-list.col2 > li:first-child,
    .faq-link-list.col3 > li:first-child{
        margin-left: 0;
    }
}
@media screen and (min-width: 860px) {
    .faq-dog-cat-box > .faq-link-box{
        float: left;
        width: 49%;
        margin-left: 2%;
    }
    .faq-dog-cat-box > .faq-link-box:first-child{
        margin-left: 0;
    }
}

/* topic-select
----------------------------------------------- */
.topic-select-wrap.negative-margin{
    position: relative;
    margin-top: -20px;
}
.topic-select.upper-style{
    margin-bottom: 35px;
}
.topic-select.under-style{
    padding: 20px 0 60px;
}
.topic-select > li{
    float: left;
    width: 100%;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    text-align: center;
}
.topic-select > li a{
    display: block;
    position: relative;
    color: #999;
    text-decoration: none;
}
.topic-select > li a:hover{
    color: #333;
    opacity: 1;
}
.topic-select > li a.is-active{
    color: #333;
}
.topic-select > li a.is-active img{
    opacity: 1;
}
.topic-select.upper-style > li a:hover::after,
.topic-select.upper-style > li a.is-active::after{
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-bottom: 2px solid #1e22aa;
}
.topic-select.upper-style > li a.is-active::before{
    content: '';
    display: block;
    border: 11px solid transparent;
    border-top: 8px solid #1e22aa;
    width: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -17px;
}
.topic-select.under-style > li a:hover::after,
.topic-select.under-style > li a.is-active::after{
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    border-bottom: 2px solid #1e22aa;
}
.topic-select.under-style > li a.is-active::before{
    content: '';
    display: block;
    border: 11px solid transparent;
    border-bottom: 8px solid #1e22aa;
    width: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -17px;
}
.topic-select.col2.no-space > li{
    width: 50%;
}
.topic-select.col2 > li{
    width: 49%;
    margin-left: 2%;
}
.topic-select.col2 > li:first-child{
    margin-left: 0;
}
.topic-select.col3 > li{
    width: 32.6%;
    margin-left: 1.0999999999999999%;
}
.topic-select.col3 > li:first-child{
    margin-left: 0;
}
.topic-select-btn{
    display: table;
    background-size: 28px 28px;
    margin: 0 auto;
    padding: 10px;
    text-align: left;
    direction: rtl;
    position: relative;
}
.select-btn-text{
/*    display: inline;*/
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
}
.select-image{
    width: 28px;
    height: 28px;
    display: table-cell;
    vertical-align: middle;
}
.select-image img{
    opacity: .5;
}
a:hover .select-image img{
    opacity: 1;
}
@media screen and (max-width: 600px) {
    .col3 .topic-select-btn{
        background-position: center 50%;
        background-size: 36px 36px;
        padding-left: 10px;
        text-align: center;
    }
    .col3 .select-btn-text{
        padding: 0;
        text-align: center;
        position: relative;
        z-index: 3;
        font-size: .9rem;
    }
    .col3 .select-image{
        width: 36px;
        height: 36px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 1;
    }
    .col3 .select-image img{
        opacity: .5;
    }
    .col3 a.is-active .select-image img{
        opacity: .5;
    }
}
@media screen and (min-width: 601px) {
    .topic-select.upper-style.lyt-absolute{
        margin-top: -40px;
    }
    .topic-select.upper-style{
        margin-bottom: 60px;
    }
    .topic-select.upper-style > li a.is-active::before{
        border: 13px solid transparent;
        border-top: 10px solid #1e22aa;
        bottom: -23px;
    }
    .topic-select.under-style > li a.is-active::before{
        border: 13px solid transparent;
        border-bottom: 10px solid #1e22aa;
        top: -23px;
    }
    .select-btn-text{
        font-size: 1.6rem;
    }
    .select-image{
        width: 56px;
        height: 56px;
    }
}


/* FAQ
----------------------------------------------- */
.toggle-QA-btn,
.close-answer-btn{
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    text-align: left;
}
.toggle-QA-btn{
    width: 100%;
}
.faq{
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 40px;
}
.question-area{
    border-top: 1px solid #e4e4e4;
    position: relative;
}
.answer-area{
    position: relative;
}
.question,
.answer{
    font-size: 1.4rem;
    color: #fff;
    width: 24px;
    height: 24px;
    background-color: #1e22aa;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
}
.question{
    position: absolute;
    top: 30px;
}
.answer{
    background-color: #aa1e3c;
    position: absolute;
    top: 0;
}
.question-text{
    padding: 30px 30px 30px 35px;
    display: block;
    position: relative;
}
.question-text::after{
    content: '';
    display: block;
    background: url(/share/images/icon-arrow-sp-01.png) no-repeat 0 0;
    background-size: contain;
    width: 14px;
    height: 8px;
    position: absolute;
    top: 36px;
    right: 0;
}
.is-open .question-text::after{
    background: url(/share/images/icon-arrow-sp-02.png) no-repeat 0 0;
    background-size: contain;
}
.answer-text{
    padding: 0 30px 30px 35px;
    display: block;
}
.close-answer-btn{
    display: block;
    position: relative;
    color: #1e22aa;
    padding-left: 20px;
    margin-top: 10px;
}
.close-answer-btn::before{
    content: '';
    display: block;
    background: url(/share/images/icon-arrow-sp-02.png) no-repeat 0 0;
    background-size: contain;
    width: 14px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: 0;
}
@media screen and (min-width: 601px) {
    .question,
    .answer{
        font-size: 1.8rem;
        width: 32px;
        height: 32px;
    }
    .question-text{
        font-size: 1.8rem;
    }
    .question-text,
    .answer-text{
        padding-left: 48px;
    }
}

/* use
----------------------------------------------- */
.howto-use-01,
.howto-use-02,
.howto-use-03{
    list-style: none;
}
.howto-use-01 > li{
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 40px;
    border-bottom: 1px solid #d9d9d9;
}
.howto-use-01 > li:last-child{
    margin-bottom: 0;
    border-bottom: none;
}
.howto-use-01 > li::before{
    content: '';
    display: block;
    background: url(/share/images/icon-arrow-sp-01-gray.png) #fff no-repeat center 0;
    background-size: contain;
    padding: 0 16px;
    width: 16px;
    height: 9px;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.howto-use-01 > li:last-child::before,
.howto-use-02 > li:last-child::after{
    display: none;
}
.topic-col .hdg-l2-01{
    margin-top: 0;
}
.use-howto{
    margin-bottom: 20px;
}
ul.howto-use-01 .use-howto > *:first-child{
    margin-top: 0;
}
ol.howto-use-01 .use-howto::before{
    counter-increment: num;
    content: counter(num);
}
.howto-use-03 > li::before,
.howto-use-02 > li::before,
.use-howto::before,
.use-step{
    font-size: 1.6rem;
    color: #fff;
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    padding-top: 4px;
    background-color: #1e22aa;
    text-align: center;
    border-radius: 30px;
    float: left;
}
.use-text{
    display: block;
    margin-top: 5px;
}
.use-image{
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
}
.howto-use-01 .use-image-border{
    border: 1px solid #e5e5e5;
}
.carefull-box{
    padding: 10px;
    border: 1px solid #e7a1a1;
}
.carefull-box-inner{
    margin-bottom: 10px;
}
.carefull{
    background-color: #e15353;
    display: table;
    color: #fff;
    min-height: 36px;
    padding:5px 0;
    font-size: 1.4rem;
    width: 100%;
    margin-bottom: 10px;
}
.carfull-head,
.append-text{
    display:table-cell;
    vertical-align:middle;
}
.carfull-head::before{
    content: '';
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(/share/images/icon-carefull.png) no-repeat 0 0;
    background-size: contain;
    margin: 0 10px 0 10px;
    vertical-align: middle;
}
.carfull-head{
    width: 85px;
}
.append-text{
    font-size: 1.2rem;
    line-height: 1.2;
    padding-right: 5px;
}
.carefull-image,
.carefull-text{
    margin-bottom: 15px;
}
.topic-text{
    padding-bottom: 15px;
}
.howto-use-02 > li{
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}
.grid-3col > li{
    margin-top: 15px;
}
.howto-use-02 .step-image{
    border: 1px solid #e5e5e5;
}
.howto-use-02 > li:last-child{
    margin-bottom: 25px;
}
ol.howto-use-02 > li::before{
    counter-increment: process;
    content: counter(process);
}
.howto-use-02 > .arrow::after{
    content: '';
    display: block;
    background: url(/share/images/icon-arrow-sp-01-gray.png) no-repeat center 0;
    background-size: contain;
    width: 16px;
    height: 9px;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
ol.howto-use-02 > li::before,
.howto-use-02 .use-step{
    float: none;
    position: absolute;
    top: -10px;
    left: 10px;
}
.topic-col-03,
.topic-col-02{
    margin-bottom: 45px;
}
.topic-col-02 .hdg-l2-01{
    margin-bottom: 10px;
}
.howto-use-03 > li{
    position: relative;
}
ol.howto-use-03 > li::before{
    counter-increment: order;
    content: counter(order);
}
ol.howto-use-03 > li::before,
.howto-use-03 .use-step{
    float: none;
    position: absolute;
    top: 10px;
    left: 10px;
}
.howto-use-03{
    margin-bottom: 40px;
}
@media screen and (min-width: 601px) {
    .howto-use-01 > li{
        margin-bottom: 75px;
    }
    .howto-use-01 > li::before{
        width: 23px;
        height: 12px;
    }
    .use-howto{
        float: left;
        width: 67%;
        margin-bottom: 30px;
    }
    .use-howto.w100p{
        width: 100%;
        margin-bottom: 0;
    }
    .use-image{
        float: right;
        width: 30%;
    }
    .howto-use-01 .carefull-box{
        float: left;
        width: 67%;
    }
    .width-image .carefull{
        float: right;
        width: 69.6938775510204%;
    }
    .howto-use-01 .width-image .carefull{
        width: 77.07692307692308%;
    }
    .width-image.unique-01 .carefull{
        width: 39.59183673469388%;
    }
    .carefull-image{
        float: left;
        width: 28.57142857142857%;
        margin-bottom: 0;
    }
    .howto-use-01 .carefull-image{
        width: 21.53846153846154%;
    }
    .unique-01 .carefull-image{
        width: 59.183673469387756%;
    }
    .width-image .carefull-text{
        float: right;
        width: 69.6938775510204%;
    }
    .howto-use-01 .width-image .carefull-text{
        width: 77.07692307692308%;
    }
    .width-image.unique-01 .carefull-text{
        width: 39.59183673469388%;
    }
    .carefull-text{
        margin-bottom: 0;
        font-size: 1.4rem;
    }
    ol.howto-use-03 > li::before,
    ol.howto-use-02 > li::before,
    ol.howto-use-01 .use-howto::before,
    .use-step{
        font-size: 2.4rem;
        width: 50px;
        height: 50px;
        padding-top: 4px;
    }
    .use-text{
        font-size: 1.6rem;
        margin-top: 10px;
        min-height: 56px;
    }
    .carfull-head{
        font-size: 1.6rem;
    }
    .howto-use-02{
        padding-bottom: 35px;
    }
    .grid-3col {
        clear: both;
    }
    .grid-3col > li{
        float: left;
        width: 30%;
        padding: 0;
        margin: 15px 0 25px 5%;
    }
    .grid-3col > .grid02{
        float: left;
        width: 64.9%;
        padding: 0;
        margin: 15px 0 25px 5%;
    }
    .grid-3col > li:first-child,
    .grid-3col > li:nth-child(3n+1){
        margin-left: 0px;
    }
    .grid-3col > li:last-child{
        margin-bottom: 25px;
    }
    .howto-use-02 > .arrow::after{
        content: '';
        display: block;
        background: url(/share/images/icon-arrow-sp-03-gray.png) no-repeat center 0;
        background-size: contain;
        width: 11px;
        height: 23px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: auto;
        right: -10%;
        margin: auto 0;
    }
    .howto-use-02 > .arrow:nth-child(3n)::after,
    .howto-use-02 > .arrow:last-child::after{
        display: none;
    }
    .topic-text{
        padding-bottom: 25px;
        font-size: 1.6rem;
    }
    .topic-col-02 .hdg-l2-01{
        margin-bottom: 20px;
    }
}

/* 404 not found
----------------------------------------------- */
.not-found .hdg-l1-01{
    margin-top: 20px;
    text-align: center;
}
.hdg-l1-01.color-01{
    color: #1e22aa;
}
.lead-02{
    font-size: 1.6rem;
    margin: 0 auto 30px;
    text-align: center;
}
.not-found .lead{
    font-size: 1.4rem;
}
.not-found .btn-03{
    text-align: center;
    margin-bottom: 40px;
}
@media screen and (min-width: 601px) {
    .not-found .hdg-l1-01{
        font-size: 3.2rem;
    }
    .lead-02{
        font-size: 2.4rem;
    }
    .not-found .lead{
        width: auto;
    }
    .not-found .btn-03 a{
        padding: 20px 80px 20px 40px;
        font-size: 1.4rem;
    }
}

/* js-tab
----------------------------------------------- */
.js-tab-content{
    display: none;
}
.is-static .js-tab-content,
.js-tab-content.is-active{
    display: block;
}

/* ============================================================================
 * Support
 * ========================================================================= */

/* Width Control
----------------------------------------------- */
.w-05{width: 5% !important;}
.w-10{width: 10% !important;}
.w-15{width: 15% !important;}
.w-20{width: 20% !important;}
.w-25{width: 25% !important;}
.w-30{width: 30% !important;}
.w-33{width: 33% !important;}
.w-34{width: 34% !important;}
.w-35{width: 35% !important;}
.w-40{width: 40% !important;}
.w-45{width: 45% !important;}
.w-50{width: 50% !important;}
.w-55{width: 55% !important;}
.w-60{width: 60% !important;}
.w-65{width: 65% !important;}
.w-70{width: 70% !important;}
.w-75{width: 75% !important;}
.w-80{width: 80% !important;}
.w-85{width: 85% !important;}
.w-90{width: 90% !important;}
.w-95{width: 95% !important;}
.w-100{width: 100% !important;}
.w-auto{width: auto !important;}

.mw-100{max-width: 100% !important;}

/* Align Control
----------------------------------------------- */
.aleft{text-align: left !important;}
.acenter{text-align: center !important;}
.aright{text-align: right !important;}

/* Font color Control
----------------------------------------------- */
.strg01{color: #cc0000 !important;}
.strg02{color: #f27931 !important;}

/* Margin Control
----------------------------------------------- */
.m0{margin: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.ml10{margin-left: 10px !important;}
.mt0{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.ml5{margin-left: 5px !important;}

/* Line break Control
----------------------------------------------- */
.br-pc{
    display: none;
}
.br-sp{
    display: block;
}
@media screen and (min-width: 601px) {
    .br-pc{
        display: block;
    }
    .br-sp{
        display: none;
    }
}

/* Content switch Control
----------------------------------------------- */
.show-pc{
    display: none;
}
.show-sp{
    display: block;
}
@media screen and (min-width: 601px) {
    .show-pc{
        display: inherit;
    }
    .show-sp{
        display: none;
    }
}

/* Font weight Control
----------------------------------------------- */
.bold{font-weight: bold !important;}

/* Font size Control
----------------------------------------------- */
.fs-12{font-size: 1.2rem !important;}
.fs-18{font-size: 1.8rem !important;}

/* Font color Control
----------------------------------------------- */
.fc-4c4{color: #4c4c4c !important;}


/* ============================================================================
 * Java Script
 * ========================================================================= */

.js-screen{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background: #fff;
}

/* for modal box (firstAccess) */

.js-no-scroll {
  height: 100%;
  overflow: hidden;
}

body.js-no-scroll {
  position: relative;
}

.box-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(16,13,20,.74);
}

.box-modal .box-modal-contents {
  position: absolute;
  top: 50%;
  right: 50%;
  -ms-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
}

.box-modal .box-modal-contents a {
  display: block;
}

.box-modal .box-modal-contents a:hover,
.box-modal .box-modal-contents a:hover img {
  opacity: .9;
  transition: none;
}

.box-modal .box-modal-contents .btn-modal-close {
  position: absolute;
  top: -48px;
  right: -40px;
  display: block;
  width: 20px;
  height: 20px;
  border: none;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/share/images/btn-close-01.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

@media screen and (max-width:768px) {
  .box-modal .box-modal-contents {
    width: 77.3%;
  }

  .box-modal .box-modal-contents .btn-modal-close {
    top: -38px;
    right: 0;
  }
}

/* ============================================================================
 * clearfix
 * ========================================================================= */

.lyt-movie-box::after,
.lyt-hdg-width-img-section::after,
.lyt-article-image-right::after,
.lyt-article-image-left::after,
.lyt-article-image-wide-right::after,
.lyt-article-image-wide-left::after,
.lyt-article-image-right-parallel::after,
.lyt-article-image-left-parallel::after,
.lyt-article-image-wide-right-parallel::after,
.lyt-article-image-wide-left-parallel::after,
.lyt-hdg-width-img::after,
.grid-4col::after,
.grid-5col::after,
.article-frame-02::after,
.article-frame-01::after,
.products-info-list li::after,
.pager::after,
.profile-box::after,
.profile-name-area:after,
.series-map-box::after,
.faq-dog-cat-box::after,
.faq-link-list::after,
.contact-select-wrap::after,
.howto-use-03::after,
.howto-use-02::after,
.carefull-box-inner::after,
.carefull-box::after,
.use-howto::after,
.howto-use-01 > li::after,
.topic-select::after,
.article-box-inner::after,
.series-inner::after,
.series-select::after,
.link-01::after,
.contents .search ul::after,
.brand::after,
.magazine::after,
.search-wrap::after,
.about li::after,
.global-navigation::after,
.lyt-global-navigation::after,
.communication::after,
.communication ul::after,
.lyt-footer .logo-company::after,
.lyt-footer::after{
content: '';
display: block;
clear: both;
}
.lyt-image[data-image-layout="left"]:after,
.lyt-image[data-image-layout="right"]:after,
.item .lyt-image .image .carousel-item:after,
.item .lyt-image .column .carousel-item:after,
.item .web-magazine .carousel-item:after,
.news-top .contents-inner:after,
.lyt-column[data-column-number="2"]:after,
.lyt-column[data-contents-category="item"]:after,
.lyt-column[data-contents-category="item-category"]:after,
.btn-utility:after,
.list-category-02:after,
#modal-content .form-list:after,
.lyt-column[data-contents-category="modal-item"]:after,
.list-def-01:after,
.news-top .contents-inner > .sub > .local-nav:after,
.lyt-image[data-contents-category="item-category-brand"]:after,
.box-search-01:after,
.brand-search:after,
.brand-top .contents .search ul:after,
.list-index-01:after,
.list-index-01 li a:after,
.link-list-01:after,
.list-step-01 > li:after,
.list-step-01:after,
.lyt-image[data-image-layout="top"]:after,
.list-step-02 > li:after,
.qa-contents .lyt-int-01 .lyt-image:after,
.list-other-interview:after,
.qa-contents .lyt-int-02:after,
.qa-contents .lyt-int-04:after,
.qa-contents .lyt-int-05:after{
  content: '';
  display: table;
  clear: both;
}