@charset "UTF-8";

/*　初期設定
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
body {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: small;
    font-family: 'Hiragino Kaku Gothic Pro', Meiryo, "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, sans-serif;
    /*background:url('../img/bodybackground.png') repeat-x;*/
    background-color: white!important;
}

/*　モール背景　*/
#back_mall {}

/*　ショップ背景　*/
#back_shop {}

img {
    border: 0;
    vertical-align: bottom;
}

p {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
}

form {
    margin: 0;
    padding: 0;
}

input {
    margin: 0;
    vertical-align: middle;
}

rp,
rt {
    display: none;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}

.btn-sanimed {
    background-color: #5A554B;
    color: white;
    border-color: #5A554B;
}
.btn-sanimed:link,.btn-sanimed:visited{
    color: white;
}
.btn-normal {
    background-color: #cbcbcb;
    color: #333!important;
    border-color: #cbcbcb;
}
.btn-normal:link,.btn-normal:visited{
    color: #333!important;
}
.btn-gpn{
    background-color: #e16912;
    color: white!important;
    border-color: #e16912;
}
#main{
    padding-left: 30px;
}
body.one_column #main{
    padding-left: 0;
}

/*　リンク　*/
a:link,
a:visited {
    color: #e16912;
}

a:hover,
a:active {
    color: #5A554B;
}

th {
    background-color: #e6f5fa;
}

.bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#location{
    padding: 1em 0;
    background-color: transparent;
}
.d-none{
    display: none!important;
}
#link_top{
    background-color: #f9f9f9!important;
}
.mb-5{
    margin-bottom: .5em!important;
}
.mb-1{
    margin-bottom: 1em!important;
}
.mb-25{
    margin-bottom: 25px!important;
}
.mb-50{
    margin-bottom: 50px!important;
}
img.img100{
    width: 100%;
    margin: 0 0 1em;
}
/*　ページレイアウト
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
/*　共通部分　*/
body h1.heading {
    width: 100%;
    height: inherit;
    float: left;
    clear: none;
    margin: 0 0 0.5em;
    padding: 0pt;
    max-width: inherit;
    position: relative;
    text-align: left;
    font-size: 16px;
    color: #333333;
}
body h1.main-title{
    padding-left: 1.5em;
}
body.no-scroll{
    overflow: hidden;
}
.text-left{
    text-align: left!important;
}
.text-right{
    text-align: right!important;
}
.text-gpn{
    color: #e16912!important;
}
.text-gather{
    color: #97b433!important;
}
.text-go{
    color: #000000!important;
}
.text-now{
    color: #987136!important;
}
.text-danger{
    color: #d44950!important;
}
.text-center {
    text-align: center!important;
}
#container {
    width: 960px;
    margin: 0 auto 0 auto;
    padding: 0 10px;
}
.sp-body #location{
    padding-left: 16px;
    padding-right: 16px;
}
.sp-body #main_area .page{
    padding-left: 16px;
    padding-right: 16px;
}
h2.sub-title{
        background-color: transparent;
    color: #5A554B;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    border-bottom: 1px solid #5A554B;
    padding: 1.25em 0 .25em;
    margin: 0 0 1em;
}
dl.border-wrapper{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 1em;
    margin-bottom: 1em;
}
dl.border + dl.border{
    border-top:1px solid #ccc;
    padding-top: 1em;
}
@media(min-width:768px){
    body h1.heading{
        font-size: 19px;
    }
}

/*　コンテンツ　2カラム　*/
#main {
    float: right;
    width: 750px;
    margin-top: 8px;
}

/*　コンテンツ　1カラム　*/
.one_column #main {
    width: 960px;
    float: none;
}

/*　サブカラム　*/
#sub {
    float: left;
    width: 190px;
    margin-top: 8px;
}

.swiper-wrapper,
.swiper-slide {
    height: auto !important;
}
#sub .member_menu .welcome_box1 {
    border: 0;
}
#sub .member_menu li {
    padding: 0;
    background: none;
    margin: .2em 0;
}
#sub .member_menu .welcome_name {
    color: #e16912;
    font-weight: bold;
    border: 0;
}
#sub .member_menu ul{
    border-top: none;
}
#sub .member_menu h3::before{
    background-image: url(/img/gpn/mypage09.svg);
}
#sub #folder_list{
    margin: 0 0 1em;
}


/*検索部分*/
#search {
    background-color: white;
    float: left;
    width: 100%;
    margin: 8px 0 0;
}
#search .m_search_box2{
    padding: 0;
}
input#psearch {
    border: none;
    border-bottom: 1px solid black;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 5px;
    font-size: 11px
}
.m_search_box1{
    border-left: 0;
    border-right: 0;
}
.search_button1{
    padding: 0;
    margin: 0;
}
@media(min-width:768px){
    input#psearch{
        font-size: 14px;
    }
}

/* パンくず */
#location li img{
    width: inherit;
}

/* ==================================================
    ヘッダー
================================================== */
header {
    position: fixed;
    z-index: 999;
    padding: 0;
    border-bottom: 1px solid #5A554B;
    width: 100%;
    background-color: white;
}

header nav.top_menu{
    background-color: white;
    margin-bottom: 0;
}

#header {
    position: relative;
    margin: 0 auto;
    width: 980px;
    height: 166px;
    z-index: 101;
    /* background:url('../img/headermix.png') no-repeat;*/
}

#header h1 {
    position: absolute;
    left: 325px;
    top: 0;
    width: 330px;
}

#header h1 a {
    display: block;
    overflow: hidden;
    padding: 60px 0 0 0;
    height: 73px;
    background: url('../img/logo-sanimed-int.gif') no-repeat;
}


#header2 {
    width: 960px;
    margin: 0 auto 0 auto;
    padding: 10px 0 0 0;
}
/*ヘッダーロゴ部分*/
header a.logo {
    display: block;
    max-width: 140px;
    margin: 19px 0 0;
    float: left;
}

@media(min-width:381px){
header a.logo {
    max-width: 184px;
}
}

@media(min-width:768px){
    header nav.toggle-nav{
        width: 100%;
        float: left;
    }
    header nav.toggle-nav ul{
        max-width: 1170px;
        width: 100%;
        margin: 0 auto;
    }
    header a.logo {
    max-width: 300px;
    }
}

header a.logo img {
    width: 100%!important;
    margin: 0 0 5px!important;
}

#header-menu {
    float: left;
    width: 100%;
}

#header-menu .header-menu-icon {
    height: 38px;
    width: 100%;
}

#header-menu .header-menu-icon i {
    font-size: 17px;
    text-align: center;
    padding: 11px 0;
    width: 100%;
    color: #5A554B;
}

#header-menu .header-menu-btn {
    width: 150px;
    float: right;
    margin: 7px 0 7px 0;
}

#header-menu .header-menu-btn a {
    width: 33.3333%;
    float: left;
    text-align: center;
    padding-left: 0.3em;
}
#header-menu p.shoulder {
    font-size: xx-small;
    color: #333;
    text-align: left;
}
#header-menu .header-menu-btn p {
    font-size: 10px;
    color: #333;
    text-align: center;
}
#header-menu p.welcome {
    font-size: xx-small;
    color: #333;
    text-align: left;
}
#header-menu p.shoulder{
    text-align: left;
}
@media(min-width:768px){
    #header-menu .header-menu-icon i{
        font-size: 25px;
    }
    #header-menu .header-menu-icon{
        height: 45px;
    }
    #header-menu .header-menu-btn p{
        font-size: 11px;
    }
}

/*ヘッダー検索以下*/
header p.search_button1 button {
    font-size: 11px;
    padding: 4px 12px;
}
header p.search_button1 button:hover{
    color: white;
}

@media(min-width:768px){
    header p.search_button1 button {
    font-size: 1.4rem;
}
    #header-menu p.shoulder{
        font-size: 11px;
        padding-left: 4px;
    }
    #header-menu .header-menu-btn{
        width: 190px;
    }
}

header nav li {
    text-align: center;
    font-size: 0.65rem;
    background-color: #5A554B;
    font-weight: 600;
}

header nav li a:link {
    color: #212529;
    display: block;
}
.top_menu ul li a:link, .top_menu ul li a:visited{
    color: #212529;
    padding: 0;
    text-decoration: none;
}
.top_menu ul li a:link, .top_menu ul li a:hover{
    text-shadow:none;
    background: none;
    color: #333;
}
header nav li a:focus{
    background: none;
}

header nav li + li {
    border-left: 1px solid #ccc;
}

/* ==================================================
    サイド
================================================== */
#sub h3::before {
    content: '';
    width: 34px;
    height: 34px;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 10px;
    bottom: 5px;
}
#sub .side-search-inner{
    padding: 1em 0;
}
#sub .side-search-inner p{
    font-size: 13px;
}
#sub .side-search .icon-title::before {
    background-image: url(/img/gpn/peticon_pc01.svg);
}
#sub h3.sub_title{
    text-align: left;
    color: #e16912;
    font-weight: 500;
    padding: 11px 1em;
    letter-spacing: 0;
    border-radius: 3px 3px 0 0;
    font-weight: bold;
    padding-left: 3.5em!important;
    position: relative;
    font-size: 14.8px;
    border-bottom: 1px solid #e16912;
}
/* サイド　カテゴリー一覧 */
#sub .side-category .icon-title::before {
    background-image: url(/img/gpn/peticon_pc02.svg);
}
.side-category-wrapper{
    padding: 1em 0;
}
.side-category-wrapper a{
    color: #333;
}
.category01+.category01{
    border-top: 1px solid black;
    padding-top: 1em;
}
.category01 li.category-inner02{
position: relative;
    margin: 0 0 .25em;
}
.category01 li.category-inner02 > a{
    padding-right: 1em;
}
.category01 li.category-inner02 i{
    display: none;
    position: absolute;
right: 1px;
    top: 5px;
    cursor: pointer;
    font-size: 13px
}
.category01 ul.category-wrapper03{
    list-style: none;
    padding: .5em 0 0 0;
    font-size: 13px;
}
.category01 .category-inner03{
    margin-bottom: 1.5em;
}
.category01 li.category-inner-link03{
    margin: 0 0 .5em;
    font-size: 14px;
}
.category01 ul.category-wrapper04{
    list-style: none;
    padding: 0;
    margin: 0 0 .5em;
    padding-left: .5em;
}
.category01 ul.category-wrapper04 li{
    text-indent: -1.5em;
    padding-left: 1.5em;
}
.category01 ul.category-wrapper04 li::before{
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Arial","Osaka","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
    content: '├';
    margin-right: .5em;
}
.category01 ul.category-wrapper04 li:last-child::before{
    content: '└';
}

.category01 li.category-inner02 i:first-of-type{
    display: inline;
}
.category01{
    margin: 0 0 1em;
}
ul.category-wrapper02{
    list-style: none;
    padding-left: 0;
    margin: .5em 0;
    font-size: 14px;
    text-align: left;
}
#sub .side-category .side-category-wrapper h3{
    padding-left: 28px;
    position: relative;
}
#sub .side-category .side-category-wrapper h3::before{
    position: absolute;
    content: '';
    background-position: center center;
    background-repeat: repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    left: 0;
    top: 1px;
}
#sub .side-brand img{
    width: 100%;
    margin: 0 0 1em;
}
#sub .side-brand-wrapper{
    padding: 1em 0 0;
}
#sub .side-brand .icon-title::before {
    background-image: url(/img/gpn/peticon_pc10.svg);
}
#sub .side-category h3.cate-105::before{
    background-image: url(/img/gpn/peticon_pc03.svg);
}
#sub .side-category h3.cate-106::before{
    background-image: url(/img/gpn/peticon_pc04.svg);
}
#sub .side-category h3.cate-162::before{
    background-image: url(/img/gpn/peticon_pc05.svg);
}
#sub .side-category h3.cate-174::before{
    background-image: url(/img/gpn/peticon_pc06.svg);
}
#sub .side-category h3.cate-178::before{
    background-image: url(/img/gpn/peticon_pc07.svg);
}

/* ==================================================
    メニューボタン
================================================== */
#menu{
    position: fixed;
    top: 6px;
    right: 15px;
    width: 45px;
    height: 52.5px;
    z-index: 9999;
    cursor: pointer;
}

#menu .menu-wrapper i{
    width: 18px;
    height: 2px;
    background-color: #5A554B;
    position: absolute;
    left: 14px;
}

#menu p{
    color: #5A554B;
    position: absolute;
    bottom: 0;
    font-size: 10px;
    text-align: center;
    width: 100%;
}

#menu .menu-wrapper i.bar01{
    top: 13px;
}

#menu .menu-wrapper i.bar02{
    top: 19px;
}

#menu .menu-wrapper i.bar03{
    top: 25px;
}

@keyframes close-bar01 {
    0% {
        transform: rotate(-45deg);
        top: 20px;
    }
    100% {
        transform: rotate(0deg);
        top: 13px;
    }
}

@keyframes active-bar01 {
    0% {
        transform: rotate(0deg);
        top: 13px;
    }
    100% {
        transform: rotate(-45deg);
        top: 20px;
    }
}

@keyframes close-bar02 {
    0% {
        opacity: 0;
        left: -31px;
    }
    100% {
        opacity: 1;
        left: 14px;
    }
}

@keyframes active-bar02 {
    0% {
        opacity: 1;
        left: 14px;
    }
    100% {
        opacity: 0;
        left: 45px;
    }
}

@keyframes close-bar03 {
    0% {
        transform: rotate(45deg);
        top: 20px;
    }
    100% {
        transform: rotate(0deg);
        top: 25px;
    }
}

@keyframes active-bar03 {
    0% {
        transform: rotate(0deg);
        top: 25px;
    }
    100% {
        transform: rotate(45deg);
        top: 20px;
    }
}

@keyframes close-bar04 {
    0% {
        transform: rotate(45deg);
        top: 20px;
    }
    100% {
        transform: rotate(0deg);
        top: 29px;
    }
}

.drawer-close i.bar01{
    animation: close-bar01 ease .5s alternate;
}

.slick-nav-active i.bar01{
    animation: active-bar01 ease .5s alternate;
    transform: rotate(-45deg);
    top: 20px!important;
}

.drawer-close i.bar02{
    opacity: 1;
    animation: close-bar02 ease .5s alternate;
}

.slick-nav-active i.bar02{
    opacity: 0;
    left: 45px!important;
    animation: active-bar02 ease .5s alternate;
}

.drawer-close i.bar03{
    animation: close-bar03 ease .5s alternate;
}

.slick-nav-active i.bar03{
    animation: active-bar03 ease .5s alternate;
    transform: rotate(45deg);
    top: 20px!important;
}

.slick-nav-active p{
    display: none;
}
@media(min-width:768px){
    #menu{
        top: 8px;
            width: 63.3px;
    padding-left: 0.3em;
            height: 59.5px;
        right: calc(50% - 570px);
    }
    #menu .menu-wrapper i{
        width: 23px;
        left: 23px;
    }
    #menu .menu-wrapper i.bar02{
        top: 21px;
    }
    #menu .menu-wrapper i.bar03{
        top: 29px;
    }
    #menu p{
        font-size: 11px;
    }
    .drawer-close i.bar03{
    animation: close-bar04 ease .5s alternate;
}
}
@media (max-width: 1199px){
    #menu{
       right: calc(50% - 467px); 
    }
}
@media (max-width: 991px){
    #menu{
       right: calc(50% - 360px); 
    }
}
@media (max-width: 767px){
    #menu{
       right: 18px; 
    }
}


/* ==================================================
    ドロワメニュー
================================================== */

#slick-nav span {
    width: 23px;
    height: 2px;
    background: black;
    margin: 0 auto;
    display: block;
}

@keyframes drawer {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#drawer {
    width: 100%;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: transparent;
    opacity: 0;
    overflow-y: scroll;
}

#drawer::-webkit-scrollbar{
        width:0;
}

#drawer #close-nav{
    position: absolute;
    right: 1em;
    top: 1em;
    font-size: 20px;
    color: #333;
}

