@charset "utf-8";

a {
    color: #000;}

a:hover, a:focus, a:active {
  color: #9d2a23;
}

body {
    color: #333;
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.1em;
    background-color: #fff;
}


#header {
  background: rgba(255,255,255,0.8);
}
#contents {
    background: transparent;
}
.member_link a{
  color: #000;
}

/*ロゴ*/
@media only screen and (min-width: 768px){
  #header .header_logo_area {
  float: none;
  position: unset;
  margin: 0;
}
.header_logo img{
  margin: auto;
}
.header_logo_area .header_logo {
  margin: 0 auto 0.67em;
}


}



@media only screen and (min-width: 768px){
  #cart_area {
    top: 70px;
    right: 16px;
  }
}

#navwrap{
  max-width: 980px;
  margin: auto;
}

.global_nav a{
  color: #000;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 24px;
}
.global_nav a:hover {
    border-bottom: 2px solid #9d2a23;
}
.global_nav ul{
  display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: center;
}



#footer {
    background: #000;
  }
#footer a {
      color: #fff;
  }
#footer p {
font-size: 14px;
  }

.footer_logo_area {
    color: #fff;
  }
  @media only screen and (min-width: 768px){
    #footer {
        padding-top: 0;
      }
    .footer_logo_area .logo {
      margin-bottom: 1em;
  }
    .footer_logo_area {
        margin-top: 40px;
    }
    .footer_logo_area .copyright {
        margin-top: 2em;
    }

}

  @media(max-width: 767px){
    #footer ul li {
    display:block;
}
}



.flowline li.active .flow_number {
    background: #000;
}

.flowline li.active {
    color: #000;
}


/*新着商品ブロック*/
h2.title {
    margin-bottom: 10px;
    padding: 8px;
    color: #333;
    background: url("../img/common/line_01.gif") repeat-x left bottom;
    background-color: #ebeced;
    font-size: 170%;
    margin-top: 0;
}



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

#item_detail_area a{
  color: #9d2a23;
}
#item_detail_area a:hover{
  color: #000;
}
@media only screen and (min-width: 768px){
  #item_detail_area .item_name {
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: bold;
      line-height: 1.2;
  }
}

/*----------サイドカテゴリー---------------*/


.side .category-nav .toggle {
display: none;
}

.side .category-nav li ul {
display: block;
}

.side .category-nav li {
position: relative;
display: inline-block;
width: 100%;
}
.side .category-nav > li > a {
padding: 0 1em;
height: 55px;
line-height: 55px;
border-bottom: none;
}
.side .category-nav li a {
display: block;
}
.side .category-nav li ul {
position: absolute;
z-index: 100;
top: 100%;
left: 0;
width: 100%;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
display: contents;
}
.side .category-nav li ul li {
float: left;
overflow: hidden;
width: 100%;
height: 0;
transition: 1s;
}
.side .category-nav li ul li a {
text-align: left;
padding-left: 24px;
}
.side .category-nav > li:hover > a {}
.side .category-nav > li:hover li:hover > a { background: rgba(204, 204, 204, 0.1)}
.side .category-nav > li:hover > ul > li {
overflow: visible;
height: 50px;
}
.side .category-nav li ul li ul {
top: 0;
left: 100%;
}
.side .category-nav li:last-child ul li ul {
left: 100%;
width: 100%;
}
.side .category-nav li ul li ul:before {
position: absolute;
content: “>”;
top: 13px;
left: -15px;
width: 0;
height: 0;
}
.side .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; */ }

.side .category-nav li ul li:hover > ul > li {
overflow: visible;
height: 50px;
}
.side .category-nav li ul li ul li a {}
.side .category-nav li:hover ul li ul li a:hover { background: rgba(204, 204, 204, 0.1)}

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

.category-nav a:hover{
  color: #9d2a23;
}


.category-nav ul li {
  background: url("../img/common/ico_level.gif") 10px 20px no-repeat;
}


/*--------スマホ-----------------*/

#drawer .category-nav .toggle {
display: none;
}

#drawer  .category-nav li ul {
display: block;
}

#drawer .category-nav li a {
display: block;
}
#drawer .category-nav li ul {
display: block;
}
#drawer .category-nav li ul li a {
text-align: left;
padding-left: 24px;
}



/*----------商品タグ----------------*/
/*赤*/
#product_tag_box__product_tag--1{
  color: #fff;
  border: solid 1px #DE5D50;
  background-color: #DE5D50;
}
/*黄色*/
#product_tag_box__product_tag--2{
  color: #fff;
  border: solid 1px #FFC107;
  background-color: #FFC107;
}
/*青*/
#product_tag_box__product_tag--3{
  color: #fff;
  border: solid 1px #007BFF;
  background-color: #007BFF;
}
/*緑*/
#product_tag_box__product_tag--4{
  color: #fff;
  border: solid 1px #28A745;
  background-color: #28A745;
}
/*水色*/
#product_tag_box__product_tag--5{
  color: #fff;
  border: solid 1px #17A2B8;
  background-color: #17A2B8;
}


/*お問い合わせ（確認ページ）*/
#confirm_wrap #main{
  width: 100%;
}