.fade {
  opacity: 1;
}

.flexArea, .guide_page .guideBtnArea ul, .faq .faqArea .innerUl, .commonFormat .M_ordercontractWrap, .navBox .navBox_menuText_label .menuflex_Ul, .navBox .navBox_wr .right_navi .snsArea, .navBox .navBox_wr .right_navi, .navBox .navBox_wr .left_navi, .navBox .navBox_wr, .menuBtn .nav-contentWrap .contentsArea .contentBox, .menuBtn .nav-contentWrap .infoBox, .searchArea, .ec-layoutRole__header .header_flex .ec-headerNav, .ec-layoutRole__header .header_flex, .conceptArea .concept_wrap .concept_box, .blogArea .blogList_flex .listItem, .blogArea .blogList_flex, .usefulContents .ucArea_flex, .topicArea .topicArea_flex, .recommendArea .recommendArea_flex, .rankingArea .rankingArea_flex, .index_categoryArea .categoryArea_list, .hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap, .hd_underArea .hd_listBox_wr .hd_box1, .hd_underArea .hd_listBox_wr, .hd_underArea, .footer .footerNavi ul, .footer .footerNavi .ft_btnArea, .footer.sp .snsArea, .guideArea .guideBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.openSans, .faq .faqArea .acoTitle .qIcon, .menuBtn .nav-contentWrap .infoBox .infoText, .searchArea .telArea p, .rankingArea .rankingArea_flex .rankingItem .rankingArea_link .num span, .guideArea .title_label {
  font-family: "Open Sans", sans-serif;
}

.clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.spanMenuBtn, .menuBtn #nav-open span:after, .menuBtn #nav-open span:before, .menuBtn #nav-open span {
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000;
  display: block;
  top: 0;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  top: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 0 auto;
}

img {
  width: 100%;
  height: auto;
}