#drawer .main_navi{
    margin: 50px 0 0;
}

#drawer .main_navi .drawer-logo{
    width: 100%;
    margin: 0 0 1em;
}

#drawer .main_navi .drawer-logo img{
    width: 230px;
    margin: 0 auto;
    display: block;
}

.drawer-active {
    z-index: 5556!important;
    opacity: 1!important;
    animation: drawer ease 1s alternate;
}

.drawer-over-ray {
    width: 100vw;
    height: 100vh;
    position: fixed;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    z-index: -2;
    opacity: 0;
}

.drawer-over-ray-active {
    background: rgba(255, 255, 255, .98);
    z-index: 5555;
    cursor: pointer;
    left: 0;
    top: 0;
    opacity: 1!important;
}

#drawer ul,
#drawer li {
    list-style: none;
    float: left;
    width: 100%;
}

#drawer ul {
    float: left;
    padding: 0 18px;
    margin: 0 0 50px;
    width: 100%;
}

#drawer nav ul {
    width: 100%;
    padding: 0;
}


#drawer li a {
    color: #333333;
    text-decoration-line: none;
    font-weight: bold;
    font-size: 19px;
    text-align: left;
    float: left !important;
    padding: 0.5em 0;
}

#drawer li a .drawer-icon{
    width: 23px;
    height: 23px;
    position: absolute;
}
#drawer li a .drawer-icon-txt{
    padding-left: calc(23px + .5em);
}

.nav-inner {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}


#drawer ul.parent {
    display: none;
    background-color: #f1f1f1;
    border-radius: 4px;
    padding: 1em 21px;
    position: relative;
    margin: 1em 0;
}

#drawer ul.parent::after {
    content: '';
    width: 2rem;
    height: 2rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #f1f1f1;
    position: absolute;
    visibility: inherit;
    top: -8px;
    z-index: -1;
    left: 25px;
}

#drawer ul.parent .child{
    float: left;
    width: 100%;
    margin: 0 0 .1em;
}

#drawer ul.parent .child a {
    padding: 0;
    line-height: 1.7;
    font-size: 14px;
    font-weight: 500;
}

#drawer i.btn {
    color: #333333;
    float: right;
    margin: 0.5em 0 0;
}

#drawer a.contact {
    width: 100%;
    text-align: center;
    margin: 1em 0 0;
    float: left;
    color: #333333;
}

/* ==================================================
    サブドロワメニュー
================================================== */
header .top_menu ul{
    list-style: none;
    padding: 0;
}
header .top_menu ul li {
    width: 25%;
    float: left;
}

header .top_menu ul li .drawer-sub-link p {
    color: white;
    text-align: center;
    font-weight: normal;
}
header .top_menu ul li .drawer-sub-link .drawer-sub-link-btn{
    padding: 1em 0 .3em;
    cursor: pointer;
}

header .top_menu ul li .drawer-sub-link-blank a{
     padding: 1em 0 .3em;
}
header .top_menu ul li .drawer-sub-link-blank a:hover{
    background: none;
}
header .top_menu ul li .drawer-sub-link-blank p {
    color: white;
    text-align: center;
    font-weight: normal;
}

header .top_menu ul li img {
    margin: 0 auto .2em;
    width: 40px;
}

header .top_menu ul li .top-menu-icon {
    width: 40px;
    height: 27px;
    margin: 0 auto 3px;
}
dl.drawer-sub{
    display: none;
}
.drawer-sub-inner{
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
}
.sub-drawer-active dl.drawer-sub{
    display: block;
    position: absolute;
    width: 100%;
    background-color: white;
    left: 0;
    padding: 15px 1em;
    z-index: -1;
    top: 100%;
    overflow-y: scroll;
    margin: 0;
}
.sub-drawer-active dl.drawer-sub::-webkit-scrollbar{
        width:0;
}
.sub-drawer-active dl.drawer-sub h1{
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    height: 29px;
    width: 100%;
    line-height: 16px;
    padding-left: .5em;
}
.sub-drawer-active dl.drawer-sub .close{
    float: left;
}
.sub-drawer-overlay{
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,.5);
    display: none;
}
.sub-drawer-overlay-active{
    display: block;
}

dl.drawer-sub .close-rightup{
    position: absolute;
    right: 12px;
    top: -3px;
    font-size: 20px;
}

dl.drawer-sub .drawer-sub-link-wrapper{
    float: left;
    display: flex;
    width: 100%;
    margin: 0 0 1em;
    flex-wrap: wrap;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
dl.drawer-sub .drawer-sub-link-wrapper-animal{
    border-bottom: 1px solid #ccc;
}
dl.drawer-sub .drawer-sub-link-wrapper-brand .drawer-sub-link-inner{
    width: 100%;
}
dl.drawer-sub .drawer-sub-link-wrapper-brand .drawer-sub-link-inner:nth-child(3n-1){
    border-left: 0;
}
dl.drawer-sub .drawer-sub-link-wrapper-brand .drawer-sub-link-inner:nth-child(3n){
    border-left: 0;
}

dl.drawer-sub .drawer-sub-link-inner{
    width: 100%;
    padding: .5em 0;
    display: flex;
    flex-wrap: wrap;
}
dl.drawer-sub .drawer-sub-link-inner + .drawer-sub-link-inner{
    border-top: 1px solid #ccc;
}

dl.drawer-sub .drawer-sub-link-inner dt{
    width: 60px;
    height: 60px;
}
dl.drawer-sub .drawer-sub-link-inner dd{
    width: calc(100% - 60px);
    margin: 0;
    float: left;
    font-size: 15px;
    padding: 12px 15px;
    text-align: left;
}
dl.drawer-sub .drawer-sub-link-inner dd a{
    display: inline;
    color: #333;
}
dl.drawer-sub .drawer-sub-link-inner dd span{
    font-size: 70%;
    font-weight: normal;
    padding: 0 0 0 1em;
}
@media(min-width:768px){
    header .top_menu ul li .drawer-sub-link p,header .top_menu ul li .drawer-sub-link-blank p{
        font-size: 12px;
    }
    dl.drawer-sub .close-rightup{
        top: -1px;
    }
    dl.drawer-sub .drawer-sub-link-inner{
        width: 33.3333%;
    }
    dl.drawer-sub .drawer-sub-link-inner + .drawer-sub-link-inner{
        border-top: 0;
    }
    dl.drawer-sub .drawer-sub-link-inner{
        border-bottom: 1px solid #ccc;
    }
    dl.drawer-sub .drawer-sub-link-inner:nth-child(3n-1){
        border-left: 1px solid #ccc;
    }
    dl.drawer-sub .drawer-sub-link-inner:nth-child(3n){
        border-left: 1px solid #ccc;
    }
    .sub-drawer-active dl.drawer-sub h1{
        margin: 0 0 1em;
    }
    dl.drawer-sub .drawer-sub-link-wrapper-brand .drawer-sub-link-inner{
        border-bottom: 0;
    }
    dl.drawer-sub .drawer-sub-link-wrapper-brand .drawer-sub-link-inner + .drawer-sub-link-inner{
        border-top: 1px solid #ccc;
    }
    dl.drawer-sub .drawer-sub-link-wrapper-animal{
    border-bottom: 0;
}
    header .drawer-sub-link-btn-inner{
        display: flex;
    }
}

/* 第4カテゴリー */
dl.drawer-sub .drawer-sub-link-inner .drawer-sub-sub-link-inner{
    width: 50%;
    position: relative;
}
dl.drawer-sub .drawer-sub-link-inner .drawer-sub-sub-link-inner dd{
    width: 100%;
    padding: 0;
}
dl.drawer-sub .drawer-sub-link-inner .drawer-sub-sub-link-inner dd a{
    padding: .5em 1em;
    width: 100%;
    display: block;
    font-size: 13px;
    text-decoration: underline;
}
dl.drawer-sub .drawer-sub-link-inner .drawer-sub-sub-link-inner + .drawer-sub-sub-link-inner::before{
    content: '';
    width: 1px;
    background-color: #ccc;
    height: calc(100% - 10px);
    position: absolute;
    left: 0;
    top: 5px;
}

.drawer-sub-brand{
    float: left;
    margin: 1em 0;
}

.drawer-sub-brand .drawer-sub-brand-image{
    width: 99px;
    height: 46px;
    margin: 0 5px;
    float: left;
    background-position: center center;
}
.drawer-sub-brand h2{
    float: left;
    color: #333;
    font-size: 13px;
    padding: 14px 11px;
    background-color: white;
}
header nav .drawer-sub-brand h2 a{
    display: inherit;
    color: #333;
    text-decoration: underline;
}
dl.drawer-sub .toggle{
    width: 100%;
    position: relative;
}
dl.drawer-sub .toggle-content{
    width: 100%;
    margin: 0 0 1em;
}
dl.drawer-sub .toggle-open{
    position: absolute;
    top: 19px;
    right: 19px;
    background-color: #e16912;
    color: white;
    padding: 0.5em 0.6em;
    border-radius: 50%;
    font-size: 10px;
}
@media(min-width:768px){
    header .top_menu ul li .top-menu-icon{
    width: 36px;
    height: 37px;
    }
    .drawer-sub-brand .drawer-sub-brand-image{
    width: 120px;
    background-position: left;
}
    header .top_menu ul li .drawer-sub-link .drawer-sub-link-btn,header .top_menu ul li .drawer-sub-link-blank a{
        padding: 8px 0;
        display: flex;
        display: -moz-flex;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    align-items: center;
    -ms-align-items: center;
    }
    dl.drawer-sub .toggle{
        width: 50%;
    }
    header .top_menu ul li .top-menu-icon{
    margin: 0;
    background-position: right;
    }
    header .top_menu ul li .drawer-sub-link p, header .top_menu ul li .drawer-sub-link-blank p{
    text-align: left;
    padding: 1em;
    }
}
/*スライド*/

#swiper {
    margin: 0 0 1em;
}

.swiper-container img {
    width: 100%;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
}

.swiper-pagination-bullet-active {
    background: #e16912 !important;
}

.swiper-button-next {
    background-image: none !important;
    right: 50% !important;
    margin-right: -59px;
    background-size: 17px 14px !important;
    bottom: -22px;
    top: inherit !important;
    font-size: 17px;
    width:10px!important;
}

.swiper-button-prev {
    background-image:none!important;
    left: 50% !important;
    margin-left: -59px;
    background-size: 17px 14px !important;
    bottom: -22px;
    top: inherit !important;
    font-size: 17px;
    width:10px!important;
}

.swiper-container {
    margin: 0 auto 5px;
    max-width: 1180px;
}

@keyframes slideTextFade {

    0%,
    25% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0px !important;
    left: 50% !important;
    width: 144px !important;
    margin-left: -72px;
    background-color: white;
    height: 26px;
    padding: 9px 0;
}

.swiper-container {
    padding-bottom: 30px;
}

.swiper-container .swiper-slide {
    margin: 0 0 2em;
}

/*新着情報部分*/
#news {
    margin: 0 0 25px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

#news p {
    display: none;
}

#news .news-content + .news-content {
    border-top: 1px solid #ccc;
}
#news .newsdate{
    font-weight: normal;
    color: #333;
}
#news ul.newslist {
    float: left;
    width: 100%;
    display: block;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
#news ul.newslist .newscomment{
    background: none;
    padding: 0;
}
#news ul.newslist li {
    position: relative;
    padding: 1em 0;
    cursor: pointer;
}

#news ul.newslist li i {
    position: absolute;
    right: 0;
    top: 33px;
    color: #e16912;
    font-size: 18px;
}

#news ul.newslist li p.news-text {
    margin: 1em 0;
}
@media(min-width:768px){
    #news ul.newslist li{
        font-size: 15px;
    }
    #news ul.newslist li i{
        font-size: 21px;
    }
}

/*ブランド*/
#brand {
    margin: 0 0 25px;
}

#brand .brand-title {
    border: 1px solid #e16912;
    font-size: 16px;
    font-weight: bold;
    padding: 13px 6px;
    color: #e16912;
    background-color: white;
    cursor: pointer;
}

#brand .brand-title span {
    font-size: 80%;
    font-weight: normal;
}

#brand .brand-title .brand-icon {
    width: 18px;
    height: 25px;
    float: left;
    margin: 0 11px;
}

#brand .active .brand-icon-dog{
    background-image: url(/img/gpn/dog-brand-logo-active.svg)!important;
}

#brand .active .brand-icon-cat{
    background-image: url(/img/gpn/cat-brand-logo-active.svg)!important;
}

#brand .brand-wrapper {
    display: none;
    margin: 1em 0;
}

#brand ul.brandlist {
    float: left;
    width: 100%;
    display: block;
}

#brand ul.brandlist > li {
    position: relative;
    padding: 0 0 1em;
    /*border: 1px solid #e16912;*/
}

/* キットキャット（id182）のみ特別表示 */
#brand ul.brandlist li .brand-text .brand-logo{
    display: none;
}
#brand ul.brandlist li.category-id182 .brand-logo{
    display: block;
}
#brand ul.brandlist li.category-id182 .brand-image{
    display: none;
}
#brand .brand-wrapper ul li.category-id182 .brand-text{
    width: 100%;
}
#brand ul.brandlist li.category-id182{
    padding: 0;
    border-bottom: none;
}
#brand ul.brandlist li.category-id182 h1{
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}
#brand ul.brandlist li.category-id182 img{
    width: 150px;
    display: block;
    margin: 0 auto 1em;
}
#brand ul.brandlist li.category-id182 p{
    text-align: center;
}
#brand ul.brandlist li.category-id182 span{
    font-size: 13px;
    border: 1px solid #e16912;
    background-color: white;
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 auto 1em;
    float: none;
}

#brand ul.brandlist > li .active{
    background: #e16912;
    color: white;
}

#brand ul.brandlist li .brand-title i {
    position: absolute;
    right: 11px;
    top: 15px;
    color: white;
    font-size: 10px;
    background-color: #e16912;
    padding: 0.5em 0.6em;
    border-radius: 50%;
}

#brand ul.brandlist li .brand-title i.fa-minus{
    background-color: white;
    color: #e16912;
}

#brand .brand-wrapper .brand-links {
    margin: 0 0 1em;
}

#brand .brand-wrapper .brand-links .brand-link {
    border: 1px solid #ccc;
    background-color: white;
}

#brand .brand-wrapper .brand-links .brand-link a {
    padding: 5px;
    display: block;
}
#brand .brand-wrapper .brand-links .brand-link a small{
    text-align: center;
    display: block;
    color: #333333;
}

#brand .brand-wrapper .brand-links .brand-link i {
    color: #e16912;
    display: block;
    text-align: center;
    font-size: 1.3rem;
    padding: .5em 0 0;
}

#brand .brand-wrapper .brand-links .brand-link .brand-link-image {
    height: 25px;
    width: 100%;
}

#brand .brand-wrapper .brand-detail .brand-logo img {
    width: 150px;
    display: block;
    margin: 0 auto 1em;
}

#brand .brand-wrapper .brand-detail p {
    text-align: center;
    margin: 0 0 1em;
    font-size: 11px;
}
#brand .brand-wrapper .brand-detail .img-full{
    width: 100%;
    margin: 0 0 1em;
}

#brand .brand-wrapper .brand-detail span.link {
    font-size: .8rem;
    border: 1px solid #e16912;
    background-color: white;
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 auto 1em;
}

#brand .brand-wrapper .brand-detail span a {
    padding: .2em .9em;
    display: block;
    font-size: 12px;
}
#brand .brand-wrapper ul{
    margin: 0 0 1em;
}

#brand .brand-wrapper ul li {
    display: flex;
    flex-wrap: wrap;
    padding: 1em 0;
    float: left;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

#brand .brand-wrapper ul li .brand-image {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 16px;
    border: 1px solid #f1f1f1;
    background-color: white;
}

#brand .brand-wrapper ul li h1 {
    height: inherit;
    line-height: inherit;
    font-size: 16px;
    margin: 0 0 .5em;
}

