@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------

共通スタイル設定

----------------------------------------------*/

@font-face {
    font-family: 'Noto Sans JP Subset';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local("Noto Sans CJK JP Regular"),
    url('../font/NotoSans_Regular.woff2') format('woff2'),
    url('../font/NotoSans_regular.woff') format('woff'),
}

@font-face {
    font-family: 'Noto Sans JP Subset';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: local("Noto Sans CJK JP Bold"),
    url('../font/NotoSans_Bold.woff2') format('woff2'),
    url('../font/NotoSans_bold.woff') format('woff'),
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../font/YakuHanJP-Regular.woff2") format("woff2"),
    url("../font/YakuHanJP-Regular.woff") format("woff");
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url("../font/YakuHanJP-Bold.woff2") format("woff2"),
    url("../font/YakuHanJP-Bold.woff") format("woff");
}
html{
    /* font-size: 62.5%; */
}
body{
  /*font-family: 'YakuHanJP','Noto Sans', 'Noto Sans CJK JP', 'Noto Sans JP Subset', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
  text-align: justify;
  font-size:100% !important;*/
  /* font-size:1.6rem !important;
  line-height: 2; */
}
/*input{
    font-family: 'YakuHanJP','Noto Sans', 'Noto Sans CJK JP', 'Noto Sans JP Subset', sans-serif;
}
input[type="button"] {
-webkit-appearance: none;
border-radius: 0;
}*/
/* リンクアンダーライン */
#oshirase a{
    text-decoration: underline;
}
/* アイコン画像用見込み */
.icon_info,
.icon_newly,
.icon_notice,
.icon_important,
.icon_other{
    padding: 0 0 0 80px;
    background-repeat: no-repeat;
    background-position-y: 3px;
}
.icon_newly {
    background-image: url(../img/icon/newly.png);
}
.icon_info {
    background-image: url(../img/icon/info.png);
}
.icon_notice {
    background-image: url(../img/icon/notice.png);
}
.icon_important {
    background-image: url(../img/icon/important.png);
}
.icon_other {
    background-image: url(../img/icon/other.png);
}
/*
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
  display: block;
  z-index: 999;
  width: 82px;
  height: 82px;
  background: url(../img/icn_gotop.png) no-repeat center center;
  text-indent: -9999px;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
*/
/* PC */
@media screen and (min-width: 600px) {
    .is-pc{
        display:block;
    }
    .is-sp{
        display:none !important;
    }
    .pc_f_center{
        display:flex;
        justify-content: space-around;
        align-items: center;
    }
}
/* tablet(sp) */
@media screen and (max-width: 599px) {
    /*html{
        font-size: 62.5%;
    }*/
    body{
        font-size:1.6rem !important;
        line-height: 2;
    }
        /* body,
    body *:not(.slick-slide){
        max-width:100%;
        box-sizing: border-box;
    }
    .slick-slide,.slick-slide *{
        max-width: none;
    } */
    .is-pc{
        display:none !important;
    }
    .is-sp{
        display:block;
    }
    .sp_f_center{
        display:flex;
        justify-content: space-around;
        align-items: center;
    }
}
/* sp */
@media screen and (max-width: 599px) {
    /* body,
    body *{
        max-width:100%;
        box-sizing: border-box;
    } */
    .is-pc{
        display:none !important;
    }
    .is-sp{
        display:block;
    }
    .sp_f_center{
        display:flex;
        justify-content: space-around;
        align-items: center;
    }
}
#column-left,
#column-right{
    display: none;
}
div#column-main{
    float:unset;
    width: 100%;
    font-size: 14px !important;
    margin: 0 auto;
}
/*a:link, a:visited{
    color:#333;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.lnk_underline:link,a.lnk_underline:visited{
    text-decoration: underline;
}
a.lnk_underline:hover{
    text-decoration: none;
}
img {
    max-width: 100%;
    max-height: 100%;
}*/
.inner_wrap{
    width:min(90%,1200px);
    margin:0 auto;
}
.f_center{
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.btn_base{
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width:26.256rem;
    height:3.75rem;
    font-size:1rem;
    border:1px solid #333333;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
    max-width: 430px;
}
.btn_black{
    background:#333333;
    color:#fff;
}
.btn_black a,
.btn_black a:link,a.btn_black:link,
.btn_black a:visited,a.btn_black:visited{
    color:#fff;
}
.btn_black::after{
    position: absolute;
    right:1em;
    content:'';
    display:inline-block;
    background: url(../img/icon/arrow_white.png) no-repeat center bottom;
    width: 9px;
    height: 14px;
}
.btn_white{
    background:#fff;
    color:#333333;
}
.btn_white a,
.btn_white a:link,a.btn_white:link,
.btn_white a:visited,a.btn_white:visited{
    color:#333333;
}
.btn_white::after{
    position: absolute;
    right:1em;
    content:'';
    display:inline-block;
    background: url(../img/icon/arrow.png) no-repeat center bottom;
    width: 9px;
    height: 14px;
}
.btn_white.btn_white_before_arrow::after{
    position: relative;
    display: none;
}
.btn_white.btn_white_before_arrow::before{
    position: absolute;
    left:1em;
    right:auto;
    content:'';
    display:inline-block;
    background: url(../img/icon/arrow.png) no-repeat center bottom;
    width: 9px;
    height: 14px;
}
.btn_orange{
    background:#FFA200;
    color:#fff;
}
.btn_orange a,
.btn_orange a:link,a.btn_orange:link,
.btn_orange a:visited,a.btn_orange:visited{
    color:#fff;
}

.btn_mini{
    background-color: #707070;
    color: #fff;
    padding: .5rem 1.75rem;
    border-radius: 40px;
    box-sizing: border-box;
    display: inline-block;
    font-size:.9em;
}
.btn_mini a,
.btn_mini a:link,a.btn_mini:link,
.btn_mini a:visited,a.btn_mini:visited{
    color:#fff;
}
.bg_lightgray{
    background-color:#F1F1F1;
}
input:-webkit-autofill {
    background:#fff;
    color:#333;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.flex_center{
    display: flex;
    justify-content: center;
}
.after_arrow::after{
    position: absolute;
    right:1em;
    content:'';
    display:inline-block;
    background: url(../img/icon/arrow_white.png) no-repeat center bottom;
    width: 9px;
    height: 14px;
}
.p_bottom{
    margin:5rem auto 1rem;
}

#mask {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  display: none;
}