/* footer START */
.guideArea {
  padding: 45px 0;
  background: #eeeeee;
}
.guideArea .title_label {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
}
@media (max-width: 568px) {
  .guideArea .title_label {
    font-size: 8vw;
    line-height: 1.5;
  }
}
.guideArea .sub_title {
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.06em;
  font-weight: bold;
}
@media (max-width: 568px) {
  .guideArea .sub_title {
    font-size: 4.3vw;
    letter-spacing: 0;
  }
}
.guideArea .guideBox {
  margin-top: 20px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
}
.guideArea .guideBox .listBox {
  margin-bottom: 18px;
  position: relative;
}
.guideArea .guideBox .listBox label {
  width: 100%;
}
.guideArea .guideBox .listBox button {
  border: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.guideArea .guideBox .listBox .btnArea {
  position: absolute;
  top: 6px;
  right: 15px;
  width: 40px;
  height: 40px;
  z-index: 1000;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
}
.guideArea .guideBox .listBox.btnOff .btnArea {
  background-image: url(../img/common/btnOff.gif);
}
.guideArea .guideBox .listBox.btnOn .btnArea {
  background-image: url(../img/common/btnOn.gif);
}
@media (max-width: 568px) {
  .guideArea .guideBox .listBox {
    margin-bottom: 0;
    padding: 15px 4%;
    border-bottom: 1px solid #ccc;
  }
}
.guideArea .guideBox .g_box_wr {
  width: 30%;
}
@media (max-width: 568px) {
  .guideArea .guideBox .g_box_wr {
    width: 100%;
  }
  .guideArea .guideBox .g_box_wr:first-child .listBox:first-child {
    border-top: 1px solid #ccc;
  }
}
.guideArea .guideBox .listBoxTitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  border-bottom: #cccccc 1px solid;
  margin-bottom: 15px;
}
@media (max-width: 568px) {
  .guideArea .guideBox .listBoxTitle {
    font-size: 4vw;
    font-weight: bold;
    line-height: 2;
    border-bottom: 0;
    margin-bottom: 0;
    line-height: normal;
  }
}
.guideArea .guideBox p.listBox_p {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.03em;
}
@media (max-width: 568px) {
  .guideArea .guideBox p.listBox_p {
    display: none;
    font-size: 4vw;
    margin-top: 10px;
  }
}
.guideArea .guideBox .boxTitleArea {
  position: relative;
}
.guideArea .guideBox .boxTitleArea .g_detailBtn {
  position: absolute;
  right: 0;
  bottom: 27%;
  font-size: 12px;
  background-image: url(../img/common/arrow_black2.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
  background-position: center right 0;
  font-weight: 400;
  padding-right: 4%;
  letter-spacing: 0;
}
@media (max-width: 568px) {
  .guideArea .guideBox {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .guideArea .guideBox .g_detailBtn {
    display: none;
  }
}
.guideArea span.small_text {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.03em;
}
.guideArea .guide_img {
  width: 60%;
  height: auto;
  margin-top: 15px;
  display: block;
}
@media (max-width: 568px) {
  .guideArea .boxwap {
    width: 100%;
  }
}

.footer {
  padding: 50px 0 30px;
  background: #000;
}
.footer.sp {
  padding: 0 0 30px;
}
.footer.sp .snsArea {
  width: 40%;
  margin: 0 auto 20px;
}
.footer.sp .snsArea a {
  width: 25%;
}
.footer .footer_inner {
  line-height: 1.4;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.03em;
  line-height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 568px) {
  .footer .footer_inner {
    display: block;
    width: 100%;
  }
}
.footer .footerNavi {
  width: 45%;
}
@media (max-width: 568px) {
  .footer .footerNavi {
    width: 100%;
    background: #555555;
  }
}
.footer .footerNavi .ft_btnArea a {
  border: #fff 1px solid;
  padding: 5px 0;
  text-align: center;
  width: 48%;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.footer .footerNavi .ft_btnArea .arrow_img {
  width: 8px;
  height: 13px;
  margin: 12px 0 12px 3%;
}
.footer .footerNavi .footerNavi_a {
  width: 27%;
}
.footer .footerNavi .footerNavi_a a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.footer .footerNavi .footerNavi_a:nth-of-type(2) {
  width: 21%;
}
@media (max-width: 568px) {
  .footer .footerNavi .footerNavi_a:nth-of-type(2) {
    width: 50%;
  }
}
.footer .footerNavi .footerNavi_a:nth-of-type(5) {
  width: 21%;
}
@media (max-width: 568px) {
  .footer .footerNavi .footerNavi_a:nth-of-type(5) {
    width: 50%;
  }
}
@media (max-width: 568px) {
  .footer .footerNavi .footerNavi_a {
    width: 50%;
    padding: 2% 0 2% 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px #fff solid;
  }
}
@media (max-width: 568px) {
  .footer .footerNavi .footerNavi_a:nth-of-type(odd) {
    border-right: 1px #fff solid;
  }
}
.footer .footerNavi ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px;
}
@media (max-width: 568px) {
  .footer .footerNavi ul {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
}
.footer .ft_logo {
  width: 30%;
}
.footer .ft_logo img {
  width: 100%;
  height: auto;
}
.footer .ft_logo .snsArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}
.footer .ft_logo .snsArea a {
  display: block;
  width: 35px;
  margin-right: 15px;
}
.footer .ft_logo .snsArea a img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 568px) {
  .footer .ft_logo {
    width: 75%;
    margin: 0 auto;
  }
}
.footer .ft_copyright {
  margin-top: 14%;
  font-size: 12px;
  line-height: 2.2;
}
@media (max-width: 568px) {
  .footer .ft_copyright {
    margin-top: 8%;
    font-size: 2.6666vw;
    line-height: 1;
  }
}

/* footer END */
/* category area start */
.del_noteP {
  margin-bottom: 50px;
  font-size: 12px;
  line-height: 1.4;
}

.shipMark {
  width: 100%;
  border: 1px #000 solid;
  text-align: center;
  padding: 4px 0;
  font-size: 14px;
}
.shipMark.smB_red_text {
  border: 1px #e31111 solid;
}
@media (max-width: 568px) {
  .shipMark {
    font-size: 3vw;
  }
}

.hd_underArea {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: #000;
  border: #000 1px solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
}
.hd_underArea .shukka_tt {
  background-color: #000000;
  width: 30%;
}
.hd_underArea .shukka_tt h2 {
  font-size: 20px;
  letter-spacing: 0.03em;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.hd_underArea .hd_listBox_wr {
  width: 70%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hd_underArea .hd_listBox_wr .hd_box1 {
  letter-spacing: 0.06em;
  width: 50%;
  background: #cccccc;
  border-left: #000 1px solid;
}
.hd_underArea .hd_listBox_wr .hd_box1 .hd_box1_tt {
  font-size: 18px;
  line-height: 1;
  width: 38%;
  text-align: center;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap {
  width: 62%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 2%;
  background: #fff;
}
.hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap1 {
  width: 48%;
  margin: 0 auto;
}
.hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap1 img {
  width: 100%;
}
.hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap1 .smallBox_text {
  font-size: 15px;
  text-align: center;
}
.hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap1 .bigText {
  font-size: 25px;
}
.hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap1 .smB_red_text {
  color: #e31111;
}
@media (max-width: 568px) {
  .hd_underArea {
    display: block;
  }
  .hd_underArea .shukka_tt {
    width: 100%;
  }
  .hd_underArea .shukka_tt h2 {
    font-size: 15px;
    padding: 10px 0;
  }
  .hd_underArea .hd_listBox_wr {
    width: 100%;
    padding: 2%;
    background: #fff;
  }
  .hd_underArea .hd_listBox_wr .hd_box1 {
    border: none;
    width: 48%;
    display: block;
  }
  .hd_underArea .hd_listBox_wr .hd_box1 .hd_box1_tt {
    width: 100%;
    font-size: 12px;
    padding: 5px 0;
  }
  .hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap {
    width: 100%;
    padding: 12px 0 0;
  }
  .hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap .bigText {
    font-size: 4.2vw;
  }
  .hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap .smallBox_text {
    font-size: 3vw;
  }
  .hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap1 {
    width: 40%;
  }
  .hd_underArea .hd_listBox_wr .hd_box1 .smallBox_wrap2 {
    width: 58%;
  }
}

.ec-layoutRole .ec-layoutRole__contents {
  max-width: 100%;
}

.ec-secHeading {
  margin-bottom: 20px;
  text-align: center;
}
.ec-secHeading .ec-secHeading__ja {
  font-weight: bold;
  letter-spacing: 0.06em;
  font-size: 20px;
}
@media (max-width: 568px) {
  .ec-secHeading .ec-secHeading__ja {
    font-size: 16px;
  }
}
.ec-secHeading .ec-secHeading__en {
  font-size: 40px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 0;
}
@media (max-width: 568px) {
  .ec-secHeading .ec-secHeading__en {
    font-size: 30px;
  }
}

.index_categoryArea {
  background: url("../../assets/img/top/pc/cate_bg.jpg") no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 30px 0 20px;
}
@media (max-width: 568px) {
  .index_categoryArea {
    background: url("../../assets/img/top/sp/cate_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center top;
  }
}
.index_categoryArea .categoryArea_list {
  width: 58%;
  margin: 0 auto;
}
@media (max-width: 568px) {
  .index_categoryArea .categoryArea_list {
    width: 90%;
    display: block;
  }
}
.index_categoryArea .categoryArea_listItem {
  width: 48%;
}
.index_categoryArea .categoryArea_listItem:nth-child(even) {
  margin-right: 0;
}
.index_categoryArea .categoryArea_listItem a {
  width: 100%;
  background-color: #000;
  padding: 25px 0;
  display: block;
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin-bottom: 25px;
}
.index_categoryArea .categoryArea_listItem .img_size {
  width: 10px;
  margin-top: 3px;
  margin-left: 10px;
}
@media (max-width: 568px) {
  .index_categoryArea .categoryArea_listItem {
    width: 100%;
  }
  .index_categoryArea .categoryArea_listItem a {
    padding: 15px 0;
    font-size: 4.2666vw;
    margin-bottom: 15px;
  }
}

/* category area end */
/* ranking area start */
.rankingArea {
  padding-top: 50px;
}
.rankingArea .rankingArea_flex {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rankingArea .rankingArea_flex .rankingItem {
  width: 23.5%;
  margin-bottom: 25px;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.rankingArea .rankingArea_flex .rankingItem:nth-of-type(4n) {
  margin-right: 0;
}
.rankingArea .rankingArea_flex .rankingItem .rankingArea_link {
  position: relative;
  display: block;
}
.rankingArea .rankingArea_flex .rankingItem .rankingArea_link .num {
  background-color: #000000;
  color: #fff;
  width: 35px;
  height: 35px;
  position: absolute;
  text-align: center;
  z-index: 5;
}
.rankingArea .rankingArea_flex .rankingItem .rankingArea_link .num span {
  font-size: 22px;
  position: absolute;
  top: 13%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 568px) {
  .rankingArea .rankingArea_flex .rankingItem .rankingArea_link .num {
    width: 25px;
    height: 25px;
  }
  .rankingArea .rankingArea_flex .rankingItem .rankingArea_link .num span {
    font-size: 4.2vw;
  }
}
.rankingArea .rankingArea_flex .rankingItem img {
  width: 100%;
}
.rankingArea .rankingArea_flex .rankingItem .itemInfo {
  color: #000000;
}
.rankingArea .rankingArea_flex .rankingItem .itemInfo .itemInfo_name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
.rankingArea .rankingArea_flex .rankingItem .itemInfo .itemInfo_detail {
  font-size: 15px;
  letter-spacing: 0.03em;
  line-height: 23px;
  margin-bottom: 5px;
}
.rankingArea .rankingArea_flex .rankingItem .itemInfo .itemInfo_price {
  font-size: 15px;
  letter-spacing: 0.03em;
  line-height: 23px;
  font-weight: bold;
}

/* ranking area end*/
/* recommend area start*/
.recommendArea {
  margin: 0 0 35px;
}
.recommendArea .recommendArea_flex {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.recommendArea .recommendArea_flex .rmd_Item {
  width: 23.5%;
  margin-bottom: 25px;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.recommendArea .recommendArea_flex .rmd_Item:nth-of-type(4n) {
  margin-right: 0;
}
.recommendArea .recommendArea_flex .rmd_Item .recommendArea_link {
  position: relative;
  display: block;
}
.recommendArea .recommendArea_flex .rmd_Item img {
  width: auto;
  max-height: 180px;
}
@media screen and (min-width: 569px) and (max-width: 1112px) {
  .recommendArea .recommendArea_flex .rmd_Item img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 568px) {
  .recommendArea .recommendArea_flex .rmd_Item img {
    max-height: 90px;
  }
}
.recommendArea .recommendArea_flex .rmd_Item .itemInfo {
  color: #000000;
}
.recommendArea .recommendArea_flex .rmd_Item .itemInfo .itemInfo_name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
.recommendArea .recommendArea_flex .rmd_Item .itemInfo .itemInfo_detail {
  font-size: 15px;
  letter-spacing: 0.03em;
  line-height: 23px;
  margin-bottom: 5px;
}
.recommendArea .recommendArea_flex .rmd_Item .itemInfo .itemInfo_price {
  font-size: 15px;
  letter-spacing: 0.03em;
  line-height: 23px;
  font-weight: bold;
}
@media (max-width: 568px) {
  .recommendArea .recommendArea_flex .rmd_Item {
    padding: 0 1% 0 0;
  }
}

/* recommend area end*/
/* topic area start*/
.topicArea .topicArea_flex .topic_listItem {
  width: 32%;
  margin-bottom: 25px;
}
.topicArea .topicArea_flex .topic_listItem .listItem_link {
  position: relative;
  display: block;
}
.topicArea .topicArea_flex .topic_listItem .listItem_link img {
  width: 100%;
}
.topicArea .topicArea_flex .topic_listItem .listItem_link .listItemTitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.topicArea .topicArea_flex .topic_listItem .listItem_link .listItem_p {
  font-size: 15px;
  letter-spacing: 0.03em;
  line-height: 23px;
  margin-bottom: 5px;
  color: #000;
}
@media (max-width: 568px) {
  .topicArea .topicArea_flex {
    display: block;
  }
  .topicArea .topicArea_flex .topic_listItem {
    width: 100%;
  }
}

/* topic area end*/
/* Useful contents area start*/
.usefulContents {
  margin: 0;
  padding: 20px 0 40px;
}
.usefulContents .ucArea_flex .listItem {
  width: 32%;
}
.usefulContents .ucArea_flex .listItem .listItem_link {
  display: block;
}
.usefulContents .ucArea_flex .listItem .listItem_link img {
  width: 100%;
}
@media (max-width: 568px) {
  .usefulContents .ucArea_flex {
    display: block;
  }
  .usefulContents .ucArea_flex .listItem {
    width: 100%;
    margin-bottom: 15px;
  }
}

/* Useful contents area end */
/*  News start */
.ec-newsRole {
  padding: 50px 0;
}
.ec-newsRole .ec-secHeading {
  margin-bottom: 0;
}
.ec-newsRole .ec-newsRole__news {
  border: none;
  padding: 0;
}
.ec-newsRole .ec-newsRole__news .ec-newsRole__newsItem {
  padding: 0;
}
.ec-newsRole .ec-newsRole__news .ec-newsRole__newsHeading {
  padding: 10px 0;
  cursor: auto;
}
.ec-newsRole .ec-newsRole__news .ec-newsRole__newsHeading .ec-newsRole__newsDate {
  font-size: 15px;
  color: #777777;
  line-height: 1.8;
}
@media (max-width: 568px) {
  .ec-newsRole .ec-newsRole__news .ec-newsRole__newsHeading .ec-newsRole__newsDate {
    margin: 0;
  }
}
.ec-newsRole .ec-newsRole__news .ec-newsRole__newsHeading .ec-newsRole__newsTitle {
  color: #000000;
  font-weight: normal;
  font-size: 15px;
}
@media (max-width: 568px) {
  .ec-newsRole .ec-newsRole__news .ec-newsRole__newsHeading .ec-newsRole__newsTitle {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.ec-newsRole .ec-inlineBtn--top {
  margin-top: 15px;
}

/*  News end*/
/* blog Area start */
.blogArea {
  background-color: #eeeeee;
  padding: 45px 0 20px;
}
.blogArea .blogList_flex .listItem {
  width: 48%;
  margin-bottom: 30px;
}
.blogArea .blogList_flex .listItem .imgArea {
  width: 38%;
}
.blogArea .blogList_flex .listItem .imgArea img {
  width: 100%;
}
.blogArea .blogList_flex .listItem .detailArea {
  width: 57%;
  position: relative;
  height: 139px;
}
.blogArea .blogList_flex .listItem .detailArea .newsDate {
  font-size: 15px;
  margin-bottom: 10px;
  color: #777777;
}
.blogArea .blogList_flex .listItem .detailArea h3 {
  font-size: 16px;
  color: #000;
  line-height: 1.6;
  font-weight: bold;
  margin: 0;
}
.blogArea .blogList_flex .listItem .detailArea .detailBtn {
  width: 100%;
  background: #000;
  color: #fff;
  padding: 12px 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  font-size: 12px;
  background-image: url(../img/common/arrow_white.png);
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: center right 30%;
}
@media (max-width: 568px) {
  .blogArea .blogList_flex {
    display: block;
  }
  .blogArea .blogList_flex .listItem {
    width: 100%;
  }
  .blogArea .blogList_flex .listItem .imgArea {
    width: 45%;
  }
  .blogArea .blogList_flex .listItem .detailArea {
    width: 50%;
    height: 103px;
  }
  .blogArea .blogList_flex .listItem .detailArea .newsDate {
    font-size: 3.5vw;
    margin-bottom: 5px;
  }
  .blogArea .blogList_flex .listItem .detailArea h3 {
    font-size: 4vw;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .blogArea .blogList_flex .listItem .detailArea .detailBtn {
    padding: 8px 0;
    background-size: 6px;
    background-position: center right 10%;
    background-position-y: 58%;
  }
}

/* blog Area end */
/* concept start */
.conceptArea {
  padding: 45px 0 60px;
}
.conceptArea .concept_wrap .concept_box .textArea {
  width: 50%;
}
.conceptArea .concept_wrap .concept_box .textArea .textArea_tt {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 20px;
}
@media (max-width: 568px) {
  .conceptArea .concept_wrap .concept_box .textArea .textArea_tt {
    margin: 20px 0 10px;
    font-size: 6.6666vw;
  }
}
.conceptArea .concept_wrap .concept_box .textArea .textArea_p {
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 2;
}
@media (max-width: 568px) {
  .conceptArea .concept_wrap .concept_box .textArea .textArea_p {
    font-size: 4vw;
  }
}
@media (max-width: 568px) {
  .conceptArea .concept_wrap .concept_box .textArea {
    width: 100%;
  }
}
.conceptArea .concept_wrap .concept_box .imgArea {
  width: 45%;
}
.conceptArea .concept_wrap .concept_box .imgArea img {
  width: 100%;
  height: auto;
}
@media (max-width: 568px) {
  .conceptArea .concept_wrap .concept_box .imgArea {
    width: 100%;
  }
}
.conceptArea .concept_wrap .concept_box:first-child {
  margin-bottom: 35px;
}

/* concept end */
/* header */
.ec-layoutRole__header .h1Area {
  background-color: #dcdddd;
  padding: 5px 0;
  line-height: 1.3;
}
.ec-layoutRole__header .h1Area h1 {
  color: #333333;
  font-size: 13px;
  display: inline;
  vertical-align: middle;
}
@media (max-width: 568px) {
  .ec-layoutRole__header .h1Area {
    display: none;
  }
}
.ec-layoutRole__header .header_wrap {
  padding: 10px 0;
}
@media (max-width: 568px) {
  .ec-layoutRole__header .header_wrap {
    padding: 10px 0 0;
  }
  .ec-layoutRole__header .header_wrap .boxwap {
    width: 100%;
  }
}
.ec-layoutRole__header .header_flex {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ec-layoutRole__header .header_flex .logoArea {
  width: 28%;
  position: relative;
}
.ec-layoutRole__header .header_flex .logoArea .logoBox {
  width: 80%;
  margin-right: 0;
  margin-left: auto;
}
.ec-layoutRole__header .header_flex .logoArea .logoBox img {
  width: 100%;
}
@media (max-width: 568px) {
  .ec-layoutRole__header .header_flex .logoArea {
    width: 80%;
  }
  .ec-layoutRole__header .header_flex .logoArea .logoBox {
    width: 75%;
  }
}
.ec-layoutRole__header .header_flex .infoArea {
  width: 20%;
}
@media (max-width: 568px) {
  .ec-layoutRole__header .header_flex .infoArea {
    width: 9%;
  }
}
.ec-layoutRole__header .header_flex .ec-headerNav {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}
.ec-layoutRole__header .header_flex .ec-headerNav .ec-headerNav__item img {
  height: 40px;
  width: auto;
}
.ec-layoutRole__header .header_flex .ec-headerNav .ec-headerNav__item a {
  display: block;
}
.ec-layoutRole__header .header_flex .ec-headerNav .ec-headerNav__item.navi2 img {
  height: 37px;
}
@media (max-width: 568px) {
  .ec-layoutRole__header .header_flex {
    padding: 0 5% 10px;
  }
}

.searchArea {
  width: 100%;
}
.searchArea img {
  width: 100%;
}
.searchArea .ec-input {
  position: relative;
  width: 40%;
}
.searchArea .ec-input .search-name {
  height: auto;
  border-top: none;
  border-right: none;
  border-left: none;
  padding: 18px 0 4px;
  border-radius: 0;
  font-size: 13px;
}
.searchArea .ec-input .ec-headerSearch__keywordBtn {
  border: 0;
  background: none;
  position: absolute;
  right: -13px;
  top: 50%;
  -webkit-transform: translateY(-55%);
          transform: translateY(-55%);
  display: block;
  white-space: nowrap;
  z-index: 1;
}
.searchArea .ec-input .ec-headerSearch__keywordBtn .ec-icon {
  width: 70%;
}
.searchArea .userNameArea {
  width: 15%;
}
.searchArea .telArea {
  margin-top: 14px;
}
.searchArea .telArea p {
  font-size: 24px;
  line-height: 17px;
  text-align: center;
  font-weight: 600;
}
.searchArea .telArea p span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  line-height: 2.4;
  font-weight: normal;
}
@media (max-width: 568px) {
  .searchArea {
    width: 100%;
    background: #000;
    padding: 10px 0 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .searchArea .ec-input {
    width: 90%;
    margin: 0 auto;
  }
  .searchArea .ec-input .search-name {
    padding: 5px 10px;
    font-size: 13px;
  }
  .searchArea .ec-input .ec-headerSearch__keywordBtn {
    right: -5px;
    top: 40%;
  }
}

.searchArea_wr {
  width: 45%;
}
.searchArea_wr.sp {
  width: 100%;
}

.userNameArea.sp {
  padding: 0 25px;
}

.menuBtn {
  position: absolute;
  left: 15px;
  top: 8px;
}
.menuBtn .nav-unshown {
  display: none;
}
.menuBtn #nav-open {
  display: inline-block;
  width: 25px;
  height: 30px;
  vertical-align: middle;
  position: relative;
  z-index: 10000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  left: 0;
  margin-bottom: 0;
  -webkit-animation: menuBtnMove 0.2s ease-in-out forwards;
  animation: menuBtnMove 0.2s ease-in-out forwards;
}
.menuBtn #nav-open:hover {
  cursor: pointer;
}
.menuBtn #nav-open span:before {
  content: "";
  cursor: pointer;
  top: 10px;
}
.menuBtn #nav-open span:after {
  content: "";
  cursor: pointer;
  top: 20px;
  background-color: #fff;
}
.menuBtn #nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.menuBtn #nav-content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 350px;
  height: 100%;
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
  overflow: auto;
}
.menuBtn .nav-contentWrap {
  padding: 25px 0 0;
}
.menuBtn .nav-contentWrap .side_menuList {
  margin-top: 30px;
}
.menuBtn .nav-contentWrap .side_menuList li .side_menuList_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 20px 25px;
  border-bottom: 1px solid #f2f1f1;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../img/common/arrow_black.png);
  background-repeat: no-repeat;
  background-position: center right 25px;
  background-size: 2%;
}
.menuBtn .nav-contentWrap .side_menuList li .side_menuList_link .imgsize {
  width: 22px;
  margin-right: 13px;
}
.menuBtn .nav-contentWrap .side_menuList li .side_menuList_link .textP {
  font-size: 16px;
  line-height: 1.3;
}
.menuBtn .nav-contentWrap .side_menuList li .side_menuList_link:last-child img {
  width: 85%;
}
.menuBtn .nav-contentWrap .side_menuList li:first-of-type .side_menuList_link {
  border-top: 1px solid #f2f1f1;
}
.menuBtn .nav-contentWrap .side_categoryAreaWrap {
  width: 100%;
}
.menuBtn .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li {
  position: relative;
}
.menuBtn .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li.btnOff {
  background-image: none;
}
.menuBtn .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li.btnOff .selectBtn {
  background-image: url(/html/template/default/assets/img/common/faq_btnOff.png);
  background-position: center right 5%;
  background-size: 5%;
  background-repeat: no-repeat;
}
.menuBtn .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li.btnOn .selectBtn {
  background-image: url(/html/template/default/assets/img/common/faq_btnOn.png);
  background-position: center right 5%;
  background-size: 5%;
  background-repeat: no-repeat;
}
.menuBtn .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li > div, .menuBtn .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li a {
  display: block;
  padding: 16px 25px;
  font-size: 15px;
  letter-spacing: 0.05em;
  padding-right: 60px;
  line-height: 1.5;
  color: #333333;
  border-bottom: 1px #f2f1f1 solid;
}
.menuBtn .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul {
  width: 100%;
  padding: 0;
  display: none;
}
.menuBtn .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul li a {
  display: block;
  background-color: #eeeeee;
  padding: 15px 25px;
  padding-left: 40px;
  font-size: 14px;
  letter-spacing: 0.05em;
  background-image: url(../img/common/arrow_black2.png);
  background-repeat: no-repeat;
  background-size: 8px 12px;
  background-position: center left 25px;
  border-bottom: #f2f1f1 solid 1px;
}
.menuBtn .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li:last-child a {
  background-image: url(../img/common/arrow_black.png);
  background-repeat: no-repeat;
  background-position: center right 25px;
  background-size: 2%;
}
.menuBtn .nav-contentWrap .infoBox {
  padding: 30px 5%;
  background-color: #eeeeee;
}
.menuBtn .nav-contentWrap .infoBox .textLabel {
  background-color: #000000;
  color: #fff;
  padding: 10px 15px;
  text-align: center;
  font-size: 17px;
  letter-spacing: 0.06em;
  line-height: 1.8;
}
@media (max-width: 568px) {
  .menuBtn .nav-contentWrap .infoBox .textLabel {
    font-size: 3.7333vw;
  }
}
.menuBtn .nav-contentWrap .infoBox .infoText {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.menuBtn .nav-contentWrap .infoBox .infoText .small {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}
.menuBtn .nav-contentWrap .contentsArea {
  padding: 30px 0 20px;
}
.menuBtn .nav-contentWrap .contentsArea .contentBox {
  padding: 10px 25px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
}
.menuBtn .nav-contentWrap .contentsArea .contentBox .imgArea {
  width: 48%;
}
.menuBtn .nav-contentWrap .contentsArea .contentBox p {
  width: 48%;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
.menuBtn .nav-contentWrap .contentsArea .contentBox p span {
  font-size: 12px;
  font-weight: 400;
}
.menuBtn .nav-contentWrap .bnrArea {
  padding: 30px 25px 15px;
  border-top: #f2f1f1 1px solid;
  border-bottom: #f2f1f1 1px solid;
}
.menuBtn .nav-contentWrap .bnrArea a {
  margin-bottom: 15px;
  display: block;
}
.menuBtn .nav-contentWrap .side_footerWrap {
  background-color: #000;
  padding-bottom: 50px;
}
.menuBtn .nav-contentWrap .side_footerWrap .side_footer_ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  background: #555555;
}
.menuBtn .nav-contentWrap .side_footerWrap .side_footer_ul li {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
}
.menuBtn .nav-contentWrap .side_footerWrap .side_footer_ul li:nth-of-type(odd) {
  border-right: 1px solid #fff;
}
.menuBtn .nav-contentWrap .side_footerWrap .side_footer_ul li a {
  display: block;
  color: #fff;
  padding: 15px 25px;
  font-size: 12px;
  padding-right: 15px;
}
.menuBtn .nav-contentWrap .side_footerWrap .snsArea {
  width: 40%;
  margin: 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.menuBtn .nav-contentWrap .side_footerWrap .snsArea img {
  width: 100%;
}
.menuBtn .nav-contentWrap .side_footerWrap .snsArea a {
  width: 25%;
}
.menuBtn .nav-contentWrap .side_footerWrap .logoArea {
  display: block;
  width: 70%;
  margin: 0 auto;
}
.menuBtn .nav-contentWrap .side_footerWrap .logoArea img {
  width: 100%;
  height: auto;
}
.menuBtn .nav-contentWrap .calendar {
  padding: 0 25px;
}
.menuBtn .nav-contentWrap .calendar h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
}
.menuBtn .nav-contentWrap .calendar p {
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 0.03em;
}
@media (max-width: 568px) {
  .menuBtn {
    left: 0;
  }
}

#nav-input:checked ~ #nav-open {
  left: 460px;
  position: fixed;
  top: 10px;
  width: 40px;
  height: 40px;
}
#nav-input:checked ~ #nav-open span {
  background: transparent;
}
#nav-input:checked ~ #nav-open span:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 18px;
  right: 0;
  background: #fff;
}
#nav-input:checked ~ #nav-open span:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 18px;
  right: 0;
  background: #fff;
}
@media (max-width: 568px) {
  #nav-input:checked ~ #nav-open {
    left: 90%;
    width: 30px;
    height: 30px;
  }
}
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: 0.7;
}
#nav-input:checked ~ #nav-content {
  left: 100px;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
}
@media (max-width: 568px) {
  #nav-input:checked ~ #nav-content {
    left: 0;
  }
}