#brand .brand-wrapper ul li p {
    font-size: 11px;
    margin: 0 0 1em;
}

#brand .brand-wrapper ul li span {
    font-size: 13px;
    border: 1px solid #e16912;
    background-color: white;
    float: left;
}

#brand .brand-wrapper ul li span a {
    padding: .2em .9em;
    display: block;
}

#brand .brand-wrapper ul li .brand-text {
    width: calc(100% - 116px);
}

#brand .brand-detail small{
    text-align: center;
    width: 100%;
        display: block;
}
#brand .brand-detail small.copy{
    margin: 0 0 1em;
    font-size: 11px;
}

#brand ul.brandlist li p.brand-text {
    margin: 1em 0;
}

/*商品ラインナップ*/
#product {
    margin: 0 0 25px;
}

#product img {
    width: 100%;
    margin: 0 0 1em;
}

#product a .text {
    color: #333333;
    margin: 0 0 1em;
}

#product .product-title {
    font-weight: bold;
    margin: 0;
}

#product .product-category{
    float: left;
    margin: 1em 0;
    width: 100%;
}

#product .product-category h2{
    color: #333;
    font-size: 15px;
    background-color: transparent;
    text-align: left;
}

#product .product-more {
    text-align: right;
}

#product .product-wrapper {
    float: left;
    width: 100%;
}

#product .product-inner {
    width: 100%;
    float: left;
    position: relative;
    padding: 0.5em 0;
}

#product .product-inner ul {
    float: left;
    margin: 0;
    width: 100%;
}

#product .product-inner + .product-inner {
    border-top: 1px solid #ccc;
}

#product .product-inner a {
    color: #333;
    display: inline;
}

#product .product-inner .child a p {
    padding: 0 0 0 1em;

}

#product .product-inner a.parent {
    padding: 0.45em 0;
    display: block;
    float: left;
    font-weight: bold;
}

#product .product-inner a.parent ul {
    float: left;
    margin: 0.5em 0 0;
}

#product .product-inner .child {
    display: none;
    font-size: 90%;
    float: left;
    width: 100%;
    flex-wrap: wrap;
}
#product .product-inner .child:first-child{
    padding-top: 1em;
}
#product .product-inner .child li.toggle-category3{
    width: 100%;
    margin: 0 0 .5em;
}
#product .product-inner .toggle-category4{
    margin-left: 1em;
    margin-bottom: 1em;
}
#product .product-inner .toggle-category4 li{
    margin: 0 0 .4em;
}
#product .product-inner .toggle-category4 li::before {
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Arial","Osaka","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
    content: '├';
    padding-right: .5em;
}
#product .product-inner .toggle-category4 li:last-child::before {
    content: '└';
}

#product .active .child {
    display: block !important;
    float: left;
    width: 100%;
}

#product .btn {
    position: absolute;
    top: 13px;
    right: 0;
    background-color: #e16912;
    color: white;
    padding: 0.5em 0.6em;
    border-radius: 50%;
    font-size: 10px;
}

/*商品ラインナップ（個別共通）*/
.product-indi{
    margin: 0 0 25px;
}
.product-indi-inner{
    border-bottom: 1px solid #ccc;
    text-align: left;
}
.product-indi img {
    width: 100%;
    max-width:300px;
    display: block;
    margin:0 auto 1em;
}
.product-indi h1{
    color: #5A554B;
    font-size: 16px;
    margin: 0 0 .5em;
}
.product-indi p{
    margin: 0 0 1em;
}
.product-indi .toggle-wrapper{
    margin: 0 0 1em;
}
.product-indi .toggle{
    margin: 0;
}
.product-indi .toggle-open{
    font-size: 14px;
    padding: .5em 1em;
    cursor: pointer;
    position: relative;
}
.product-indi .toggle i.fa-toggle{
    position: absolute;
    right: 1em;
    top: 10px;
}
.product-indi .toggle ul{
    padding: 1em;
    margin: 0;
}
.product-indi .toggle ul li{
    margin: 0 0 .4em;
    list-style: none;
    font-size: 13px;
}
/*.product-indi .toggle ul li a::before{
    content: '＞';
}*/
.product-indi .toggle .toggle-content ul{
    padding: .5em 1em;
}
.product-indi .toggle .toggle-category4{
    margin-left: 1em;
    margin-bottom: 1em;
}
.product-indi .toggle .toggle-category4 li::before{
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Arial","Osaka","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
    content: '├';
    padding-right: .5em;
}
.product-indi .toggle .toggle-category4 li:last-child::before{
    content: '└';
}

/*外部リンク*/
#link{
    margin: 0 0 25px;
}
#link h1{
    font-size: 16px;
    margin: 0 0 .5em;
}
#link a{
    color: #333;
    text-decoration: underline;
}

/*バナーエリア*/
#banner {
    margin: 0 0 25px;
}

#banner img {
    width: 100%;
    margin: 0 0 1em;
}

/*instagram*/
#instagram {
    margin: 0 0 25px;
    /* display: none; */
}

#instagram img{
    width: 32%;
    /*padding: 0.6%;*/
    /*margin: 0 0 5px;*/
}
#instagram iframe{
    margin: 0 0 1em;
}

#insta-widget {
    float: left;
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

#instagram a.instagram-public-btn {
    border: 1px solid #ccc;
    font-size: 12px;
    margin: 0 0 1em;
    color: #333;
}

#instagram a.instagram-more-btn {
    background-color: #e16912;
    color: white;
    font-size: 11px;
    margin: 0 0 1em;
}
#instagram .instagram-wrapper + .instagram-wrapper{
    border-top: 1px solid #ccc;
    padding-top: 1em;
}
@media(min-width:768px){
    #instagram a.instagram-more-btn{
        font-size: 16px;
    }
    #instagram .instagram-wrapper + .instagram-wrapper{
    padding-top: 25px;
}
}

/*動画*/
#video{
 margin: 0 0 25px;
}
#video img{
    width: 100%;
    margin: 0 0 1em;
}
#video p{
    margin: 0 0 1em;
}

#video a.video-public-btn {
    background-color: #e16912;
    color: white;
    font-size: 11px;
    margin: 0 0 1em;
}

/*営業日カレンダー*/
#calender {
    margin: 0 0 25px;
}

#calender table {
    width: 100%;
    font-size: 13px;
    line-height: 2;
    text-align: center;
    padding: 10px;
    background-color: white;
    margin: 0 0 1em;
}
#calender table caption{
    background-color: white;
}
#calender table tr.week th{
    background-color: #ddd;
    font-weight: 500;
}

    #calender table.calendar .hol{
        background-color: #f6c3c3;
    }
#sub #calendar table {
    width: 100%;
    font-size: 13px;
    line-height: 2;
    text-align: center;
    padding: 10px;
    background-color: white;
    margin: 0 0 1em;
    border: 0;
}
#sub #calendar h3{
    text-align: left;
    color: #e16912;
    font-weight: 500;
    padding: 11px 1em;
    letter-spacing: 0;
    border-radius: 3px 3px 0 0;
    font-weight: bold;
    padding-left: 3.5em!important;
    position: relative;
    font-size: 1.5rem;
    border-bottom: 1px solid #e16912;
}
#sub #calendar h3::before {
    background-image: url(/img/gpn/peticon_pc08.svg);
}
#sub #calendar th{
    border: 0;
    background-color: #ddd;
}
#sub #calendar td{
    border: 0;
    background-color: transparent;
}
#sub #calendar .comment01{
    margin: 0 0 1em;
    position: relative;
    padding-left: calc(16px + .5em);
}
#sub #calendar .comment01::before{
    content: '';
    background-color: #f6c3c3;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 2px;
}

/*ご利用ガイド*/
#faq{
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
#common-guide {
    margin: 0 0 25px;
    background-color: #FFEFD5;
    padding: 1.5em 0 0;
    display: flex;
    flex-wrap: wrap;
}
#common-guide h1{
    font-size: 16px;
}

#common-guide ul {
    float: left;
    margin: 0 0 1em;
    padding: 0;
    list-style: none;
}

#common-guide ul li {
    background-color: white;
    padding: 1em;
    margin: 0 0 1em;
}

#common-guide ul li h1 {
    height: inherit;
    line-height: inherit;
    margin: 0 0 2em;
    font-size: 14px;
}

#common-guide ul li p {
    font-size: 12px;
}
@media(min-width:768px){
    #common-guide{
        padding-left: 16px;
        padding-right: 16px;
    }
    #common-guide h1{
        font-size: 19px;
    }
    #common-guide ul li h1{
        font-size: 15px;
    }
    #common-guide ul li p{
        font-size: 14px;
    }
}
/*ランキング*/
#ranking{
    margin: 0 0 25px;
}
#ranking .rank-count{
    width: 100%;
    margin: 0 0 5px;
}
#ranking .rankcomment{
    display: flex;
    flex-wrap: wrap;
    letter-spacing: 0;
    padding-left: 0;
    width: 100%;
}
#ranking .rank{
        display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 .5em;
    background: none;
}
#ranking .rank + .rank{
border-top: 1px solid #ccc;
    padding-top: .5em;
}
#ranking .rank .rankimg{
    width: 50px;
}
#ranking .rank .rankimg a{
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
}
#ranking .rank .rank-text{
width: calc(100% - 50px);
    padding-left: 1em;
    font-size: 13px;
}
#ranking .rank .rank-text p{
    font-size: 13px;
}
#sub #ranking h3::before{
    background-image: url(/img/gpn/peticon_pc09.svg);
}

/*フッター*/
footer{
    background-color: #5A554B!important;
}
footer .guide_area{
    border-top: 0;
}
footer .guide_area a.changeVmode{
    color: white;
    border: 1px solid white;
    font-size: 13px;
    padding: 6px 12px;
}
footer p.copyright{
    color: white;
}
footer .guide_area a{
    color: white;
    font-size: 11.5px;
}
footer .sns-link{
    font-size: 29px;
    text-align: center;
    margin: 0;
    padding: 17px 0 0;
}
footer .sns-link a{
    color: white;
    padding: 0 0.3em;
}
#footer {
    background-color: #5A554B;
    padding: 1em 0 50px;
    clear: both;
}

#footer ul {
    margin-bottom: 1em;
}

#footer li {
    margin-bottom: 0.2em;
    line-height: 1.4;
    list-style: none;
}

#footer .changeVmode{
    border: 1px solid white;
}

#footer a {
    color: white;
}
#footer .footer-links a{
    font-size: .7rem;
}
#footer address {
    font-size: 1.3rem;
    text-align: center;
    color: white;
}

#footer #f_device {
    text-align: center;
    margin: 0 0 1em;
}

#footer #f_device a {
    color: white;
}

#footer .sns-link {
    font-size: 32px;
    text-align: center;
    margin: 0;
}

#footer .sns-link a {
    padding: 0 0.3em;
}
.footer-link-wrapper a{
    color: white;
    font-size: 11.5px;
    display: block;
    margin: 0 0 .5em;
    padding: 0;
}
#footer #f_guide li{
    border-right: 0;
}
#footer #f_guide li.footer-link{
        padding-left: 0;
}
#footer #f_guide li.footer-link::before{
    content: '｜';
    color: white;
    padding-right: 1em;
}
/*商品一覧ページ*/
#main_area .mgb_15 img {
    width: 100%;
}

#main_area .productlist_one {
    float: left;
    width: 100%;
    margin: 0 0 1em;
    padding: 0 0 1em;
    border-bottom: 1px solid #ccc;
}

#main_area .productlist_one a.product-image {
    width: 35%;
    float: left;
    background-color: white;
}

#main_area .productlist_one .product-detail {
    width: 65%;
    float: left;
    padding: 0 0 0 1em;
}

#main_area .productlist_one .product-detail p.product-number {
    color: #333;
}


#main_area .productlist_one .product-detail p.product-name {
    font-size: 0.9rem;
    font-weight: bold;
    margin: 0 0 0.5em;
}

.productlist_one .product-detail p.product-name a{
color: #e16912;
    font-size: 15px;
}

.productlist_one .product-detail span.taxin{
    color: #e16912;
}

.productlist_one a.product-image img {
    width: 100%;
    border: 1px solid #ccc;
}

#main_area .page {
    float: left;
    width: 100%;
}

#main_area .pagetitle h2 {
    color: #333;
    font-weight: normal;
}

body.pc-product-list-gpn img.minmax-categimg{
    margin: 0 0 1em;
}
body.pc-product-list-gpn .change_list{
    display: table;
    background-color: #FFEFD5;
}
body.pc-product-list-gpn #main_area{
    background-color:transparent;
}
.product-list-sp .pagetitle h2{
    background-color: transparent;
    text-align: left;
}
.product-list-sp #main_area{
    padding: 0;
}
.product-list-sp #main_area img.list-head-img{
    width: 100%;
    margin: 0 0 1em;
}
.product-list-sp #main_area .pagetitle h2{
    background-color: #e16912;
    color: white;
    padding: .25em .5em;
    font-size: 18px;
    font-weight: bold;
    border-radius: 3px;
    margin: 0 0 .5em;
}
.product-list .pt_3category{
    margin: 0;
}
.product-list .productlist_one{
    padding: 0;
    width: 100%;
}
.product-list .productlist_one a.product-image{
    width: 100%;
    display: block;
    background-color: white;
    margin: 0 0 1em;
}
.product-list .productlist_one p.product-name{
    font-size: 14px;
    font-weight: bold;
}
.product-list .productlist_one p.price01{
    color: #888;
}
.product-list #main h2{
    padding: 5px 1em;
    background-color: #e16912;
    margin-bottom: 20px;
    color: #FFF;
    font-weight: normal;
    border-radius: 5px;
    font-size: 21px;
}
.product-list #main img.list-head-img{
    width: 100%;
}

/*マイページ*/
.member_menu {
    margin: 0;
}

.member_menu a {
    color: #333;
}

.member_menu ul li.parent {
    float: left;
    width: 100%;
    padding: 1.1em 0;
    border-bottom: 1px solid #ccc;
}

.member_menu ul.active li.child {
    display: block;
    line-height: 2;
}

.member_menu ul.parent {
    position: relative;
    float: left;
    width: 100%;
}

.member_menu ul.parent > li {
    line-height: 3.8;
    border-bottom: 1px solid #ccc;
}

.member_menu ul.child {
    padding: 1em 0 0 1.1em;
    float: left;
    display: none;
}

.member_menu button {
    position: absolute;
    top: 0.5em;
    right: 0;
    background-color: #00BBBD;
}

.member_menu .welcome_name {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
}

/*商品詳細ページ*/
.product-detail-new-sp #basicLeft p img{
    width: 100%;
}
.product-detail-new-sp dl.product-raw{
    text-align: left;
}
.product-detail-new-sp .product-raw dt{
    text-align: left;
}
#main-content {
    overflow: hidden;
    background-color: transparent;
}
#basicLeft p{
    border: none;
}
#basicLeft p img{
    border: solid 1px #dddddd;
}

/*レコメンド*/
#recommend_area {
    padding: 0;
    margin: 0 0 1em;
    border:none;
}
#recommend_area h1::before{
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    bottom: 4px;
    background-image: url(/img/gpn/peticon_pc11.svg);
}
#recommend_area .recommendblock{
    padding: 0;
}
.recommendblock .redommendImg img{
    padding-right: 1em;
}
#recommend_area .pagetitle h2 {
    color: white;
    background-color: #00BBBD;
    font-size: 1rem;
    padding: 0 1em;
    border-radius: 3px;
    height: auto;
    text-align: left;
}

#recommend_area h3 {
    background: none;
}
#recommend_area p{
    font-size: 13px;
}
#recommend_area li + li{
    border-top: 1px solid #ccc;
    padding-top: 1em;
}
#recommend_area .recommendblock .redommendImg{
    height: 67px;
}
#recommend{
    margin: 0 0 25px;
}
#recommend .img_linet{
    background: none;
}
#recommend h1::before{
    content: '';
    width: 20px;
    height: 23px;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    bottom: 4px;
    background-image: url(/img/gpn/peticon_pc11.svg);
}

