@charset "UTF-8";
@import url(font.css);
/*@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);*/

html {
}

body {
  background-color: transparent;
  background: url('../images/bg.png') repeat;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 160%;
  color: #000;
}

/* 反転時の色 ------------------------------------- */
::selection {
  background: #F8A5A5;
  color: #fff;
}
/* Firefoxに対応 ------------------------------------- */
::-moz-selection {
  background: #F8A5A5;
  color: #fff;
}

/* ページレイアウト ------------------------------------- */
@media (max-width: 574px) {
  .pc_only {display: none !important;}
}
@media (min-width: 575px) {
  .sp_only {display: none !important;}
}

hr {
  border-top-color:#CCC;
}

.block {
  margin-bottom: 30px;
  clear: both;
}
.text-mi {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 639px) {
  .text-mi {font-family: "Sawarabi Mincho";}
}
ul.nav, ol.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.nav li, ol.nav li {
  display: inline-block;
  margin: 0 10px 10px;
  padding: 0;
}

#header, #contents, #footer {
  background-color: transparent;
  z-index: 2;
}

/* header ------------------------------------- */
#header .header_logo_area {
  margin-right: 0;
  margin-bottom: 10px;
}
#header .header_logo_area .header_logo img {
  width: 100%;
  max-width: 370px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  #header .header_logo_area .header_logo img {
    width: 50%;
    height: auto;
  }
}
#member .member_link a {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #530107;
  border: 1px solid #CCC;
  height: auto;
  line-height: 135%;
  padding: 5px 10px;
}
#member ul {
  text-align: center;
  margin-top: 8px;
}
#member ul li {
  margin: 0 5px 0 0;
}



/* globalmenu ------------------------------------- */
#globalmenu {
  clear: both;
  padding: 10px 0 0;
}
#globalmenu li a.icon {
  padding: 0 5px;
}


#globalsubmenu {
  margin-top: 10px;
  margin-bottom: 10px;
}
#globalsubmenu ul {
  text-align: center;
}
#globalsubmenu li {
  margin: 3px 0;
}
#globalsubmenu li img {
  vertical-align: middle;
}
@media (max-width:479px){
  #globalsubmenu li {
    width: 30%;
  }
  #globalsubmenu li img {
    vertical-align: middle;
  }
}





#globalmenu2.fixed {
    position: fixed;
    top: -60px;
    left: 0;
    width: 100%;
    z-index: 90;
    background-color: #FFF;
}

#globalmenu2 .category-nav {
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    text-align: center;
    position: relative;
}

#globalmenu2 .category-nav .toggle {
    display: none;
}
#globalmenu2 .category-nav > li {
    margin: 0;
}
#globalmenu2 .category-nav li ul {
    display: block;
}

#globalmenu2 .category-nav li {
    position: relative;
    /*position: static;*/
    display: inline-block;
}
#globalmenu2 .category-nav li.category-nav-gift {
    position: static;
}
#globalmenu2 .category-nav > li > a {
    padding: 0 1em;
    height: 55px;
    line-height: 55px;
    border-bottom: none;
}
#globalmenu2 .category-nav li a {
    display: block;
}
#globalmenu2 .category-nav li ul {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    width: 200px;
    /*width: 100%;*/
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
#globalmenu2 .category-nav li.category-nav-gift ul {
    width: 100%;
}
#globalmenu2 .category-nav li ul li {
    float: left;
    overflow: hidden;
    width: 100%;
    /*width: 20%;*/
    height: 0;
    transition: .2s;
}
#globalmenu2 .category-nav li.category-nav-gift ul li {
    width: 20%;
}
#globalmenu2 .category-nav li ul li a {
    text-align: left;
    /*color: #66F;*/
    /*text-decoration: underline;*/
    font-size: 90%;
}
#globalmenu2 .category-nav > li:hover > a {}
#globalmenu2 .category-nav > li:hover li:hover > a {  background: rgba(204, 204, 204, 0.1)}
#globalmenu2 .category-nav > li:hover > ul > li {
    overflow: visible;
    height: 50px;
}
#globalmenu2 .category-nav li ul li ul {
    top: 0;
    left: 100%;
}
#globalmenu2 .category-nav li:last-child ul li ul {
    left: 100%;
    width: 100%;
}
#globalmenu2 .category-nav li ul li ul:before {
    position: absolute;
    content: ">";
    top: 13px;
    left: -15px;
    width: 0;
    height: 0;
}
#globalmenu2 .category-nav li:last-child ul li ul:before {
    position: absolute;
    content: ">";
    top: 13px;
    left: -15px;
    width: 0;
    height: 0;
    /*
    content: "<";
    top: 13px;
    left: 200%;
    margin-left: -15px;
    */
}
#globalmenu2 .category-nav li ul li:hover > ul > li {
    overflow: visible;
    height: 50px;
}
#globalmenu2 .category-nav li ul li ul li a {}
#globalmenu2 .category-nav li:hover ul li ul li a:hover {  background: rgba(204, 204, 204, 0.1)}