.navBox {
  background-color: #000;
  border-bottom: 1px #fff solid;
}
@media (max-width: 896px) {
  .navBox {
    display: none;
  }
}
.navBox .navBox_wr .left_navi {
  width: 75%;
}
.navBox .navBox_wr .left_navi .hd_navi {
  position: relative;
  background-image: url(/html/template/default/assets/img/common/d_arrow.png);
  background-size: 8%;
  background-position: center right 7%;
  background-repeat: no-repeat;
  display: block;
  width: 20%;
  border-right: 1px #fff solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.navBox .navBox_wr .left_navi .hd_navi:first-child {
  border-left: 1px #fff solid;
}
.navBox .navBox_wr .left_navi .hd_navi a, .navBox .navBox_wr .left_navi .hd_navi .nameP {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 13px;
  margin: 0;
  padding: 13px 0;
}
.navBox .navBox_wr .right_navi {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px #fff solid;
}
.navBox .navBox_wr .right_navi .hd_navi {
  width: 50%;
}
.navBox .navBox_wr .right_navi .hd_navi:not(:last-child) {
  border-right: 1px #fff solid;
}
.navBox .navBox_wr .right_navi a {
  color: #fff;
  padding: 13px 0;
  display: block;
  text-align: center;
}
.navBox .navBox_wr .right_navi .snsArea {
  width: 24%;
}
.navBox .navBox_wr .right_navi .snsArea .snsIcon {
  display: block;
  width: 26%;
}
.navBox .navBox_wr .right_navi .snsArea a {
  padding: 0;
}
.navBox .navBox_wr .right_navi .snsArea a img {
  width: 100%;
}
.navBox .toggleBox {
  display: none;
  position: absolute;
  background-color: #eeeeee;
  width: 101%;
  left: -1px;
  top: 100%;
  z-index: 98;
}
.navBox .navBox_menuText_label {
  cursor: pointer;
}
.navBox .navBox_menuText_label:hover {
  background-color: #eeeeee;
}
.navBox .navBox_menuText_label:hover .toggleBox {
  display: block;
}
.navBox .navBox_menuText_label:hover .nameP {
  color: #000 !important;
}
.navBox .navBox_menuText_label .areaWrap {
  background: #eee;
  padding: 15px 0;
}
.navBox .navBox_menuText_label .menuflex_Ul {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navBox .navBox_menuText_label .menuflex_Ul .menuflex_li {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.navBox .navBox_menuText_label .menuflex_Ul .menuflex_li a {
  display: block;
  padding: 15px;
  width: 100%;
  text-align: left;
  color: #000000;
}
.navBox .navBox_menuText_label .menuflex_Ul .menuflex_li a:hover {
  background-color: #cccccc;
  cursor: auto;
}
.navBox .navBox_menuText_label .area1Wrap {
  width: 800px;
}
.navBox .navBox_menuText_label .area2Wrap .menuflex_Ul, .navBox .navBox_menuText_label .area3Wrap .menuflex_Ul {
  display: block;
  width: 100%;
}
.navBox .navBox_menuText_label .area2Wrap .menuflex_li, .navBox .navBox_menuText_label .area3Wrap .menuflex_li {
  width: 100%;
}

.apg_sc_table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.5;
  margin-left: auto;
  text-align: center;
  margin: 30px auto;
  color: #545454;
}
.apg_sc_table tbody th {
  background: #efefef;
  line-height: 2.4em;
  text-align: center;
  border: 1px solid #ccc;
}
.apg_sc_table tbody td {
  border: 1px solid #ccc;
}
.apg_sc_table td {
  padding: 10px;
  vertical-align: top;
  text-align: center;
  background-color: #fff;
}
.apg_sc_table .apg_sc_holiday {
  background: #ecc6c7 !important;
}

@media (max-width: 568px) {
  .slideWrap {
    overflow-x: scroll;
    width: 100%;
  }
  .slideWrap .slideWidth {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5%;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .slideWrap .slideWidth li {
    display: block;
    list-style: none;
    width: 150px !important;
    text-align: left;
    margin-left: 0;
    position: relative;
  }
}
.ec-blockTopBtn {
  background: none;
  width: 50px;
  height: auto;
  bottom: 20px;
}

.commonFormat {
  color: #000;
  font-size: 15px;
  padding-bottom: 50px;
}
.commonFormat .ec-off1Grid {
  display: block;
}
.commonFormat .ec-off1Grid__cell {
  width: 100%;
  margin-left: 0;
}
.commonFormat .ec-off1Grid__cell p {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px #cccccc solid;
}
.commonFormat .ec-off1Grid__cell p.subText {
  margin: 10px 0 0;
  line-height: 1.6;
  border: none;
  font-size: 15px;
  font-weight: 500;
}
.commonFormat .M_ordercontractWrap {
  background: #eeeeee;
  margin-bottom: 0;
  border-bottom: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
}
.commonFormat .M_ordercontractWrap:first-of-type {
  border-top: #cccccc 1px solid;
  margin-top: 35px;
}
.commonFormat .M_ordercontractWrap .M_ordercontractDescription {
  width: 75%;
  background: #fff;
  line-height: 1.6;
  padding: 20px;
}
.commonFormat .M_ordercontractWrap .M_ordercontractItem {
  width: 25%;
  padding: 20px;
  font-weight: 500;
  text-align: center;
}
.commonFormat .ec-secHeading__en {
  margin-bottom: 0;
}
.commonFormat .creditCard {
  margin: 7px 0;
}
.commonFormat .creditCard img {
  width: 200px;
}
.commonFormat span.bold_text {
  margin-bottom: 5px;
  display: inline-block;
  font-weight: bold;
}
@media (max-width: 568px) {
  .commonFormat {
    width: 90%;
  }
  .commonFormat .M_ordercontractWrap {
    border-left: none;
    border-right: none;
  }
  .commonFormat .M_ordercontractWrap .M_ordercontractItem {
    padding: 4%;
    font-size: 4vw;
  }
  .commonFormat .M_ordercontractWrap .M_ordercontractDescription {
    padding: 4%;
    font-size: 4vw;
  }
}

@media (max-width: 568px) {
  #page_help_tradelaw .M_ordercontractWrap .M_ordercontractItem {
    padding: 2% 3%;
    font-size: 3.2vw;
  }
  #page_help_tradelaw .M_ordercontractWrap .M_ordercontractDescription {
    padding: 5% 3%;
    font-size: 3.2vw;
  }
}