#basicLeft {
    width: 100%;
    margin: 5px auto;
}

#basicLeft p{
    width: 100%;
    max-width: 318px;
    height: auto;
    margin: 0 auto;
}

#basicLeft ul .product-image-slide{
    max-width: 318px;
    width: 100%;
    margin: 0 auto;
}

#basicLeft ul .product-image-slide img{
    max-height: 96px;
}

.item_data01 th{
    background-color: #FFEFD5;
}

#cart_add thead th{
    background: #FFEFD5;
}

#recommend_area table.main-data {
    width: 100%;
}

#recommend_area table.main-data,
#recommend_area table.main-data tbody,
#recommend_area table.main-data tr,
#recommend_area table.main-data th,
#recommend_area table.main-data td {
    margin: 0;
    /*width: 100%;*/
    /*display: block;*/
    font-size: 0.8rem;
    border: 1px solid #ccc;
}

#recommend_area .sub-data {
    width: 100%;
    float: left;
}

#recommend_area .sub-data h4 {
    background-color: #def5f5;
    padding: 1em;
    border-radius: 3px;
    margin: 0 0 1em;
    cursor: pointer;
    position: relative;
}

#recommend_area .sub-data h4::after {
    content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    right: 21px;
    bottom: 12px;
}

#recommend_area table#cart_add {
    margin: 0;
    width: 100%;
    border: none;
}

#recommend_area #cart_add th,
#recommend_area #cart_add td {
    border: none !important;
}

#recommend_area #cart_add td.price span{
    text-align: left;
    padding: 0 1em;
    color: #e16912;
    font-size: 19px;
}

#recommend_area #cart_add td.price{
    color: #333;
    font-weight: normal;
    font-size: 13px;
    text-align: left;
}

#recommend_area table#cart_add input#quantity {
    max-width: 100px;
}

#recommend_area .toggle-button {
    margin: 0 0 0.5em;
}

#recommend_area .toggle-button h3 {
    color: white;
}

#recommend_area .toggle-wrapper .toggle-button {
    position: relative;
}

#recommend_area .toggle-wrapper .toggle-button::after {
    content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    right: 21px;
    bottom: 12px;
}

#recommend_area .toggle-text {
    display: none;
}

#recommend_area .pagetitle {
    float: left;
    width: 100%;
    margin: 0 0 1em;
}

#recommend_area .sub-data table {
    display: none;
}

#main-content .btn_mylist {
    margin: 0;
}

#main-content .btn_mylist img {
    width: 250px;
    display: block;
    margin: 0 auto 1em;
}


#recommend_area .productpict {
    width: 100%;
    padding: 15px 0;
    display: flex;
}

#recommend_area .productpict + .productpict {
    border-top: 1px solid #ade6e7;
}

#recommend_area .productpict img {
    float: left;
}

#recommend_area .productpict p.picttext {
    float: left;
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    padding: 0 1em;
}

#recommend_area table.supply {
    border: 1px solid gray;
}

#recommend_area table.producttable01 tr:first-child {
    background-color: rgb(51, 204, 204);
}

#recommend_area table.producttable01 tr:nth-child(2n) {
    background-color: #f9f9f9;
}

#recommend_area table.supply tr:nth-child(2n) {
    background-color: #f9f9f9;
}
.product-detail-new-sp #recommend_area{
    border: none;
}
.product-detail-new-sp h2.shoptitle2{
    color: #5A554B;
    font-size: 17px!important;
    text-align: left;
    background-color: transparent;
    margin: 0 0 .5em;
    margin-left: 0!important;
    padding-top: 1em;
}
.product-detail-new-sp .price01{
    text-align: left;
    margin: 0 0 1em;
}
.product-detail-new-sp p.comment1{
    text-align: left;
    margin: 0 0 1em;
}
.product-detail-new-sp table.item_data01 {
    margin: 0 0 1em;
}
.product-detail-new-sp table.item_data01 th{
    background-color: transparent;
    text-align: left;
}
.product-detail-new-sp .sub-description01{
    text-align: left;
}
.product-detail-new-sp p.product-image{
    margin-bottom: 1em!important;
}
.product-detail-new h2.shoptitle2{
        color: #5A554B;
    font-size: 17px!important;
    text-align: left;
    background-color: transparent;
    margin: 0 0 .5em;
    margin-left: 0!important;
    border-bottom: none;
    padding: 0;
}
.product-detail-new .price01 {
    text-align: left;
    margin: 0 0 1em;
    color: #333;
}
#cart_add dl{
    margin: 0;
}
#cart_add dt{
    font-weight: bold;
    text-align: center;
    margin: 0 0 .5em;
}
.product-detail-new #cart_add{
    border-top: 0!important;
    border-left: 0!important;
}
#cart_add h2 {
    background-color: #dddddd;
    padding: .5em;
    font-size: 14px;
    text-align: center;
    margin-left: 0;
    color: #333;
    margin: 0 0 1em;

}
.product-detail-new-sp #cart_add h2{
    text-align: left;
}
#cart_add dl.product-price dd{
    margin: 0 0 1em;
    text-align: center;
}
#cart_add dl.product-stock dd{
    margin: 0 0 1em;
}
#cart_add dl.cart-button dd{
    margin: 0 0 1em;
}
dl.product-detail-table{
    border: 1px solid #e16912;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 25px;
}
dl.product-detail-table dl{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
}
dl.product-detail-table dl+dl{
    border-top: 1px solid #e16912;
}
dl.product-detail-table dt{
    border-right:  1px solid #e16912;
    margin: 0;
    width: 30%;
    padding: 1em;
    background-color: #FFEFD5;
}
dl.product-detail-table dd{
    margin: 0;
    width: 70%;
    padding: 1em;
    text-align: left;
}
.product-detail-new .item_data01 {
    width: 600px;
    margin: 10px 0 0 0;
    border-collapse: collapse;
    border: none;
}
.product-detail-new .item_data01 th {
    background-color: transparent;
    width: 185px;
    font-weight: bold;
    border: none;
}
.product-detail-new .item_data01 td{
    border: none;
}
.product-raw{
    margin: 0 0 1em;
}
.product-raw dt{
    position: relative;  
}
.product-raw dt:hover{
    color: white;
}
.product-raw i{
    position: absolute;
    right: 1em;
    top: 9px;
}
.product-raw dd{
    margin: 0;
    padding: 1em 0;
}
.product-raw dd.product-feature p{
    margin: 0 0 1em;
    text-align: left;
}
.product-raw dd.product-feature img{
    width: 100%;
}
.product-raw table.analysis{
    width: 100%;
    text-align: left;
}
.product-raw table.analysis tr.premise{
    background-color: black;
    color: white;
}
.product-raw table.analysis tr{
    /*border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    background-color: #e5e3e1;*/
}
.product-raw table.analysis tr:nth-child(2n) {
    background-color: #e5e3e1;
}
.product-raw table.analysis th{
    background-color: transparent;
}
.product-raw table.analysis tr td,.product-raw table.analysis tr th{
    padding: 3px 1em;
}
.product-raw table.grant{
    width: 100%;
}
.product-raw table.grant tr.header{
    background-color: black;
    color: white;
}
.product-raw table.grant tr:nth-child(2n) {
    background-color: #e5e3e1;
}
.product-raw table.grant tr td,.product-raw table.grant tr th{
    padding: 3px 1em;
}
.product-raw dd.product-grant p{
    margin: 0 0 1em;
    text-align: left;
}
.product-detail-new .btn_mylist{
    margin: 0 0 1em;
}
.product-detail-new .btn_mylist img{
    width: 100%;
}
.product-raw table{
font-size: 11.2076930999756px;
}
@media(min-width:768px){
    .product-detail-new h2.shoptitle2 {
    font-size: 20px!important;
}
#cart_add h2 {
    font-size: 17px;
}
    .product-raw dt{
    text-align: left;
    pointer-events: none;
}
    .product-raw i{
        top:12px;
    }
    .product-raw table{
        font-size: 14px;
    }
    .product-raw{
    margin: 0 0 25px;
}
}

/* ブランド用テンプレートページ */
.pc-template-gpn img{
    margin: 0 0 1em;
    width: 100%;
}
.pc-template-gpn img.brand-image{
    width: 100%;
    margin: 0 0 1em;
}
.pc-template-gpn section{
    margin: 0 0 25px;
    float: left;
    width: 100%;
}
.pc-template-gpn h1{
    font-size: 20px;
    text-align: center;
    margin: 0;
}
.pc-template-gpn h1.sub-title{
    margin: 0 0 1em;
    padding: .25em .5em;
}
.pc-template-gpn #manual h2.main-title{
    font-size: 17px;
}
.pc-template-gpn #manual h2{
    font-size: 17.5px;
    color: #333;
    text-align: left;
    margin: 0 0 1em;
}
.pc-template-gpn p{
    font-size: 11px;
}
.pc-template-gpn .brand-story{
    margin: 0 0 25px;
}
.pc-template-gpn .brand-story p{
    margin: 0 0 1em;
    text-align: left;
    font-size: 17px;
}
.pc-template-gpn .brand-story .text-emp{
    font-size: 18px!important;
}
.pc-template-gpn h1.border{
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: .5em 0;
    margin: 0 0 1em;
    display: block;
    float: left;
    width: 100%;
}
.pc-template-gpn video{
    margin: 0 0 1em;
}
.pc-template-gpn .video-wrapper{
    position: relative;
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    align-items: center;
    -ms-align-items: center;
}
.pc-template-gpn .video-text{
    position: absolute;
    color: white;
    font-size: 15px;
    font-weight: bold;
    left: 1em;
    line-height: 1.2;
}
.pc-template-gpn .link-box{
    padding: 1em 0 25px;
}
.pc-template-gpn .link-box-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.pc-template-gpn .link-box-wrapper a{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    font-weight: bold;
    background-color: white;
}
.pc-template-gpn .link-box-wrapper a:hover{
    text-decoration: none;
}
.pc-template-gpn .link-box-inner h1{
    position: absolute;
    font-size: 17px;
    top: -14px;
    left: 4px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 500;
}
.pc-template-gpn .link-box-inner i{
    position: absolute;
    font-size: 19px;
}
.pc-template-gpn #a-links ul.pcConcept li h2{
    background-color: transparent;
    color: #333;
    font-size: 17.5px;
    text-align: left;
    border-bottom: 1px solid #333;
    padding: .25em .5em;
    margin: 0 0 1em;
    text-indent: -1em;
    padding-left: 1.5em;
}
.pc-template-gpn #a-links dl{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 25px;
}
.pc-template-gpn #a-links dl dt{
    width: 70px;
    height: 70px;
    background-size: calc(100% - 34px);
    background-position: left 17px center;
    border-radius: 50%;
}
.pc-template-gpn #a-links dl dd{
    width: calc(100% - 70px);
    padding-left: 1em;
    margin: 0;
}
.pc-template-gpn #a-links dl dd p{
    margin: 0;
}
.pc-template-gpn #review h1 span {
    position: relative;
}
.pc-template-gpn #review h1 span::after{
    content: '';
    position: absolute;
    height: 25px;
    width: 25px;
    background-image: url(/img/gpn/icon33.svg);
    top: 2px;
    right: -34px;
}
.pc-template-gpn #review dl{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1em;
    background-color: #f1f1f1;
    padding: 1em;
}
.pc-template-gpn #review dl dt{
    width: 40px;
    height: 40px;
    background-size: calc(100% - 18px);
    background-position: left 9px center;
    background-image: url(/img/gpn/icon34.svg);
}
.pc-template-gpn #review dl dd{
    width: calc(100% - 40px);
    margin: 0;
}
.pc-template-gpn #review dl dd p{
    margin: 0;
}
.pc-template-gpn #review small{
    display: block;
    margin: 0 0 1em;
    text-align: left;
}

@media(min-width:768px){
.pc-template-gpn .video-text{
    font-size: 30px;
}
    .pc-template-gpn h1{
        font-size: 25px;
    }
.pc-template-gpn .link-box-inner h1 {
    position: absolute;
    font-size: 18px;
    top: -18px;
    left: 4px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-weight: 500;
}
    .pc-template-gpn #a-links ul.pcConcept li h2 {
    font-size: 22.5px;
    }
    .pc-template-gpn #a-links ul.pcConcept{
        list-style: none;
        padding: 0;
    }
    .pc-template-gpn .link-box-inner i {
    font-size: 26px;
}
}
/* ブランド用テンプレートページ（sp css解除） */
body.sp-brand-gpn .common_area{
    border: 0;
    padding: 0;
    margin: 0;
}
body.sp-brand-gpn #manual h2{
    background-color: transparent;
}
body.sp-brand-gpn h3{
    background: none;
}

/* ブランドページ共通（PC） */
.pc-brand-gpn #guide{
    background-color: transparent;
}
.pc-brand-gpn #main{
    padding-left: 1em;
}
.pc-brand-gpn #main .container{
    width: 100%;
}

.pc-brand-gpn .pagetitle{
    display: none;
}

/* 続きを読むボタン */
.pc-template-gpn .no-read{
    max-height: 366px;
    overflow: hidden;
    margin: 0 0 1em;
}
.pc-template-gpn .button-after{
    margin: 0 0 25px;
    position: relative;
}
.pc-template-gpn .button-after::before{
    content: '';
    width: calc(100% + 16px);
    height: 1.5em;
    position: absolute;
    left: -8px;
    filter: blur(4px);
    top: -1.5em;
    background-color: white;
}
@media(min-width:767px){
    .pc-template-gpn .no-read{
        max-height: 243px;
    }
}

/* ブランドページ > petcurean */
#petcurean p{
    margin: 0 0 1em;
    text-align: left;
    line-height: 1.5;
    font-size: 16px;
}
#petcurean h1.sub-title{
    border-bottom: 1px solid #e16912;
}
#petcurean h1.border-bottom{
    border-bottom: 1px solid #e16912;
    padding: .5em 0;
    margin: 0 0 1em;  
}
#petcurean ol{
    margin: 0 0 1em;
}
#petcurean ul.pcConcept{
    margin: 0 0 1em;
    padding: 0;
}
#petcurean ul.pcConcept li{
    padding: 1em 0;
    list-style: none;
}
#petcurean ul.pcConcept h3{
    color: #333;
    margin: 0 0 1em;
    text-align: left;
    font-size: 19px;
}
#petcurean ul.pcConcept p{
    margin: 0 0 1em;
}
#petcurean ul.pcConcept img{
    width: 100%;
    margin: 0 0 1em;
}
#petcurean a.link-box-inner{
    border: 1px solid #e16912;
    color: #333;
    width: calc(33.3333% - 4px);
    margin: 2px;
    padding: 25px 7px 25px 7px;
}
#petcurean a.link-box-inner h1{
    background-color: #e16912;
    color: white;
}
#petcurean a.link-box-inner p{
    text-align: center!important;
    line-height: 1.4!important;
    width: 100%;
    font-size: 16px!important;
}
#petcurean a.link-box-inner i{
    bottom: 12px;
    left: 50%;
    margin-left: -9px;
}
@media(min-width:768px){
    #petcurean a.link-box-inner {
    padding: 25px 11px 25px 11px;
}
    #petcurean a.link-box-inner p {
    font-size: 19px!important;
}
}

/* ブランドページ > now */
#now p {
    margin: 0 0 1em;
    text-align: left;
    line-height: 1.5;
    font-size: 16px;
}
#now h1.sub-title{
    border-bottom: 1px solid #987136;
}
#now h1.border-bottom{
    border-bottom: 1px solid #987136;
    padding: .5em 0;
    margin: 0 0 1em;
}
#now a.link-box-inner{
    border: 1px solid #987136;
    color: #333;
    width: 100%;
    padding: 16px 47px 15px 40px;
}
#now a.link-box-inner + a.link-box-inner{
    margin-top: 15px;
}
#now a.link-box-inner p{
    line-height: 1.4!important;
    width: 100%;
    font-size: 16px!important;
    margin: 0;
}
#now a.link-box-inner h1{
    background-color: #987136;
    color: white;
}
#now a.link-box-inner i{
    right: 8px;
}
#now #a-links dl dt{
    border: 1px solid #987136;
}
@media(min-width:768px){
    #now a.link-box-inner + a.link-box-inner {
    margin-top: 24px;
}
    #now a.link-box-inner {
    padding: 16px 47px 15px 55px;
}
    #now a.link-box-inner i{
        top: 50%;
    right: 19px;
    margin-top: -12px;
    }
}

