@charset "UTF-8";
/* ======================================================================
 setting
====================================================================== */
/* ======================================================================
 setting
====================================================================== */
/* ======================================================================
component
====================================================================== */
/* =================================
title
================================= */
.c_ttl_1 {
  position: relative;
  font-weight: bold;
  background: url(../img/common/line_pattern01.png) repeat-x;
  font-size: 2em;
  padding: 1.3em 0 0 0;
  margin: .55em 0 1.05em;
  position: relative;
  line-height: 1.4;
}

.c_ttl_1.b {
  margin-top: 0;
}

.c_ttl_1 i {
  display: block;
  color: #aaaaaa;
  font-style: normal;
  font-weight: normal;
  font-size: 70%;
  margin-top: 5px;
}

@media screen and (min-width: 769px) {
  .c_ttl_1 .sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .c_ttl_1 {
    font-size: 1.5em;
    text-align: center;
    line-height: 1.8;
    padding: 1.1em 0 0 0;
  }
  .c_ttl_1 .pc {
    display: none;
  }
}

.c_ttl_2 {
  color: #fff;
  font-weight: bold;
  font-size: 1.4em;
  padding: .8em 1.4em;
  background: #141414;
  text-align: center;
}

/* =================================
buttons
================================= */
/* =================================
icon
================================= */
/* =================================
alerts
================================= */
/* =================================
pager
================================= */
.c_pager {
  text-align: center;
  margin-bottom: 2em;
  position: relative;
}

.c_pager .c_pager_num {
  position: absolute;
  right: 0;
  margin: 0;
  top: .4em;
}

@media screen and (max-width: 768px) {
  .c_pager .c_pager_num {
    position: static;
    margin: 1em 0 .5em;
  }
}

.c_pager a, .c_pager span {
  font-size: 1.4em;
  display: inline-block;
  vertical-align: top;
  border: solid 1px #141414;
  width: 2.2em;
  height: 2.2em;
  border-radius: .2em;
  padding: .5em 0 0;
  margin: 0 .07em;
}

@media screen and (max-width: 768px) {
  .c_pager a, .c_pager span {
    width: 2.8em;
    height: 2.8em;
    padding: .8em 0 0;
    margin: 0 .25em .5em;
  }
}

.c_pager span.current {
  background: #141414;
  color: #fff;
}

.c_pager span.dot {
  border: none;
  margin: 0 -.4em;
}

.c_pager .next, .c_pager .prev {
  color: transparent;
  position: relative;
  cursor: pointer;
}

.c_pager .next:before, .c_pager .prev:before {
  content: '';
  position: absolute;
  left: .9em;
  top: .8em;
  width: .4em;
  height: .4em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c_pager .next:before {
  left: .7em;
  border-top: 1px solid #141414;
  border-right: 1px solid #141414;
}

.c_pager .prev:before {
  border-left: 1px solid #141414;
  border-bottom: 1px solid #141414;
}

@media screen and (min-width: 769px) {
  .c_pager span.sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .c_pager a, .c_pager span {
    display: none;
    font-size: 1.3em;
  }
  .c_pager .next, .c_pager .prev, .c_pager .sp {
    display: inline-block;
  }
  .c_pager .next:before, .c_pager .prev:before {
    font-size: 1.4em;
  }
  .c_pager .sp {
    width: auto;
    border: none;
    margin: 0 1em;
  }
}

.c_pager_num {
  text-align: center;
  font-size: 1.4em;
  margin: 2em auto 1.4em;
}

/* =================================
table
================================= */
/* =================================
forms
================================= */
.c_input_1 {
  border: solid 1px #141414;
  width: 6.5em;
  text-align: right;
  padding: 0 .6em;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .c_input_1 {
    width: 130px;
    height: 35px;
    padding: .4em .6em;
  }
}

.c_select_1 {
  border: solid 1px #c8c8c8;
  border-radius: .3em;
  overflow: hidden;
  margin-bottom: .5em;
  background: #fff;
  position: relative;
  z-index: 1;
  font-size: 1.2em;
}

.c_select_1:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #141414;
  width: 26px;
  z-index: -1;
}

.c_select_1:after {
  content: '';
  position: absolute;
  right: .75em;
  top: 50%;
  transform: translate(0, -50%);
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
  z-index: -1;
}

.c_select_1 select {
  padding: 5px .6em 6px;
  width: 100%;
  background: transparent;
  line-height: 1.4;
  font-size: inherit;
}

@media screen and (max-width: 768px) {
  .c_select_1:before {
    width: 30px;
  }
  .c_select_1:after {
    right: .9em;
  }
  .c_select_1 select {
    padding: .6em .6em;
  }
}

.c_checkbox_1 {
  font-size: 1.2em;
  position: relative;
}

.c_checkbox_1 span {
  display: inline-block;
  vertical-align: middle;
}

.c_checkbox_1 span.a {
  color: #A50D0D;
}

.c_checkbox_1 input {
  width: 20px;
  height: 20px;
  border: solid 1px #c8c8c8;
  border-radius: .1em;
  background: #fff;
  display: inline-block;
  margin-right: .3em;
}

.c_checkbox_1 input:checked + span:before {
  content: '';
  position: absolute;
  left: .6em;
  bottom: .3em;
  width: .3em;
  height: .75em;
  border-bottom: 2px solid #141414;
  border-right: 2px solid #141414;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  .c_checkbox_1 span {
    line-height: 1.5;
  }
  .c_checkbox_1 input {
    margin-right: .6em;
  }
  .c_checkbox_1 input:checked + span:before {
    left: .5em;
    bottom: .33em;
    width: .4em;
    height: .8em;
  }
}

/* =================================
list
================================= */
.c_list_1 a {
  display: block;
}

.c_list_1 p {
  font-size: 1.4em;
  line-height: 1.75;
  padding: .6em 0;
}

.c_list_1 img {
  outline: solid 1px #141414;
/*
  width: 100%;
*/
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 769px) {
  .c_list_1 li {
    float: right;
    width: 454px;
    margin: 0 0 18px;
    position: relative;
  }
  .c_list_1 li:nth-child(odd) {
    float: left;
  }
}

@media screen and (max-width: 768px) {
  .c_list_1 li {
    text-align: center;
    margin: 0 3px 1em;
  }

  .c_list_1 a {
    display: inline-block;
  }

  .c_list_1 p {
    font-size: 1.3em;
    line-height: 1.65;
    padding: .4em 0 .4em 0;
    text-align: left;
  }
}

.c_list_2 a {
  display: block;
}

.c_list_2 p {
  font-size: 1.4em;
  line-height: 1.75;
  padding: .6em 0;
}

.c_list_2 img {
  outline: solid 1px #141414;
/*
  width: 100%;
*/
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 769px) {
  .c_list_2 li {
    float: left;
    width: 292px;
    margin: 1px 0 19px 32px;
  }
  .c_list_2 li:nth-child(3n + 1) {
    clear: both;
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .c_list_2 {
    margin: 0 3px 8px;
  }

  .c_list_2 a {
    display: inline-block;
  }
  .c_list_2 li {
    float: right;
    width: 48.1%;
    margin: 0 0 10px;
    text-align: center;
  }
  .c_list_2 li:nth-child(2n + 1) {
    clear: both;
    float: left;
  }
  .c_list_2 p {
    display: none;
  }
}

.c_list_3 {
  margin-left: -2.3%;
  padding-top: .8em;
}

.c_list_3 a {
  display: block;
}


.c_list_3 > li {
  float: left;
  width: 17.7%;
  margin: 0 0 18px 2.3%;
  position: relative;
}

.c_list_3 span {
  margin-right: .5em;
}

.c_list_3 i {
  font-style: normal;
  position: absolute;
  font-size: 2em;
  font-weight: bold;
  color: #fff;
  background: url(../img/common/img_ribbon04.png) no-repeat;
  background-size: contain;
  width: 35px;
  height: 45px;
  text-align: center;
  padding: .5em .3em 0 0;
  left: .4em;
  top: -.3em;
  font-family: 'Lato', sans-serif;
  z-index: 2;
}

.c_list_3 i.a {
  background-image: url(../img/common/img_ribbon01.png);
}

.c_list_3 i.b {
  background-image: url(../img/common/img_ribbon02.png);
}

.c_list_3 i.c {
  background-image: url(../img/common/img_ribbon03.png);
}

.c_list_3 dl {
  text-align: center;
  font-size: 1.4em;
  line-height: 1.5;
  padding: .6em 0;
}

.c_list_3 .price {
  color: #A50D0D;
  font-weight: bold;
  font-size: 114%;
}

.c_list_3 .price small {
  font-size: 87.5%;
}

.c_list_3 img {
  outline: solid 1px #141414;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .c_list_3 {
    margin: 0;
    padding-top: 0;
  }
  .c_list_3 > li {
    width: 32.9%;
    margin: 0 1px 2%;
    margin: 0 1px 11px;
    padding: 0 1px;
  }
  .c_list_3 > li:nth-child(3n + 1) {
    margin-right: 0;
  }
  .c_list_3 > li:nth-child(3n + 2) {
    margin-right: 0;
  }

  .c_list_3 i {
    left: .6em;
    padding: .6em .3em 0 0;
  }


  .c_list_3 > li i {
    font-size: 3.5vw;
    width: 6.25vw;
  }
  .c_list_3 dl {
    font-size: 1.0em;
    padding: 6px 0 .6em;
  }
}