#globalmenu2 .category-nav ul > li > a,
#globalmenu2 .category-nav ul > li > ul > li > a,
#globalmenu2 .category-nav ul > li > ul > li > ul > li a {
    padding-left: 10px;
}







/* sidebar ------------------------------------- */
@media only screen and (min-width: 768px) {
    #side_right {
        width: 30%;
    }
}

.side .title h4 {
  border: 1px dashed #CCC;
  margin-bottom: 10px;
  padding: 15px 10px 10px;
  background-color: #FFF;
}
.side .title h4:before {
  margin: 0 8px 0 0;
  padding: 5px 0 0 20px;
  content: ' ';
  background: url('../images/icon_logo.png') transparent no-repeat left top;
  background-size: contain;
  vertical-align: middle;
}

.side .category-nav ul {
  display: inline;
}
.side .category-nav .toggle {
  background-color: #999;
}
.side .category-nav .toggle .cb {
  color: #FFF;
}

.category_list .category-nav a {
  font-size: 90%;
}


.banner_list,
.category_list {
  margin: 0 0 30px;
}
.banner_list ul,
.category_list ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
.banner_list li,
.category_list li {
  padding: 0;
  margin: 0 0 10px;
}

.category_list {
}
.category_list li {
  /*border-bottom: 1px dotted #CCC;*/
  /*padding: 5px 10px;*/
}
.category_list a {
  /*color: #000;*/
}

.banner_list {
  text-align: center;
}
.banner_list li {
  margin: 0 0 20px;
}
@media (max-width:767px){
  .banner_list img {
    width: 100%;
    height: auto;
  }
}




/* footer ------------------------------------- */
#footer .footer_logo_area {
  margin-top: 38px;
}
#footer .footer_logo_area .logo img {
  /*width: 50%;*/
  /*max-width: 300px;*/
  height: auto;
}



/* page ------------------------------------- */
@media only screen and (min-width: 768px) {
    .theme_side_right #main {
        width: 70%;
    }
}

#main {
  line-height: 185%;
  /*line-height: 200%;*/
}
@media (max-width: 639px) {
  #main {
    /*font-size: 85%;*/
    font-size: 100%;
  }
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
  font-size: 105%;
  line-height: 130%;
  margin-left: 0;
  margin-bottom: 10px;
}
#main h1,
#main h2,
#main h3 {
  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  /*font-family: 'Sawarabi Mincho';*/
}
#main h1 {
  font-size: 150%;
  font-weight: normal;
}
#main h2 {
  font-size: 125%;
  font-weight: normal;
  border: 1px dashed #CCC;
  padding: 15px 10px 8px;
  background-color: #FFF;
}
#main h2:before {
  margin: 0 8px 0 0;
  padding: 8px 0 0 35px;
  content: ' ';
  background: url('../images/icon_logo.png') transparent no-repeat left top;
  background-size: 32px;
  vertical-align: middle;
}
#main h2:first-child {
  margin-top: 0;
}