/* ブランドページ > go */
#go p{
    font-size: 16px;
    text-align: left;
}
#go h1.sub-title{
    border-bottom: 1px solid #000;
}
#go h1.border-bottom {
    border-bottom: 1px solid #000;
    padding: .5em 0;
    margin: 0 0 1em;
}
#go a.link-box-inner {
    border: 1px solid #000000;
    color: #333;
    width: 100%;
    padding: 16px 47px 15px 40px;
}
#go a.link-box-inner p {
    line-height: 1.4!important;
    width: 100%;
    font-size: 16px!important;
    margin: 0;
}
#go a.link-box-inner p.sub{
    font-size: 13.5px!important;
}
#go a.link-box-inner + a.link-box-inner {
    margin-top: 15px;
}
#go a.link-box-inner h1 {
    background-color: #000000;
    color: white;
}
#go a.link-box-inner i {
    right: 8px;
}
#go #a-links dl dt{
    border: 1px solid #000000;
}
@media(min-width:768px){
    #go a.link-box-inner + a.link-box-inner {
    margin-top: 24px;
}
    #go a.link-box-inner {
    padding: 16px 47px 15px 55px;
}
    #go a.link-box-inner i{
        top: 50%;
    right: 19px;
    margin-top: -13px;
    }
}

/* ブランドページ > gather */
#gather p{
    font-size: 16px;
    text-align: left;
    margin: 0 0 1em;
}
#gather h1.sub-title{
    border-bottom: 1px solid #97b433;
}
#gather h1.border-bottom {
    border-bottom: 1px solid #97b433;
    padding: .5em 0;
    margin: 0 0 1em;
}
#gather a.link-box-inner {
    border: 1px solid #97b433;
    color: #333;
    width: 100%;
    padding: 16px 47px 15px 40px;
}
#gather a.link-box-inner p {
    line-height: 1.4!important;
    width: 100%;
    font-size: 16px!important;
    margin: 0;
}
#gather a.link-box-inner p {
    line-height: 1.4!important;
    width: 100%;
    font-size: 16px!important;
    margin: 0;
}
#gather a.link-box-inner + a.link-box-inner {
    margin-top: 15px;
}
#gather a.link-box-inner h1 {
    background-color: #97b433;
    color: white;
}
#gather a.link-box-inner i {
    right: 8px;
}
#gather #a-links dl dt{
    border: 1px solid #97b433;
}
#gather #a-links ul.pcConcept li ul{
    display: block;
    margin: 0 0 1em;
    padding: 0;
}
#gather #a-links ul.pcConcept li ul li{
    display: block;
    font-size: 16px;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
    margin: 0 0 1em;
}
#gather #a-links ul.pcConcept li small{
    display: block;
    margin: 0 0 1em;
    text-align: left;
}
@media(min-width:768px){
    #gather a.link-box-inner + a.link-box-inner {
    margin-top: 24px;
}
    #gather a.link-box-inner {
    padding: 16px 47px 15px 55px;
}
    #gather a.link-box-inner i {
    right: 19px;
    top: 50%;
    margin-top: -13px;
}
}


/* フッター共通の商品紹介 */
#product-nowfresh .btn-sanimed {
    background-color: #987136;
    color: white;
    border-color: #987136;
}
#product-go .btn-sanimed {
    background-color: #000000;
    color: white;
    border-color: #000000;
}
#product-gather .btn-sanimed {
    background-color: #97b433;
    color: white;
    border-color: #97b433;
}

/* フッター共通の商品紹介 */
#product-nowfresh .btn-sanimed {
    background-color: #987136;
    color: white;
    border-color: #987136;
}
#product-go .btn-sanimed {
    background-color: #000000;
    color: white;
    border-color: #000000;
}
#product-gather .btn-sanimed {
    background-color: #97b433;
    color: white;
    border-color: #97b433;
}

/* キットキャット */
#kitcat .brand-story{
    margin: 0!important;
}
#kitcat .brand-story-inner + .brand-story-inner{
    margin: 40px 0 0;
}
#kitcat .brand-story-inner .brand-story-list{
    margin-bottom: 1em;
}
#kitcat .brand-story h1{
    position: relative;
    padding: 1em 0 0;
    margin: 0 0 1em;
    font-size: 18px;
    line-height: 1;
}
#kitcat .brand-story h2{
    position: relative;
    font-size: 15px;
    margin: 0 0 25px;
    border-bottom: 1px solid #fcd207;
    padding: .5em .75em;
}

#kitcat .brand-story h3{
        font-weight: bold;
    color: #333;
    font-size: 15px;
    margin: 0 0 1em;
    text-align: left;
}
#kitcat .brand-story p{
    font-size:14px;
}

.toggle-kitcat .toggle-open {
    background-color: #F4AFA1;
    color: #481D1F;
    cursor: pointer;
    padding: 1em 1.8em 1em 1em;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
}
.toggle-kitcat .toggle-open .kitcat-toggle-img{
        width: 35px;
    height: 35px;
        top: 6px;
    position: absolute;
}
.toggle-kitcat .toggle-open span{
    padding-left: 45px;
}
.toggle-kitcat .toggle + .toggle {
    border-top: 1px solid #cd8678;
}
.toggle-kitcat .toggle .toggle-content{
    padding: 1em 0;
}
.toggle-kitcat .toggle p{
    margin: 0 0 1em;
    text-align: left;
}
.toggle-kitcat .toggle ul{
    margin: 0 0 1em;
    text-align: left;
    padding: 0;
}
.toggle-kitcat .toggle ul li{
        font-size: 11px;
    padding-left: 1em;
    list-style: none;
}
.toggle-kitcat .toggle ul span{
    font-weight: bold;
    color: #333;
}
.toggle-kitcat .toggle ul span::before{
    content: '■';
    color: #fcd207;
    padding-right: .5em;
}
.toggle-kitcat .toggle .toggle-title{
    font-weight: bold;
    color: #333;
    text-align: left;
    font-size: 13px;
}
.toggle-kitcat .toggle .toggle-title::before{
    content: '■';
    color: #fcd207;
    padding-right: .5em;
}
.toggle-kitcat .toggle-open i {
    position: absolute;
    right: 1em;
    top: 17px;
}
.toggle-kitcat a.btn {
    border: 1px solid #F4AFA1;
    font-size: 12px;
    margin: 0 0 1em;
    color: #F4AFA1;
    font-weight: bold;
}
@media(min-width:768px){
    #kitcat .brand-story h1 {
    font-size: 25px;
}
    #kitcat .brand-story h2 {
    font-size: 17.5px;
}
    #kitcat .brand-story h3{
        font-size: 17px;
    }
    #kitcat .brand-story p{
        font-size: 16px;
    }
    .toggle-kitcat .toggle-open{
        font-size: 19px;
    }
    .toggle-kitcat .toggle-open .kitcat-toggle-img{
        top:14px;
    }
    .toggle-kitcat .toggle p,.toggle-kitcat .toggle ul,.toggle-kitcat .toggle ul li{
        font-size: 16px;
    }
    .toggle-kitcat .toggle-open i{
        top: 24px;
    }
    .toggle-kitcat a.btn{
        font-size: 18px;
    }
    .toggle-kitcat .toggle ul span::before{
        font-size: 26px;
    }
    }

/* カレンダー */
#calender-sp{
    float: left;
    width: 100%;
    margin: 0 0 25px;
}
#calender-sp h2{
    color: #333;
    padding: 0;
    margin: 0 0 .5em;
    background-color: transparent;
}
#calender-sp table{
        margin: 0 0 1em;
    width: 100%;
    background-color: white;
    font-size: 12px;
    line-height: 2.2;
}
#calender-sp table th{
    background-color: #dddddd;
}
#calender-sp table th.color00f{
    color: #386AC7;
}
#calender-sp table th.colorf30{
    color: #c00;
}
#calender-sp table td{
    text-align: center;
}
#calender-sp table td .hol{
    background-color: #fcc2c2;
    color: white;
}
#calender-sp p.comment01{
    position: relative;
    padding-left: 1.5em;
}
#calender-sp p.comment01::before{
    content: '';
    width: 12px;
    height: 12px;
    background-color: #fcc2c2;
    position: absolute;
    left: 0;
    top: 4px;
}
/* ログイン */
.member_login .tb_60{
    background-color: white;
}
.member_login .pass{
    background-color: white;
}
/* 商品詳細ページ */
body.product_detail_new #main{
    margin: 0 0 50px;
}
body.product_detail_new .shoptitle2{
    background-color: transparent;
}
/* step1 */

.step1-sp #recommend_area{
    padding: 0;
    border: 0;
    margin: 1em 0;
}
.step1-sp .cartboxtext,.step1-sp .cartboxthumb{
    width: 100%;
}
.step1-sp #recommend_area .inbox{
    padding: 0;
}
.step1-sp #recommend_area h2.mylist-title{
    margin-left: 0;
}
.step1-sp .cartbox{
    padding-bottom: 1em;
}
.step1 #main{
    margin-top: 25px;
}
.step1 .cart_out {
    border: 0;
    padding: 0;
}
.step1 .cart{
    border-collapse: collapse;
        background-color: transparent;
}
.step1 .cart tr{
  border: 1px solid #cccccc;  
        background-color: transparent;
}
.step1 .cart th{
padding: 8px 5px;
text-align: center;
font-weight: normal;
white-space: nowrap;
border: 3px solid #f9f9f9;
    background-color: #FFEFD5;
}

.step1 .cart td{
padding: 8px 5px;
border: 3px solid #f9f9f9;
        background-color: transparent;
}
.step1 table.total th{
    background-color: transparent;
}
.step1 dl.order-customer dd{
    margin: 0;
}
.step1 form[name="sslfrm"] h3{
    border-bottom: 1px solid;
    padding: .25em 0;
    margin: 0 0 1em;
}
.step1 table.select{
    border: 1px solid #e16912;
    padding: 1em;
}
.step1 table.select input[type="radio"]{
    margin: 0 .5em 0 0;
}
.step1 table.select th{
    background-color: #FFEFD5;
    background-image: none;
    padding: .5em 1em .3em;
    line-height: 1;
}
.step1 table.select td{
    background-image: none;
}
.step1 ul.biw{
    padding: 0;
}
/* step1 */

.step2-sp #recommend_area{
    padding: 0;
    border: 0;
    margin: 1em 0;
}
.step2-sp div.inbox{
    padding: 0;
}
.step2-sp .shipping-form{
float: left;
    width: 100%;
    margin: 0 0 35px;
    border-bottom: 1px solid #ccc;
}
.step2-sp form label, .step2-sp form dt{
        float: none;
    margin-top: 5px;
}
.step2-sp input#name1, .step2-sp input#name2 {
    width: calc(100% - 1.3em);
    display: inline-block;
        margin-left: 0.3em;
}
.step2-sp input#kana1, .step2-sp input#kana2 {
    width: calc(100% - 2.3em);
    display: inline-block;
        margin-left: 0.3em;
}
.step2-sp form h3{
    margin: 0;
    font-size: 1.5rem;
    height: inherit;
    line-height: 1.5;
    border-bottom: 1px solid #ccc;
        color: #333;
}
.step2-sp form .form-group + .form-group {
    border-top: 1px dotted #ccc;
}
.step2-sp input#Zip1, .step2-sp input#Zip2 {
    width: 5em;
    display: inline-block;
}
.step2-sp a.zip-search {
    font-size: 1.1rem;
    margin: 0 0 .5em;
    color: white;
    background: #e16912;
    float: left;
    border: 1px solid #e16912;
}
.step2-sp input#tel1, .step2-sp input#tel2, .step2-sp input#tel3, .step2-sp input#keitai1, .step2-sp input#keitai2, .step2-sp input#keitai3, .step2-sp input#fax1, .step2-sp input#fax2, .step2-sp input#fax3 {
    width: 5em;
    display: inline-block;
}
.step2-sp input#deliName1, .step2-sp input#deliName2 {
    width: calc(100% - 1.3em);
    display: inline-block;
    margin-left: 0.3em;
}
.step2-sp input#deliKana1, .step2-sp input#deliKana2 {
    width: calc(100% - 2.3em);
    display: inline-block;
    margin-left: 0.3em;
}
.step2-sp input#deliZip1 {
    width: 4em;
    display: inline-block;
}
.step2-sp input#deliZip2 {
    width: 5em;
    display: inline-block;
}
.step2-sp input#deliTel1, .step2-sp input#deliTel2, .step2-sp input#deliTel3, .step2-sp input#deliKeitai1, .step2-sp input#deliKeitai2, .step2-sp input#deliKeitai3, .step2-sp input#fax1, .step2-sp input#fax2, .step2-sp input#fax3 {
    width: 5em;
    display: inline-block;
}
.step2-sp input[type="radio"]{
    margin: 0 .5em 0 0;
}
.step2 #main {
    margin-top: 25px;
}
.step2 table.dataform {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 50px;
    border: 1px solid #5A554B;
    border-left: 0;
    border-right: 0;
}
.step2 table.dataform th {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #5A554B;
    border-right: 1px solid #5A554B;
    text-align: left;
}
.step2 table.dataform td {
    border: 0;
    border-bottom: 1px solid #5A554B;
    background-image: none;
}
.step2 input#name1,.step2 input#name2{
display: inline;
    padding: 6px 12px;
    width: 12em; 
}
.step2 input#kana1,.step2 input#kana2{
display: inline;
    padding: 6px 12px;
    width: 11em; 
}
.step2 table.dataform input, .step2 table.dataform select {
    display: inline;
    padding: 6px 12px;
}
.step2 .zip-search{
    margin: .5em 0;
}
.step2 input#tel1,.step2 input#tel2,.step2 input#tel3,.step2 input#keitai1,.step2 input#keitai2,.step2 input#keitai3,.step2 input#fax1,.step2 input#fax2,.step2 input#fax3{
    width: 5em;
}
.step2 input#Zip1{
    width: 4em;
}
.step2 input#Zip2{
    width: 5em;
}
.step2 form h3{
    margin: 0 0 .5em;
}
.step2 table.payment{
    text-align: left;
    border: 1px solid #5A554B;
}
.step2 table.payment th{
    background-color: transparent;
    padding: 8px;
}
.step2 table.payment td{
    background-color: transparent;
    padding: 8px;
}
.step2 input#deliName1,.step2 input#deliName2{
display: inline;
    padding: 6px 12px;
    width: 12em; 
}
.step2 input#deliKana1,.step2 input#deliKana2{
display: inline;
    padding: 6px 12px;
    width: 11em; 
}
.step2 input#deliZip1 {
    width: 4em;
}
.step2 input#deliZip2 {
    width: 5em;
}
.step2 input#deliTel1, .step2 input#deliTel2, .step2 input#deliTel3, .step2 input#deliKeitai1, .step2 input#deliKeitai2, .step2 input#deliKeitai3, .step2 input#fax1, .step2 input#fax2, .step2 input#fax3 {
    width: 5em;
}
.step2 input[type="radio"]{
    margin: 0 .5em 0 0;
}
/* step3 */
.step3 .cart_out {
    border: 0;
    padding: 0;
}
.step3 #main {
    margin-top: 25px;
}
.step3 .cart{
    border-collapse: collapse;
        background-color: transparent;
}
.step3 .cart tr{
  border: 1px solid #cccccc;  
        background-color: transparent;
}
.step3 #main h3 {
    margin: 0 0 .5em;
}
.step3 .cart th{
padding: 8px 5px;
text-align: center;
font-weight: normal;
white-space: nowrap;
border: 1px solid #cccccc;
    background-color: #FFEFD5;
}