#modal_window {
  background: #fff;
  color: #555;
  width: 300px;
  padding: 40px;
  border-radius: 4px;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
}
.slide_toggle{
  position: absolute;
  top: 30%;
  z-index: 1;
  opacity: 0.8;
  cursor: pointer;
}
.arrow_l{
  left: -10px;
}
.arrow_r{
  right: -10px;
}

body{
    overflow-x: hidden;
}
.sec_slick{
    background: #F9F9F9;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 0.5rem 0 3rem;
}
.sec_slick:nth-child(2n){
    background:#f9f9f9;
}
.sec_slick h2.section_ttl{
    margin: 2.7rem auto;
    text-align: center;
    font-weight: lighter;
    font-size: 1.2rem;
}
/*
.sec_slick ul{
    display: flex;
    justify-content: space-between;
}
.sec_slick ul li{
    display: flex;
    flex-direction: column;
    width: calc(20% - 1em);
    box-sizing: border-box;
}
.sec_slick:nth-child(2n) .li_img {
    border: 1px solid #f9f9f9;
    margin-right: 1rem;
    width: calc(100% - .5rem) !important;
}
.sec_slick .li_img{
    display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 224px;
    text-align: center;
    width:calc(100% - .5rem);
    background-color: #fff;
    box-sizing: border-box;
    padding: 1rem 0;
}
.sec_slick .li_img img{
    vertical-align: baseline;
    margin: .5rem auto;
}
.sec_slick .li_txt{
    margin: .5rem 0;
}
*/
/*----------------------------------------------

ヘッダー

----------------------------------------------*/
/*
header {
    padding: 20px 0 0;
}
header li {
    list-style: none;
}
#header_fixed{
    width:min(100%,1200px);
    margin:0 auto;
}
ul.icn_menu{
    display: flex;
    justify-content: flex-end;
    margin: 1rem auto 0;
}
.icn_menu li{
    height: 32px;
    margin-left: 18px;
}
.icn_menu li img{
    height: 26px;
}
header a{
    text-decoration: none;
}
header h1{
    text-align: center;
    margin: .5rem auto;
}
header #header-bottom form{
    position: relative;
}
header #header-bottom form input#txtarea{
    border: solid 1px #D2D2D2;
    border-radius: 50px;
    padding:.1em 1em;
    font-size: 90%;
}
header #header-bottom form input#txtarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px #005fc9;
}
header #header-bottom{
    display: flex;
    align-items: flex-end;
    background-color:#fff;
    padding:0;
    margin-top: 2.5rem;
}
header #header-bottom li:last-child{
    margin-left: auto;
    transform: translateY(5px);
}
header #header-bottom li:last-child form input[type=text]{
    border:none;
    vertical-align: super;
    color:#A2A2A2;
    font-size:.8rem;
    width: 294px;
    height: 34px;
}
header #header-bottom form #srch_ctl {
    float: unset;
    margin-right: 0;
    position: absolute;
    right: 4%;
    top: 8%;
}
.btm_menu{
    position: relative;
    padding-right: 5em;
    font-size: .9rem;
    font-weight: 500;
    margin-right: 2.25rem;
    cursor: pointer;
}
.btm_menu:after{
    content: '';
    display: inline-block;
    background: url(../img/icn_arrow_down.png) no-repeat center bottom;
    width: 11px;
    height: 11px;
    background-size: contain;
    margin-left: 1em;
}
.btm_menu ul{
    display: none;
}
.header_notice{
    margin: 27px auto 0;
    padding: .4em 0;
    color: #333;
    background-color: #F8F8F8;
    text-align: center;
    font-size: .95rem;
}
*/
/*-- ヘッダーバナー訴求202111 --*/
/*.headBanner {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}*/

/*----------------------------------------------

バーガーメニュー(メガメニュー)

----------------------------------------------*/
.mega_menu{
    margin-left: 10px !important;
    padding-top: 2px;
    cursor: pointer;
}
.mega_menu ul{
    background-color: #F9F9F9;
    display: none;
}
.mega_menu.menu-is-open ul{
    position: absolute;
    z-index: 1;
    top: 70px;
    right: 0;
    display: flex;
    justify-content: space-around;
    height: 200px;
    width: 100%;
    background: #F9F9F9;
    opacity: .95;
    padding: 20px;
    box-sizing: border-box;
    font-size: 1.2rem;
    -webkit-transition: height 1.5s;
    transition: height 1.5s;
}
.menu-is-open li{
    line-height: 2.6;
}
.menu__button {
    position: relative;
    top: calc(20px - (100% / 4));
    width: 45px;
    background: #fff;
    border-radius: 5px;
    border: none;
}
.mega_menu span {
    display: block;
    width: 55%;
    margin: auto;
    height: 2px;
    background-color: #333333;
    position: absolute;
    left: 0;
    right: 0;
    top: calc((100% - 4px)/2);
    border-radius: 3px;
    transition: .2s;
}
.menu__lineTop {
    transform: translateY(-10px);
}
.menu__lineMiddle {}
.menu__lineBottom {
    transform: translateY(10px);
}
.menu-is-open .menu__lineTop {
    transform: rotate(45deg);
}
.menu-is-open .menu__lineMiddle {
    opacity: 0;
}
.menu-is-open .menu__lineBottom {
    transform: rotate(-45deg);
}