//*@media screen and (max-width: 340px) {
  .c_list_3 > li i {
    font-size: 1.1em;
    width: 22px;
  }
}*//

.c_list_4 {
  margin-bottom: -2px;
}

.c_list_4 a {
  display: block;
}

.c_list_4 dl {
  text-align: center;
  padding: .2em 0;
}

.c_list_4 dl span {
  margin-right: .5em;
}

.c_list_4 dt {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.4;
  margin: .8em 0;
}

.c_list_4 dd {
  text-align: justify;
  font-size: 1.4em;
  line-height: 1.74;
}

.c_list_4 dd em {
  color: #A50D0D;
  font-weight: bold;
  font-style: normal;
}

.c_list_4 .price {
  color: #A50D0D;
  font-weight: bold;
}

.c_list_4 img {
  outline: solid 1px #141414;
  width: 100%;
/*
  height: auto;
  height: calc(auto - 22px);
*/
  height: calc(auto - 122px);
}


@media screen and (max-width: 768px) {
  .c_list_4 img.pc {
    display: none;
  }
  .c_list_4 dt {
    margin: .7em 0 .6em;
    font-size: 1.4em;
    line-height: 1.4;
  }

  .c_list_4 dd {
    font-size: 1.3em;
    line-height: 1.6;
}



}

@media screen and (min-width: 769px) {
  .c_list_4 {
    margin-left: -3.33%;
  }
  .c_list_4 li {
    float: left;
    width: 30%;
    margin: 0 0 1.85% 3.33%;
    padding-bottom: 1px;
  }
  .c_list_4 li:nth-child(3n + 1) {
    clear: both;
  }
  .c_list_4 img.sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .c_list_4 li {
    margin: 0 3px 1.6em;
  }
}

.c_list_item {
  margin-left: -2.3%;
  padding-top: .8em;
}

.c_list_item a {
  display: block;
}

.c_list_item > li {
  float: left;
  width: 22.7%;
  margin: 0 0 1.9% 2.3%;
  position: relative;
}

.c_list_item span {
  margin-right: .5em;
}

.c_list_item i {
  font-style: normal;
  position: absolute;
  font-size: 1.4em;
  color: #fff;
  background: url(../img/common/img_ribbon05.svg) no-repeat;
  background-size: contain;
  text-align: center;
  line-height: 1.2;
  padding: .4em .4em 0 0;
  width: 45px;
  height: 50px;
  left: -1px;
  top: -.4em;
}

.c_list_item i.yoku {
  background-image: url(../img/common/img_ribbon05.svg);
}

.c_list_item i.soku {
  background-image: url(../img/common/img_ribbon06.svg);
}

.c_list_item i.ju {
  background-image: url(../img/common/img_ribbon07.svg);
}

.c_list_item dl {
  text-align: center;
  font-size: 1.4em;
  line-height: 1.5;
  padding: .6em 0;
}

.c_list_item .price {
  color: #A50D0D;
  font-weight: bold;
  font-size: 114%;
}

.c_list_item .price small {
  font-size: 87.5%;
}

.c_list_item img {
  outline: solid 1px #141414;
  width: 100%;
  height: auto;
}

.c_list_item ul {
  margin: 1px -1px 0 -2px;
}

.c_list_item li li {
  float: left;
  width: calc(33.3% - 1px);
  background: #141414;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  padding: .5em 0;
  margin-left: 1px;
}

@media screen and (min-width: 769px) {
  .c_list_item {
    padding-bottom: 1.3em;
  }
}

@media screen and (max-width: 768px) {
  .c_list_item {
    margin: 0;
    padding-top: 0;
    padding-bottom: .4em;
  }
  .c_list_item > li {
    width: 32.9%;
    margin: 0 1px 1.3em;
    padding: 0 1px;
  }
  .c_list_item > li:nth-child(3n + 1) {
    margin-right: 0;
  }
  .c_list_item > li:nth-child(3n + 2) {
    margin-right: 0;
  }
  .c_list_item dl {
    font-size: 1.2em;
  }
  .c_list_item ul {
    margin-bottom: -.4em;
  }
  .c_list_item i {
    font-size: 1em;
    width: 35px;
    left: 0;
    padding: .3em .6em 0 0;
  }
  .c_list_item li li {
    width: calc(50% - 1px);
    padding: .2em 0 .3em;
  }
  .c_list_item li li:nth-child(3) {
    width: calc(100% - 1px);
    margin: 1px 1px 0;
  }
}

/* =================================
item
================================= */
.c_item_1 {
  margin: 0 0 2%;
}

.c_item_1 li + li {
  border-top: solid 1px #141414;
  padding: 2% 0 0;
  margin: 2% 0 0;
}

.c_item_1 li:nth-child(even) .txt {
  float: left;
}

.c_item_1 li:nth-child(even) img {
  float: right;
}

.c_item_1 li:nth-child(odd) .txt {
  float: right;
}

.c_item_1 li:nth-child(odd) img {
  float: left;
}

@media screen and (max-width: 768px) {
  .c_item_1 {
    margin: 0 0 3em;
  }
  .c_item_1 li {
    padding: 2em 0;
    margin: 0;
    border-bottom: none;
    border-top: solid 1px #141414;
  }
  .c_item_1 li + li {
    padding: 2em 0;
    margin: 0;
  }
}

.c_item_1 p {
  font-size: 1.5em;
  line-height: 1.6;
  padding: 0 0 0 1.1em;
}

.c_item_1 .ttl {
  border-left: solid 2px #141414;
  font-size: 2em;
  padding: 0 0 0 .8em;
  line-height: 1.4;
  margin: 0 0 1em;
}

.c_item_1 .ttl small {
  font-size: .7em;
  display: block;
  margin-top: .5em;
}

.c_item_1 .txt {
  width: 540px;
}

.c_item_1 img {
  width: 420px;
}

@media screen and (max-width: 768px) {
  .c_item_1 p {
    padding: 0 0 1.5em;
  }
  .c_item_1 .txt {
    width: auto;
    float: none !important;
  }
  .c_item_1 img {
    width: 100%;
    float: none !important;
  }
}

/* =================================
hoge
================================= */
/* =================================
c_txt
================================= */
.c_txt_1 {
  font-size: 1.4em;
  line-height: 1.8;
  margin: -.3em 0 1.5em;
}

/* =================================
more
================================= */
.c_more {
  text-align: center;
  margin: .3em 0 4.5em;
}

@media screen and (max-width: 768px) {
  .c_more {
    margin: .3em 0 3.2em;
  }
}

.c_more a {
  display: inline-block;
/*
  background: #0DA6A6;
  background: red;
*/
  background: #0DA6A6;
  box-shadow: 0 6px 0 0 #0B8C8C;
  width: 240px;
  padding: .95em 0 .9em 1em;
  color: #fff;
  font-size: 1.4em;
/*
  transition: background .2s ease-in;
*/
  position: relative;
  border-radius: .4em;
  zoom:1
}

.c_more a span {
  display: inline-block;
  position: relative;
}

.c_more a span:before {
  content: '';
  position: absolute;
  left: -1.6em;
  top: 45%;
  width: .4em;
  height: .4em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
}