#main h3 {
  font-size: 120%;
  font-weight: normal;
  margin-left: 0;
  margin-bottom: 10px;
  padding: 8px 0 5px;
  border-bottom: 1px solid #530107;
  font-weight: bold;
  color: #530107;
}
#main h4 {
  font-size: 110%;
  border-bottom: 1px solid #D7D7D7;
  padding: 8px 0 5px;
  font-weight: bold;
  margin-left: 0;
  margin-bottom: 20px;
}
#main .label {
  font-size: 150%;
  font-weight: bold;
  color: #530107;
}


button#add-cart {
  background: url('../images/bg_cart.png');
  border: 1px solid #DDD;
}
button#add-cart:before {
  margin: 0 8px 0 0;
  padding: 8px 0 0 35px;
  content: ' ';
  background: url('../images/icon_cart.png') transparent no-repeat left top;
  background-size: 32px;
  vertical-align: middle;
}
button#favorite {
  background: url('../images/bg_favorite.png');
  border: 1px solid #DDD;
  height: 40px;
  line-height: 40px;
}
button#favorite:before {
  margin: 0 8px 0 0;
  padding: 0 0 0 18px;
  content: ' ';
  background: url('../images/icon_favorite.png') transparent no-repeat left 2px;
  background-size: 16px;
  vertical-align: middle;
}


#main table {
  width: 100%;
}
#main table th {
  background-color: #FBF6F5;
}
#main table td {
  background-color: #FFF;
}
#main table th, #main table td {
  border: 1px solid #DDD;
  padding: 10px 20px;
}

#main .box {
  width: 90%;
  margin: 30px auto;
  padding: 10px 30px;
  border: 1px solid #DDD;
  background-color: #FFF;
}
#main .box.box-red {
  border: 1px solid #FDD;
  background-color: #FEE;
}
@media (max-width:639px){
  #main .box {
    /*font-size: 70%;*/
    font-size: 85%;
    padding: 5px 15px;
  }

  #contents_bottom .row {
    margin-bottom: 0;
  }
}


#sub_area ul {
  list-style: disc;
}
#sub_area ul, #sub_area ol {
  margin: 5px 10px;
  padding: 5px 10px;
}
#sub_area ul li, #sub_area ol li {
  margin: 0 5px;
  padding: 0 5px;
}

#content_bottom_message {
}
#content_bottom_message .tel {
  font-size: 36px;
}
@media (max-width:639px){
  #content_bottom_message .tel {
    font-size: 24px;
  }
}

#oem_content_01, #oem_content_02, #oem_content_03 {
  margin-bottom: 30px;
}
#oem_content_03 {
  background: url(../images/img_oem_03.png) no-repeat right bottom;
}


#cat_child_bk {
}
#cat_child_bk ul.child_list {
}
#cat_child_bk ul.child_list li {
  margin-top: 10px;
  margin-bottom: 10px;
  background: url(../images/list_icon.png) no-repeat left 10px;
}


body.home #footer {
  margin-top: 20px;
}

#footer_shopping_guide {
  padding: 10px;
  font-size: 90%;
  margin-bottom: 40px;
}
@media (max-width: 639px) {
  #footer_shopping_guide {
    font-size: 85%;
  }
}

#footer_shopping_guide a {
  color: #0092C4;
}
#footer_shopping_guide p {
  margin-top: 0;
}
#footer_shopping_guide h3 {
  font-size: 130%;
  font-weight: bold;
  margin: 0;
}
#footer_shopping_guide h4 {
  font-size: 120%;
  font-weight: bold;
  border-bottom: 1px solid #DDD;
  margin-bottom: 8px;
}
#footer_shopping_guide strong {
  font-weight: bold;
}
#footer_shopping_guide table {
  border-collapse: collapse;
  background-color: #FBF6F5;
  width: 90%;
  margin-bottom: 8px;
}
#footer_shopping_guide table th {
  background-color: #FBF6F5;
}
#footer_shopping_guide table td {
  background-color: #FFF;
}
#footer_shopping_guide table th, #footer_shopping_guide table td {
  border: 1px solid #DDD;
  padding: 6px 12px;
}