.btm_menu ul.btm_menu-is-open{
    display: block;
    position: absolute;
    z-index: 1;
    top: 1.5rem;
    left: 0;
    background: #F9F9F9;
    opacity: .9;
    padding: 20px;
}


/*----------------------------------------------

コンテンツ部分

----------------------------------------------*/
/*
 タイトル
--------------------------------------------------- */
#product_info p ,
#product_info h2 ,
#category_info h2 ,
#event_info ,
#cms_info {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
#product_info p img,
#product_info h2 img,
#category_info h2 img,
#event_info img,
#cms_info {
    /*max-width: 100%;
    width: auto;*/
    height: auto;
}
.title_style01 {
    font-size: 130%;
}
.title_style02 {
    font-size: 130%;
}
.title_style03{
    font-size:2rem;
    font-weight:normal;
    color:#333333;
}
.title_style04 {
}
.title_style05 {
    font-size: 120%;
}
.title_style06 {
    font-size: 140%;
}
.title_style07 {
    padding: 0 0 7px 5px;
    background: url(../img/bg/bg_style01.gif) no-repeat bottom;
    color: #004a1c;
    font-size: 140%;
    vertical-align: text-bottom;
}
.title_style07::before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 5px;
    background: #004a1c;
    margin-right: 4px;
    margin-bottom: -2px;
}
.title_style08 {
    padding: 0 0 7px 5px;
    color: #004a1c;
    font-size: 120%;
    vertical-align: text-bottom;
}
.title_style08::before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 5px;
    background: #004a1c;
    margin-right: 4px;
    margin-bottom: -2px;
}
.title_style09 {
    font-size: 110%;
    font-weight: bold !important;
}

.title_style_teiki {
    font-size: 140%;
    padding: 0 0 5px 0;
}
.titlePink01 {
    font-size: 150%;
    color: #fff;
    padding: 5px 20px;
    background: #f17b9a;
    border-radius: 20px;
}

#wrapper {
    margin: 0px auto;
    padding:0;
    max-width: 1200px;
    width: 100%;
}
/*
 #topicPath
--------------------------------------------------- */
#topicPath {
    margin: 0.5rem auto 1rem;
    font-size: .9rem;
	width: 100%;
}
#topicPath li {
    display: inline;
    padding-right: 1rem;
    white-space: nowrap;
}
#topicPath a {
    padding-right: 1rem;
}
#topicPath strong {
    font-weight: normal;
    padding: 0 0 0 4px;
}
#topicPath a{
    text-decoration: underline;
}
#topicPath a:hover{
    text-decoration: none;
}

#contents{
    margin-top:5rem;
}


/* mainimg */
.slick-dots li button:before{
    content: '';
    display: block;
    border-radius: 50%;
}
#top-main .slick-dots li button:before{
    width: 13px;
    height: 13px;
    content: '';
    border-radius: 50%;
    border: 1px solid #c1c1c1;
}
.slick-dots .slick-active button:before{
    content: '';
    display: block;
    background-color: #AAAAAA;
    border-radius: 50%;
}
/*----------------------------------------------

こちらの商品も合わせていかがですか？
人気商品
最近チェックした商品

----------------------------------------------*/
.slick-initialized .slick-slide a:hover{
    color: #333;
}

#recently_items li .li_img,
#popular_items li .li_img,
#recomended_items .li_img{
    height: 200px;
    background: #fff;
    margin: 0 10px 10px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    display: flex;

}
#recently_items li .li_img img,
#popular_items li .li_img img,
#recomended_items .li_img img{
    display: inline-block;
    max-height: 214px;
}
#recently_items li .li_txt,
#popular_items li .li_txt,
#recomended_items li .li_txt{
    padding: 5px;
    text-decoration: underline;
}
#recently_items li .li_txt:hover,
#popular_items li .li_txt:hover,
#recomended_items li .li_txt:hover{
    color: #000;
}

#recomended_items .slick-track{
    margin-left: 0;
}

/*----------------------------------------------

カテゴリ別

----------------------------------------------*/

#category {
    width: 100%;
    max-width:1200px;
    margin: 0 auto 40px;
}
#category .inner_wrap{
    width:100%;
    margin:0 auto;
    border:1px solid #333333;
    padding: 1.3rem;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
}
.accordion h2.section_ttl{
    text-align: left;
    color:#333;
    font-weight: normal;
    position: relative;
    margin: 0 auto;
    font-size: 1.75rem;
    font-weight: lighter;
}
.accordion h2.section_ttl span{
    font-size: 1rem;
    letter-spacing: -.05em;
    display: inline-block;
    margin-left: 1.75em;
    padding-bottom: 0.5em;
    color: #333;
    position: absolute;
    top: 0;
    transform: translateY(25%);
}
.section_ttl.accordion_trigger{
    position:relative;
}
.section_ttl.accordion_trigger::after{
    font-size:1.8rem;
    content:'＋';
    position: absolute;
    right: 0;
    bottom: 5px;
}
.section_ttl.accordion_trigger-open::after{
    content:'－';
}
.category ul{
    display: none;
    /* display: flex; */
    justify-content: start;
    flex-wrap: wrap;
    margin: 2rem 0 -.5rem;
    overflow: hidden;
}
.category ul li{
    float: left;
    width: 25%;
    margin-bottom: 1.2em;
}
.category ul li a{
    display: flex;
    align-items: center;
    color:#212121;
}
.category ul li a img{
    width:80px;
    margin-right: 20px;
}