.c_more a:hover {
  opacity: 1;
/*
  background: #0B8C8C;
  background: blue;
  transition: background .2s ease-in;
*/
  background: #0B8C8C;
  box-shadow: none;
  bottom: -6px;
}

@media screen and (max-width: 768px) {
  .c_more a {
    width: 159px;
    font-size: 1.0em;
    box-shadow: 0 4px 0 0 #0B8C8C;
  }
}

.c_more_box.close .c_more a:before {
  content: '閉じる';
}

.c_more_box.close .c_list_3 li {
  display: block !important;
}

.c_more_box.more .c_more a:before {
  content: 'もっと見る';
}

@media screen and (min-width: 769px) {
  .c_more_box.more .c_list_3 li:nth-child(-n + 5) {
    display: block !important;
  }
  .c_more_box.more .c_list_3 li:nth-child(n + 6) {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .c_more_box.more .c_list_3 li:nth-child(-n + 6) {
    display: block !important;
  }
  .c_more_box.more .c_list_3 li:nth-child(n + 7) {
    display: none !important;
  }
}

/* =================================
btn
================================= */
.c_btn_search {
  text-align: center;
  margin-bottom: .5em;
}

.c_btn_search button {
  font-size: 1.4em;
  display: inline-block;
  background: #0DA6A6;
  width: 215px;
  color: #fff;
  box-shadow: 0 5px 0 0 #0B8C8C;
  padding: .75em 0 .65em 1em;
  border-radius: .4em;
  position: relative;
}

.c_btn_search button:hover {
  background-color: #0B8C8C;
  box-shadow: none;
  bottom: -5px;
}

.c_btn_search button span {
  position: relative;
  display: inline-block;
}

.c_btn_search button span:before {
  content: '';
  position: absolute;
  left: -1.6em;
  top: 45%;
  width: .4em;
  height: .4em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .c_btn_search button {
    width: 200px;
  }
}

.c_btn_cart {
  text-align: center;
  margin-bottom: .5em;
}

.c_btn_cart button {
  font-size: 14px;
  display: inline-block;
  background: #A50D0D;
  width: 230px;
  color: #fff;
  box-shadow: 0 5px 0 0 #8b0505;
  padding: 1.4em 0 .8em;
  border-radius: .4em;
  position: relative;
}

.c_btn_cart button img {
  vertical-align: -25%;
  margin-right: .5em;
}

.c_btn_cart button:hover {
  box-shadow: none;
  bottom: -5px;
}

/* =================================
icon
================================= */
.c_icon_1 i {
  background: url(../img/ico/ico_star_off.svg) no-repeat;
  width: 20px;
  height: 16px;
  display: inline-block;
}

.c_icon_1 i.a {
  background-image: url(../img/ico/ico_star_on.svg);
}

.c_icon_1 i:nth-child(5) {
  margin: 0 12px 0 0;
}

/* =================================
c_tab
================================= */
.c_tab {
  text-align: center;
  margin: 0 0 2.8em;
  padding: .3em 0 0;
}

.c_tab li {
  float: left;
  width: 20%;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0 0 0 1px;
}

.c_tab li > * {
  height: 2.8em;
  display: block;
  background: #141414;
  color: #fff;
  border: solid 1px #141414;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c_tab li > *:hover {
  opacity: 1;
  background: #141414;
}

.c_tab li .active {
  background: #fff;
  color: #141414;
  position: relative;
}

@media screen and (min-width: 769px) {
  .c_tab {
    position: relative;
    border-bottom: solid 1px #141414;
    padding: 0 2em;
  }
  .c_tab .sp {
    display: none;
  }
  .c_tab:before {
    content: '';
    width: 984px;
    right: -2px;
    position: absolute;
    bottom: 0;
  }
  .c_tab li {
    margin-bottom: -1px;
  }
  .c_tab li > * {
    border-bottom: none;
    border-top: none;
  }
  .c_tab li .active:before {
    content: '';
    position: absolute;
    top: -5px;
    left: -1px;
    border-top: solid 5px #141414;
    width: calc(100% + 2px);
  }
}

@media screen and (max-width: 768px) {
  .c_tab {
    margin: 0 auto 2.3em;
    border-bottom: none;
  }
  .c_tab .pc {
    display: none;
  }
  .c_tab li {
    width: 33%;
    padding: 0 0 1px 1px;
  }
  .c_tab li > * {
    height: 3em;
  }
}


/* ======================================================================
 setting
====================================================================== */
/* =================================
l_content_size
================================= */
.l_content_size_sp_1 {
  padding: 0 4.6875%;
}

@media screen and (min-width: 1025px) {
  .l_content_size_sp_1 {
    max-width: 1240px;
    margin: 0 auto;
  }
}

.l_content_size_pc_1 {
  width: 1240px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .l_content_size_pc_1 {
    width: auto;
  }
}

/* =================================
l_container
================================= */
.l_container {
  opacity: 0;
  position: relative;
}

/* =================================
l_header
================================= */
.l_header {
  height: 154px;
  overflow: hidden;
}

.l_header .top {
  border-top: solid 3px #A50D0D;
  position: relative;
  height: 100px;
  padding-top: 1.9em;
  text-align: right;
}

.l_header.fixed .btm {
  position: fixed;
  top: 0;
  z-index: 99;
}

.l_header .btm {
  background: #141414;
  position: absolute;
  height: 54px;
  width: 100%;
}

.l_header .logo {
  left: 0;
  position: absolute;
}

.l_header .l_content_size_pc_1 {
  position: relative;
}

.l_header .deliv, .l_header .moji, .l_header .pay, .l_header .tel {
  display: inline-block;
  vertical-align: middle;
}

.l_header .moji {
  margin-left: 11px;
}

.l_header .pay {
  margin-left: 19px;
}

.l_header .tel {
  margin: 0 5px 0 12px;
  padding: 6px 0 0;
}

.l_header .tel img {
  width: 243px;
}

.l_header .tel p {
  font-size: 1.2em;
  margin-top: .5em;
  letter-spacing: .02em;
}

.l_header .tel i {
  display: inline-block;
  margin-left: 1em;
  font-style: normal;
  font-size: 1rem;
  border: solid 1px #141414;
  padding: .1em .7em;
  margin-right: 4px;
}

.l_header .cart {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}

.l_header .cart p {
  display: inline-block;
  font-weight: bold;
  text-align: left;
  padding: 1em 1.5em 0 0;
}

.l_header .cart p em {
  display: block;
  font-size: 1.6em;
  font-style: normal;
  margin-top: .3em;
}

.l_header .cart p span {
  font-size: 1.2em;
}

.l_header .cart img {
  position: absolute;
  left: 2em;
  top: 1.6em;
}

.l_header .cart a {
  display: block;
  width: 160px;
  height: 54px;
  background: #A50D0D;
  transition: all .2s ease-in;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
}

.l_header .cart a:hover {
  opacity: 1;
  background-color: #7E0606;
}

.l_header .nav {
  position: absolute;
  top: 0;
  height: 100%;
  text-align: center;
}

.l_header .nav li {
  float: left;
  width: 135px;
  border-left: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

.l_header .nav li:nth-child(n + 7) a {
  background: #0DA6A6;
  border: solid 1px #0DA6A6;
}

.l_header .nav li:nth-child(n + 7) a:hover {
  opacity: 1;
  background-color: #0B8C8C;
  color: #fff;
}

.l_header .nav img {
  display: block;
  margin: 0 auto .5em;
}

.l_header .nav a {
  height: 54px;
  font-size: 1.4em;
  line-height: 1.4;
  background: #141414;
  transition: all .2s ease-in;
  border: solid 1px #141414;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l_header .nav a:hover {
  opacity: 1;
  background-color: #505050;
}

.l_header a {
  display: block;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .l_header {
    display: none;
  }
}

/* =================================
l_header_side
================================= */
.l_header_side {
  position: fixed;
  right: 0;
  z-index: 6;
  font-size: 1.4em;
  top: 300px;
}

.l_header_side a {
  text-align: center;
  width: 4.2em;
  display: block;
  background: #0DA6A6 url(../img/ico/ico_search.svg) no-repeat center 1.7em;
  color: #fff;
  padding: 3.5em 1.5em 2.3em;
  line-height: 1.1;
  transition: all .2s ease-in;
}

.l_header_side a:hover {
  opacity: 1;
  background-color: #0B8C8C;
}

@media screen and (max-width: 768px) {
  .l_header_side {
    display: none;
  }
}

/* =================================
l_header_sp
================================= */
.l_header_sp {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 91px;
  background: #fff;
  border-top: solid 2px #A50D0D;
}

.l_header_sp .top {
  position: relative;
  height: 46px;
  padding: 0 0 0 4%;
}

.l_header_sp a {
  display: block;
}

.l_header_sp .logo {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.l_header_sp .logo img {
  width: 125px;
}

@media screen and (max-width: 400px) {
  .l_header_sp .logo img {
/*
    width: calc(100vw - 235px);
*/
   width: 125px;
  }
}

.l_header_sp ul {
  position: absolute;
  right: 0;
}

.l_header_sp li {
  text-align: center;
  float: left;
}

.l_header_sp li span {
  display: block;
}

.l_header_sp li a {
  position: relative;
  padding: 8px 0 0;
  width: 57px;
  height: 46px;
  box-sizing: border-box;
}

.l_header_sp li img {
  width: 18px;
  margin-bottom: .25em;
}

.l_header_sp li a span {
  font-size: 10px;
}


.l_header_sp .menu {
  width: 50px;
}

.l_header_sp .menu .close {
  opacity: 0;
}

.l_header_sp .menu .open {
  position: absolute;
}

.l_header_sp .mypage {
  background: #0DA6A6;
  color: #fff;
}

.l_header_sp .cart {
  background: #A50D0D;
  color: #fff;
}

.l_header_sp .cart i {
  font-style: normal;
  position: absolute;
  right: .65em;
  top: .3em;
  background: #e3721e;
  border: solid 1px #fff;
  border-radius: 100%;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.5;
  font-size: 1.0em;
}

.l_header_sp .btm {
  position: absolute;
  width: 100%;
  top: 46px;
  z-index: 1;
  color: #fff;
  background: #141414;
  padding: 0 4%;
  height: 45px;
}

.l_header_sp .search {
  position: relative;
  border: solid 1px #fff;
/*
  width: calc(100% - 115px);
*/
  width: calc(100% - 95px);
  border-radius: .3em;
}

.l_header_sp .search input[type="text"] {
/*
  width: calc(100% - 40px);
*/
  width: 100%;
  height: 30px;
  padding: .4em .6em;
  background: #fff;
  box-sizing: border-box;
}

.l_header_sp .search input[type="submit"] {
  background: #141414 url(../img/ico/ico_search.svg) no-repeat center center;
  width: 36px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  color: transparent;
}

.l_header_sp .cate {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border: solid 1px #fff;
  color: #fff;
  border-radius: .3em;
  width: 91px;
  text-align: center;
  padding: .7em 0 0 0;
  font-size: 1.0em;
}

.l_header_sp .cate img {
  width: 15px;
  vertical-align: -30%;
  margin-right: 9px;
}

.l_header_sp .cate .close {
  opacity: 0;
}

.l_header_sp .cate .open {
  position: absolute;
}

.l_header_sp .inner {
  position: relative;
  margin: 7px 0 0 0;
}

@media screen and (min-width: 769px) {
  .l_header_sp {
    display: none;
  }
}

html.open .l_header_sp .menu .open {
  opacity: 0;
}

html.open .l_header_sp .menu .close {
  opacity: 1;
}

html.open.open_category .l_menu_sp .cate {
  display: block;
  padding-top: 2%;
}

html.open.open_category .l_menu_sp .nav, html.open.open_category .l_menu_sp .bnr, html.open.open_category .l_menu_sp .cal {
  display: none;
}

html.open.open_category .l_header_sp .menu .open {
  opacity: 1;
}

html.open.open_category .l_header_sp .menu .close {
  opacity: 0;
}

html.open.open_category .l_header_sp .cate .open {
  opacity: 0;
}

html.open.open_category .l_header_sp .cate .close {
  opacity: 1;
}

/* =================================
l_menu_sp
================================= */
.l_menu_sp {
  position: fixed;
  background: #fff;
  width: 100%;
  top: 91px;
  left: 0;
  display: none;
}

.l_menu_sp .inner {
  height: calc(100vh - 91px);
  overflow-y: auto;
}

.l_menu_sp .close {
  text-align: center;
  font-size: 1.2em;
  display: block;
  padding: 1em 0 3em;
}

@media screen and (min-width: 769px) {
  .l_menu_sp {
    display: none !important;
  }
}

.l_menu_sp .nav.a {
  background: #141414;
  border-top: solid 1px #323232;
}

.l_menu_sp .nav.a a {
  color: #fff;
}

.l_menu_sp .nav.a li {
  border-bottom: solid 1px #323232;
}

.l_menu_sp .nav.b {
  background: #0DA6A6;
}

.l_menu_sp .nav.b a {
  color: #fff;
}

.l_menu_sp .nav.b li {
  border-bottom: solid 1px #059292;
}

.l_menu_sp .nav.c {
  background: #F0F0F0;
}

.l_menu_sp .nav.c a {
  color: #0DA6A6;
  padding: 1.4em 4%;
}

.l_menu_sp .nav.c a span {
  display: block;
  color: #141414;
  margin-top: .5em;
  font-size: 90%;
}

.l_menu_sp .nav.c a:before {
  border-top: 2px solid #0DA6A6;
  border-right: 2px solid #0DA6A6;
}

.l_menu_sp .nav.c li {
  border-bottom: solid 1px #DCDCDC;
}

.l_menu_sp .nav a {
  display: block;
  font-size: 1.4em;
  padding: 1.7em 4%;
  position: relative;
}

.l_menu_sp .nav a:before {
  content: '';
  position: absolute;
  right: 4.8%;
  width: .4em;
  height: .4em;
  top: 48%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
}

.l_menu_sp .cate {
  display: none;
  padding: 0 2%;
}

.l_menu_sp .cate li {
  border: solid 1px #F0F0F0;
  width: 49%;
  margin: 0 0 2%;
  background: #fff;
}

.l_menu_sp .cate li a {
  display: block;
  position: relative;
}

.l_menu_sp .cate li p {
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translate(0, -50%);
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3;
}

.l_menu_sp .cate li p small {
  font-size: 85.7%;
}

.l_menu_sp .cate li img {
  display: block;
  height: 60px;
  margin-left: 4%;
}

.l_menu_sp .cate li:nth-child(odd) {
  float: left;
}

.l_menu_sp .cate li:nth-child(even) {
  float: right;
}

.l_menu_sp .bnr {
  margin: 5% 15%;
}

.l_menu_sp .bnr img {
  max-width: 100%;
  display: block;
}

.l_menu_sp .bnr a {
  display: block;
  padding: 1px;
  background: #fff;
  border: solid 1px #DCDCDC;
}

.l_menu_sp .bnr li + li {
  margin-top: -1px;
}

.l_menu_sp .cal {
  background: #fff;
  text-align: center;
  margin: 0 4%;
}

.l_menu_sp .cal dt {
  color: #fff;
  font-weight: bold;
  font-size: 1.4em;
  padding: 1em 0;
  background: #141414;
}

.l_menu_sp .cal dd {
  border: solid 1px #DCDCDC;
}

.l_menu_sp .close {
  text-align: center;
  margin: .3em 0 3.6em;
}

.l_menu_sp .close a {
  display: inline-block;
  background: #0DA6A6;
  box-shadow: 0 6px 0 0 #0B8C8C;
  width: 200px;
  border-radius: .3em;
  padding: 1em 0 .8em;
  font-weight: bold;
  color: #fff;
  font-size: 1.2em;
  transition: background .2s ease-in;
  position: relative;
}

.l_menu_sp .close a img {
  width: 15px;
  vertical-align: -15%;
  margin-right: .5em;
}

.l_menu_sp .close a:hover {
  opacity: 1;
  background: #0B8C8C;
  box-shadow: none;
  bottom: -6px;
}

/* =================================
l_header_nav
================================= */
.l_header_nav {
  position: relative;
  z-index: 1;
}

.l_header_nav li a {
  display: block;
}

.l_header_nav nav {
  padding: 18px 10px 25px;
  text-align: center;
}

.l_header_nav p {
  height: 2.6em;
  font-size: 1.2em;
  line-height: 1.4;
  font-weight: bold;
}

.l_header_nav p span {
  position: relative;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
}

@media screen and (min-width: 769px) {
  .l_header_nav.sp {
    position: absolute;
    left: 0;
    width: 100%;
    visibility: hidden;
  }
  .l_header_nav .bx-prev {
    display: none;
  }
  .l_header_nav .bx-next {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .l_header_nav {
    margin: 60px 0 0;
  }
  .l_header_nav.pc {
    position: absolute;
    left: 0;
    width: 100%;
    visibility: hidden;
  }
  .l_header_nav nav {
    padding: 10px 50px 0;
  }
  .l_header_nav .bx-prev {
    left: 2em;
    background: url(../img/ico/ico_arrow_slide_l_sp.svg) no-repeat center center;
  }
  .l_header_nav .bx-next {
    right: 2em;
    background: url(../img/ico/ico_arrow_slide_r_sp.svg) no-repeat center center;
  }
  .l_header_nav .bx-controls-direction a {
    position: absolute;
    top: 0;
    width: 12px;
    height: 100%;
    z-index: 98;
    color: transparent;
    background-size: contain;
  }
}

/* =================================
l_header_news
================================= */
.l_header_news {
  background: #F0F0F0;
  padding: 1.8em 0;
  margin: 0 0 2em;
}

.l_header_news p {
  position: relative;
  font-size: 1.2em;
  padding: 0 0 0 3.6em;
}

.l_header_news p:before {
  content: '';
  position: absolute;
  background: #141414 url(../img/ico/ico_news.svg) no-repeat center center;
  left: 1px;
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translate(0, -50%);
}

.l_header_news p a {
  text-decoration: underline;
}

@media screen and (min-width: 769px) {
  .l_header_news {
    display: none;
  }
}

/* =================================
l_breadcrumbs
================================= */
.l_breadcrumbs {
  background: url(../img/common/line_pattern01.png) repeat-x;
  border-bottom: solid 1px #e6e6e6;
  padding: 19.5px 0 14px;
  margin: 0 -.35em 2em;
}

.l_breadcrumbs > span {
  font-size: 1.2em;
  display: inline-block;
}

.l_breadcrumbs > span + span:before {
  content: '>';
  margin: 0 .25em 0 .5em;
  color: #c8c8c8;
}

.l_breadcrumbs a {
  color: #0DA6A6;
}

@media screen and (max-width: 768px) {
  .l_breadcrumbs {
    white-space: nowrap;
    overflow-x: auto;
    padding: 2.1em 0 1.4em;
  }
  .l_breadcrumbs > span {
    font-size: 1em;
  }
}

/* =================================
l_main_visual
================================= */
/* =================================
l_content
================================= */
@media screen and (max-width: 768px) {
  .l_content {
    margin: 91px 0 0;
  }
}

@media screen and (max-width: 768px) {
  body.page .l_content {
    margin: 125px 0 0;
  }
}

/* =================================
l_main
================================= */
.l_main {
  width: 940px;
  float: right;
}

@media screen and (max-width: 768px) {
  .l_main {
    width: auto;
    float: none;
  }
}

/* =================================
l_side
================================= */
body.page .l_side .search {
  display: none;
}

.l_side {
  width: 260px;
  float: left;
  margin-left: -1px;
  margin-top: -1px;
}

.l_side dl {
  margin-bottom: 20px;
  background: #F0F0F0;
}

.l_side dt {
  color: #fff;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
  padding: 15px 0 0;
  background: #141414;
  height: 45px;
}

.l_side dd {
  padding: 20px 20px 22px;
}

.l_side .news dt {
  background: #A50D0D;
  padding: 12px 0 0 2px;
  font-weight: normal;
}

.l_side .news dt img {
  vertical-align: -40%;
  margin-right: .6em;
}

.l_side .news dd {
  background: #fdeeee;
  padding: 20px 21px 25px;
}

.l_side .news a {
  font-size: 1.2em;
  padding-left: 1.5em;
  display: block;
  position: relative;
}

.l_side .news a span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #A50D0D;
  font-weight: bold;
  margin-top: .7em;
  font-size: 116%;
}

.l_side .news a:before {
  content: '';
  position: absolute;
  left: -.5em;
  top: 50%;
  width: .5em;
  height: .5em;
  border-top: 2px solid #A50D0D;
  border-right: 2px solid #A50D0D;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
}

.l_side .news li + li {
  margin-top: 14px;
  padding-top: 14px;
  border-top: dotted 1px #A50D0D;
}

.l_side .deliv dd {
  padding-bottom: 2.4em;
  padding-left: 2.15em;
}

.l_side .deliv dd dl {
  background: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 2px 0 0;
}

.l_side .deliv dd dl.b {
  margin: 1.4em 2px 1.4em 0;
}

.l_side .deliv dd dl.b dt {
  background: #0DA6A6;
}

.l_side .deliv dd dl.b dt:before {
  border-color: transparent transparent transparent #0DA6A6;
}

.l_side .deliv dd dl.b dd em {
  color: #0DA6A6;
}

.l_side .deliv dd dt {
  position: absolute;
  color: #fff;
  font-size: 1.4em;
  margin-bottom: .5em;
  font-weight: bold;
  text-align: left;
  padding: .65em .5em 0 1.2em;
  line-height: 1.4;
  letter-spacing: .05em;
  background: #A50D0D;
  height: 100%;
}

.l_side .deliv dd dt:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 3em 0 3em 1em;
  border-color: transparent transparent transparent #A50D0D;
  right: -.8em;
  top: 50%;
  transform: translate(0, -50%);
}

.l_side .deliv dd dd {
  padding: .8em 0 .7em;
  font-size: 1.2em;
  line-height: 1.2;
  margin-left: 6.6em;
}

.l_side .deliv dd dd em {
  font-style: normal;
  font-size: 1.333em;
  color: #A50D0D;
  font-weight: bold;
  margin: 0 0 0 .3em;
}

.l_side .deliv dd dd i {
  font-style: normal;
  font-size: 1.25em;
}

.l_side .deliv dd dd span {
  margin: 0 0 0 .45em;
}

.l_side .deliv dd .detail {
  text-align: center;
  font-size: 1.2em;
}

.l_side .deliv dd .detail a {
  border-bottom: solid 1px #141414;
}

.l_side .search dt {
  padding: 1.15em 2px 1.15em 0;
}

.l_side .search dd dl {
  border: none;
  margin-bottom: 0;
}

.l_side .search dd dt {
  color: #141414;
  font-size: 1.4em;
  margin-bottom: 10px;
  text-align: left;
  padding: 0;
  background: transparent;
  height: auto;
}

.l_side .search dd dd {
  padding: 0;
  font-size: 1.2em;
  margin-bottom: 15px;
  margin-left: 1px;
}

.l_side .search dd dd select {
  font-size: 1em;
}

.l_side .search dd .left {
  float: left;
  width: 100px;
  position: relative;
}

.l_side .search dd .left:before {
  content: '-';
  position: absolute;
  right: -.9em;
  bottom: 23px;
  font-size: 1.4em;
}

.l_side .search dd .left dd {
  margin-bottom: 13px;
}

.l_side .search dd .right {
  float: right;
  width: 100px;
}

.l_side .search dd .right dd {
  margin-bottom: 13px;
}

.l_side .search dd .c_btn_search {
  margin-top: 2em;
}

.l_side .search dd .txt {
  position: relative;
}

.l_side .search dd .txt input[type="text"] {
  width: 194px;
  height: 28px;
  border: solid 1px #c8c8c8;
  border-right: none;
  padding: .4em .6em;
  background: #fff;
  border-radius: .2em;
}

.l_side .search dd .txt input[type="submit"] {
  background: #141414 url(../img/ico/ico_search.svg) no-repeat center center;
  width: 26px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 0;
  color: transparent;
  border-radius: 0 .2em .2em 0;
}

.l_side #category {
  position: absolute;
  margin-top: -60px;
  width: 100%;
  left: 0;
}

.l_side .cate {
  background: #f8f8f8;
}

.l_side .cate dd {
  padding-bottom: 10px;
}

.l_side .cate .head {
  background: #fff;
  border: solid 1px #F0F0F0;
  border-radius: .2em;
  color: #A50D0D;
  font-size: 1.8em;
  font-weight: bold;
  position: relative;
  padding: .4em 0 .4em 4.4em;
  line-height: 1.4;
  margin-bottom: .5em;
}

.l_side .cate .head small {
  display: block;
  font-size: 66.66%;
}

.l_side .cate .head:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 64px;
  background: #A50D0D url(../img/ico/ico_express.svg) no-repeat center center;
}