.ec-layoutRole__main {
  background: #fff;
}

.product_page .ec-shelfGrid .ec-shelfGrid__item-image {
  height: auto;
}
@media (max-width: 568px) {
  .product_page .searchArea {
    padding: 10px 0 10px;
  }
  .product_page .searchArea .ec-input .search-name {
    background: #fff;
    border: none;
  }
  .product_page .searchArea .ec-input .ec-headerSearch__keywordBtn {
    top: 52%;
  }
  .product_page .ec-shelfGrid .ec-shelfGrid__item-image {
    height: auto;
  }
}
.product_page #reviewContent {
  margin-bottom: 15px;
}
.product_page .stepP {
  margin-bottom: 20px;
}
.product_page .photoWrap .ec-sliderItemRole p.small {
  color: #e31111;
}
.product_page .optionWrap span.error {
  margin-bottom: 20px;
  display: block;
  /* margin-top: -10px; */
}
@media (max-width: 568px) {
  .product_page .optionWrap span.error {
    font-size: 3.8vw;
    margin-bottom: 15px;
  }
}
.product_page .optionWrap #step1 {
  border-top: 1px solid #cccccc;
  padding-top: 40px;
}
.product_page .optionWrap #step1 p.small {
  width: 50%;
  display: inline-block;
  padding-left: 3%;
}
@media (max-width: 568px) {
  .product_page .optionWrap #step1 p.small {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
}
.product_page .optionWrap #step6 {
  width: 52%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}