.step3 .cart td{
padding: 8px 5px;
border: 1px solid #cccccc;
        background-color: transparent;
}
.step3 table.total th{
    background-color: #FFEFD5;
}
.step3 dl.order-customer dd{
    margin: 0;
}
.step3 table.dataform {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 50px;
    border: 1px solid #5A554B;
    border-left: 0;
    border-right: 0;
}
.step3 table.dataform th {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #5A554B;
    border-right: 1px solid #5A554B;
    text-align: left;
}
.step3 table.dataform td {
    border: 0;
    border-bottom: 1px solid #5A554B;
    background-image: none;
}
.step3-sp #recommend_area{
    padding: 0;
    border: 0;
    margin: 1em 0;
}
.step3-sp .cartboxtext,.step1-sp .cartboxthumb{
    width: 100%;
}
.step3-sp #main-content h3{
        margin: 0 0 .5em;
    font-size: 1.5rem;
    height: inherit;
    line-height: 1.5;
    border-bottom: 1px solid #ccc;
    color: #333;
    padding: 0;
}
.step3-sp #recommend_area .inbox{
    padding: 0;
    margin: 0 0 25px;
}
.step3-sp #recommend_area h2.mylist-title{
    margin-left: 0;
}
.step3-sp .cartbox{
    padding-bottom: 1em;
}
.step3-sp .dataform th{
    background-color: transparent;
    padding: .25em 1em;
    text-align: left;
}
/* step3 クレジット */
.step3-credit .cart_out {
    border: 0;
    padding: 0;
}
.step3-credit #main {
    margin-top: 25px;
}
.step3-credit .cart{
    border-collapse: collapse;
        background-color: transparent;
}
.step3-credit .cart tr{
  border: 1px solid #cccccc;  
        background-color: transparent;
}
.step3-credit #main h3 {
    margin: 0 0 .5em;
}
.step3-credit .cart th{
padding: 8px 5px;
text-align: center;
font-weight: normal;
white-space: nowrap;
border: 1px solid #cccccc;
    background-color: #FFEFD5;
}

.step3-credit .cart td{
padding: 8px 5px;
border: 1px solid #cccccc;
        background-color: transparent;
}
.step3-credit table.total th{
    background-color: #FFEFD5;
}
.step3-credit dl.order-customer dd{
    margin: 0;
}
.step3-credit table.dataform {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 50px;
    border: 1px solid #5A554B;
    border-left: 0;
    border-right: 0;
}
.step3-credit table.dataform th {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #5A554B;
    border-right: 1px solid #5A554B;
    text-align: left;
}
.step3-credit table.dataform td {
    border: 0;
    border-bottom: 1px solid #5A554B;
    background-image: none;
}
.step3-credit input[type="checkbox"]{
    margin: 0 .5em 0 0;
}
.step3-credit select[name="CardMonth"],.step3-credit select[name="CardYear"]{
    width: calc(100% - 2em );
    display: inline-block;
    margin-right: .5em;
}
.step3-credit-sp #recommend_area{
    padding: 0;
    border: 0;
    margin: 1em 0;
}
.step3-credit-sp div.inbox{
    padding: 0;
}
.step3-credit-sp #recommend_area h3 {
    margin: 0;
    font-size: 1.5rem;
    height: inherit;
    line-height: 1.5;
    border-bottom: 1px solid #ccc;
    color: #333;
}
.step3-credit-sp #recommend_area select{
    width: calc(100% - 1.5em);
    display: inline-block;
    margin-right: .5em;
}
.step3-credit-sp p.formtextline{
    border-top: 1px dotted #ccc;
    margin: 1em 0px 0px 0px;
    padding: 1em 0px 1em 0px;
}
.step3-credit-sp input[type="checkbox"]{
    margin: 0 .5em 0 0;
}
/* step msg クレジット */
.step-msg-sp #recommend_area{
    padding: 0;
    border: 0;
    margin: 1em 0;
}
.step-msg #main {
    margin-top: 25px;
}
/* 作成ページ */
body.guide_standard #main{
    margin: 0 0 50px;
}
body.guide_standard .pagetitle{
    display: none;
}
/* 新規登録ページ */
.member_entry #main{
    margin: 0 0 50px;
}
.member_entry table.dataform {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 50px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
}
.member_entry table.dataform th {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: left;
}
.member_entry table.dataform td {
    border: 0;
    border-bottom: 1px solid #ddd;
    background-image: none;
}
.member_entry input#name1,.member_entry input#name2{
display: inline;
    padding: 6px 12px;
    width: 12em; 
}
.member_entry input#kana1,.member_entry input#kana2{
display: inline;
    padding: 6px 12px;
    width: 11em; 
}
.member_entry table.dataform input, .member_entry table.dataform select {
    display: inline;
    padding: 6px 12px;
}
.member_entry .zip-search{
    margin: .5em 0;
}
.member-entry-sp label.error{
    color: red;
}
.member-entry-sp #location{
    padding-left: 16px;
    padding-right: 16px;
}
.member-entry-sp .common_area{
    padding: 0;
    border: 0;
    margin: 0 16px 1em;
}
.member-entry-sp form label{
    font-weight: normal;
}
.member-entry-sp #main-content form .zip-search{
    margin: .5em 0;
}
.member-entry-sp #main-content p{
    text-align: left;
    margin: 0 0 1em;
}
.member-entry-sp #entry-form{
    float: left;
    width: 100%;
    margin: 0 0 35px;
    border-bottom: 1px solid #ccc;
}
.member-entry-sp #entry-form .form-group + .form-group{
    border-top: 1px dotted #ccc;
}

.member-entry-sp .member_entry label,.member-entry-sp .member_entry dt{
    font-weight: 500;
}
.member-entry-sp .member_entry dt.sanimed-id{
    margin: 0 0 .5em;
    font-size: 1.5rem;
    height: inherit;
    line-height: 1.5;
    border-bottom: 1px solid #ccc;
}
.member-entry-sp form h1 {
    margin: 0;
    font-size: 1.5rem;
    height: inherit;
    line-height: 1.5;
    border-bottom: 1px solid #ccc;
}
.member-entry-sp dt {
    float: none;
    margin-top: 5px;
    font-weight: bold;
    text-align: left;
}
.member-entry-sp dd {
    text-align: left;
}
.member-entry-sp .member_entry dt.sanimed-id label{
    font-weight: bold;
}

.member-entry-sp input#name1,.member-entry-sp input#name2{
    width: calc(100% - 1.3em);
    display: inline-block;
}
.member-entry-sp input#kana1,.member-entry-sp input#kana2{
    width: calc(100% - 2.3em);
    display: inline-block;   
}
.member-entry-sp input#zip1,.member-entry-sp input#zip2{
    width: 5em;
    display: inline-block;
}
.member-entry-sp input#tel1,.member-entry-sp input#tel2,.member-entry-sp input#tel3,.member-entry-sp input#keitai1,.member-entry-sp input#keitai2,.member-entry-sp input#keitai3,.member-entry-sp input#fax1,.member-entry-sp input#fax2,.member-entry-sp input#fax3{
    width: 5em;
    display: inline-block;
}
.member-entry-sp .member_entry dt img{
        margin-left: 0;
    margin-right: 0.5em;
}
#entry-sp-sanimed .member_entry a.zip-search{
    font-size: 1.1rem;
    margin: 0 0 .5em;
    color: white;
    background: #00BBBD;
    float: right;
}
.member-entry-sp a#confirm{
    color: white;
    margin: 0 0 1em;
}
.member-entry-sp .alertify-button-ok{
    background-color: #00BBBD;
    border: 0;
    background-image: none;
    text-shadow: none;
    font-weight: normal;
}
.member-entry-sp .alertify-button-cancel{
    background-color: #ff1493;
    border: 0;
    background-image: none;
    text-shadow: none;
    font-weight: normal;
}
/* 新規登録確認ページ */
.member-entry-confirm #main{
    margin: 0 0 50px;
}
.member-entry-confirm table.dataform {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 50px;
    border: 1px solid #5A554B;
    border-left: 0;
    border-right: 0;
}
.member-entry-confirm table.dataform th {
    background-color: #ddd;
    border: 0;
    border-bottom: 1px solid #5A554B;
    border-right: 1px solid #5A554B;
    text-align: left;
}
.member-entry-confirm table.dataform td {
    border: 0;
    border-bottom: 1px solid #5A554B;
    background-image: none;
}
.member-entry-confirm-sp .common_area{
    padding: 0;
    border: 0;
    margin: 0 16px 1em;
}
.member-entry-confirm-sp #location{
    padding-left: 16px;
    padding-right: 16px;
}
.member-entry-confirm-sp table{
    margin: 0 0 50px;
    border: 1px solid #ccc;
    width: 100%;
    table-layout: fixed;
    overflow-wrap: break-word;
}
.member-entry-confirm-sp table th{
    background-color: #ddd;
    padding: .8em .5em;
    width: 35%;
}
.member-entry-confirm-sp table td{
    padding: .8em .5em;
}
.member-entry-confirm-sp table tr{
    border-bottom: 1px solid #a9a9a9;
}
.member-entry-confirm-sp .common_area p{
    text-align: left;
}
.member-entry-confirm-sp .common_area table{
    text-align: left;
}
/* 会員登録　完了 */
.member-entry-end-sp .common_area{
    border: 0;
    margin: 1em 16px 16px 16px;
    padding: 0;
}
.member-entry-end-sp .common_area img{
    width: 100%;
    margin: 0 0 1em; 
}
/* パスワード変更ページ */
.member_passwd_change_sp #main-content img {
    width: inherit;
}
/* ==================================================
    マイページ共通
================================================== */
h2.mylist-title{
    background-color: transparent;
    color: #e16912;
    height: inherit;
    line-height: inherit;
    padding: 1em;
    border: double 7px #e16912;
    margin: 0 0 1em;
    text-align: center;
    font-size: 15px;
    margin-left: 0!important;
}
h2.mylist-title span{
    padding-left: 40px;
    position: relative;
}
h2.mylist-title span::before{
    content: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17.5px;
}
@media(min-width:768px){
    h2.mylist-title{
    color: #e16912;
    border: 7px double #e16912;
    border-radius: 0;
    text-align: center;
    font-weight: bold;
    padding: 1em;
    margin: 0 0 1em;
        font-size: 1.8rem;
        }
    h2.mylist-title span{
    padding-left: 53px;
}
    h2.mylist-title span::before{
    width: 46px;
    height: 46px;
    margin-top: -23px;
}
}
/* ==================================================
    マイページトップ
================================================== */
.member-top h2 span::before{
    background-image: url(/img/gpn/mypage09.svg);
}
.member-top #message_box .subtitle h3{
    border-left: none;
    background-image: none;
    font-size: 15px;
    letter-spacing: 0;
    padding: 0;
    margin: 0 0 .5em;
}
.member-top #message_box dl{
    display: flex;
    margin: 0;
    padding: 1em 0 0;
}
.member-top #message_box dl + dl{
    border-top:1px solid #ccc;
}
.member-top #message_box dl dt{
    width: 105px;
    height: 105px;
    padding: 0 15px 15px 15px;
}
.member-top #message_box dl .mypage-icon{
    width: 100%;
    height: 100%;
}
.member-top #message_box dl dd{
    width: calc(100% - 105px);
    margin: 0;
    padding-left: 1em;
}
.member-top-sp h2 span::before{
    background-image: url(/img/gpn/mypage09.svg);
}
.member-top-sp #location{
    padding-left: 16px;
    padding-right: 16px;
}
.member-top-sp .common_area{
    padding: 0;
    border: 0;
    margin: 0 16px 1em;
}
.member-top-sp #message_box dl{
    display: flex;
    margin: 0;
    padding: 1em 0;
}
.member-top-sp #message_box dl + dl{
    border-top:1px solid #ccc;
}
.member-top-sp #message_box dl dt{
    width: 65px;
    height: 65px;
}
.member-top-sp #message_box dl .mypage-icon{
    width: 100%;
    height: 100%;
}
.member-top-sp #message_box dl dd{
    width: calc(100% - 65px);
    margin: 0;
    padding-left: 1em;
    text-align: left;
}
.member-top-sp #message_box dl dd h3{
    background: none;
    font-size: 15px;
    margin: 0 0 .25em;
}
.member-top-sp #message_box dl dd p{
    font-size: 12px;
    margin: 0 0 1em;
}
/* ==================================================
    マイページ=>マイリスト
================================================== */
.member-mylist-sp h2 span::before{
    background-image: url(/img/gpn/mypage01.svg);
}
.member-mylist-sp #location{
    padding-left: 16px;
    padding-right: 16px;
}
.member-mylist-sp .common_area{
    margin: 0;
    padding: 0;
    border: 0;
}
.member-mylist-sp .product-list-wrapper{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1em 0 0;
    margin: 0 0 1em;
}
.member-mylist-sp a.product-select{
    width: 100%;
    margin: 0 0 1em;
    text-align: center;
    color: #111;
    display: block;
}
.member-mylist-sp h2.mylist-title span#forder_title{
    position: relative;
}
.member-mylist-sp .common_area p{
    margin: 0 0 1em;
    font-size: 1.3rem;
    text-align: left;
}
.member-mylist-sp dl.product-list{
    /*margin: 0 0 1em;*/
    display: flex;
    flex-wrap: wrap;
}
.member-mylist-sp dl.product-list + dl.product-list{
    border-top: 1px solid #ccc;
    padding: 1em 0 0;
}
.member-mylist-sp dd{
    margin: 0;
}
.member-mylist-sp dd.check{
    width: 10%;
    float: left;
    text-align: center;
}
.member-mylist-sp dd.input{
    width: 12%;
    float: left;
}
.member-mylist-sp dd.image{
    width: 15%;
    float: left;
    padding-left: .5em;
}
.member-mylist-sp dd.image img{
    width: 100%;
}
.member-mylist-sp dd.product{
    width: 53%;
    float: left;
    padding: 0 .5em;
    font-size: 1.3rem;
}
.member-mylist-sp dd.arrow{
    width: 10%;
    float: left;
    text-align: center;
}
.member-mylist-sp dd.arrow .btn{
    padding: 6px 0;
}
.member-mylist-sp dd.price{
    margin-left: 22%;
    width: 40%;
    float: left;
}
.member-mylist-sp dd.delete{
    width: 25%;
    float: left;
    color: white;
}
.member-mylist-sp .folder-order select{
    margin: 0 0 5px;
}
.member-mylist-sp .folder-order label{
    text-align: center;
    width: 100%;
    font-size: 1.2rem;
}