.l_side .cate li + li {
  border-top: dashed 1px #acacac;
}

.l_side .cate li a {
  display: block;
  position: relative;
  padding: 7px 0 .54em;
  height: 74px;
}

.l_side .cate li p {
  position: absolute;
  top: 50%;
  left: .3em;
  transform: translate(0, -50%);
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3;
}

.l_side .cate li p small {
  font-size: 85.7%;
}

.l_side .cate li img {
  display: block;
  margin-left: auto;
  margin-right: -1px;
}

.l_side .bnr {
  margin-bottom: 2em;
}

.l_side .bnr img {
  max-width: 100%;
  display: block;
}

.l_side .bnr a {
  display: block;
  padding: 1px;
  border: solid 1px #DCDCDC;
}

.l_side .bnr li + li {
  margin-top: -1px;
}

.l_side .use dd {
  padding: 26px 20px 24px 21px;
}

.l_side .use li {
  position: relative;
}

.l_side .use li + li {
  margin-top: 2em;
  padding-top: 1.96em;
  border-top: dashed 1px #acacac;
}

.l_side .use li a {
  display: block;
  padding-left: 5.5em;
}

.l_side .use li img {
  position: absolute;
  left: 0;
  bottom: -.5em;
}

.l_side .use li p {
  font-size: 1.4em;
  font-weight: bold;
}