/*--Hygiene--*/
.cateNav {
	width: 100%;
	display: flex;
    justify-content: space-around;
}
.cateNav a {
	margin: 6px;	
}


/*----------------------------------------------

ブランド別

----------------------------------------------*/
#brand {
    width: 100%;
    max-width:1200px;
    margin: 0 auto 100px;
}
#brand .inner_wrap{
    width:100%;
    margin:0 auto;
    border:1px solid #333333;
    padding: 1.3rem;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
}
#brand ul{
    /* display: flex; */
    justify-content: start;
    flex-wrap: wrap;
    margin: 2rem 0 .5rem;
}
.brand ul li{
    width: 25%;
    margin-bottom: 1.8em;
}
.brand ul li a{
    display: flex;
    align-items: center;
    color:#212121;
}
.brand ul li a img{
    width:80px;
    margin-right: 20px;
}

/*----------------------------------------------

フッター

----------------------------------------------*/
/*.prefooter{
    height: 100px;
    margin: 0;
    border: none;
}

footer {
    background:#F8F8F8;
    padding-top:100px;
    max-width: 100%;
    font-size: .9rem;
}
footer h1{
    font-size: 1.1rem;
}
.footer_information{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: min(90%,1280px);
    margin:0 auto;
    background: #fff;
    padding: 2rem 60px;
    box-sizing: border-box;
}
.footer_information > *{
    max-width: 60%;
}

.footer_information div section p{
    margin: .5rem 0 1.75rem;
    line-height: 1.9;
}

section#calendarBox{
    max-width: calc(40% - 86px);
}
#calendar {
    max-width: 300px !important;
    margin: 0 auto;
}
.fc-toolbar .fc-left{
    margin: 0 auto;
    float: unset !important;
    width: 8rem;
}
.fc-toolbar .fc-left h2{
    font-size: 1.2rem;
    font-weight: bold;
}
.fc-toolbar.fc-header-toolbar{
    display: flex;
    position: relative;
    margin: 2rem auto 0;
}
.fc-toolbar .fc-right{
    position: absolute;
    right: 0;
    top: .3rem;
}
.fc-right button{
    border: none;
    background: transparent;
    text-decoration: underline;
}
.fc-right button:disabled {
    background-color: transparent;
    border-color: transparent;
    color: #aaa;
}
.fc button.fc-prev-button{
    padding-right:.1em !important;
    box-shadow: none;
}
.fc button.fc-next-button{
    padding-left: .1em !important;
    margin-left: .2em !important;
    box-shadow: none;
}
.fc-prev-button::before{
    content:'<';
}
.fc-next-button::after{
    content:'>';
}
.fc table{
    font-size:.9em;
}
.fc-row .fc-content-skeleton{
    padding-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td{
    border:none !important;
}
tr:first-child > td > .fc-day-grid-event{
    margin-top:0 !important;
}
.fc-day-grid-event .fc-content{
    height:8px;
}
.fc-event{
    line-height: 1 !important;
}
.fc-day-number{
    padding:0 !important;
}
.fc th,
.fc td{
    border: 0 hidden transparent !important;
}
.fc-widget-header{
    padding: 0 1em;
    background: #333;
    border: solid 1px #333 !important;
}
.fc-widget-header thead th{
    background-color: #333333;
    color: #fff;
    font-weight: normal;
}
.fc-widget-content{
    padding:0 1em;
}
.fc-day-grid-container{
    border: 1px solid #333;
    box-sizing: border-box;
    padding: .5rem 0 1.5rem;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td{
    text-align: center;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{
    float: unset !important;
}
.fc-day-top.fc-today{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 22px;
    border-radius: 50%;
    flex-flow: column;
    color: #EC7272;
    border: 2px solid #EC7272 !important;
    margin-left: .5em;
    padding-left: .5em;
    vertical-align: initial;
}
.fc-unthemed td.fc-today {
    background: transparent !important;
}
.fc-today .fc-day-number{
    padding: 0 !important;
    transform: translateX(-.25em);
}
.onShip {
    background-color: #EC7272 !important;
    border-color: #EC7272 !important;
}
.calendar_btm_txt{
    max-width: 300px;
}
#calendarBox .table_legend{
    margin: .5rem 0 2rem;
    display: flex;
    justify-content: flex-end;
}
.calendar_btm_txt a{
    text-decoration: underline;
}
.f_contact{
    background: #707070;
    border-radius: 40px;
    color: #fff !important;
    font-weight: bold;
    padding: 1em 3em;
    font-size: 1rem;
    width: 377px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}
.f_bottom{
    display: flex;
    margin-top: -.6rem;
}
.f_callcenter{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: start;
    border: solid 1px #707070;
    width: calc(78% - 4rem);
    margin-right: 1.5rem;
    box-sizing: border-box;
    height: 100px;
    background: transparent;
}
.f_callcenter dt{
    color: #fff;
    box-sizing: border-box;
    height: 100px;
    padding: 25px 1.5em;
    display: flex;
    align-items: center;
    min-width: 11rem;
    font-size: .9rem;
    background: #65635F;
}
.f_callcenter dd{
    padding-left:1em;
    background:#fff;
    height:100%;
    font-size: 90%;
    line-height: 1.4;
    padding: 0.65rem 0 1rem 10px;
    box-sizing: border-box;
}
.callcenter_telnumber{
    display: inline-block;
    margin-bottom: 8px;
    font-size: min(24px,1.8vw);
    font-weight: bold;
    line-height: 1.2;
    white-space: nowrap;
}
.f_mark{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 32.5%;
}
.f_mark img:first-child{
    margin-right: 1.5em;
    margin-bottom: -7px;
}
.f_mark img:last-child{
    padding-bottom: 10px;
}
.gf-img{
    margin: -10px 0 30px;
}
.relation {
    background-color: #F8F8F8;
    width: 100%;
    padding: 80px 0 0; 
    text-align: center;
}
.relation .note {
    font-size: 12px;
}
.relation ul{
    display: flex;
    justify-content: center;
    padding: 40px 0 80px;
    width: min(90%,1280px);
	margin: 0 auto;
}
.relation ul li{
    margin-right: 50px;
	max-width: 400px;
}
.relation ul li:last-child{
    margin-right: 0;
}*/
.relation li img{
    /* width:345px; */
    /* height: 143px; */
    margin-bottom: .5rem;
}
.relation li a{
    text-decoration: underline;
}