.member-mylist-sp .folder-list-wrapper{
    border: 1px solid #ccc;
    padding: 1em;
    margin: 0 0 1em;
}
.member-mylist-sp .folder-list-wrapper h2{
    border: 1px solid #e16912;
    border-radius: 3px;
    padding: .5em;
    font-size: 1.4rem;
    background-color: white;
    color: #e16912;
    margin: 0 0 1em;
}
.member-mylist-sp .folder-list-wrapper ul#folder_list li{
    margin: 0 0 .5em;
    font-size: 1.3rem;
    text-align: left;
}
.member-mylist-sp .folder-list-wrapper ul#folder_list li a{
    color: #333;
}
.member-mylist-sp .folder-list-wrapper ul#folder_list li a#new_folder{
    color: white;
}
.member-mylist-sp .folder-list-wrapper input#new_folder_name{
    width: calc(100% - 80px);
    float: left;
}
.member-mylist-sp .folder-list-wrapper a#new_folder{
    margin: 2px 0 0 10px;
}
.member-mylist-sp #rename_form {
    margin: 0 0 1em;
    float: left;
}
.member-mylist-sp #rename_form input[type="text"]{
    width: calc(100% - 105px);
    float: left;
}
.member-mylist-sp #rename_form input[type="button"]{
    float: left;
    margin: 2px 0 0 11px;
    width: 94px;
}
.member-mylist-sp #mypageguide{
    text-align: left;
}
.member-mylist h2 span::before{
    background-image: url(/img/gpn/mypage01.svg);
}
.member-mylist .price01{
        color: #888;
}
.member-mylist table.tb_mypage{
    margin: 0 0 1em;
}
.member-mylist #mypageguide dt{
    font-weight: bold;
}
.member-mylist #mypageguide dd{
    margin: 0 0 1em;
}
.member-mylist .tb_mypage th{
    background-color: #FFEFD5;
}
/* ==================================================
    マイページ=>購入履歴検索
================================================== */
.member-buy-hist h2 span::before{
    background-image: url(/img/gpn/mypage02.svg);
}
.member-buy-hist .tb_100 td{
    border: 3px solid #f9f9f9;
    background-image: none;
    border-bottom: 1px dotted #cccccc;
}
.member-buy-hist .tb_100 th{
background-color: #FFEFD5;
    border: 3px solid #f9f9f9;
    width: 20%;
}
.member-buy-hist select[name="start_year"]{
    width: 8em;
    display: inline-block;
    margin-right: .5em;
}
.member-buy-hist select[name="start_month"],.member-buy-hist select[name="start_day"]{
    width: 6em;
    display: inline-block;
    margin-right: .5em;
}
.member-buy-hist select[name="end_year"]{
    width: 8em;
    display: inline-block;
    margin-right: .5em;
}
.member-buy-hist select[name="end_month"],.member-buy-hist select[name="end_day"]{
    width: 6em;
    display: inline-block;
    margin-right: .5em;
}
.member-buy-hist-sp h2 span::before{
    background-image: url(/img/gpn/mypage01.svg);
}
.member-buy-hist-sp #main-content{
    border: 0;
    padding-top: 16px;
    padding-bottom: 16px;
}
.member-buy-hist-sp table.form_log{
    width: 100%;
    margin: 0;
}
.member-buy-hist-sp th.log-title{
    background-color: #FFEFD5;
    font-size: 17px;
    padding: .5em 0;
    margin: 0 0 1em;
}
.member-buy-hist-sp select[name="start_year"]{
    width: 8em;
    display: inline-block;
    margin-right: .5em;
}
.member-buy-hist-sp select[name="start_month"],.member-buy-hist-sp select[name="start_day"]{
    width: 6em;
    display: inline-block;
    margin-right: .5em;
}
.member-buy-hist-sp select[name="end_year"]{
    width: 8em;
    display: inline-block;
    margin-right: .5em;
}
.member-buy-hist-sp select[name="end_month"],.member-buy-hist-sp select[name="end_day"]{
    width: 6em;
    display: inline-block;
    margin-right: .5em;
}
/* ==================================================
    マイページ=>購入履歴検索結果
================================================== */
.member-buy-hist-list dl.search-result{
    background-color: white;
    color: #666666;
    padding: 1em 1.2em;
    line-height: 1.5;
    border-radius: 3px;
    display: flex;
    flex-wrap: wrap;
}
.member-buy-hist-list dl.search-result dl{
    margin: 0;
    display: inherit;
}
.member-buy-hist-list dl.search-result dl h4::after{
    content: '：';
}
.member-buy-hist-list dl.search-result dl p{
    margin-right: 1em;
}
.member-buy-hist-list dl.search-result dl p span{
    font-weight: normal;
}
.member-buy-hist-list .search-result-content{
    float: left;
    background-color: white;
    padding: 1em 1.2em 0 1.2em;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #5A554B;
}
.member-buy-hist-list .search-result-content h4{
    display: inline-block;
    margin-right: 1em;
}
.member-buy-hist-list .search-result-content p,.member-buy-hist-list .search-result-content ul{
    display: inline-block;
}
.member-buy-hist-list-sp #main-content {
    margin-top: 25px;
}
.member-buy-hist-list-sp dl.search-result{
    background-color: white;
    color: #666666;
    padding: 1em 1.2em;
    line-height: 1.5;
    border-radius: 3px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1em;
}
.member-buy-hist-list-sp dl.search-result dt{
    font-weight: bold;
}
.member-buy-hist-list-sp dl.search-result dl{
    margin: 0;
    display: inherit;
}
.member-buy-hist-list-sp dl.search-result dd{
    margin-right: 1em;
}
.member-buy-hist-list-sp dl.search-result dl h4::after{
    content: '：';
}
.member-buy-hist-list-sp dl.search-result dl p{
    margin-right: 1em;
}
.member-buy-hist-list-sp dl.search-result dl p span{
    font-weight: normal;
}
.member-buy-hist-list-sp .search-result-content{
    float: left;
    background-color: white;
    padding: 1em 1.2em;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #5A554B;
    margin: 0 0 1em;
}
.member-buy-hist-list-sp .search-result-content h4{
    display: inline-block;
}
.member-buy-hist-list-sp .search-result-content h4::after{
    content: '：';
}
.member-buy-hist-list-sp .search-result-content p{
    margin-right: 1em;
}
.member-buy-hist-list-sp .search-result-content p,.member-buy-hist-list-sp .search-result-content ul{
    display: inline-block;
}
/* ==================================================
    マイページ=>購入履歴検索結果　詳細
================================================== */
.member-buy-hist-detail .tb_100 th {
    background-color: #FFEFD5;
    border: 3px solid #f9f9f9;
    width: 20%;
    font-weight: bold;
}
.member-buy-hist-detail .tb_100 td {
    border: 3px solid #f9f9f9;
    background-image: none;
    border-bottom: 1px dotted #cccccc;
}
.member-buy-hist-detail table.total th{
    background-color: #FFEFD5;
}
.member-buy-hist-detail table h3 {
    margin: 0 0 .5em;
}
.member-buy-hist-detail-sp #main-content {
    margin-top: 25px;
}
.member-buy-hist-detail-sp .tb_100 th {
    background-color: #FFEFD5;
    border: 3px solid #f9f9f9;
    font-weight: bold;
}
.member-buy-hist-detail-sp .tb_100 td {
    border: 3px solid #f9f9f9;
    background-image: none;
    border-bottom: 1px dotted #cccccc;
}
.member-buy-hist-detail-sp dl h3 {
    margin: 0 0 .5em;
    font-weight: bold;
    font-size: 15px;
    color: #333;
    background: none;
}
.member-buy-hist-detail-sp dl.order-detail{
        float: left;
    background-color: white;
    padding: 1em 1.2em;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #5A554B;
    margin: 0 0 1em;
}
.member-buy-hist-detail-sp dl.order-detail h4{
    display: inline-block;
}
.member-buy-hist-detail-sp dl.order-detail p{
    display: inline-block;
}
.member-buy-hist-detail-sp table.total th{
    background-color: transparent;
}
/* ==================================================
    マイページ=>登録内容の変更
================================================== */
.member-profile h2 span::before{
    background-image: url(/img/gpn/mypage03.svg);
}
.member-profile table.dataform{
        border-left: 0;
    border-right: 0;
    border-collapse: collapse;
}
.member-profile table.dataform tr + tr{
    border-top: 1px solid #ccc;
}
.member-profile table.dataform th{
    background-color: transparent;
    text-align: left;
    vertical-align: top;
        border: inherit;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.member-profile table.dataform td{
    background-image: none;
        border: inherit;
        border-bottom: 1px solid #ccc;
}
.member-profile table.dataform td input{
    display: inline;
    padding: 6px 12px;
}
.member-profile button[name="update"]{
    margin-bottom: 50px;
}
/* ==================================================
    マイページ=>パスワード変更
================================================== */
.member-passwd-change-sp h2 span::before{
    background-image: url(/img/gpn/mypage04.svg);
}
.member-passwd-change-sp .common_area{
    margin: 0;
    padding: 0;
    border: 0;
}
.member-passwd-change-sp #location{
    padding-left: 16px;
    padding-right: 16px;
}
.member-passwd-change-sp .common_area p{
    text-align: left;
    margin: 0 0 1em;
}
.member-passwd-change-sp #message_box label{
    float: left;
    text-align: left;
}
.member-passwd-change-sp .text_c button{
    margin: 0 0 25px;
}
.member-passwd-change h2 span::before{
    background-image: url(/img/gpn/mypage04.svg);
}
.member-passwd-change table.dataform{
    border-collapse: collapse;
    border-left: 0;
    border-right: 0;
    margin: 0 0 50px;
}
.member-passwd-change table.dataform input{
    padding: 6px 12px;
}
.member-passwd-change table.dataform th{
    background-color: transparent;
        border: 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.member-passwd-change table.dataform td{
    border: 0;
    border-bottom: 1px solid #ccc;
}
/* ==================================================
    マイページ=>カード情報管理
================================================== */
.member-credit-edit h2 span::before{
    background-image: url(/img/gpn/mypage05.svg);
}
.member-credit-edit table.dataform{
    width: 100%;
    border-collapse: collapse;
    border-left: 0;
    border-right: 0;
    margin: 0 0 50px;
}
.member-credit-edit table.dataform th{
    background-color: transparent;
        border: 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.member-credit-edit table.dataform td{
    border: 0;
    border-bottom: 1px solid #ccc;
    background-image: none;
}
.member-credit-edit dl.table02{
    width: 360px;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 1em 1em 0;
    border-radius: 3px;
}
.member-credit-edit dl.title{
    border: 1px solid #e16912;
    border-radius: 3px;
    padding: .5em 1em;
    font-size: 1.4rem;
    margin: 0 0 1em;
    color: #e16912;
    font-weight: bold;
}
.member-credit-edit dl.table02 dd{
    margin-left: 0;
}
.member-credit-edit dl.table02 dd select{
    display: inline;
}

/* ==================================================
    マイページ=>退会の手続き
================================================== */
.member-withdraw h2 span::before{
    background-image: url(/img/gpn/mypage06.svg);
}
.member-withdraw form table{
    width: 100%;
    border-collapse: collapse;
    border-left: 0;
    border-right: 0;
    margin: 0 0 50px;
}
.member-withdraw form table th{
    background-color: transparent;
        border: 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.member-withdraw form table td{
    border: 0;
    border-bottom: 1px solid #ccc;
    background-image: none;
}

/* ==================================================
    マイページ=>お問い合わせ
================================================== */
.contact-sp .common_area{
    padding: 0;
    border: 0;
    margin: 0 16px 1em;
}
.contact-sp #location{
    padding-left: 16px;
    padding-right: 16px;
}
.contact-sp .common_area p{
    text-align: left;
}
#main-content .contact-sp dl,
    .contact-sp dt,
    .contact-sp dd {
        width: 100%;
        display: block;
    }
.contact-sp dl + dl{
    border-top: 1px solid #eee;
    padding: 1em 0 0;
}

    .contact-sp textarea {
        width: 100%;
    }
.contact-sp dd{
    margin-left: 0;
}
.contact-sp dd #comment{
    width: 100%;
}
    .contact-sp .contact dt {
        text-align: left;
    }
.contact-sp .contact dt img{
    margin-right: .5em;
}
.contact-sp .common_area a.personal{
    margin: 1em 0 25px;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 1.25rem;
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}

.contact-body .guide{
    border: 1px solid #00BBBD;
    padding: .5em 1em;
    margin: 0 0 25px;
    text-align: center;
    font-size: 13px;
}
.contact-body #main form{
    margin: 0 0 50px;
}
.contact-body .guide p{
    padding: 0;
}
.contact-body .subtitle h3{
    background: none;
    border-bottom: 1px dotted #cccccc;
    line-height: 2;
    border-left: 5px solid #e16912;
}
.contact-body .contact{
    width: 100%;
    border-collapse: collapse;
}
.contact-body .contact td input,.contact-body .contact td textarea{
    padding: 6px 12px;
}
.contact-body .contact tr{
    border-bottom: 1px solid #ddd;
}
.contact-body .contact th{
    background-color: transparent;
    border: 1px solid #ddd;
    border-left: 1px solid #f9f9f9;
    text-align: left;
}
.contact-body .contact td{
    background: none;
    border: 1px solid #ddd;
    border-right: 1px solid #f9f9f9;
}
.contact-body .contact td p{
    font-size: 12px;
    padding:.5em 0;
}
.contact-body .contact td.belong input{
    margin: 0 .5em 0 0;
}
/* ==================================================
    マイページ=>お問い合わせ確認
================================================== */
.contact-confirm-sp .common_area{
    padding: 0;
    border: 0;
    margin: 0 16px 1em;
}
.contact-confirm-sp #location{
    padding-left: 16px;
    padding-right: 16px;
}
.contact-confirm-sp .common_area p{
    text-align: left;
}
.contact-confirm-sp #main p{
    margin: 0 0 1em;
}
.contact-confirm-sp table,.contact-confirm-sp tr,.contact-confirm-sp th,.contact-confirm-sp td{
    border: 1px solid #ccc;
    text-align: left;
}
.contact-confirm-sp table{
    margin: 0 0 1em;
    width: 100%;
}
.contact-confirm-sp th{
    background-color: transparent;
        padding: .5em 1em;
}
.contact-confirm-sp td{
    padding: .5em 1em;
}
.contact-confirm-sp tr:nth-child(2n) {
    background-color: #dddddd;
}
.contact-confirm table.contact{
    width: 100%;
    border-collapse: collapse;
    border-left: 0;
    border-right: 0;
    margin: 0 0 50px;
}
.contact-confirm table.contact th{
    background-color: transparent;
        border: 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
}
.contact-confirm table.contact td{
    border: 0;
    border-bottom: 1px solid #ccc;
    background-image: none;
}
/* ==================================================
    マイページ=>お問い合わせ送信完了
================================================== */
.contact-end-sp .common_area{
    border: 0;
    margin: 0 16px 25px 16px;
    padding: 0;
}
.contact-end-sp .common_area p{
    text-align: left;
}
/* ==================================================
    ログイン
================================================== */
.member-login-sp h2 span::before{
    background-image: url(/img/gpn/mypage07.svg);
}
.member-login-sp #main-content{
    padding: 0 16px 1em;
    padding-top: 16px;
}
.member-login-sp #recommend_area{
    padding: 0;
    border: 0;
}
.member-login-sp #recommend_area p{
    margin: 0;
    text-align: left;
}
.member-login-sp #recommend_area h3 {
    background-color: transparent;
    color: #e16912;
    margin: 0 0 1em;
    padding: .5em 0;
    height: inherit;
    line-height: inherit;
    border-bottom: 1px solid #e16912;
    text-align: left;
}
.member-login h2 span::before{
    background-image: url(/img/gpn/mypage07.svg);
}
.member-login #main{
        padding:16px 16px 1em;
}
.member-login #main dd{
    margin: 0;
}
.member-login #main h3 {
    background-color: transparent;
    color: #e16912;
    margin: 0 0 1em;
    padding: .5em 0;
    height: inherit;
    line-height: inherit;
    border-bottom: 1px solid #e16912;
    text-align: left;
}
/* ==================================================
    ログアウト
================================================== */
.member-logout h2 span::before{
    background-image: url(/img/gpn/mypage08.svg);
}
.member-logout-sp h2 span::before{
    background-image: url(/img/gpn/mypage08.svg);
}
.member-logout-sp #main-content{
    padding-top: 16px;
}
.member-logout-sp #recommend_area{
    padding: 0;
    border: 0;
}
.member-logout-sp #recommend_area p{
    margin: 0;
    text-align: left;
}
/* ==================================================
    404
================================================== */
.error404 #recommend_area{
    padding: 0;
    border: 0;
    margin: 0 16px 1em;
}
.error404 #recommend_area{
    margin-top: 25px;
}