@media only screen and (min-width: 768px) {
  #search select {
    width: 100%;
    max-width: 100%;
  }
}


@media only screen and (max-width: 767px) {
  #product_header_common {
    display: none;
  }
}

/* 汎用クラス ------------------------------------- */
.clear {
  clear: both;
}

.hidden {
  display: none;
}

.text-red {
  color: red;
}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.border_box {
  border: 2px solid #B28850;
  padding: 10px;
  margin: 10px 0;
}
.radius_box {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}


/*****修正*****/

/*ページ下部問い合わせ*/
#content_bottom_message .box{background-image:url( "../images/bottom_message.jpg" ); filter:brightness(1.1); border-radius:20px; text-align:center;}

/*ご購入の流れ*/
.order-step{background-color:#B02929; border-radius:50%; width:120px; height:120px; margin:auto;}
.order-step span{display:block;text-align: center; padding-top:20%; color:#fff; font-size:85%; font-weight:600;}
.order-flow p{display:flex; justify-content: center; align-items: center; margin:auto;}

@media only screen and (min-width: 768px){
.order-flow{display:flex; gap:5%; width: 100%; height:120px;}
.order-flow p{width:70%; justify-content: flex-start;}
.spanafter{content:''; display:block; width: 4.7em; height:40px; border-right:1px solid #000;}
.slick-dots li button.thumbnail{height:100px;}
}
#detail_not_stock_box__description_detail{background-color:#faebd7; padding:10px; width: 90%; margin: auto;}

/*サイドバーカテゴリ*/
#category .category-nav ul.level2{display:none;}
/*.category-nav.sp_only{display:none;}*/
#category h2{cursor: pointer; text-align: center; border: 1px dashed #ccc; padding: 15px; background-color: #fff;}
#category h2 .toggle{margin-left:10px;}

@media (max-width: 767px){
.banner_list img {
    width: auto;
    height: auto;
}
.order-flow p{margin:0.5rem auto 3.5rem;}
}
 /*商品タグ*/
#product_tag_box{margin:5px 0;}
.product_tag_list {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 80%;
    color: #fff;
    border-radius: 3px;
    background-color: #6e6e6e;
    margin-top:2px;
}
.product_item .product_tag_list a{padding-bottom:0;}
.product_tag_list a{color:#fff;}
#product_tag_box__product_tag--1{background-color:#cf3f34;}
#product_tag_box__product_tag--2{background-color:#e99133;}
#product_tag_box__product_tag--3{background-color:#18a689;}
#product_tag_box__product_tag--4{background-color:#337ab7;}
#product_tag_box__product_tag--5{background-color:#704fac;}
#product_tag_box__product_tag--6{background-color:#216355;}
#product_tag_box__product_tag--7{background-color:#baa285;}
#product_tag_box__product_tag--8{background-color:#45bec5;}
#product_tag_box__product_tag--9{background-color:#ff99ab;}
#product_tag_box__product_tag--10{background-color:#7a560d;}

.category_tag{display:flex; justify-content:end;}
.category_tag ul li{line-height:1.2; float:left; margin:3px; border:1px solid #aaa; border-radius:20px; padding:0 10px 2px 10px; background-color:#fff; display:inline-block;}
.category_tag ul li a{color:#333; font-size:80%;}

/*商品一覧の高さ揃える*/
#item_list .product_item .item_photo{margin:0; position:relative; max-width:400px; text-align:left;}
#item_list .product_item .item_photo:before{content:''; display:block; padding-top:100%;}
#item_list .product_item .item_photo img{position:absolute;height:100%;top:0;object-fit:contain; text-align:left;}

/*カテゴリページ*/
#main #topicpath.row{display:none;}
.mb20 header p:first-child{height:11rem;}

/*関連商品*/
#related_product_area .slick-prev, #related_product_area .slick-next{display:none !important; position:static !important;float:left !important; width:50px !important;}