/*グローバルフッター--------------------------------*/
/*#global_footer{
    width: 100%;
    background-color:#484848;
    color:#fff;
    padding: 1.5rem 0;
}
#global_footer a{
    color:#fff;
}
#global_footer ul{
    display: flex;
    justify-content: center;
}
#global_footer ul li{
    padding-right: 2.5em;
}
#global_footer ul li::after{
    padding-left: 2.5em;
    content:'|';
}
#global_footer ul li:last-child::after{
    content: none;
}
#global_footer p{
    text-align: center;
    margin-top:20px;
}

@media screen and (min-width: 1025px) and (max-width:1290px) {
    .f_callcenter{
        width:400px;;
    }
    .f_bottom{
        flex-direction: column;
        align-items: center;
    }
    .f_mark {
        width:auto;
    }
}*/
/* footer用 */
@media screen and (max-width: 1024px) {
        /*footer{
            padding-top:50px;
            font-size: .9em;
        }
        footer h1{
            font-size: 1.4em;
        }
        .footer_information{
            width: 90%;
            padding: 1rem 1.5rem 3.5rem;
            justify-content: center;
            margin: 1em auto 1.5em;
        }
        .footer_information > *{
            max-width: 100%;
            width: 100%;
        }
        section#calendarBox {
            width: 100%;
            max-width: 100%;
        }
        #calendar{
            margin:0 auto !important;
        }
        .fc-toolbar .fc-left {
            width: auto;
        }
        .fc-toolbar .fc-left h2{
            font-size:1.3em;
        }
        .fc-day-top {
            padding-right: .3rem !important;
        }
        .fc-day-top.fc-today{
            border:1px solid #EC7272 !important;
            margin-left: .75rem;
            padding: 0 .5rem;
        }
        .fc-today .fc-day-number{
            margin-right: .1em;
            transform: translateX(-.35rem);
            position: relative;
            left: 4px;
            padding: .1em .15em .1em 0!important;
        }
        .calendar_btm_txt{
            margin-bottom:2rem;
            max-width: 100%;
        }
        #calendarBox .table_legend{
            margin:.5rem 0 1rem;
        }
        .footer_information div section p {
            margin: 1rem 0 3rem;
            line-height: 1.5;
        }
        footer #tel p{
            display: flex;
            justify-content: center;
            margin: 1rem auto 3rem;
        }
        .f_bottom{
            flex-direction: column;
            align-items: center;
        }
        .f_contact{
            width: 100%;
            padding: 1.3rem;
            font-size: 1em;
        }
        .f_callcenter{
            height:auto;
            width: 100%;
            margin-right: 0;
            font-size: .8em;
        }*/
        .f_callcenter dt{
            /* height: auto; */
            padding: 1em 0 1em .5em;
            min-width:unset;
            font-size: 1em;
            width: 40%;
        white-space: nowrap;
        }
        .f_callcenter dd{
            font-size: .9rem;
            padding-left: 0;
            padding: 1em 1em 0;
            width: 60%;
        }
        .callcenter_telnumber {
            font-size: 2.2em;
            white-space: nowrap;
            line-height: 0;
            margin: .5em 0 .65em;
            display: inline-block;
        }
        .f_mark{
            justify-content: center;
            margin-top: 1em;
            width:100%;
        }
        .relation{
            background:#fff;
            padding: 3em 0 1em;
        }
        .relation ul{
            padding: 0 5%;
            flex-wrap: wrap;
            justify-content: space-around;
            margin-top: 20px;
			width: 90%;
        }
        .relation ul li{
            margin-right:0;
            margin-bottom: 2.5em;
        }
        /*#global_footer ul{
            flex-wrap: wrap;
            line-height: 2.2;
        }
        #global_footer ul li {
            padding-right: 1em;
        }
        #global_footer ul li::after {
            padding-left: 1em;
        }*/
}
/* sp(tablet) */
/*600px～1199px*/
@media screen and (min-width:600px) and (max-width:1199px) {
    #header_fixed{
        padding:0 20px;
        width: 100%;
        box-sizing: border-box;
    }
    #header-bottom .btm_menu{
        padding-right: 0;
    }
    #category,
    #brand{
        width: 90%;
        box-sizing: border-box;
    }
    #topicPath,
    #category_info,
    #category_free_space,
    #free_space,
    #form1{
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
    }
    .fc-day-top.fc-today{
        border:1px solid #EC7272 !important;
        margin-left: 0.3rem;
        padding: 0 .2rem;
    }
    .fc-today .fc-day-number{
        margin-right: .1em;
        transform: translateX(-.35rem);
        position: relative;
        left: 7px;
        padding: .1em .15em .1em 0!important;
    }
    .relation ul{
        justify-content: space-between;
    }
    .relation ul li{
        width: 49%;
    }
    .relation .note {
        font-size: 11px;
        padding: 0 20px;
    }
}
/* sp */
@media screen and (max-width: 599px) {
    #wrapper {
        max-width: 1200px;
        width: 100%;
        overflow: initial;
    }
    div#column-main {
        width:100%;
        font-size: 1.4rem !important;
		padding: 0 10px;
    }
    .btn_base{
        width:90%;
        font-size:1.5rem;
    }
    .after_arrow::after {
        padding-left: .5rem;
        margin-right: -.5rem;
    }
    .slide_toggle{
        width:25px;
    }


    .sec_slick{
        padding: 0.5rem 0 3rem;
    }
    .sec_slick h2.section_ttl{
        margin: 2.7rem auto;
        font-size: 1.6em;
        letter-spacing: .15em;
    }
    .sec_slick ul{
        /* flex-wrap: wrap; */
    }
    .sec_slick ul li{
        display: flex;
        flex-direction: column;
        width: calc(20% - 1em);
        box-sizing: border-box;
    }
    .sec_slick .li_img{
        display: flex;
        justify-content: center;
        margin: 0 auto !important;
        height: 200px;
        text-align: center;
        width: 100%;
        background-color: #fff;
        box-sizing: border-box;
        padding: 1em 0;
    }
    .sec_slick .li_img img{
        vertical-align: baseline;
        margin: .5rem auto;
        height: fit-content;
        width: auto;
    }
    .sec_slick .li_txt{
        line-height: 1.4;
        margin: .5rem 0;
    }
    .inner_slick_items li {
        margin-right: .5em;
        width: calc(100% - 0.5em) !important;
    }
    .inner_slick_items .slick-track .slick-slide:nth-child(2n) li {
    }
    .h_logo{
    }
    .h_logo > div{
        height:5vw;
        display:flex;
        justify-content: flex-start;
        align-items: center;
        margin-right: 3vw;
    }
    .h_logo > div img,
    .h_logo > div input[type=image]{
        height:5vw;
    }
    .menu__button {
        top: 0;
    }
    .mega_menu{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mega_menu span {
        height: 2px;
        top: calc((100% - 4px) / 2);
    }
    .mega_menu.menu-is-open ul {
        display: block;
        top: 6rem;
        right: 0;
        width: 100vw;
    height: auto;
        padding: 1rem 2rem;
    }
    .menu-is-open li{
        line-height: 3;
        font-size: 1.5rem;
    border-bottom: 1px solid #dfdfdf;
    }
    .menu__lineTop {
        transform: translateY(max(-10px,-2.5vw));
    }
    .menu__lineBottom {
        transform: translateY(min(10px,2.5vw));
    }
    .sp_search_icn{
        margin-right: 2px !important;
    }
    .sp_search_inputArea{
        display:none;
        position: absolute;
        width: 100%;
        background: #F9F9F9;
        top: 60px;
        left: 0;
        padding: 20px;
        box-sizing: border-box;
        z-index: 1;
    }
    .sp_search_inputArea input{
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        font-size: 100%;
        -webkit-appearance: none;
        appearance: none;
    }
    .sp_search_inputArea .search_input{
        position: relative;
        border-bottom: 1px solid #231815;
        width: 100%;
        padding: 10px;


    }
    .sp_search_inputArea #srch_ctl{
        position: absolute;
        top:35px;
        right: 30px;
    }
    .mypage_icn,.cart_icn{
        line-height: 1;
    }
    /*header{
        padding: 30px 0 0;
    }
    header h1 {
        width: min(50%,377px);
        margin:0 10px;
    }
    header h1 img{
        display: flex;
    }
    header #header-bottom{
        align-items: center;
        justify-content: space-around;
        margin-top: 3rem;
        font-size: 1.5rem;
    }*/
    .btm_menu{
        margin-right: 0;
        /* padding-right: 0; */
        padding: .8rem 1rem;
        font-size: 1.3rem;
        border: solid 1px #D2D2D2;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
    }
    .btm_menu:after{
        width: 12px;
        height: 11px;
        margin-left: 1rem;
    }
    .btm_menu ul.btm_menu-is-open{
        top: 3.125rem;
        padding: 20px;
        left:-1px;
        width: calc(49vw - 2px);
        box-sizing: border-box;
        /* border:solid 1px #ddd; */
    }
    #topicPath {
        font-size: .8em;
        margin: 1em auto 2em;
        display: flex;
        overflow: scroll;
        width: 100%;
        text-align: right;
    }
    #topicPath::-webkit-scrollbar{
        display:none;
    }
    .header_notice{
        margin:0;
        font-size: 1.3rem;
    }

    .accordion h2.section_ttl {
        font-size: 2.3rem;
        font-weight: 500;
    }
    .accordion h2.section_ttl span {
        font-size: 1.2rem;
        margin-left: 1em;
        padding-bottom: 0.5em;
        transform: translateY(1.3rem);
        top: -3px;
    }
    .section_ttl.accordion_trigger::after {
        font-size: 2.6rem;
        right: -2px;
        bottom: -2px;
    }

    #category{
        width: 90%;
        margin: 0 auto 20px;
    }
    #category .inner_wrap{
        padding:.5rem 1.2rem;
    }
    .category ul{
        margin: 1rem 0 0;
    }
    .category ul li {
        width: 50%;
        margin-bottom: 1.5em;
    }
    .category ul li a img{
        margin-right:0;
        width:80px;
    }
	
	/*--Hygiene--*/
	.cateNav {
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
		padding-bottom: 30px;
	}
	.cateNav a {
		width: 33%;
		margin: 0;
		height: 50px;
	}
	
    #brand{
        width: 90%;
        margin: 0 auto 50px;
    }

    #brand .inner_wrap{
        padding:.5rem 1.2rem;
    }

    .prefooter{
        height: 100px;
    }
    .dl_style01 dd p{
        margin-top: -32px;
        padding: 0px 0px 0px 85px;
        background-position-y: 35px;
        margin-bottom: 5px;
        min-height: 60px;
    }
    .relation .note {
        width: 90%;
        margin: 10px auto 20px;
        text-align: justify;
        display: block;
    }
    #pageTop a {
        width: 60px;
        height: 60px;
        background-size: contain;
    }
}
@media screen and (max-width:400px){
    .fc-day-top.fc-today{
        margin-left:.7rem;
    }
    .fc-today .fc-day-number{
    }
}
@media screen and (max-width:370px) {
    .f_contact{
        font-size:.7rem;
    }
}