@media (max-width: 568px) {
  .product_page .optionWrap #step6 {
    width: 100%;
    margin-right: 0;
  }
}
.product_page .optionWrap .step6P {
  width: 45%;
  display: inline-block;
  font-size: 12px;
}
@media (max-width: 568px) {
  .product_page .optionWrap .step6P {
    width: 100%;
  }
}
.product_page .infoWrap .ec-productRole__title > p {
  margin-bottom: 5px;
}
.product_page .optionWrap_stepArea {
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

#page_shopping .ec-orderRole .ec-orderRole__detail {
  padding: 0 20px;
}
#page_shopping .ec-role {
  padding: 0 20px;
}
#page_shopping .ec-borderedList .ec-imageGrid {
  padding: 20px 0;
}

.other_page .ec-pageHeader h1 {
  padding-top: 20px;
}

.faq .faqArea .NavMenu {
  margin-bottom: 30px;
}
.faq .faqArea .acoTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  background: #cccccc;
}
.faq .faqArea .acoTitle .qIcon {
  background-color: #000000;
  color: #fff;
  font-size: 21px;
  width: 5%;
  padding: 15px 0;
  text-align: center;
  font-weight: bold;
}
.faq .faqArea .acoTitle .titleP {
  color: #000;
  font-weight: bold;
  padding: 8px 0;
  padding-left: 40px;
  font-size: 16px;
  width: 94%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.faq .faqArea .acoTitle .titleP.arrowOff {
  background-image: url(/html/template/default/assets/img/common/faq_btnOff.png);
  background-position: center right 3%;
  background-size: 2%;
  background-repeat: no-repeat;
}
.faq .faqArea .acoTitle .titleP.arrowOn {
  background-image: url(/html/template/default/assets/img/common/faq_btnOn.png);
  background-position: center right 3%;
  background-size: 2%;
  background-repeat: no-repeat;
}
@media (max-width: 568px) {
  .faq .faqArea .acoTitle .qIcon {
    font-size: 5vw;
    width: 16%;
    padding: 6.5% 0;
  }
  .faq .faqArea .acoTitle .titleP {
    width: 85%;
    padding: 3px 0 3px 5%;
    line-height: 1.2;
    font-size: 4vw;
  }
  .faq .faqArea .acoTitle .titleP.arrowOff {
    background-size: 7%;
    background-position: center right 4%;
  }
  .faq .faqArea .acoTitle .titleP.arrowOn {
    background-size: 7%;
    background-position: center right 4%;
  }
}
.faq .faqArea .innerUl {
  margin-top: 30px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
}
.faq .faqArea .innerUl .aIcon_wap {
  width: 5%;
}
.faq .faqArea .innerUl .aIcon_wap .aIcon {
  color: #fff;
  font-size: 21px;
  padding: 15px 0;
  text-align: center;
  background-color: #e20909;
}
.faq .faqArea .innerUl .innerText {
  width: 95%;
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0.03em;
  font-size: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 40px;
}
.faq .faqArea .innerUl .innerText .all_text {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 568px) {
  .faq .faqArea .innerUl .aIcon_wap {
    width: 16%;
    font-size: 5vw;
  }
  .faq .faqArea .innerUl .aIcon_wap .aIcon {
    padding: 25% 0;
  }
  .faq .faqArea .innerUl .innerText {
    width: 83%;
    padding-left: 5%;
  }
  .faq .faqArea .innerUl .innerText .all_text {
    font-size: 4vw;
    line-height: 1.5;
  }
}

@media screen and (min-width: 569px) and (max-width: 896px) {
  .header_flex .infoArea .ec-headerNav {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .ec-headerNav .ec-headerNav__item {
    display: none;
  }
  .ec-headerNav .ec-headerNav__item.navi5 {
    display: block;
  }
  .header_flex .infoArea.pc {
    width: 7%;
  }
  .header_flex .searchArea_wr {
    width: 60%;
  }
  .header_flex .searchArea .ec-input {
    width: 50%;
  }
  .menuBtn {
    left: 0;
  }
  .telArea {
    display: none;
  }
  #nav-input:checked ~ #nav-content {
    left: 0;
  }
  #nav-input:checked ~ #nav-open {
    left: 360px;
  }
  .footer .footerNavi .footerNavi_a {
    width: 48%;
  }
  .footer .footerNavi .footerNavi_a:nth-of-type(2) {
    width: 48%;
  }
  .g_detailBtn {
    display: none;
  }
  .faq .faqArea .acoTitle .qIcon {
    width: 8%;
  }
  .faq .faqArea .innerUl .aIcon_wap {
    width: 8%;
  }
  .faq .faqArea .innerUl .innerText {
    width: 92%;
  }
  .hd_underArea .hd_listBox_wr .hd_box1 {
    width: 100%;
  }
  .hd_underArea .hd_listBox_wr .hd_box1:last-child {
    border-top: 1px solid #000;
  }
}
@media screen and (min-width: 897px) and (max-width: 1024px) {
  .telArea {
    display: none;
  }
  body {
    min-width: 100%;
  }
  .boxwap {
    width: 96%;
  }
  .footer .footerNavi {
    width: 52%;
  }
  #nav-input:checked ~ #nav-content {
    left: 0;
  }
  #nav-input:checked ~ #nav-open {
    left: 360px;
  }
  .g_detailBtn {
    display: none;
  }
  .shipMark {
    font-size: 12px;
  }
}
.breadcrumbArea .breadcrumb {
  display: block;
}
.breadcrumbArea .breadcrumb li span {
  color: #555;
}