.l_side .use li p span {
  display: block;
  font-size: 85.7%;
  margin-top: .7em;
  font-weight: normal;
}

.l_side .cal {
  background: #fff;
  text-align: center;
}

.l_side .cal dd {
  padding: 0;
  border: solid 1px #DCDCDC;
}

.l_side .cal img {
  display: block;
}

@media screen and (max-width: 768px) {
  .l_side {
    width: auto;
    float: none;
    display: none;
  }
  .l_side dl {
    margin: 0;
  }
}

/* =================================
l_footer_note
================================= */
.l_footer_note {
  margin: 90px 0 -8px;
}

@media screen and (max-width: 768px) {
  .l_footer_note {
    margin: 0;
  }
}

.l_footer_note .info {
  position: relative;
}

.l_footer_note .info dt {
  color: #0DA6A6;
  font-weight: bold;
}

.l_footer_note .info dt.l_footer_note_postage {
  margin-bottom: -1px;
}

.l_footer_note .info dt.l_footer_note_shipping_ttl {
  margin-bottom: -2px;
}

.l_footer_note .info .l_footer_note_postage dd {
  margin-bottom: 1px;
}

.l_footer_note .info .l_footer_note_postage dd.l_footer_note_delivery_txt {
  margin-bottom: -1px;
}