/* ハンバーガーメニュー */
----------------------------------------------*/
.icn_menu li{
    height: auto;
}
.pc_menu_icon.mega_menu{
    padding-top: 0;
}
/*----------------------------------------------

共通パーツ

----------------------------------------------*/
@keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.pc-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.mega_menu.menu-is-open ul{
    top: 55px;
    right:0;
    display: block;
    width: 340px;
    height:auto;
    background: #f6f6f6;
    opacity:1;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}
.mega_menu.menu-is-open .pc-nav-window{
    animation: 0.8s fadeIn forwards;

}
.mega_menu.menu-is-open #gb-nav-maypage{
    right: -90px;
}
.mega_menu.menu-is-open ul li{
    display: block;
    height: auto;
    line-height: 50px;
    margin: 3px 0 0;
}
.mega_menu.menu-is-open ul#gb-nav-menu li#navbtn-login{
    margin: 0 0 20px;
}
.mega_menu.menu-is-open ul li#navbtn-logout{
    line-height: 40px;
    margin: 15px 0 5px;
}
.menu__button {
    top: 14px;
    left: -10px;
}
.is-pc .mega_menu{
    position: relative;
    width: 40px;
    text-align: center;
    margin-left: 13px !important;
}
.wrap-icon{
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: absolute;
}
.sp-mask{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 1;
}
.mega_menu.menu-is-open .wrap-nav-window::before,
.mega_menu.menu-is-open .wrap-nav-window::after{
    content: "";
    position: absolute;    
    top: -21px;
    right:5px;
    -webkit-transform: translateX(-52%);
    transform: translateX(-52%);

}
.mega_menu.menu-is-open .wrap-nav-window::before{
    border: 10px solid transparent;
    border-bottom: 10px solid #e0e0e0;
}
.mega_menu.menu-is-open .wrap-nav-window::after{
    border: 10px solid transparent;
    border-bottom: 10px solid #f6f6f6;
    margin-top: 1px;
}
.mega_menu.menu-is-open ul li a{
    background-color: #fff;
    display: block;
    font-size: 0.9rem;
    padding: 2px 10px;
}
.mega_menu.menu-is-open ul li .btn_white{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    width: 100%;
    height: auto;
    box-shadow: none;
    border: none;
    box-sizing: border-box;
    padding-left: 15px;
    margin-left: 0;
    margin-right: 0;
}
.mega_menu.menu-is-open ul #navbtn-logout .btn_white{
    justify-content: center;
    width: 60%;
    border: 1px solid #5A5A5A;
}
.mega_menu.menu-is-open ul #navbtn-logout .btn_white::after{
    content: none;
}

