@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i');
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* -----------------------------------------------------------------------------
 Custom Helper
----------------------------------------------------------------------------- */
.op a:hover,
.op a:hover img,
a.op:hover,
.on img:hover {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

.wrapper {
  overflow: hidden;
  width: 100%; }

/* =============================================================================
 Fonts
============================================================================= */
.lato, .latin {
  font-family: "Lato", sans-serif;
  font-weight: 400; }
.porting .light {
  font-weight: 300; }
.porting .bold {
    font-weight: 700;
}

/* =============================================================================
 Add
============================================================================= */
.l-header,.l-footer, .porting, .ct-mv {
  min-width: 1200px;
}
.porting {
  font-size: 1.4rem;
}
@media screen and (max-width: 991px) {
  .l-header,.l-footer, .porting, .ct-mv {
    min-width: auto;
  }
}
.porting a:hover {
    color: #999;
    text-decoration: none;
}
.ct-mv img {
  width: 100%;
}

/* c_btn_more
--------------------------------------------- */
.c_btn_more {
  padding: 18px 20px;
  display: inline-block;
  width: 300px;
  box-sizing: border-box;
  border: 1px #000 solid;
  text-align: center;
  font-size: 1.6rem; }
  .c_btn_more:hover {
    border: 1px #ccc solid;
    background: #ccc;
    color: #000; }
@media screen and (max-width: 991px) {
.c_btn_more {
  font-size: 1.3rem;
  padding: 10px;}
}
.site_yoga .c_btn_more {
  border: 1px #c2eff9 solid;
  background: #fff; }
  .site_yoga .c_btn_more:hover {
    border: 1px #c2eff9 solid;
    background: #c2eff9; }
.site_vacasta .c_btn_more {
  border: 1px #FFBEEC solid;
  background: #fff; }
  .site_vacasta .c_btn_more:hover {
    border: 1px #FFBEEC solid;
    background: #FFBEEC; }

/* c_btn_more
--------------------------------------------- */
.c_btnblock.p_btnback {
  margin-top: 40px; }
  .c_btnblock.p_btnback span {
    padding: 12px 40px;
    box-sizing: border-box;
    border: 1px #333333 solid;
    display: inline-block; }

/* c_home_section
--------------------------------------------- */
.section.c_home_section {
  margin: 60px 0;
  border-top: 1px #000 solid;
  position: relative; }
@media screen and (max-width: 991px) {
.section.c_home_section {
  margin: 30px 0; }
}
.site_yoga .c_home_section {
  border-top: 1px #c2eff9 solid; }
.site_run .c_home_section {
  border-top: 1px #ff7a27 solid; }
.site_swim .c_home_section {
  border-top: 1px #12bfce solid; }
.site_vacasta .c_home_section {
    border-top: 1px #FFBEEC solid;}

/* =============================================================================
 Common Style
============================================================================= */
.c_histryblock .blocklabel,
.section .sectionlabel {
  margin: 1.5em 0;
  text-align: center;
  font-size: 3rem;
  font-weight: normal; }
@media screen and (max-width: 991px) {
.c_histryblock .blocklabel,
.section .sectionlabel {
  margin: 1em 0;
  font-size: 2rem; }
.section .sectionlabel .latin {
  font-weight: 700; }
}


/*.sectionheader .sectionlabel {
  margin-bottom: 0; }*/

.section .sectioninfo {
  margin-bottom: 40px;
  text-align: center; }

.section .c_contentblock {
  margin-bottom: 60px; }

.backnumber span:after {
  content: " >"; }

.layout_body .contenttable {
  margin-bottom: 20px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  width: 100%; }
  .layout_body .contenttable th {
    padding: 10px 25px;
    border-bottom: 1px solid #ddd;
    border-right: 1px #ddd solid;
    font-weight: bold;
    color: #333;
    background: #f4f4f4;
    text-align: left; }
  .layout_body .contenttable td {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd; }

.layout_body .contenttable.p_rankingtable th, .layout_body .contenttable.p_rankingtable td {
  width: 25%;
  text-align: center; }
.layout_body .contenttable.p_rankingtable tr th:first-of-type {
  width: 20%;
  text-align: left;
  font-weight: normal; }
.layout_body .contenttable.p_rankingtable tr:first-of-type th:nth-of-type(3) {
  background-color: silver; }
.layout_body .contenttable.p_rankingtable tr:first-of-type th:nth-of-type(4) {
  background-color: gold; }

.layout_body .aligncenter {
  text-align: center; }
.layout_body .alignright {
  text-align: right; }

/* c_catitem
--------------------------------------------- */
.c_catitem {
  float: left;
  text-align: center; }
  .c_catitem a {
    display: block; }
  .c_catitem .head {
    margin-top: -0.9em;
    font-size: 4.2rem;
    line-height: 1.8;
    color: #000;
    position: relative; }
  .c_catitem .label {
    margin-bottom: 12px;
    font-size: 1.6rem;
    color: #000; }
  .c_catitem .text {
    font-size: 1.2rem; }
    .c_catitem .text:before {
      margin: 0 auto 12px;
      display: block;
      width: 30px;
      height: 1px;
      border-bottom: 1px #5f3a00 solid;
      content: ""; }
@media screen and (max-width: 991px) {
  .c_catitem .head {
    font-size: 3rem; }
}

.site_golf .c_catitem {
  width: 590px; }
  .site_golf .c_catitem .text:before {
    border-bottom: 1px #000 solid; }
.site_yoga .c_catitem {
  width: 380px; }
  .site_yoga .c_catitem .text:before {
    border-bottom: 1px #00b4d9 solid; }

.site_run .c_catitem {
  width: 380px; }
.site_run .c_catitem .text:before {
  border-bottom: 1px #ff7a27 solid; }
.site_run .c_catitem .head {margin-top:0;}
.site_vacasta  .c_catitem {
  width: 380px; }
.site_vacasta  .c_catitem .text:before {
  border-bottom: 1px #EB43BC solid; }
.site_vacasta  .c_catitem .head {margin-top:0;}

@media screen and (max-width: 991px) {
.site_golf .c_catitem {
  width: 100%; }
.site_run .c_catitem {
  width: 100%; }
.site_vacasta  .c_catitem {
  width: 100%; }
}



/* c_contentblock
--------------------------------------------- */
.c_contentblock .blocklabel {
  margin: 24px 0;
  text-align: center; }
  .c_contentblock .blocklabel span {
    vertical-align: middle; }
  .c_contentblock .blocklabel .title {
    font-size: 2rem; }
  .c_contentblock .blocklabel .sub {
    padding: 0 1em;
    color: #666;
    font-size: 1.2rem; }
@media screen and (max-width: 991px) {
  .c_contentblock .blocklabel .title {
    font-size: 1.5rem; }
}

/* c_goodsitem
--------------------------------------------- */
.c_goodsitem {
  position: relative;
  text-align: center; }
  .c_goodsitem a {
    display: block; }
  .c_goodsitem .num {
    display: table-cell;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 1.8rem;
    width: 35px;
    height: 35px;
    background: #00b4d9;
    color: #fff;
    text-align: center;
    vertical-align: middle; }
    .c_goodsitem .num span {
      display: inline-block;
      line-height: 35px; }
  .c_goodsitem .image {
    margin-bottom: 10px; }
  .c_goodsitem .head {
    margin: 5px 0;
    color: #999; }
  .c_goodsitem .label {
    margin: 5px 0;
    font-size: 1.2rem; }
  .c_goodsitem .price {
    margin: 5px 0;
    font-weight: bold; }
    .c_goodsitem .price .addition {
      font-size: 1.2rem; }
@media screen and (max-width: 991px) {
  .c_goodsitem .num {
    top: 0px;
    left: 0px;
    font-size: 1rem;
    width: 2em;
    height: 2em; }
    .c_goodsitem .num span {
      line-height: 2em; }
    .c_goodsitem .price {
      font-size: 1.3rem;}
}
.site_golf .c_goodsitem .num {
  background: #9a0000; }
.site_yoga .c_goodsitem .num {
  background: #00b4d9; }
.site_run .c_goodsitem .num {
  background: #ff7a27; }
.site_swim .c_goodsitem .num {
  background: #12bfce; }
.site_vacasta .c_goodsitem .num {
  background: #EB6BA5; }

/* c_itemlistblock
--------------------------------------------- */
.c_itemlistblock .c_goodsitem {
  margin-right: 20px;
  width: 224px;
  float: left; }
  .c_itemlistblock .c_goodsitem:last-of-type {
    margin-right: 0; }
@media screen and (max-width: 991px) {
.c_itemlistblock .c_goodsitem {
  margin-bottom: 1em;
  margin-right: 2px;
  width: calc( 33.3% - 4px ); }
.c_itemlistblock .c_goodsitem:nth-of-type(n+4) {
  display: none;
  }
}

/* c_rankingblock
--------------------------------------------- */
.c_rankingblock .blocklabel {
  margin: 45px 0; }
@media screen and (max-width: 991px) {
.c_rankingblock .blocklabel {
  margin: 30px 0; }
}

/* c_blogitem
--------------------------------------------- */
.c_blogitem a {
  display: block; }
.c_blogitem .row {
  display: table;
  width: 100%; }
  .c_blogitem .row > div {
    display: table-cell;
    vertical-align: middle; }
  .c_blogitem .row .imgbox {
    box-sizing: content-box; /*ADD*/
    width: 140px;
    padding-right: 30px; }
  .c_blogitem .row .date {
    margin-bottom: 10px;
    color: #666; }
    .c_blogitem .row .date:after {
      margin-top: 10px;
      display: block;
      width: 20px;
      height: 1px;
      border-bottom: 1px #5f3a00 solid;
      content: ""; }

/* c_branditem
--------------------------------------------- */
.c_branditem {
  text-align: center; }
  .c_branditem a {
    display: block; }
  .c_branditem .bnr {
    margin-bottom: 10px; }

.p_main_brand .c_branditem {
  margin: 0 12px 12px 0;
  width: 190px;
  float: left; }
  .p_main_brand .c_branditem:nth-of-type(6n) {
    margin-right: 0; }
  .p_main_brand .c_branditem:nth-of-type(6n+1) {
    clear: left; }

/* c_specialitem
--------------------------------------------- */
.c_specialitem {
  text-align: center;
  width: 270px; }
  .c_specialitem a {
    display: block; }
  .c_specialitem .bnr {
    margin-bottom: 5px; }
@media screen and (max-width: 991px) {
.c_specialitem {
  width: 100%; }
}

.p_specialitemblock .firstcol {
  margin-bottom: 40px; }
  .p_specialitemblock .firstcol .c_specialitem {
    width: auto; }
.p_specialitemblock .secondcol .c_specialitem {
  margin: 0 40px 20px 0;
  float: left; }
  .p_specialitemblock .secondcol .c_specialitem:nth-of-type(4n) {
    margin-right: 0; }
  .p_specialitemblock .secondcol .c_specialitem:nth-of-type(4n+1) {
    clear: left; }

/* c_catbtn
--------------------------------------------- */
.c_catbtn > a {
  display: table;
  width: 190px; }

@media screen and (max-width: 991px) {
.c_catbtn > a {
  width: 100%; }
}
  .c_catbtn > a > div {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle; }
  .c_catbtn > a .ico {
    width: 80px; }
  .c_catbtn > a .label {
    padding-right: 10px; }
.site_golf .c_catbtn {
  background: #f8f8f8; }
.site_yoga .c_catbtn {
  background: #f7f7de; }
.site_run .c_catbtn {
  background: #f8f8f8; }
.site_vacasta  .c_catbtn {
  background: #ffecf5; }

 .site_vacasta .c_catbtn > a .ico {
    width: 70px;
		padding: 5px; }
 .site_vacasta .c_catbtn > a .label {
    padding-right: 10px;
		padding-left: 5px; }

.p_main_catbtn .c_catbtn {
  margin: 0 12px 12px 0;
  float: left; }
  .p_main_catbtn .c_catbtn:nth-of-type(6n) {
    margin-right: 0; }
  .p_main_catbtn .c_catbtn:nth-of-type(6n+1) {
    clear: left; }
@media screen and (max-width: 991px) {
.p_main_catbtn .c_catbtn {
  margin: 0 0 10px;
  width: 48%;}
  .p_main_catbtn .c_catbtn:nth-of-type(2n) {
    float: right;
    margin-right: 0; }
}

.c_catbtn--txt a {
text-align: center;
height: 70px;}


/* c_ctrl_btns
--------------------------------------------- */
.porting .c_ctrl_btns {
  margin: 60px 0;
  text-align: center; }
@media screen and (max-width: 991px) {
.porting .c_ctrl_btns {
  margin: 15px 0 30px 0; }
}

/* p_newitemblock
--------------------------------------------- */
.p_newitemblock .row {
  display: table;
  width: 100%; }
  .p_newitemblock .row > .col {
    display: table-cell;
    vertical-align: top; }
  .p_newitemblock .row .c_goodsitem {
    margin: 0 20px 10px 0;
    float: left;
    width: 200px; }
    .p_newitemblock .row .c_goodsitem:nth-of-type(3n) {
      margin-right: 0; }
    .p_newitemblock .row .c_goodsitem:nth-of-type(3n+1) {
      clear: left; }
    .p_newitemblock .row .c_goodsitem .image {
      margin-bottom: 10px; }
  .p_newitemblock .row .firstcol {
    width: 560px;
    box-sizing: border-box; }
    .p_newitemblock .row .firstcol .c_goodsitem {
      margin-right: 0;
      width: 540px; }
  .p_newitemblock .row .secondcol .c_goodsitem {
    height: 330px;
    max-height: 330px; }
@media screen and (max-width: 991px) {
.p_newitemblock .row {
  display: block; }
  .p_newitemblock .row > .col {
    display: block;}
  .p_newitemblock .row .c_goodsitem {
    margin: 0 0 10px 0;
    width: 33.3%; }
    .p_newitemblock .row .c_goodsitem .image {
      margin-bottom: 10px; }
  .p_newitemblock .row .firstcol {
    width: 100%;
    box-sizing: border-box; }
    .p_newitemblock .row .firstcol .c_goodsitem {
      width: 100%; }
  .p_newitemblock .row .secondcol .c_goodsitem {
    height: auto;
    max-height: none; }
}



/* p_blogitemblock
--------------------------------------------- */
.p_blogitemblock > .row {
  margin: 0 auto;
  display: table;
  border-collapse: collapse;
  width: 1140px; }
  .p_blogitemblock > .row > .col {
    padding: 30px 20px 30px 30px;
    border: 1px #ddd solid;
    display: table-cell;
    width: 480px;
    box-sizing: border-box;
    vertical-align: middle; }
    .p_blogitemblock > .row > .col:last-of-type {
      width: 200px; }


@media screen and (max-width: 991px) {
.p_blogitemblock > .row {
  border-top: 1px #ddd solid;
  width: 100%;
  display: block;}
  .p_blogitemblock > .row > .col {
    padding: 30px 0 30px 0;
    border-width: 0 0 1px;
    width: 100%;
    display: block;}
    .p_blogitemblock > .row > .col:last-of-type {
      width: 100%; }
  .p_blogitemblock .c_blogbacknumber {
    text-align: right;
  }
}




/* p_main_ranking
--------------------------------------------- */
.p_main_ranking .c_rankingblock {
  margin-bottom: 55px;
  border-bottom: 1px #ddd solid; }
  .p_main_ranking .c_rankingblock:last-of-type {
    margin-bottom: 0;
    border-bottom: none; }
@media screen and (max-width: 991px) {
.p_main_ranking .c_rankingblock {
  margin-bottom: 25px;}
}
/* p_catitemblock
--------------------------------------------- */
.site_golf .p_catitemblock .c_catitem {
  margin: 0 20px 60px 0; }
  .site_golf .p_catitemblock .c_catitem:nth-of-type(2n) {
    margin-right: 0; }
  .site_golf .p_catitemblock .c_catitem:nth-of-type(2n+1) {
    clear: both; }
@media screen and (max-width: 991px) {
.site_golf .p_catitemblock .c_catitem {
  margin: 0 20px 60px 0; }
}
.site_yoga .p_catitemblock .c_catitem {
  margin: 0 30px 60px 0; }
  .site_yoga .p_catitemblock .c_catitem:nth-of-type(3n) {
    margin-right: 0; }
  .site_yoga .p_catitemblock .c_catitem:nth-of-type(3n+1) {
    clear: both; }
@media screen and (max-width: 991px) {
.site_yoga .p_catitemblock .c_catitem {
margin: 0 0 30px 0; }
}

.site_run .p_catitemblock .c_catitem {
  margin: 0 30px 60px 0; }
.site_run .p_catitemblock .c_catitem:nth-of-type(3n) {
  margin-right: 0; }
.site_run .p_catitemblock .c_catitem:nth-of-type(3n+1) {
  clear: both; }
@media screen and (max-width: 991px) {
.site_run .p_catitemblock .c_catitem {
margin: 0 0 30px 0; }
}

.site_vacasta .p_catitemblock .c_catitem {
margin: 0 30px 60px 0; }
.site_vacasta .p_catitemblock .c_catitem:nth-of-type(3n) {
margin-right: 0; }
.site_vacasta .p_catitemblock .c_catitem:nth-of-type(3n+1) {
clear: both; }
@media screen and (max-width: 991px) {
.site_vacasta .p_catitemblock .c_catitem {
margin: 0 0 30px 0; }
}








/* =============================================================================
 Add INLINE
============================================================================= */
    .p_catitemblock .head {
      margin-bottom: 1.5rem;
    }
    .p_catitemblock .head span {
      display: block;
      position: relative;
    }
    .p_catitemblock .head span:before {
      content: "";
      display: block;
      width: 30px;
      height: 1px;
      border-bottom: 1px #000 solid;
      position: absolute;
      bottom: 5px;
      left: calc(50% - 15px);
    }
    [data-parcentage]:before {
      content:attr(data-parcentage)"";
      font-size: 12px;
      margin-right: 5px;
    }

/* ==============================================
 ### 23-08-01 タブレット用調整
=================================================*/
@media screen and (min-width: 991px) and (max-width: 1200px) {
  .l-header, .l-footer, .porting, .ct-m {
    min-width: 100%;
  }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
  .l-header {
    padding: 0 20px;
  }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
  .fs-body-product .c-container.c-review .fs-c-productReview {
    width: 100%;
  }
}