.mokuzai .contentWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}
.mokuzai .contentWr .imgArea {
  width: 37%;
  margin-top: 35px;
}
.mokuzai .contentWr .dic_table {
  width: 58%;
}
.mokuzai .contentWr .dic_table .M_ordercontractWrap {
  border-left: none;
  border-right: none;
}
@media (max-width: 896px) {
  .mokuzai .contentWr {
    display: block;
  }
  .mokuzai .contentWr .imgArea {
    width: 100%;
    margin-top: 35px;
  }
  .mokuzai .contentWr .dic_table {
    width: 100%;
  }
  .mokuzai .contentWr .dic_table .M_ordercontractWrap .M_ordercontractItem {
    padding: 0 2%;
  }
}

.dic_list .List h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.dic_list .List ul {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.dic_list .List ul li {
  width: 25%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 15px 0;
}
.dic_list .List ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.dic_list .List ul li a > div {
  width: 40%;
}
.dic_list .List ul p {
  width: 55%;
  font-size: 15px;
  padding: 0 0 0 5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media (max-width: 896px) {
  .dic_list .List ul {
    display: block;
  }
  .dic_list .List ul li {
    width: 100%;
    padding: 5px 0;
  }
  .dic_list .List ul li a > div {
    width: 25%;
  }
}

.price_chart h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
@media (max-width: 568px) {
  .price_chart h3 {
    font-size: 4.8vw;
  }
}
.price_chart p {
  font-size: 12px;
}
@media (max-width: 568px) {
  .price_chart p {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}
.price_chart table {
  width: 100%;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.03em;
  line-height: 1.3;
  border: #dddddd 1px solid;
  margin: 50px 0 20px;
}
.price_chart table th {
  text-align: center;
  font-weight: 400;
  padding: 2% 0;
  width: 30%;
  border-bottom: #dddddd 1px solid;
  border-right: #dddddd 1px solid;
  background: #f9f9f9;
}
.price_chart table td {
  padding: 2% 0;
  width: 30%;
  border-bottom: #dddddd 1px solid;
  border-right: #dddddd 1px solid;
}
.price_chart table td:nth-of-type(2) {
  border-right: none;
}
.price_chart table tr:first-child th, .price_chart table tr:first-child td, .price_chart table tr:nth-of-type(2) th, .price_chart table tr:nth-of-type(2) td {
  background: #eee;
}
@media (max-width: 568px) {
  .price_chart table {
    margin: 30px 0 20px;
    font-size: 3.4666vw;
  }
  .price_chart table th {
    padding: 2%;
  }
}

.calendarTT {
  padding: 30px 25px 15px;
}
.calendarTT p {
  font-size: 15px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
.calendarTT p.calTT {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.guide_page {
  color: #000;
}
.guide_page section {
  padding-bottom: 40px;
}
.guide_page .guideBtnArea {
  padding: 30px 0 50px;
}
.guide_page .guideBtnArea ul {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.guide_page .guideBtnArea li {
  width: 18%;
  margin-right: 2.5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 20px;
}
.guide_page .guideBtnArea li:nth-last-of-type(5n) {
  margin-right: 0;
}
.guide_page .guideBtnArea a {
  display: block;
  padding: 15px 0;
  text-align: center;
  background-image: url(/html/template/default/assets/img/common/d_arrow.png);
  background-size: 8%;
  background-position: center right 7%;
  background-repeat: no-repeat;
  font-size: 15px;
  background-color: #000;
  color: #fff;
}
.guide_page h3 {
  font-size: 20px;
  letter-spacing: 0.03em;
  padding-bottom: 10px;
  border-bottom: 1px #cccccc solid;
  font-weight: bold;
}
.guide_page .s1Area .block1 {
  padding: 60px 0 70px;
}
.guide_page .s1Area ul {
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.guide_page .s1Area ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: table;
}
.guide_page .s1Area ul li > div {
  border: #000 2px solid;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  width: 123px;
  height: 120px;
  display: table-cell;
  vertical-align: middle;
}
.guide_page .s1Area ul li img {
  width: 30%;
  margin: 0 auto 10px;
}
.guide_page .s1Area ul li:first-child > div img {
  width: 25%;
}
.guide_page .s1Area ul li span {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  display: block;
}
.guide_page .s1Area ul li:after {
  content: ">";
  padding-left: 0.3em;
  color: #000;
  font-size: 20px;
  margin-top: 45px;
  display: block;
}
.guide_page .s1Area ul li:last-child:after {
  content: "";
}
.guide_page .s1Area .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: 70px;
}
.guide_page .s1Area .block img.imgFC {
  margin-bottom: 40px;
}
.guide_page .s1Area .block:last-child {
  margin-bottom: none;
}
.guide_page .s1Area .block .imgArea {
  width: 35%;
}
.guide_page .s1Area .block .textArea {
  width: 65%;
  padding-left: 5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.guide_page .s1Area .block .textArea p {
  text-align: left;
  line-height: 1.5;
  font-size: 15px;
}
.guide_page .s1Area .block .textArea p.firstP {
  margin: 0 0 25px;
  font-weight: bold;
  color: #000;
  font-size: 18px;
}
.guide_page .s1Area .block .textArea p .number {
  background: #000;
  padding: 1% 2%;
  font-size: 19px;
  color: #fff;
  display: inline-block;
  margin-right: 10px;
}
.guide_page .s1Area .block .textArea p .number.stepNum {
  font-size: 12px;
  margin-bottom: 10px;
}
.guide_page .s1Area .block .textArea .smallTextP {
  font-size: 13px;
  line-height: 1.5;
  display: inline;
}
.guide_page p.guideText {
  line-height: 1.8;
  font-size: 15px;
}
.guide_page .shipTable table {
  width: 55%;
  border: 2px #000 solid;
  margin: 30px 0 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.guide_page .shipTable table th {
  text-align: center;
  font-weight: normal;
  padding: 10px 0;
  border-bottom: 1px #000 solid;
  border-right: 2px #000 solid;
}
.guide_page .shipTable table th.tableTT {
  text-align: center;
  border-bottom: 2px #000 solid;
}
.guide_page .shipTable table th.sizeCell {
  border-bottom: 2px #000 solid;
  border-right: 2px #000 solid;
}
.guide_page .shipTable table tr:last-child th {
  border-bottom: none;
}
.guide_page .shipTable table td {
  padding: 10px 0;
  text-align: center;
  width: 24%;
  border-bottom: 1px #000 solid;
  border-right: 1px #000 solid;
}
.guide_page .shipTable table td:last-child {
  border-right: none;
}
.guide_page .shipTable .bg_ddd {
  background: #dddddd;
}
.guide_page .shipTable .bg_eee {
  background: #eeeeee;
  border-bottom: 2px #000 solid;
  border-right: 1px #000 solid;
  border-top: 2px #000 solid;
  border-left: none;
}
.guide_page .shipTable .bg_eee:last-child {
  border-right: none;
}
@media (max-width: 568px) {
  .guide_page .shipTable table {
    width: 100%;
    font-size: 3.2vw;
  }
  .guide_page .shipTable table td {
    width: 22%;
  }
}
.guide_page a.contactBtn {
  width: 30%;
  display: block;
  text-align: center;
  padding: 20px 0;
  font-size: 18px;
  color: #333333;
  border: 2px solid #000;
  margin: 20px auto 0;
  background-image: url(../img/common/arrow_black.png);
  background-repeat: no-repeat;
  background-position: center right 15%;
  background-size: 3%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media (max-width: 568px) {
  .guide_page a.contactBtn {
    width: 100%;
    margin-top: 40px;
  }
}

@media screen and (min-width: 569px) and (max-width: 896px) {
  .guide_page .guideBtnArea a {
    font-size: 10px;
  }
  .guide_page .s1Area ul {
    width: 100%;
  }
  .guide_page .s1Area ul li span {
    font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
  .guide_page h3 {
    font-size: 4.8vw;
  }
  .guide_page p.guideText {
    font-size: 4vw;
  }
  .guide_page section {
    padding-bottom: 0;
  }
  .guide_page .guideBtnArea {
    display: none;
  }
  .guide_page .sp_guideBtn {
    margin-top: 30px;
    background-color: #000;
    color: #fff;
    padding: 15px 0;
    background-position: center right 5%;
    background-size: 5%;
    background-repeat: no-repeat;
    text-align: center;
  }
  .guide_page .sp_guideBtn.arrowOff {
    background-image: url(/html/template/default/assets/img/guide/sp/pl_btnOff.png);
  }
  .guide_page .sp_guideBtn.arrowOn {
    background-image: url(/html/template/default/assets/img/guide/sp/w_btnOn.png);
  }
  .guide_page .s1Area .block1 {
    padding: 30px 0 0;
  }
  .guide_page .s1Area ul {
    display: block;
    width: 100%;
  }
  .guide_page .s1Area ul li {
    display: block;
  }
  .guide_page .s1Area ul li > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
    width: 100%;
    height: auto;
    padding: 2% 0;
  }
  .guide_page .s1Area ul li img {
    width: 7%;
    margin: 0 5px 0 0;
  }
  .guide_page .s1Area ul li span {
    display: inline-block;
  }
  .guide_page .s1Area ul li:first-child > div img {
    width: 5%;
    margin: 0 5px 0 0;
  }
  .guide_page .s1Area ul li:after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    margin-top: 0;
    text-align: center;
    font-weight: 600;
  }
  .guide_page .s1Area .block {
    margin-bottom: 0;
    display: block;
  }
  .guide_page .s1Area .block .imgArea.pc {
    display: none;
  }
  .guide_page .s1Area .block .imgArea.sp {
    width: 60%;
    margin: 60px auto 30px;
  }
  .guide_page .s1Area .block .textArea {
    width: 100%;
    padding-left: 0;
  }
  .guide_page .s1Area .block .textArea p.firstP {
    font-size: 4.8vw;
    margin: 0 0 15px;
  }
  .guide_page .s1Area .block .textArea p.firstP .number {
    padding: 1% 3%;
    font-size: 4.8vw;
  }
  .guide_page .s1Area .block:first-child p.secondP strong {
    display: block;
  }
}
#page_product_contact .ec-layoutRole__main {
  padding-bottom: 100px;
}
@media (max-width: 896px) {
  #page_product_contact .ec-pageHeader h1 {
    padding: 30px 0 0 0;
    margin: 30px 0;
  }
  #page_product_contact .ec-off1Grid {
    padding-bottom: 80px;
  }
}

.mypage .ec-pageHeader h1 {
  padding-top: 20px;
}
.mypage .ec-mypageRole {
  max-width: 1130px;
}

#page_shopping_login .ec-guest .ec-guest__actions .ec-blockBtn--cancel {
  color: #000;
}

.categories_list .List ul li {
  padding: 0;
}
.categories_list .List ul a {
  font-size: 15px;
  padding: 15px 0;
  display: block;
}
.categories_list .List ul a:hover {
  cursor: pointer;
}
@media (max-width: 896px) {
  .categories_list .List ul {
    padding: 0 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .categories_list .List ul li {
    width: 50%;
    padding: 0;
  }
}