.wrap-nav-window #navbtn-login .btn_black,
.wrap-nav-window .wrap-gb-nav-memmber .btn_black{
    display: block;
    width: 100%;
    height: auto;
    background-color: #5A5A5A;
    box-shadow: none;
    box-sizing: border-box;
    text-align: center;
}
.wrap-nav-window .wrap_add_white_btn:after,
#navbtn-login .btn_base:after,
.wrap-gb-nav-memmber .btn_base:after,
.wrap-nav-window .btn_white::after{
    background-image: none;
    right: 1em;
    top: 45%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.wrap-nav-window .btn_white::after{
    border-top: 2px solid #5A5A5A;
    border-right: 2px solid #5A5A5A;
}
#navbtn-logout .btn_back_white::after{
    top: 30%;
}
#navbtn-logout .btn_back_white{
    width: 60%;
    height: auto;
    margin: auto;
    text-align: center;
    box-shadow: none;
    box-sizing: border-box;
    padding: 0;
}
#navbtn-login .comment{
    font-size: 12px;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.5;
}
#navbtn-login .comment::before,
#navbtn-login .comment::after{
    content: "";
    position: absolute;
    width: 2px; 
    height: 100%;
    bottom: 0;
    background-color: #c1c1c1;
}
#navbtn-login .comment::before{
    left: 25px;
    transform: rotate(-45deg);
}
#navbtn-login .comment::after{
    right: 25px;
    transform: rotate(45deg);
}
.wrap-gb-nav-memmber{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px !important;
    margin-right: 0 !important;
}
.wrap-gb-nav-memmber h3{
    font-size: 20px;
    font-weight: normal;
    text-align: left;
}
.wrap-gb-nav-memmber h3 .small-text{
    width: auto;
    border: none;
    display: initial;
    font-size: 70%;
    position: relative;
    left: 5px;
    background-color: transparent;
}
.wrap-gb-nav-memmber .flex-text{
    display: flex;
    line-height: 2;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}