.common-member-menu-sp h2{
    background-color: #5A554B;
}
/* ==================================================
    パスワード再送信　完了
================================================== */
.member-passwd-reminder #main{
    margin-top: 25px;
}
.member-passwd-change-end-sp .common_area{
    border: none;
}
.member-passwd-reminder-sp .common_area{
    border: none;
}
.member-passwd-reminder-sp .common_area p{
    text-align: left;
}
/* ==================================================
    ご利用ガイド問屋用
================================================== */
#gpn-terms-of-use img{
    width: 100%;
    margin: 0 0 1em;
}
#gpn-terms-of-use .behind-term{
    border: 1px solid #d44950;
    padding: 1em;
    padding-top: 38px;
    margin: 0 0 1em;
}
#gpn-terms-of-use .behind-term h1{
    color: #d44950;
    text-align: center;
    font-size: 17px;
    position: relative;
}
#gpn-terms-of-use .behind-term h1::before{
    font-family: "Font Awesome 5 Free";
    content: "\f071";
    position: absolute;
    font-size: 32px;
    left: 50%;
    margin-left: -16px;
    bottom: 18px;
}
#gpn-terms-of-use .behind-term p{
    text-align: left;
}
#gpn-terms-of-use .section{
    margin: 0 0 50px;
}
#gpn-terms-of-use .section h1{
    background-color: #e16912;
    color: white;
    font-size: 17px;
    padding: .25em .5em;
}
#gpn-terms-of-use .section h1::before{
    font-family: "Font Awesome 5 Free";
    margin-right: .5em;
    font-weight: 900;
}
#gpn-terms-of-use .term-order h1::before{
    content: "\f07a";
}
#gpn-terms-of-use .term-shipping h1::before{
    content: "\f0d1";
}
#gpn-terms-of-use .term-payment h1::before{
    content: "\f157";
}
#gpn-terms-of-use .term-return h1::before{
    content: "\f2ea";
}
#gpn-terms-of-use .term-contact h1::before{
    content: "\f0e0";
}
#gpn-terms-of-use .section h2{
        background-color: #ddd;
    color: #333;
    margin: 0 0 .5em;
    padding: .25em .5em;
    text-align: left;
    font-weight: bold;
        font-size: 15px;
}
#gpn-terms-of-use .section p{
    text-align: left;
    margin: 0 0 1em;
}
@media(min-width:768px){
    #gpn-terms-of-use .behind-term{
            width: 500px;
    margin: 0 auto;
        padding-top: 45px;
    }
    #gpn-terms-of-use .behind-term h1::before{
        bottom: 31px;
    }
    #gpn-terms-of-use .behind-term p{
        font-size: 16px;
    }
    #gpn-terms-of-use .behind-term h1{
        font-size: 21px;
    }
    #gpn-terms-of-use .section p{
        font-size: 16px;
        margin: 0 0 25px;
    }
    #gpn-terms-of-use .section h2{
        font-size: 17px;
    margin: 0 0 1em;
            padding: .5em 1em;
    }
    #gpn-terms-of-use .section h1{
            font-size: 22px;
    padding: .5em;
    }
    #gpn-terms-of-use .section{
        margin: 0 0 75px;
    }
}
/* ==================================================
    ご利用ガイド
================================================== */
#faq img{
    width: 100%;
    margin: 0 0 1em;
}
#faq .faq-links {
    
}
#faq .faq-links h1{
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    margin-bottom: 0;
}
#faq .faq-links ul{
    margin: 0 0 25px;
}
#faq .faq-links ul li{
        text-align: left;
    padding: 1em 0;
    border-bottom: 1px solid #ccc;
    margin: 0;
    list-style: none;
}
#faq .section{
    margin: 0 0 50px;
}
#faq .section h1{
background-color: #e16912;
    color: white;
    padding: .5em 1em;
    font-size: 16px;
    margin: 0 0 1em;
}
#faq .section h1::before{
    font-family: "Font Awesome 5 Free";
    margin-right: .5em;
    font-weight: 900;
}
#faq #faq-buy h1::before{
    content: "\f07a";
}
#faq #faq-payment h1::before{
    content: "\f157";
}
#faq #faq-shipping h1::before{
    content: "\f0d1";
}
#faq .section .toggle-open{
    background-color: #f1f1f1;
    text-align: left;
    border-radius: 3px;
    font-weight: bold;
    padding: .5em 1em;
    padding-right: 26px;
    margin: 0 0 1em;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    
}
#faq .section .toggle-open::after{
    font-family: "Font Awesome 5 Free";
    margin-right: .5em;
    font-weight: 900;
    content: "\f13a";
    position: absolute;
    right: 0;
    top: 6px;
}
#faq .section .toggle-content{
    text-align: left;
    margin: 0 0 25px;
}
@media(min-width:768px){
    #faq .section .toggle-open{
        font-size: 16px;
        padding: .75em 1em;
    }
    #faq .section .toggle-content{
        font-size: 14px;
    }
    #faq .section .toggle-open::after{
        top:13px;
    }
    #faq .section h1{
        font-size: 18px;
    }
    #faq .faq-links h1{
        padding-bottom: 1em;
    }
    #faq .faq-links ul{
        margin: 0 0 50px;
    }
    #faq .section .toggle-content {
    margin: 0 0 25px;
}
}
/* ==================================================
    サイトマップ
================================================== */
.guide_standard #guide li.category-inner02{
    margin: 0;
}
.guide_standard #guide li.category-inner02 > a{
    font-size: 17px;
    display: block;
    margin: 0 0 .5em;
    font-weight: bold;
}
.guide_standard #guide ul.category-wrapper03{
    margin: 0 0 1em; 
}
.guide_standard #guide ul.category-wrapper03 li{
    font-size: 13px;
}
.guide_standard .category-sitemap{
    margin: 0 0 25px;
}
.guide_standard .category-sitemap h3{
    margin: 0 0 1em;
    text-indent: inherit;
    border-bottom: 1px dotted #ccc;
    padding: .5em 1em;
    position: relative;
    font-size: 15px;
}
.guide_standard .category-sitemap h3 a{
    color: #333;
}
.guide_standard .category-sitemap h3::before {
    content: '';
    height: 1.5em;
    width: 2px;
    position: absolute;
    left: 0;
    background-color: #e16912; 
}
.guide_standard #guide .subtitle h3{
    display: none;
}
.guide-standard-sp #guide li.category-inner02{
    margin: 0;
}
.guide-standard-sp #guide li.category-inner02 > a{
    font-size: 17px;
    display: block;
    margin: 0 0 .5em;
    font-weight: bold;
}
.guide-standard-sp #guide ul.category-wrapper03{
    margin: 0 0 1em; 
}
.guide-standard-sp #guide ul.category-wrapper03 li{
    font-size: 13px;
}
.guide-standard-sp .category-sitemap{
    margin: 0 0 25px;
}
.guide-standard-sp .category-sitemap h3{
    margin: 0 0 1em;
    text-indent: inherit;
    border-bottom: 1px dotted #ccc;
    padding: .5em 1em;
    position: relative;
    font-size: 15px;
    background: none;
    text-align: left;
    color: #333;
}
.guide-standard-sp .category-sitemap h3 a{
    color: #333;
}
.guide-standard-sp .category-sitemap h3::before {
    content: '';
    height: 1.5em;
    width: 2px;
    position: absolute;
    left: 0;
    background-color: #e16912; 
}
.guide-standard-sp .category-sitemap .links{
    text-align: left;
}
.guide-standard-sp .subtitle h3{
    display: none;
}
.guide-sitemap h3.main-title {
    font-size: 20px;
    margin: 0 0 2em;
    text-align: center;
    color: #333;
    background: none;
}
.guide-sitemap-sp h3.main-title {
    font-size: 16px;
    margin: 0 0 1em;
    text-align: center;
    color: #333;
    background: none;
}
.guide-standard-sp .pagetitle{
    display: none;
}
/* ==================================================
    ページ管理共通
================================================== */
.guide-standard-sp .common_area{
    border: none;
    padding: 0;
}
.guide-standard-sp .subtitle h3{
    background: none;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid;
    padding: .5em 1em; 
    margin: 0 0 1em;
}
/* ==================================================
    会社概要
================================================== */
#company-gpn h3 {
font-size: 20px;
    margin: 0 0 2em;
    text-align: center;
    color: #333;
    background: none;
}
    #company-gpn dl{
    margin: 0;
    width: 100%;
    float: left;
    padding: 1.2em 0;
        text-align: left;
    }
    #company-gpn dl + dl{
        border-top: 1px dotted #ccc;
    }
    #company-gpn dt{
        width: 20%;
        float: left;
        margin: 0;
    }
    #company-gpn dd{
        width: 80%;
        float: left;
        margin: 0;
        padding: 0 1em;
    }

    #company-privacy .inner{
        margin: 0 0 50px;
    }
    #company-privacy p {
    margin: 0 0 1em;
    font-size: 1.3rem;
    line-height: 1.7;
        text-align: left;
    }
    #company-privacy h3{
    font-size: 20px;
    margin: 0 0 2em;
    text-align: center;
    }
    #company-privacy h4 {
    margin: 0 0 1em;
    text-indent: inherit;
    border-bottom: 1px dotted #ccc;
    padding: .5em 1em;
        position: relative;
        text-align: left;
    }
    #company-privacy h4::before{
    content: '';
    height: 1.5em;
    width: 2px;
    position: absolute;
    left: 0;
    background-color: #e16912;
    }
.guide-standard-sp #company-privacy h3{
        margin: 0 0 1em;
        font-size: 16px;
        background: none;
        color: #333;
    }
.guide-standard-sp #company-gpn h3{
    margin: 0 0 1em;
    font-size: 16px;
}

/*
病院一覧
*/
.hospital img.title{
    width: 100%;
    margin-bottom: 1em;
}
.hospital .pagetitle{
    background: none;
}
.hospital section{
        padding: 0;
    border: 0;
    text-align: left;
    margin-top: 0;
}
.hospital #hospital-state h1{
        color: white;
    background-color: #e16912;
    text-align: center;
    margin: 0;
    font-size: 15px;
    padding: .75em 1em;
}
#hospital-state ul{
        background-color: #7e7e7e;
    color: white;
    padding: 0.7em 1em;
        line-height: 1;
    font-size: 12px;
    display: flex;
}
#hospital-state ul li + li{
    padding-left: .5em;
}
dl.hospital-state-inner{
    border-top: 1px solid #ccc;
    margin:  0 0 1em;
}
dl.hospital-state-inner dl{
    display: flex;
}
.hospital #hospital-state dl::after{
    content: none;
}
dl.hospital-state-inner dl{
    border-bottom: 1px solid #ccc;
}
dl.hospital-state-inner dl dt:first-child{
    border-left: 1px solid #ccc;
}
dl.hospital-state-inner dl dt{
    width: calc(100% / 2);
    border-right: 1px solid #ccc;
        font-size: 13px;
    padding: 1em 2em 1em 1em;
    position: relative;
}
dl.hospital-state-inner dl dt.active{
    background-color: #f1f1f1;
    color: #333;
    font-weight: bold;
}
dl.hospital-state-inner dl dt::after{
    content: "\f105";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    right: 13px;
    font-size: 18px;
    top: 9px;
}
dl.hospital-state-inner dl dt+ dt{
}
.odd-list dl.hospital-state-inner dl:last-child{
    width: calc(100% / 2);
}
.odd-list dl.hospital-state-inner dl:last-child dt{
    width: 100%;
}
#hospital-list-wrapper h1{
    border: 0;
    background-color: #e16912;
    color: white;
    text-align: center;
    padding: .65em .5em;
    margin: 0 0 1em;
    text-align: left;
    font-weight: 100;
    line-height: 1;
    font-size: 15px;
}
#hospital-list-wrapper{
    border: 1px solid #ccc;
    padding: 1em;
    margin: 0 0 1em;
}
#hospital-list-wrapper dl{
        
    
    margin: 0;
}
#hospital-list-wrapper dl dt{
        border-bottom: 1px solid #ccc;
    width: 100%;
        margin-bottom: .5em;
    height: 1px;

}
#hospital-list-wrapper h2{
        color: #e16912;
        font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 0.2em 0;
    background-color: transparent;
    text-align: left;
}
#hospital-list-wrapper dl dd p{
    margin-bottom: .5em;
}
#hospital-list-wrapper dl dd p span{
    padding-right: 1em;
}
#hospital-list-wrapper dl dd p span::before{
    content: '〒';
}
#hospital-list{
    padding-bottom: 30px;
}
.hospital-text p{
    margin-bottom: 1em;
}
.hospital-text h2{
    text-align: center;
    color: #e16912;
        background: transparent;
    font-size: 18px;
}
.hospital-text-top p{
    text-align: center;
    margin-bottom: 1em;
}
.hospital a.contact{
        width: 100%;
    max-width: 300px;
    margin: 0 auto 1em;
    display: block;
    border:none;
}
.hospital a.contact img{
    width: 100%;
}
.hospital-text-bottom{
        background-color: #FFEFD5;
        padding: 1em;
        margin-bottom: 1em;
}
.hospital-text-bottom p{
    background-color: white;
    border-radius: 3px;
    padding: 1em;
}
.hospital-text-bottom b{
    color: #e16912;
    font-size: 16px;
    display: block;
    margin: 0 0 .5em;
}
.hospital-text-bottom b i.new-tag{
    color: white;
    background-color: #e16912;
    font-style: inherit;
    padding: 0 .5em;
    margin-right: 1em;
    border-radius: 3px 0 0 3px;
    position: relative;
}

.hospital-text-bottom b i.new-tag::after {
    position: absolute;
    top: -0.5px;
    right: -7px;
    width: 0;
    height: 0;
    content: '';
    border-style: solid;
    border-width: 9.5px 8px 9.5px 0;
    border-color: transparent #e16912 transparent transparent;
    border-radius: 4px;
    transform: rotate(-180deg);
}
.hospital-text-bottom b i.new-tag
.hospital-text-bottom p{
        background-color: white;
    border-radius: 7px;
    padding: 1em;
}
.hospital #guide-gpn h3{
        display: none;
    }
@media(min-width:768px){
    #hospital-state ul{
        list-style: none;
        margin-bottom: 0;
    }
    dl.hospital-state-inner dl{
        margin: 0;
    }
    dl.hospital-state-inner dl dt{
        font-size: 15px;
        cursor: pointer;
    }
    #hospital-state ul{
        font-size: 12px;
    }
    #hospital-state ul li.home-state{
        cursor: pointer;
        border-bottom: 1px solid white;
    }
    dl.hospital-state-inner dl dt::after{
        top: 14px;
    }
    #hospital-list-wrapper dl dd{
        margin-left: 0;
    }
    #hospital-list-wrapper dl dt h2{
        font-size: 19px;
    }
    .hospital img.title{
        margin-bottom: 50px;
    }
    .hospital-text-top p{
        margin-bottom: 35px;
    }
    .hospital-text-bottom b i.new-tag::after{
            top: -1.5px;
    }
    .hospital #guide-gpn h3{
        display: none;
    }
}

/*
運営会社案内
*/

.guide_company table,.guide_company tbody,.guide_company tr,.guide_company td,.guide_company th{
    display: block;
        width: 100%;
        border: none;
}
.guide_company table{
        padding-left: 10px;
        border: none;
}

/*
LP ボタン切り替え
*/

.lpdog--fv--ttlArea .pc{
    display: inline;
}
.lpdog--fv--ttlArea .sp{
    display: none;
}
@media screen and (max-width: 767px){
    .lpdog--fv--ttlArea .pc{
        display: none;
    }
    .lpdog--fv--ttlArea .sp{
        display: inline;
    }
}

/*  add 25.09.24
------------------------*/

#lp .amazon_link{
    width: 100%;
    padding: 0 !important;
    background: #fed813;
}

#lp .amazon_link a{
    display: inline-block !important;
    width: 100%;
    padding: 1.8rem 0 !important;
    font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    color: #0f1111;
    transition: all 0.4s ease;
    text-decoration: none;
}

#lp .amazon_link a:hover{
    text-decoration: none;
    color: #0f1111;
    transition: all 0.4s ease;
    opacity: 0.8;
}

.nowggwrap .anchor-guide-amazon {
    bottom: -180px !important;
}

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

    #lp .amazon_link a{
        font-size: 2.0rem;
    }

    .nowggwrap .anchor-guide-amazon {
        bottom: -6vw !important;
    }

}