.l_footer_note .info img {
  max-width: 100%;
}

.l_footer_note .info .card {
  background: #fff;
  padding: .5em 2.5em 0;
  margin: 20px 0 0;
}

.l_footer_note .info .deli {
  margin: 13px 0 0;
}

.l_footer_note .info .ttl {
  background: #141414;
  color: #fff;
  font-weight: bold;
  padding: 1.08em 1.5em 1.18em 1.5em;
  text-align: center;
  font-size: 1.4em;
}

.l_footer_note .info .link {
  font-size: .85em;
  padding-right: 2px;
}

.l_footer_note .info .link a {
  padding-left: 1.4em;
  position: relative;
  display: inline-block;
}

.l_footer_note .info .link a:before {
  content: '';
  position: absolute;
  left: -5px;
  top: .6em;
  width: .4em;
  height: .4em;
  border-top: 2px solid #0DA6A6;
  border-right: 2px solid #0DA6A6;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.l_footer_note .info .box {
  font-size: 1.4em;
  line-height: 1.77;
  padding: 1em 1.4em 2.5em;
  background: #f8f8f8;
  height: calc(100% - 3em);
  position: relative;
}

.l_footer_note .info .box dd, 
.l_footer_note .info .box p {
  margin-bottom: .75em;
}

.l_footer_note .info .l_footer_note_postage .box dd {
  margin-bottom: .7em;
}

.l_footer_note .info .l_footer_note_return .box dd.l_footer_note_defective_txt {
  padding-bottom: 10px;
}



.l_footer_note .info .box li {
  position: relative;
  padding: 0 0 0 1em;
}

.l_footer_note .info .box li.l_footer_note_postage_cash {
	margin-bottom: -3px;
}

.l_footer_note .info .box li:before {
  content: '';
  position: absolute;
  left: .2em;
  top: .7em;
  width: .4em;
  height: .4em;
  background: #0DA6A6;
  border-radius: 100%;
}

.l_footer_note .info .box li em {
  display: block;
  font-style: normal;
}




@media screen and (min-width: 769px) {
  .l_footer_note .info {
    position: relative;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .l_footer_note .info + .info {
    padding-top: 4px;
  }
  .l_footer_note .info > li {
    flex-basis: 455px;
    max-width: 455px;
  }
  .l_footer_note .info .link {
    text-align: right;
    bottom: 1.5em;
    right: 1.5em;
    position: absolute;
  }
}

@media screen and (max-width: 768px) {
  .l_footer_note .info .ttl {
    text-align: center;
    padding: 10px 1.5em 10px;
    font-size: 1.2em;
  }

  .l_footer_note .info .card {
    padding: 0;
    margin: -4px 0 0;
  }
  .l_footer_note .info .link {
    text-align: center;
    margin: 1.2em 0 0;
  }
  .l_footer_note .info .box {
    padding: 1.4em 1.2em 1.4em;
    font-size: 1.2em;
  }

  .l_footer_note .info .link a:before {
    left: 1px;
  }

  .l_footer_note .info .l_footer_note_postage dd.l_footer_note_delivery_txt {
    margin-bottom: 3px;
  }

  .l_footer_note .info dt.l_footer_note_shipping_ttl {
    margin-bottom: 1px;
  }

  .l_footer_note .info .box li.l_footer_note_postage_cash {
    margin-bottom: 1px;
  }

  .l_footer_note .info .l_footer_note_delivary_time {
    margin-top: -10px;
  }

  .l_footer_note .info .deli {
    margin: 6px 0 7px;
  }

  .l_footer_note .info .l_footer_note_return .box {
    padding: 1.0em 1.2em 1.4em;
    font-size: 1.2em;
  }

  .l_footer_note .info .l_footer_note_return .box dd, 
  .l_footer_note .info .l_footer_note_return .box p {
    margin-bottom: .55em;
  }

  .l_footer_note .info .l_footer_note_return .box dd.l_footer_note_cancel_txt  {
    margin-bottom: .35em;
  }

  .l_footer_note .info .l_footer_note_return .box dd.l_footer_note_defective_txt {
    padding-bottom: 0px;
  }

  .l_footer_note .info .l_footer_note_privacy .box p {
    margin-bottom: .6em;
  }

  .l_footer_note .info .l_footer_note_privacy .link  {
    margin-top: 5px;
  }


}

/* =================================
l_pagetop
================================= */
.l_pagetop a {
  display: block;
  width: 70px;
  margin-left: auto;
}

.l_pagetop img {
  display: block;
}

@media screen and (max-width: 768px) {
  .l_pagetop {
    display: none;
  }
}

/* =================================
l_footer
================================= */
.l_footer {
  border-top: solid 1px #141414;
  padding: 3.5em 0 0;
  background: #141414;
  color: #fff;
}

.l_footer .info {
  padding: .3em 0 0;
}

.l_footer .info p {
  font-size: 1.2em;
  line-height: 1.8;
  margin-top: 1.2em;
}

.l_footer .nav a {
  color: #fff;
  display: block;
  font-size: 1.2em;
  position: relative;
  padding: .4em 0 .4em 1em;
}

.l_footer .nav a:before {
  content: '';
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: .8em;
}

.l_footer .nav a.out {
  background: url(../img/ico/ico_link.svg) no-repeat left center;
}

.l_footer .nav a.out:before {
  content: none;
}

.l_footer .nav li + li {
  margin: .5em 0 0;
}

@media screen and (min-width: 769px) {
  .l_footer .info {
    display: inline-block;
    vertical-align: top;
    padding-right: 1em;
  }
  .l_footer .nav {
    display: inline-block;
    vertical-align: top;
    margin-left: 7.1em;
  }
}

@media screen and (max-width: 768px) {
  .l_footer {
    padding: 15px 0 .4em;
  }
  .l_footer_in {
    padding: 0 15px;
  }

  .l_footer .info img {
    width: 150px;
  }

  .l_footer .info p {
    font-size: 1.0em;
    line-height: 1.8;
    margin-top: 1.0em;
  }

  .l_footer .nav {
    display: none;
  }
  .l_footer .nav.link {
    display: block;
    margin-top: .5em;
    font-size: 1.0em;
  }
  .l_footer .nav.link li {
    margin-bottom: .4em;
  }
  .l_footer .nav.link a {
    font-size: 1.1em;
  }
}

.l_footer .copy {
  text-align: center;
  font-size: 1.2em;
  border-top: solid 1px #323232;
  padding: .4em 0 .6em;
  margin: 1.8em 0 0;
}

@media screen and (max-width: 768px) {
  .l_footer .copy {
    padding: 10px 0 5px;
    font-size: 1.0em;
  }
}

/* =================================
l_hoge
================================= */
/* ======================================================================
layout p_top
====================================================================== */
/* =================================
l_container_top
================================= */
.l_container_top {
  opacity: 0;
  position: relative;
}

/* =================================
l_header_top
================================= */
/* =================================
l_header_sp_top
================================= */
/* =================================
l_main_visual_top
================================= */
/* =================================
l_content_top
================================= */
/* =================================
l_main_top
================================= */
/* =================================
l_side_top
================================= */
/* =================================
l_footer_top
================================= */
/* =================================
l_hoge_top
================================= */
/* ======================================================================
p_top
====================================================================== */
.p_top {
  position: relative;
}

.p_top:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 8000px;
  left: 0;
  z-index: 5;
  background: url(../img/bg.png) no-repeat top center;
  display: none;
  top: 0;
  opacity: .5;
}