#gb-nav-menu .nav_white{
    justify-content: flex-start;
    box-shadow: none;
    border:none;
}
.wrap-gb-nav-memmber .btn_black{
    background-color: #5A5A5A !important;
    margin-top: 20px;
}
.mega_menu.menu-is-open #gb-nav-maypage::before,
.mega_menu.menu-is-open #gb-nav-maypage::after{
    right:88px;
}
.wrap-nav-window .nav_white::after,
.wrap-nav-window .nav_whit::after,
.pc-nav-window .btn_white::after{
    display: block !important;
}
.pc-nav-window .wrap_add_white_btn:after{
    display: none;
}
@media screen and (min-width: 1025px) and (max-width:1290px) {
}
/* sp(tablet) */
@media screen and (max-width: 599px) {
    /*header{
        padding: 0;
    }
    .mega_menu{
        max-width: 100%;
    }
    .mega_menu ul {
        display: block;
    }
    .sp_f_center{
        justify-content: center;
        height: 60px;
        display: inline-flex;
        position: fixed;
        background-color: #ffff;
        z-index: 9999;
        top:0;
        width: 100%;
    }
    .sp_f_center .sp-flexnav{
        width: 30%;
        display:flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        height: 100%;
    }
    header h1{
        width: 60%;
        height: auto;
        margin: 0;
    }
    header .sp_f_center h1 a{
        display: flex;
        width: 80%;
        height: 20px;
        margin: auto;
        align-items: center;
        justify-content: center;
    }
    header .sp_f_center h1 a img{
        width: 100%;
        height: auto;
        max-width: initial;
        max-height: initial;
    }

    .sp_f_center .harf-item{
        width: 50%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:0;
        text-align: center;
    }
    .sp_f_center .harf-item img{
        width: 20px;
        height: auto;
    }
    .sp_f_center .cart_icn img{
        width: 70%;
    }
    .sp_search_icn{
        padding: 0;
    }
    .mega_menu.menu-is-open ul {
        opacity: 1;
        padding: 10px 20px;
        border: none;
    }
    .mega_menu.menu-is-open ul li a{
        font-size: 1.5rem;
    }
    .mega_menu.menu-is-open .wrap-nav-window::before,
    .mega_menu.menu-is-open .wrap-nav-window::after{
        display: none;
    }
    .sp-flexnav .wrap-icon{
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .sp-flexnav .menu-is-open .wrap-icon,
    .sp-flexnav .search-is-open .wrap-icon{
        background: #F5F5F5;
        border-right: 1px solid #D2D2D2;
        border-left: 1px solid #D2D2D2;
        z-index: 8;
    }
    .mega_menu span{
        width: 16px;
    }
    .sp_mega_menu .menu__lineTop,
    .sp_mega_menu .menu__lineBottom,
    .sp_mega_menu .menu__lineMiddle{
        top: 41px;
        height: 1px;
    }
    .menu__lineTop {
        transform: translateY(max(-7px,-2.5vw));
    }
    .menu__lineMiddle {
        transform: translateY(max(-1px,-2.5vw));
    }
    .menu__lineBottom {
        transform: translateY(min(5px,2.5vw));
    }
    .sp_mega_menu .menu__button{
        top: -40px;
        left: 0;
    }
    .sp_search_inputArea .search_input{
        border-radius: 50px;
        border: 1px solid #c1c1c1;
        margin-bottom: 16px;
        padding: 7px 20px 10px;
    }
    .sp_search_inputArea #srch_ctl {
        position: absolute;
        top: 31px;
        right: 31px;
        width: 27px;
    }
    .menu-is-open li{
        border: none;
    }
    .mega_menu.menu-is-open ul li a,
    #navbtn-login .btn_black, 
    .wrap-gb-nav-memmber .btn_black{
        display: flex;
        align-items: center;
        height: 60px;
    }
    #navbtn-login .btn_black,
    .wrap-gb-nav-memmber .btn_black
    #navbtn-logout .btn_white,
    .wrap-gb-nav-memmber .btn_black{
        margin-left: auto;
        margin-right: auto;
        justify-content: center;

    }
    #navbtn-login .btn_black{
        max-width: 100%;
        width: 100%;
    }
    header #header-bottom{
        margin-top: 60px;
    }
    .search-is-open .wrap_sp_icn_search{
        background-color: #f6f6f6;
    }
    .sp-mask{
        top: 63px;
        right: 0;
        width: 100%;
        height: 100vh;
        position: absolute;
        background-color:rgba(0, 0, 0, 0.6);
        display: none;

    }
    .menu-is-open .sp-mask{
        display: block;
        -webkit-animation:  0.5s fadeIn forwards;
        animation: 0.5s fadeIn forwards;
    }

    .mega_menu.menu-is-open .wrap-nav-window{
        padding: 20px;
        width: 100%;
        display: block;
        max-width: 100vh;
        z-index: 10;
        position: relative;
        box-sizing: border-box;
        top: -4px;
        right: 0;
        background-color: #F5F5F5;
        border-top: 1px solid #D2D2D2;
    }
    .mega_menu.menu-is-open #sp-gbn-cat-btn{
         width: 100%;
         left: 0;
         position: relative;
         padding: 0;
         top: 0;
         display: block;
    }
    .sp-hide-menu #navbtn-login .btn_base{
        padding: 1.5rem;
    }
    .mega_menu.menu-is-open ul #navbtn-logout .btn_white{
        border: 1px solid #c1c1c1;
    }
    header .sp_search_inputArea input:focus {
        outline: -webkit-focus-ring-color auto 0;
        box-shadow: 0 0 0 2px #005fc9;
    }
    #category.anchor,
    #brand.anchor{
       padding-top: 80px;
       margin-top: -10px;
    }
    #navbtn-login .comment{
        font-size: 14px;

    }
    #navbtn-login .comment::before{
        left: 40px;
        transform: rotate(-45deg);
    }
    #navbtn-login .comment::after {
        right: 40px;
        transform: rotate(45deg);
    }
    .wrap-nav-window .wrap_add_black_btn:after{
        display: none;
    }*/

}
@media screen and (max-width:400px){
}
@media screen and (max-width:370px) {
}