@media screen and (max-width: 768px) {
  .p_top .l_container .l_content .l_main .inner {
    margin: 0 4%;
  }
}

@media screen and (min-width: 769px) {
  .p_top .l_container .l_content .l_main .c_ttl_1.b span {
    margin-left: -.3em;
  }
}

.p_top .l_container .l_content .l_main .topic {
  background: #fdeeee;
  padding: 0 4%;
  margin: 0 0 2em;
}

.p_top .l_container .l_content .l_main .topic a {
  display: block;
  background: url(../img/ico/ico_info_r.svg) no-repeat left center;
  background-size: 1.8em;
  font-size: 1.4em;
  padding: 1em 1em 1em 2.5em;
  color: #A50D0D;
  line-height: 1.4;
  position: relative;
}
.pob {
  color: #141414;
  margin-right: .8em;
  font-weight: 400;
}
.por {
  color: #A50D0D;
  margin-right: .8em;
  font-weight: 700;
}

.p_top .l_container .l_content .l_main .topic a:before {
  content: '';
  position: absolute;
  right: 0;
  top: 45%;
  width: .4em;
  height: .4em;
  border-top: 2px solid #A50D0D;
  border-right: 2px solid #A50D0D;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
}

@media screen and (min-width: 769px) {
  .p_top .l_container .l_content .l_main .topic {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .p_top .l_container .l_content .l_main .topic {
    padding: 0 4%;
    margin: 0 0 19px;
  }

  .p_top .l_container .l_content .l_main .topic a {
    background: url(../img/ico/ico_info_r.svg) no-repeat left center;
    background-size: 1.7em;
    font-size: 1.2em;
    padding: 1em 1em 0.9em 2.5em;
  }

  .p_top .l_container .l_content .l_main .topic a:before {
    top: 52%;
    right: 7px;
  }


}



.p_top .l_container .l_content .l_main .main {
  margin: 0 0 1%;
}

.p_top .l_container .l_content .l_main .main a {
  display: block;
}

.p_top .l_container .l_content .l_main .main p {
  font-size: 1.4em;
  line-height: 1.6;
  padding: .6em 0 1.15em;
}

@media screen and (max-width: 768px) {
  .p_top .l_container .l_content .l_main .main p {
    padding: .4em 0 1.15em;
    font-size: 1.3em;
    text-align: left;
  }

  .p_top .l_container .l_content .l_main .main {
     margin: 0 3px 3px 3px;
     text-align: center;
   }

  .p_top .l_container .l_content .l_main .main img.sp {
   }

}

.p_top .l_container .l_content .l_main .main img {
  outline: solid 1px #141414;
/*
  width: 100%;
*/
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 769px) {
  .p_top .l_container .l_content .l_main .main img.sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .p_top .l_container .l_content .l_main .main a {
    display: inline-block;
  }

  .p_top .l_container .l_content .l_main .main img.pc {
    display: none;
  }
}

.p_top .l_container .l_content .l_main .slide {
  position: relative;
  overflow: hidden;
  margin: 0 0 2.6em;
}

.p_top .l_container .l_content .l_main .slide:before, .p_top .l_container .l_content .l_main .slide:after {
  content: '';
  position: absolute;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  z-index: 1;
}

.p_top .l_container .l_content .l_main .slide:before {
  right: 50%;
  margin-right: 280px;
}

.p_top .l_container .l_content .l_main .slide:after {
  left: 50%;
  margin-left: 280px;
}

.p_top .l_container .l_content .l_main .slide li {
  margin: 2px 0 0;
  padding: 1px 16px;
}

.p_top .l_container .l_content .l_main .slide li i {
  position: absolute;
  bottom: .5em;
  right: .5em;
  background: #141414;
  color: #fff;
  font-style: normal;
  font-size: 1.2em;
  padding: .3em 1em;
}

.p_top .l_container .l_content .l_main .slide li img {
  width: 100%;
  height: auto;
}

.p_top .l_container .l_content .l_main .slide .wrap {
  position: relative;
  outline: solid 1px #141414;
}

.p_top .l_container .l_content .l_main .slide .img {
  position: relative;
}

.p_top .l_container .l_content .l_main .slide p {
  font-size: 1.4em;
  line-height: 1.8;
  padding: .8em 1.5em 1.1em 1.5em;
}

.p_top .l_container .l_content .l_main .slide .bx-viewport {
  overflow: visible !important;
  left: 50%;
  margin-left: -266px;
}

.p_top .l_container .l_content .l_main .slide .bx-prev {
  left: 173px;
}

.p_top .l_container .l_content .l_main .slide .bx-prev:before {
  left: 10px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.p_top .l_container .l_content .l_main .slide .bx-next {
  right: 173px;
}

.p_top .l_container .l_content .l_main .slide .bx-next:before {
  right: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.p_top .l_container .l_content .l_main .slide .bx-controls-direction a {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 30px;
  height: 60px;
  z-index: 2;
  background: #0DA6A6;
  border-radius: .3em;
  color: transparent;
  background-size: contain;
}

.p_top .l_container .l_content .l_main .slide .bx-controls-direction a:before {
  content: '';
  position: absolute;
  top: 45%;
  width: .5em;
  height: .5em;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .p_top .l_container .l_content .l_main .slide {
    margin-bottom: -4.8em;
    padding-bottom: 6.8em;
  }
  .p_top .l_container .l_content .l_main .slide:before, .p_top .l_container .l_content .l_main .slide:after {
    height: calc(100% - 68px);
  }
  .p_top .l_container .l_content .l_main .slide:before {
/*
    margin-right: calc(50% - 32px);
*/
    width: 20px;
    left: 0;
    margin-right: 0%;
  }
  .p_top .l_container .l_content .l_main .slide:after {
    width: 20px;
    left: auto;
    right: 0;
    margin-left: 0%;
/*
    margin-left: calc(50% - 32px);
*/

  }
  .p_top .l_container .l_content .l_main .slide li {
/*
    width: calc(100vw - 100px) !important;
    padding: 0 10px;
*/
    width: 250px!important;
    padding: 0 30px 0 0px;

  }
  .p_top .l_container .l_content .l_main .slide .bx-viewport {
    margin-left: calc(-50vw + 50px);
  }
  .p_top .l_container .l_content .l_main .slide .bx-prev {
    left: 4%;
  }
  .p_top .l_container .l_content .l_main .slide .bx-prev:before {
    left: 12px;
  }
  .p_top .l_container .l_content .l_main .slide .bx-next {
    right: 4%;
  }
  .p_top .l_container .l_content .l_main .slide .bx-next:before {
    right: 18px;
  }
  .p_top .l_container .l_content .l_main .slide .bx-controls-direction a {
    top: auto;
    bottom: 11px;
    transform: translate(0);
    width: 35px;
    height: 35px;
  }
  .p_top .l_container .l_content .l_main .slide .bx-controls-direction a:before {
    width: .6em;
    height: .6em;
  }

  .p_top .l_container .l_content .l_main .slide .img img {
    width: 100%;
  }

  .p_top .l_container .l_content .l_main .slide p {
    font-size: 1.2em;
    line-height: 1.7;
    padding: .8em 1.5em 1.1em 1.5em;
  }

  .p_top .l_container .l_content .l_main .slide li i {
    font-size: 1.0em;
    padding: .3em .8em;
  }

  .p_top .l_container .l_content .l_main .slide p {
    font-size: 1.0em;
    line-height: 1.6;
    padding: .5em 1.0em .5em 1.0em;
  }



}

.p_top .l_container .l_content .l_main .news {
  margin: -1.5em 0 2.5em;
}

.p_top .l_container .l_content .l_main .news li {
  position: relative;
  font-size: 1.4em;
  line-height: 1.6;
/*
  border-bottom: dashed 1px #c8c8c8;
*/
  border-bottom: none;
  background: url(../img/top/news_line.png) repeat-x 0 100%;
  padding-top: 2px;
  padding-bottom: 2px;
}

.p_top .l_container .l_content .l_main .news li:before {
  content: '';
  position: absolute;
/*
  left: -.2em;
  top: 50%;
  top: calc(50% + .8em);
*/
  left: -6px;
  top: 33px;
  width: .35em;
  height: .35em;
  border-top: 2px solid #0DA6A6;
  border-right: 2px solid #0DA6A6;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
}

.p_top .l_container .l_content .l_main .news i {
  display: inline-block;
  font-style: normal;
  background: #A50D0D;
  color: #fff;
  padding: 0 1em;
  line-height: 1.4;
  font-size: 85.7%;
  margin: 0 0 0 1em;
  font-weight: 300;
}

.p_top .l_container .l_content .l_main .news span {
  display: block;
  color: #aaaaaa;
}

.p_top .l_container .l_content .l_main .news a {
  display: block;
  padding: 8px 0 10px 19px;
}

.p_top .l_container .l_content .l_main .news li:first-child a {
  padding-top: 12px;
}

@media screen and (max-width: 768px) {
  .p_top .l_container .l_content .l_main .news {
    margin: -1.5em 0 2.0em;
  }
  .p_top .l_container .l_content .l_main .news li {
    position: relative;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.7;
  padding-bottom: 2px;
  }
  .p_top .l_container .l_content .l_main .news li:before {
    content: '';
    position: absolute;
    top: 63%;
    left: auto;
    right: 7px;
  }
  .p_top .l_container .l_content .l_main .news a {
    padding: .9em 1.5em .9em 0;
  }
  .p_top .l_container .l_content .l_main .news li:first-child a {
    padding-top: .9em;
  }

  .p_top .l_container .l_content .l_main .news span {
    font-size: 11px;
    display: block;
    margin-bottom: 3px;
  }

  .p_top .l_container .l_content .l_main .news i {
    padding: 0 6px;
    line-height: 1.4;
    font-size: 10px;
    margin: 0 0 0 1em;
  }


}

@media screen and (min-width: 769px) {
  .p_top .l_container .l_content .l_main .newsb {
    padding-bottom: 1px;
    margin-bottom: -40px;
  }
}

/* =================================
バナーエリア
================================= */
.top_banner_area {
  margin-bottom: 7px;
}

/* =================================
売れ筋ランキング
================================= */
.p_top .l_container .l_content .l_main .ranking .c_ttl_1 {
  margin: 0em 0 1.00em;
}

.ranking {
	margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
  .p_top .l_container .l_content .l_main .ranking {
    padding-top: 3px;
  }

  .p_top .l_container .l_content .l_main .ranking .c_ttl_1 {
    margin: 0em 0 1.00em;
  }

  .p_top .l_container .l_content .l_main .newsb {
    margin: -7px 4% -4px;
  }
}

/* =================================
トロフィー知識コラム
================================= */
.p_top .l_container .l_content .l_main .top_column .c_ttl_1 {
  padding: 1.3em 0 0 0;
  margin: 13px 0 1.02em;
}

.p_top .l_container .l_content .l_main .top_column .c_txt_1 {
  margin: -.3em 0 1.1em;
}

.top_column_center_wrap {
	position: relative;
	margin: 0 0 25px;
}


.top_column_center_wrap:before {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    width: 190px;
    z-index: 2;
}
.top_column_center_wrap:after {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    right: 0;
    width: 190px;
    z-index: 2;
}

.top_column_in {
	padding: 1px 15px;
}

.p_top .l_container .l_content .l_main .top_column_in .wrap {
  position: relative;
  outline: solid 1px #141414;
}

.p_top .l_container .l_content .l_main .top_column_in .img {
  position: relative;
}

.p_top .l_container .l_content .l_main .top_column_in i {
  position: absolute;
  bottom: .5em;
  right: .5em;
  background: #141414;
  color: #fff;
  font-style: normal;
  font-size: 1.2em;
  padding: .3em 1em;
}

.p_top .l_container .l_content .l_main .top_column_in img {
  width: 100%;
  height: auto;
}

.p_top .l_container .l_content .l_main .top_column_in p {
  font-size: 1.4em;
  line-height: 1.8;
  padding: .8em 1.5em 1.1em 1.5em;
}

.slick-prev, 
.slick-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 30px;
  height: 60px;
  z-index: 10;
  background: #0DA6A6;
  border-radius: 3px;
  color: transparent;
  background-size: contain;
}
.slick-prev:hover, 
.slick-next:hover {
  background: #0DA6A6;
}

.slick-prev:before {
    width: 6px;
    height: 6px;
    content: '';
    position: absolute;
    top: 45%;
    left: 10px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
}
.slick-next:before {
     width: 6px;
    height: 6px;
    content: '';
    position: absolute;
    top: 45%;
    right: 16px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
}

.slick-next {
  right: 173px;
}
.slick-prev {
  left: 173px;
}


@media screen and (max-width: 768px) {
  .p_top .l_container .l_content .l_main .top_column .c_ttl_1 {
    margin: 0 0 0.9em;
  }

  .p_top .l_container .l_content .l_main .top_column .c_txt_1 {
    margin: -.3em 0 1.2em;
    font-size: 1.2em;
    line-height: 1.7;
  }

  .top_column_center_wrap {
    margin: 0 0 20px;
  }

  .top_column_center_wrap:before {
     width: 20px;
  }
  .top_column_center_wrap:after {
     width: 20px;
  }

  .top_column_in {
    padding: 1px 8px;
  }

  .p_top .l_container .l_content .l_main .top_column_in i {
    font-size: 1.0em;
    padding: .3em .8em;
  }

  .p_top .l_container .l_content .l_main .top_column_in p {
    font-size: 1.0em;
    line-height: 1.8;
    padding: .5em .9em .4em .9em;
  }

  .slick-prev, 
  .slick-next {
    display: block;
    opacity: 1;
    width: 35px;
    height: 35px;
    top: auto;
    bottom: -73px;
  }

  .slick-prev:before {
    left: 12px;
  }
  .slick-next:before {
    right: 18px;
      transform: rotate(45deg) translate(0, -50%);
}

  .slick-next {
    right: 14px;
  }
  .slick-prev {
    left: 15px;
  }

  .top_column .c_more a {
    padding-top: 1.05em;
    padding-bottom: 1.0em;
  }

  .top_column .c_more a span:before {
    top: 48%;
  }

}

/* =================================
ネットで買うならファーストトロフィー
================================= */

.p_top .l_container .l_content .reason .c_txt_1 {
  margin: -.3em 0 0;
}

.p_top .l_container .l_content .reason .c_list_4 {
  margin-top: 2.1em;
}

@media screen and (max-width: 768px) {
  .p_top .l_container .l_content .reason .c_txt_1 {
    margin: -.6em 0 0;
    font-size: 1.3em;
    line-height: 1.7;
  }

  .p_top .l_container .l_content .reason .c_list_4 {
    margin-top: 1.9em;
  }

}