@charset "UTF-8";
@import url(css/prints.css);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}

body {
  background: #fff;
  color: #231815;
  font: normal normal 14px/1.6 "YakuHanJP", "TsukuGoPr5-D", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  word-spacing: 0.1em;
  cursor: auto;
  -webkit-text-size-adjust: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

p {
  padding: 5px 0 10px;
}

ul, ol {
  margin: 10px 0;
  padding: 0 0 0 30px;
}

dl {
  margin: 10px 0;
}

a {
  color: #231815;
  text-decoration: none;
  cursor: pointer;
}

a:visited {
  color: #6b6b6b;
}

a:hover {
  color: #0055E8;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

a:focus, a:active {
  color: #f90;
}

em {
  color: #666;
  font-weight: bold;
  font-style: normal;
}

strong {
  color: #231815;
  font-weight: bold;
}

ins {
  color: #c03;
  font-weight: bold;
  text-decoration: none;
}

mark {
  color: #5b5905;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

q {
  quotes: none;
}

hr {
  display: none;
}

img {
  border: none;
  background: transparent;
  color: #fff;
  vertical-align: bottom;
}

embed, object {
  outline: 0;
  vertical-align: bottom;
}

blockquote {
  margin: 15px 0;
  padding: 10px 15px 3px;
  background: #faf6ed;
}

pre {
  width: auto;
  margin: 1em 0;
  padding: 0 20px;
  background: #eee;
  overflow: auto;
}

code {
  color: #5b5905;
  font-family: sans-serif;
  letter-spacing: 0;
}

input, textarea {
  vertical-align: inherit;
}

input:focus, select:focus, textarea:focus {
  background: #fafafa;
}

/******************************************************************** clearfix
*/
#container:after, .clearfix:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

/******************************************************************** utilities
*/
.aL {
  text-align: left;
}

.aC {
  text-align: center;
}

.aR {
  text-align: right;
}

.fR {
  float: right;
}

.fL {
  float: left;
}

.clr {
  float: none;
  clear: both;
}

.temp-notes {
  margin: 1em;
  padding: 1em;
  background: #f8f8f8;
  color: #c00;
  font-size: 120%;
  font-weight: bold;
}

/******************************************************************** structure
*/
#wrapper {
  width: 100%;
  min-width: 1080px;
  margin: 0 auto;
  text-align: left;
}

.inner {
  position: relative;
  box-sizing: border-box;
  width: 1080px;
  margin: 0 auto;
  padding: 0 10px;
}

header {
  position: relative;
  height: auto;
  padding: 10px 0 0;
}
header p, header h1, header ul {
  margin: 0;
  padding: 0;
}
header .logo {
  position: absolute;
  top: 0;
  left: 10px;
}
header .logo a:hover img {
  opacity: 1.0;
}
header .logoSportscroud {
  position: absolute;
  top: 34px;
  left: 190px;
}
header h1 {
  position: absolute;
  top: 20px;
  left: 190px;
  font-size: 12px;
}
header .subNavi {
  position: absolute;
  top: 18px;
  left: 545px;
}
header .subNavi li {
  float: left;
  margin-right: 12px;
}
header .sns {
  position: absolute;
  top: 19px;
  left: 733px;
}
header .sns li {
  float: left;
  margin-right: 20px;
}
header .shop {
  position: absolute;
  top: 14px;
  right: 10px;
}
header .shop a {
  box-sizing: border-box;
  display: block;
  padding: 3px 10px 6px;
  border: 1px solid #97E617;
  border-radius: 4px;
  color: #231815;
  font-weight: bold;
  text-align: center;
}
/*header .shop a:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 5px;
  width: 20px;
  height: 21px;
  background: url(img/common/icon-cart.png) no-repeat 0 0;
  background-size: 20px;
}*/
header .shop a:hover {
  background: #97E617;
  color: #231815;
}
header .inner {
  height: 73px;
}
header nav.globalNav {
  border-top: 1px solid #231815;
  border-bottom: 1px solid #231815;
}
header nav.globalNav ul {
  box-sizing: border-box;
  display: block;
  width: 1080px;
  margin: 0 auto;
  padding: 0 10px;
}
header nav.globalNav ul li {
  display: inline-block;
}
header nav.globalNav ul li a {
  display: inline-block;
  padding: 8px 20px;
  font-weight: bold;
}

.shop-navigation {
  margin: 10px 0;
  overflow: hidden;
}
.shop-navigation ul {
  float: right;
  width: auto;
}
.shop-navigation ul li {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  text-align: left;
}
.shop-navigation ul li:first-child {
  padding-left: 0;
}
.shop-navigation ul li a {
  font-weight: bold;
}

#mediaNav {
  box-sizing: border-box;
  min-width: 1080px;
  height: 110px;
  background: #231815;
}
#mediaNav ul {
  box-sizing: border-box;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 10px;
}
#mediaNav ul .mediaLogo {
  padding-top: 15px;
  text-align: center;
}
#mediaNav ul .mediaLogo.supplement {
  padding-top: 21px;
}
#mediaNav ul .mediaLogo a:hover {
  color: #fff;
}
#mediaNav ul .mediaLogo a:hover img {
  opacity: 1;
}
#mediaNav ul .mediaLogo span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
}
#mediaNav ul li {
  float: left;
  margin-right: 15px;
  padding-top: 45px;
}
#mediaNav ul li:last-child {
  margin-right: 0;
}
#mediaNav ul li a {
  color: #FFFFFF;
  font-weight: bold;
}
#mediaNav ul li a:hover {
  color: #0055E8;
}

#mediaNav.swimNav {
  background: url("img/swim/common/main.jpg") no-repeat 50% 0;
}
#mediaNav.swimNav ul .mediaLogo {
  margin-right: 50px;
}
#mediaNav.swimNav ul li {
  margin-right: 30px;
}
#mediaNav.swimNav ul li:last-child {
  margin-right: 0;
}

#mediaNav.soccerNav {
  background: url("img/soccer/common/main.jpg") no-repeat 50% 0;
}
#mediaNav.soccerNav ul .mediaLogo {
  margin-right: 50px;
  padding-top: 20px;
}
#mediaNav.soccerNav ul li {
  margin-right: 21px;
}
#mediaNav.soccerNav ul li:last-child {
  margin-right: 0;
}

#mediaNav.workoutNav {
  background: url("img/workout/common/main.jpg") no-repeat 50% 0;
  color: #231815;
}
#mediaNav.workoutNav ul .mediaLogo {
  margin-right: 50px;
  padding-top: 20px;
}
#mediaNav.workoutNav ul li {
  margin-right: 21px;
}
#mediaNav.workoutNav ul li:last-child {
  margin-right: 0;
}
#mediaNav.workoutNav ul li a {
  color: #231815;
}
#mediaNav.workoutNav ul li a:hover {
  color: #231815;
}

#mediaNav.sportsNutritionNav {
  background: url("img/sports-nutrition/common/main.jpg") no-repeat 50% 0;
  color: #fff;
}
#mediaNav.sportsNutritionNav ul .mediaLogo {
  margin-right: 50px;
  padding-top: 20px;
}
#mediaNav.sportsNutritionNav ul li {
  margin-right: 21px;
}
#mediaNav.sportsNutritionNav ul li:last-child {
  margin-right: 0;
}

#mediaNav.womansBodyNav {
  background: url("img/womans-body/common/main.jpg") no-repeat 50% 0;
  color: #fff;
}
#mediaNav.womansBodyNav ul .mediaLogo {
  margin-right: 50px;
  padding-top: 20px;
}
#mediaNav.womansBodyNav ul li {
  margin-right: 21px;
}
#mediaNav.womansBodyNav ul li:last-child {
  margin-right: 0;
}

#mediaNav.sportsSupplementNav {
  background: #f7f7f7 url("img/sports-supplement/common/main02.jpg") no-repeat 50% 0;
}
#mediaNav.sportsSupplementNav ul .mediaLogo {
  margin-right: 40px;
}
#mediaNav.sportsSupplementNav ul li {
  margin-right: 21px;
}
#mediaNav.sportsSupplementNav ul li:last-child {
  margin-right: 0;
}
#mediaNav.sportsSupplementNav ul li a:hover {
  color: #cccccc;
}

.col1 .breadcrumbsList {
  box-sizing: border-box;
  width: 1080px;
  min-width: 1080px;
  margin: 15px auto;
  padding: 0 10px;
}
.col1 .subCategory li {
  width: 18%;
  margin-right: 2.3%;
  margin-bottom: 10px;
}

.col2 main {
  float: left;
  width: 720px;
}
.col2 .sidebar {
  float: right;
  width: 280px;
  margin-bottom: 80px;
  overflow: hidden;
}
.col2 .sidebar .ttl {
  position: relative;
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.col2 .sidebar .ttl span {
  display: block;
  font-size: 10px;
  font-weight: bold;
}
.col2 .sidebar .ttl:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 16px;
  height: 2px;
  margin-left: -8px;
  background: #0055E8;
}
.col2 .sidebar .iconHashtag li {
  margin: 0;
  padding: 0;
}
.col2 .sidebar .iconHashtag li a {
  font-size: 13px;
  font-weight: normal;
}
.col2 .sidebar .searchBox {
  padding: 13px 16px 16px;
  border: 2px solid #A8A8A8;
}
.col2 .sidebar .searchBox dl {
  margin: 15px 0 0;
  padding: 0;
}
.col2 .sidebar .searchBox dl dt {
  margin-bottom: 10px;
  padding: 4px 0;
  background: #E9EEFB;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.col2 .sidebar .searchBox dl dd {
  display: inline-block;
  margin-right: 10px;
}
.col2 .sidebar .rankingBox {
  overflow: hidden;
}
.col2 .sidebar .rankingBox .rankingList {
  counter-reset: rihgt-ranking;
}
.col2 .sidebar .rankingBox .rankingList li {
  position: relative;
  list-style-type: none;
  min-height: 50px;
  margin-bottom: 10px;
  padding-left: 80px;
  overflow: hidden;
  line-height: 1.4;
}
.col2 .sidebar .rankingBox .rankingList li p {
  margin: 0;
  padding: 0;
}
.col2 .sidebar .rankingBox .rankingList li .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  float: left;
}
.col2 .sidebar .rankingBox .rankingList li .date, .col2 .sidebar .rankingBox .rankingList li .point {
  float: left;
  margin-top: 4px;
  color: #808080;
  font-size: 10px;
}
.col2 .sidebar .rankingBox .rankingList li .point {
  float: right;
}
.col2 .sidebar .rankingBox .rankingList li .wpp-views {
  display: inline-block;
  margin-left: 3px;
  padding: 0 4px;
  background: #ffcbcb;
  color: #ff1a1a;
  font-size: 10px;
  font-weight: bold;
}
.col2 .sidebar .rankingBox .rankingList li:before {
  content: counter(rihgt-ranking,decimal);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 4px 8px;
  background: #0055E8;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  counter-increment: rihgt-ranking;
}
.col2 .sidebar .sideBanner {
  margin: 0 0 30px;
}
.col2 .sidebar .sideBanner li {
  margin-bottom: 20px;
}
.col2 .sidebar .categoryBox, .col2 .sidebar .keywordBox {
  margin-bottom: 27px;
}
.col2 .sidebar .categoryBox ul, .col2 .sidebar .keywordBox ul {
  margin: 0;
  padding: 0;
}
.col2 .sidebar .categoryBox ul li, .col2 .sidebar .keywordBox ul li {
  padding-bottom: 3px;
}
.col2 .sidebar .writerBox {
  margin-bottom: 30px;
}
.col2 .sidebar .writerBox ul {
  overflow: hidden;
}
.col2 .sidebar .writerBox ul li {
  float: left;
  width: 50%;
  text-align: center;
}
.col2 .sidebar .writerBox ul li .name {
  word-break: break-all;
}
.col2 .sidebar .writerBox ul li .name img {
  border-radius: 50%;
}
.col2 .sidebar .writerBox ul li .name span {
  display: block;
  padding-top: 8px;
}
.col2 .sidebar .writerBox ul li p {
  display: block;
  text-align: center;
}
.col2 .sidebar .writerBox ul li .job {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  word-break: break-all;
}
.col2 .sidebar .writerBox ul li:nth-child(2n+1) {
  clear: both;
}
.col2 .sidebar .snsBox {
  margin: 0;
  padding: 0;
}
.col2 .sidebar .snsBox li a {
  box-sizing: border-box;
  float: left;
  display: block;
  width: 48%;
  margin-right: 4%;
  padding: 10px 0;
  border: 1px solid #808080;
  text-align: center;
}
.col2 .sidebar .snsBox li a span {
  display: block;
  padding-top: 5px;
  font-weight: bold;
  line-height: 1.3;
}
.col2 .sidebar .snsBox li:nth-child(2n) a {
  margin-right: 0;
}

#container {
  position: relative;
  padding-bottom: 80px;
  overflow: hidden;
}
.col2 #container {
  box-sizing: border-box;
  width: 1080px;
  margin: 20px auto 0;
  padding: 0 10px;
}

footer {
  position: relative;
  box-sizing: border-box;
  min-width: 1080px;
  padding: 30px 10px 0;
  background: #3D3D3D;
  color: #E8E8E8;
}
footer .inner {
  position: relative;
  padding: 20px 0 40px;
  overflow: hidden;
}
footer .block {
  box-sizing: border-box;
  float: left;
  width: 17%;
}
footer .block:nth-child(1) {
  width: 28%;
  padding-right: 2%;
}
footer .block a {
  color: #fff;
}
footer .block a:hover {
  color: #6b6b6b;
}
footer .block .navi li {
  margin-bottom: 5px;
}
footer .block .navi li ul {
  margin: 0;
}
footer .block .navi li ul li {
  margin: 5px 0 0 0.8em;
  font-size: 12px;
}
footer .block .sns {
  overflow: hidden;
}
footer .block .sns li {
  float: left;
  margin-right: 10px;
}
footer .shop a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 3px 4px 6px;
  border: 1px solid #97E617;
  border-radius: 4px;
  background: #fff;
  color: #231815;
  font-weight: bold;
  text-align: center;
}
/*footer .shop a:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 5px;
  width: 20px;
  height: 21px;
  background: url(img/common/icon-cart.png) no-repeat 0 0;
  background-size: 20px;
}*/
footer .shop a:hover {
  background: #97E617;
  color: #231815;
}
footer .caution {
  clear: both;
  padding: 10px 0 0;
  font-size: 12px;
}
footer .ban {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0 5px;
  font-size: 12px;
}
footer address {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 0 5px;
  font-size: 12px;
  font-style: normal;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #wrapper {
    min-width: 100%;
}

  .inner {
    width: 100%;
    min-width: 100%;
    padding: 0 4%;
}

  header .logo {
    display: none;
}
  header .logoSp {
    padding-top: 13px;
  }
  header .logoSportscroud {
    position: absolute;
    top: 9px;
    left: 164px;
}
  header .logoSportscroud img {
    width: 140px;
}
  header h1 {
    position: absolute;
    top: -5px;
    left: -19px;
    font-size: 12px;
    text-align: left;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
  header .inner {
    height: 50px;
}
  header nav.globalNav {
    min-width: 100%;
    padding: 0;
}
  header nav.globalNav ul {
    width: auto;
    padding: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

  .shop-navigation ul {
    float: none;
    text-align: center;
}

  #mediaNav {
    min-width: 100%;
    height: inherit;
}
  #mediaNav ul {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #0055E8;
    overflow: hidden;
}
  #mediaNav ul .mediaLogo {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 4px;
    padding: 0 0 0 4%;
    text-align: left;
}
  #mediaNav ul .mediaLogo a {
    padding: 0;
    background: none;
}
  #mediaNav ul .mediaLogo img {
    width: 110px;
    margin-right: 0;
}
  #mediaNav ul .mediaLogo.supplement img {
    width: 141px;
}
  #mediaNav ul .mediaLogo span {
    display: inline-block;
    margin: 0 -35px;
    padding-top: 12px;
    color: #fff;
    font-size: 12px;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    vertical-align: top;
}
  #mediaNav ul li {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    text-align: center;
}
  #mediaNav ul li:last-child {
    margin-right: 0;
}
  #mediaNav ul li:nth-child(9) a:after, #mediaNav ul li:nth-child(5) a:after, #mediaNav ul li.mediaLogo a:after {
    display: none;
}
  #mediaNav ul li a {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    padding: 10px 0;
    background: #E7EEFA;
    color: #231815;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
}
  #mediaNav ul li a:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    width: 1px;
    height: 18px;
    background: #fff;
}

  #mediaNav.swimNav {
    background: #E7EEFA url("img/swim/common/main.jpg") no-repeat 50% 0;
    background-size: 800px;
}
  #mediaNav.swimNav ul li {
    margin-right: 0;
}
  #mediaNav.swimNav ul .mediaLogo {
    margin-right: 0;
    padding-top: 1px;
    padding-bottom: 2px;
}
  #mediaNav.swimNav ul .mediaLogo a span {
    padding-top: 14px;
    padding-left: 10px;
}
  #mediaNav.swimNav ul .mediaLogo a img {
    width: 94px;
}

  #mediaNav.soccerNav {
    background: url("img/soccer/common/main.jpg") no-repeat 50% 0 #FBECE9;
    background-size: 800px;
}
  #mediaNav.soccerNav ul {
    border-bottom: 1px solid #E81F00;
}
  #mediaNav.soccerNav ul li {
    margin-right: 0;
}
  #mediaNav.soccerNav ul li a {
    background: #FBECE9;
}
  #mediaNav.soccerNav ul li a:hover {
    color: #E81F00;
}
  #mediaNav.soccerNav ul .mediaLogo {
    padding-top: 0;
}
  #mediaNav.soccerNav ul .mediaLogo a {
    padding: 0 0 7px;
    background: none;
}
  #mediaNav.soccerNav ul .mediaLogo a span {
    padding-top: 14px;
}
  #mediaNav.soccerNav ul .mediaLogo a img {
    position: relative;
    top: -2px;
}

  #mediaNav.sportsNutritionNav {
    background: url("img/sports-nutrition/common/main.jpg") no-repeat 50% 0 #F9EDE7;
    background-size: 800px;
}
  #mediaNav.sportsNutritionNav ul {
    border-bottom: 1px solid #D84D00;
}
  #mediaNav.sportsNutritionNav ul li {
    width: 33.3%;
    margin-right: 0;
}
  #mediaNav.sportsNutritionNav ul li a {
    background: #F9EDE7;
}
  #mediaNav.sportsNutritionNav ul li a:hover {
    color: #D84D00;
}
  #mediaNav.sportsNutritionNav ul .mediaLogo {
    width: 100%;
    padding-top: 2px;
}
  #mediaNav.sportsNutritionNav ul .mediaLogo a {
    padding: 0 0 7px;
    background: none;
}
  #mediaNav.sportsNutritionNav ul .mediaLogo a span {
    padding-top: 14px;
    font-size: 11px;
}
  #mediaNav.sportsNutritionNav ul .mediaLogo a img {
    position: relative;
    top: 0;
}

  #mediaNav.workoutNav {
    background: url("img/workout/common/main.jpg") no-repeat 50% 0 #FFFFE8;
    background-size: 800px;
}
  #mediaNav.workoutNav ul {
    border-bottom: 1px solid #FFFF00;
}
  #mediaNav.workoutNav ul li {
    margin-right: 0;
}
  #mediaNav.workoutNav ul li a {
    background: #FFFFE8;
}
  #mediaNav.workoutNav ul li a:hover {
    color: #FFFF00;
}
  #mediaNav.workoutNav ul .mediaLogo {
    padding-top: 0;
}
  #mediaNav.workoutNav ul .mediaLogo a {
    padding: 0 0 4px;
    background: none;
}
  #mediaNav.workoutNav ul .mediaLogo a span {
    padding-top: 17px;
    padding-left: 11px;
    color: #231815;
}
  #mediaNav.workoutNav ul .mediaLogo a img {
    position: relative;
    top: 3px;
}

  #mediaNav.womansBodyNav {
    background: url("img/womans-body/common/main.jpg") no-repeat 50% 0 #F9EAEF;
    background-size: 800px;
}
  #mediaNav.womansBodyNav ul {
    border-bottom: 1px solid #da005f;
}
  #mediaNav.womansBodyNav ul li {
    width: 50%;
    margin-right: 0;
}
  #mediaNav.womansBodyNav ul li a {
    background: #F9EAEF;
}
  #mediaNav.womansBodyNav ul li a:hover {
    color: #da005f;
}
  #mediaNav.womansBodyNav ul .mediaLogo {
    width: 100%;
    padding-top: 0;
}
  #mediaNav.womansBodyNav ul .mediaLogo a {
    padding: 0 0 4px;
    background: none;
}
  #mediaNav.womansBodyNav ul .mediaLogo a span {
    padding-top: 17px;
    padding-left: 11px;
}
  #mediaNav.womansBodyNav ul .mediaLogo a img {
    position: relative;
    top: -3px;
}

  #mediaNav.sportsSupplementNav {
    background: #f7f7f7 url("img/sports-supplement/common/main02.jpg") no-repeat 50% 0;
    background-size: 800px;
}
  #mediaNav.sportsSupplementNav ul {
    border-bottom: 1px solid #231815;
}
  #mediaNav.sportsSupplementNav ul .mediaLogo {
    margin-right: 50px;
    padding-top: 0;}
  #mediaNav.sportsSupplementNav ul .mediaLogo a {
    width: 350px;
	padding: 0 0 7px;
    background: none;
}
  #mediaNav.sportsSupplementNav ul .mediaLogo a span {
    margin: 0 -28px;
}
  #mediaNav.sportsSupplementNav ul li {
    width: 50%;
    margin-right: 0;
}
  #mediaNav.sportsSupplementNav ul li:last-child {
    margin-right: 0;
}
  #mediaNav.sportsSupplementNav ul li:nth-child(2n) a:after {
    background: #231815;
}
  #mediaNav.sportsSupplementNav ul li a {
    background: #f7f7f7;
}

  .col1 .breadcrumbsList {
    width: 100%;
    min-width: 100%;
}
  .col1 .subCategory li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
}

  .col2 main {
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 0 4%;
}
  .col2 .sidebar {
    box-sizing: border-box;
    float: none;
    width: 85%;
    margin: 80px auto;
    padding: 0 4%;
}
  .col2 .sidebar .ttl {
    position: relative;
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
  .col2 .sidebar .ttl span {
    display: block;
    font-size: 10px;
    font-weight: bold;
}
  .col2 .sidebar .ttl:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 16px;
    height: 2px;
    margin-left: -8px;
    background: #0055E8;
}
  .col2 .sidebar .iconHashtag li {
    margin-bottom: 8px;
}
  .col2 .sidebar .searchBox {
    padding: 13px 16px 16px;
    border: 2px solid #A8A8A8;
}
  .col2 .sidebar .searchBox dl {
    margin: 15px 0 0;
    padding: 0;
}
  .col2 .sidebar .searchBox dl dt {
    margin-bottom: 10px;
    padding: 4px 0;
    background: #E9EEFB;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
  .col2 .sidebar .searchBox dl dd {
    display: inline-block;
    margin-right: 10px;
}
  .col2 .sidebar .rankingBox {
    overflow: hidden;
}
  .col2 .sidebar .rankingBox .rankingList {
    counter-reset: rihgt-ranking;
}
  .col2 .sidebar .rankingBox .rankingList li {
    position: relative;
    list-style-type: none;
    margin-bottom: 10px;
    padding-left: 80px;
    overflow: hidden;
    line-height: 1.4;
}
  .col2 .sidebar .rankingBox .rankingList li p {
    margin: 0;
    padding: 0;
}
  .col2 .sidebar .rankingBox .rankingList li .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    float: left;
}
  .col2 .sidebar .rankingBox .rankingList li .date, .col2 .sidebar .rankingBox .rankingList li .point {
    float: left;
    margin-top: 4px;
    color: #808080;
    font-size: 10px;
}
  .col2 .sidebar .rankingBox .rankingList li .point {
    float: right;
}
  .col2 .sidebar .rankingBox .rankingList li:before {
    content: counter(rihgt-ranking,decimal);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 4px 8px;
    background: #0055E8;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    counter-increment: rihgt-ranking;
}
  .col2 .sidebar .sideBanner {
    margin-bottom: 30px;
}
  .col2 .sidebar .sideBanner li {
    margin-bottom: 20px;
}
  .col2 .sidebar .categoryBox, .col2 .sidebar .keywordBox {
    margin-bottom: 27px;
}
  .col2 .sidebar .categoryBox ul, .col2 .sidebar .keywordBox ul {
    margin: 0;
    padding: 0;
}
  .col2 .sidebar .categoryBox ul li, .col2 .sidebar .keywordBox ul li {
    padding-bottom: 3px;
}
  .col2 .sidebar .writerBox {
    margin-bottom: 30px;
}
  .col2 .sidebar .writerBox ul {
    overflow: hidden;
}
  .col2 .sidebar .writerBox ul li {
    float: left;
    width: 50%;
    text-align: center;
}
  .col2 .sidebar .writerBox ul li .name span {
    display: block;
    padding-top: 8px;
}
  .col2 .sidebar .writerBox ul li p {
    display: block;
    text-align: center;
}
  .col2 .sidebar .writerBox ul li .job {
    font-weight: bold;
}
  .col2 .sidebar .snsBox {
    margin: 0;
    padding: 0;
}
  .col2 .sidebar .snsBox li a {
    box-sizing: border-box;
    float: left;
    display: block;
    width: 48%;
    margin-right: 4%;
    padding: 10px 0;
    border: 1px solid #808080;
    background: #EBEBEB;
    text-align: center;
}
  .col2 .sidebar .snsBox li a span {
    display: block;
    padding-top: 5px;
    font-weight: bold;
    line-height: 1.3;
}
  .col2 .sidebar .snsBox li:nth-child(2n) a {
    margin-right: 0;
}

  #container {
    position: relative;
    padding-bottom: 80px;
    overflow: hidden;
}
  .col2 #container {
    width: 100%;
    margin: 20px auto 0;
    padding: 0;
}

  footer {
    min-width: 100%;
    padding: 30px 0 0;
}
  footer .inner {
    padding: 40px 4% 10px;
}
  footer .block {
    width: 48%;
}
  footer .block:first-child {
    float: none;
    width: 100%;
}
  footer .block:first-child .logo {
    float: left;
}
  footer .block:first-child .logo img {
    width: 155px;
}
  footer .block:first-child .sns {
    float: left;
    width: 120px;
    padding: 3px 0 0 35px;
    overflow: hidden;
}
  footer .block:first-child .sns li {
    float: left;
    margin-right: 15px;
}
  footer .block:first-child ul.navi {
    float: right;
    width: 150px;
    margin: 0;
}
  footer .shop {
    position: relative;
    top: -2px;
    clear: both;
}
  footer .ban {
    position: relative;
    clear: both;
    padding: 20px 0 0;
    font-size: 10px;
    text-align: center;
}
  footer address {
    position: relative;
    padding: 2px 0 0;
    font-size: 10px;
    text-align: center;
    font-style: normal;
} }
/******************************************************************** header
*/
/******************************************************************** global-nav
*/
/******************************************************************** container
*/
.breadcrumbsList {
  box-sizing: border-box;
  width: 100%;
  min-width: 1080px;
  margin: 15px 0;
  padding: 0 10px;
  padding: 0;
  font-size: 12px;
  line-height: 1.3;
  text-align: left;
}
.sports-supplement .breadcrumbsList {
  margin-top: 0;
}
.breadcrumbsList li {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  padding: 0 15px 0 0;
}
.breadcrumbsList li:after {
  content: ">";
  position: absolute;
  right: 0;
  display: inline-block;
  padding: 0;
  text-decoration: none;
}
.breadcrumbsList li:last-child:after {
  display: none;
}

h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

h3, h4, h5, h6 {
  padding: 0;
  letter-spacing: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
  background: transparent;
  color: #fff;
  vertical-align: bottom;
}

a:hover img {
  opacity: 0.6;
}

table {
  margin-bottom: 15px;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

th {
  white-space: nowrap;
}

th, td {
  padding: 5px 10px;
  border: 1px solid #aaa;
  border-collapse: collapse;
  text-align: left;
}

ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .breadcrumbsList {
    box-sizing: border-box;
    width: 100%;
    min-width: 100%;
    margin: 10px 0;
    padding: 0 4%;
} }
/******************************************************************** footer
*/
.footerBanner {
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
}
.footerBanner li {
  float: left;
  width: 250px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.footerBanner li:last-child {
  margin-right: 0;
}

ul.guideLink li {
  display: inline-block;
  margin-right: 10px;
}

.pagetop {
  position: absolute;
  top: -93px;
  right: 10%;
  padding: 0;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .footerBanner {
    width: 100%;
    text-align: center;
}
  .footerBanner li {
    float: none;
    width: 80%;
    margin: 0 auto 20px;
}
  .footerBanner li:last-child {
    margin-right: auto;
    margin-bottom: 0;
}

  .pagetop {
    top: -74px;
    right: 5%;
}
  .pagetop img {
    width: 46px;
} }
/******************************************************************** module
*/
.reset {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

/*動画の最大幅を指定する*/
.video-container {
  max-width: 720px;
  margin: 0 auto;
}

/*動画の大きさを調整*/
.video {
  position: relative;
  max-width: 100%;
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%;
  overflow: hidden;
}

/*動画を囲んでいるdiv目一杯に広げる*/
.video iframe, .video object, .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.archivePost {
  overflow: hidden;
}

/*ブロカード*/
.blog-card {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 150px 1fr;
  align-items: center;
  width: 500px;
  max-width: 100%;
  /* padding: 12px 12px 0 12px; */
  margin: 10px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 100% !important;
  line-height: 1.5 !important;
  word-wrap: break-word;
}
.blog-card a:hover {
  opacity: .6;
  color: inherit !important;
}
.blog-card a:hover img {
  opacity: 1;
}
.blog-card .blog-card-thumbnail {
  grid-row: span 2;
  align-self: stretch;
  width: 150px;
}
.blog-card .blog-card-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blog-card .blog-card-content {
  padding: 10px;
  font-size: 0.85em;
}
.blog-card .blog-card-title {
  margin-bottom: 5px;
  color: #111;
  font-weight: bold !important;
  text-decoration: none;
}
.blog-card .blog-card-excerpt {
  clear: both;
  padding: 10px;
  color: #333;
  font-size: 75% !important;
}
.blog-card .blog-card-footer {
  border-top: 1px solid #ddd;
}
.blog-card .blog-card-date {
  margin-right: 10px;
  color: #333;
}
.blog-card .clear {
  clear: both;
}
.blog-card .blog-card-sitename {
  padding: 10px;
  color: #333;
  font-size: 8px !important;
  text-align: right;
}
.blog-card .blog-card-favicon {
  float: left;
  margin-right: 5px;
}
@media screen and (max-width: 599px) {
  .blog-card .blog-card-thumbnail {
  float: none;
  margin-right: 0;
}
  .blog-card .blog-card-thumbnail img {
    width: 100%;
  }
  .blog-card .blog-card-title {
    margin-bottom: 0;
    padding: 10px;
  }
  .blog-card .blog-card-excerpt {
    display: none;
  }
}
/* sns */
.share {
  margin: 20px auto;
}
.share ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.share ul li {
  float: left;
  width: 23.5%;
  margin: 0 2% 0 0;
}
.share ul li.googleplus a {
  background-color: #dd4b39;
}
.share ul li.hatena a {
  background-color: #008fde;
}
.share ul li.line a {
  background-color: #00c300;
}
.share ul li.pocket a {
  background-color: #f03e51;
}
.share ul li.rss a {
  background-color: #ff8c00;
}
.share ul li.feedly a {
  background-color: #6cc655;
}
.share ul li.tweet a {
  background-color: #55acee;
}
.share ul li.facebook, .share ul li.facebook_share {
  height: 24px;
  padding: 3px 0 0;
  background-color: #4267b2;
  color: #fff;
  text-align: center;
}
.share ul li.facebook {
  font-size: 12px;
  font-weight: bold;
}
.share ul li.facebook iframe {
  height: 18px;
  vertical-align: middle;
}
.share ul li:nth-child(4n) {
  margin-right: 0;
}
.share ul li.facebook_share {
  height: auto;
  padding: 0px;
}
.share ul li a {
  display: block;
  padding: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.share ul li a:hover {
  color: #fff;
  opacity: 0.8;
}
.share ul li a:visited {
  color: #fff;
}
.share ul:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (max-width: 599px) {
  .share ul li {
    float: left;
    width: 32%;
    margin: 0 2% 3% 0;
}
  .share ul li:nth-child(4n) {
    margin-right: 2%;
}
  .share ul li:nth-child(3n) {
    margin-right: 0;
}
  .share ul li a {
    padding: 3px;
    border-radius: 2px;
}
  .share ul li.facebook {
    height: inherit;
    padding: 0;
    padding-bottom: 1px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}
  .share ul li.facebook iframe {
    padding: 2px 0;
    vertical-align: middle;
}
  .share ul li.facebook_share {
    padding: 0;
    border-radius: 2px;
} }
/*insta用*/
iframe#instagram-embed-0 {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 80%;
  margin: 0;
  padding: 5px 10px 4px;
  outline: none;
  border: 1px solid #A8A8A8;
  border-right: none;
  border-radius: 0;
  background: none;
  font-size: 16px;
}

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 20%;
  margin: 0;
  padding: 4px 10px;
  outline: none;
  border: none;
  border-radius: 0;
  background: #231815;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  vertical-align: top;
}

.margin-bottom80 {
  margin-bottom: 80px !important;
}

.margin-bottom30 {
  margin-bottom: 30px !important;
}

.margin-bottom15 {
  margin-bottom: 15px !important;
}

.margin-bottom5 {
  margin-bottom: 5px !important;
}

.margin-bottom0 {
  margin-bottom: 0px !important;
}

.margin-bottom7 {
  margin-bottom: 7px !important;
}

/* pluginの拡張 */
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  width: 228px !important;
  max-height: inherit !important;
  margin: 0 !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  box-sizing: border-box;
  width: 228px !important;
  height: auto !important;
  margin: 5px 10px 0 0 !important;
  border: none !important;
  text-align: center;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(3n) {
  margin-right: 0 !important;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
  width: 228px !important;
  height: auto !important;
  margin: 5px 0 !important;
}

.card-wrapper {
  max-width: 510px !important;
  border: 3px solid !important;
  border-color: #d2d2d2 !important;
  border-radius: 0 !important;
}
.card-wrapper .card-content .card-description {
  max-height: 60px;
  padding-top: 10px;
  line-height: 1.6;
}
.card-wrapper .card-content .card-title {
  max-height: 50px !important;
  font-size: 18px;
}
.card-wrapper .card-content .card-title a {
  font-weight: bold;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .card-wrapper .card-content .card-title {
    max-height: 80px;
}
  .card-wrapper .card-content .card-description {
    display: none;
}
  .card-wrapper .card-footer {
    height: auto !important;
} }
.informationShop {
  padding: 7px;
  background: #26759a;
  font-size: 14px;
}
.informationShop p {
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: center;
}
.informationShop a {
  color: #fff;
}
.informationShop a:hover {
  color: #fafbd2;
}
.informationShop p strong {
  display: block;
  color: #fff !important;
  text-align: center;
}

@media (max-width: 768px) {
  .informationShop {
    font-size: 11px;
} }
.featureBanner {
  margin: 10px 0 25px;
  padding: 0;
}

.spNone {
  display: block;
}

.spBlock {
  display: none;
}

.postList {
  clear: both;
  width: 720px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.col1 .postList {
  box-sizing: border-box;
  width: 1080px;
  padding: 0 10px;
}
.col1 .postList li.article {
  float: left;
  width: 24%;
  margin: 0 1.3% 40px 0;
}
.col1 .postList li.article:nth-child(3n) {
  margin-right: 1.3%;
}
.col1 .postList li.article:nth-child(4n) {
  margin-right: 0;
}
.col1 .postList li.article .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
}
.col1 .postList li.article .thumbnail .beginnerIcon {
  position: absolute;
  top: 4%;
  left: 4%;
}
.col1 .postList li.article .ttl {
  margin-top: 160px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
}
.col1 .postList li.article .status {
  clear: both;
  overflow: hidden;
}
.col1 .postList li.article .status .writer {
  float: left;
  display: block;
}
.col1 .postList li.article .status .writer img {
  margin-right: 8px;
}
.col1 .postList li.article .status .writer strong {
  padding-right: 2px;
  color: #231815;
}
.col1 .postList li.article .status .date {
  float: right;
  display: block;
  padding-top: 9px;
}
.postList li.article {
  position: relative;
  float: left;
  width: 228px;
  margin: 0 18px 40px 0;
}
.postList li.article:nth-child(3n) {
  margin-right: 0;
}
.postList li.article:nth-child(3n+1) {
  clear: both;
}
.postList li.article .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}
.postList li.article .thumbnail .beginnerIcon {
  position: absolute;
  top: 4%;
  left: 4%;
}
.postList li.article .ttl {
  margin-top: 138px;
  margin-bottom: 4px;
  padding-bottom: 0;
  border-bottom: none;
  font-size: 16px;
  font-weight: bold;
}
.postList li.article .status {
  overflow: hidden;
}
.postList li.article .status .writer {
  display: block;
  margin: 6px 0;
  padding: 0;
  font-size: 12px;
}
.postList li.article .status .writer img {
  margin-right: 8px;
  border-radius: 50%;
  vertical-align: middle;
}
.postList li.article .status .writer strong {
  padding-right: 2px;
  color: #231815;
  letter-spacing: 0;
}
.postList li.article .status .date {
  display: block;
  padding: 0;
  font-size: 12px;
  text-align: right;
}

.productPost {
  clear: both;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.productPost ul.productList {
  margin-bottom: 40px;
  overflow: hidden;
}
.productPost ul.productList li.article {
  position: relative;
  float: left;
  width: 228px;
  margin: 0 18px 40px 0;
}
.productPost ul.productList li.article:nth-child(3n) {
  margin-right: 0;
}
.productPost ul.productList li.article:nth-child(3n+1) {
  clear: both;
}
.productPost ul.productList li.article .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}
.productPost ul.productList li.article .thumbnail .beginnerIcon {
  position: absolute;
  top: 4%;
  left: 4%;
}
.productPost ul.productList li.article .ttl {
  margin-top: 238px;
  margin-bottom: 4px;
  padding-bottom: 0;
  border-bottom: none;
  font-size: 16px;
  font-weight: bold;
}
.productPost ul.productList li.article .ttl .shipping-free {
  display: inline-block;
  margin-right: 6px;
  padding: 2px 7px;
  border-radius: 1px;
  background: #a23746;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}
.productPost ul.productList li.article .price {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.productPost ul.productList li.article .price span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.productPost ul.productList li.article a.productButton {
  display: block;
  width: 75%;
  margin: 0 auto;
  padding: 6px;
  border-radius: 4px;
  background: #bbed66;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #bbed66 0%, #98c745 30%, #75aa17 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #bbed66 0%, #98c745 30%, #75aa17 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #bbed66 0%, #98c745 30%, #75aa17 100%);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  /* IE6-9 fallback on horizontal gradient */
  transition: .4s;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbed66', endColorstr='#75aa17',GradientType=1 );
}
.productPost ul.productList li.article a.productButton:hover, .productPost ul.productList li.article a.productButton:focus, .productPost ul.productList li.article a.productButton:active, .productPost ul.productList li.article a.productButton.disabled, .productPost ul.productList li.article a.productButton[disabled] {
  background: #b7f54c;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #b7f54c 0%, #97e016 30%, #8bd902 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #b7f54c 0%, #97e016 30%, #8bd902 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #b7f54c 0%, #97e016 30%, #8bd902 100%);
  /* IE6-9 fallback on horizontal gradient */
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7f54c', endColorstr='#8bd902',GradientType=1 );
}
.productPost nav.productPoint ul li {
  margin-bottom: 20px;
}

.athleteList {
  clear: both;
  width: 720px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.col1 .athleteList {
  box-sizing: border-box;
  width: 1080px;
  padding: 0 10px;
}
.col1 .athleteList li.article {
  float: left;
  width: 24%;
  margin: 0 1.3% 40px 0;
}
.col1 .athleteList li.article:nth-child(3n) {
  margin-right: 1.3%;
}
.col1 .athleteList li.article:nth-child(4n) {
  margin-right: 0;
}
.col1 .athleteList li.article .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
}
.col1 .athleteList li.article .thumbnail .beginnerIcon {
  position: absolute;
  top: 4%;
  left: 4%;
}
.col1 .athleteList li.article .ttl {
  margin-top: 160px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
}
.col1 .athleteList li.article .status {
  clear: both;
  overflow: hidden;
}
.col1 .athleteList li.article .status .writer {
  float: left;
  display: block;
}
.col1 .athleteList li.article .status .writer img {
  margin-right: 8px;
}
.col1 .athleteList li.article .status .writer strong {
  padding-right: 2px;
  color: #231815;
}
.col1 .athleteList li.article .status .date {
  float: right;
  display: block;
  padding-top: 9px;
}
.athleteList li.article {
  position: relative;
  float: left;
  width: 165px;
  margin: 0 20px 40px 0;
}
.athleteList li.article:nth-child(4n) {
  margin-right: 0;
}
.athleteList li.article:nth-child(4n+1) {
  clear: both;
}
.athleteList li.article .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}
.athleteList li.article .thumbnail img {
  border-radius: 50%;
}
.athleteList li.article .thumbnail .beginnerIcon {
  position: absolute;
  top: 4%;
  left: 4%;
}
.athleteList li.article .ttl {
  margin-top: 175px;
  margin-bottom: 4px;
  padding-bottom: 0;
  border-bottom: none;
  font-size: 16px;
  font-weight: bold;
}
.athleteList li.article .status {
  overflow: hidden;
}
.athleteList li.article .status .writer {
  display: block;
  margin: 6px 0;
  padding: 0;
  font-size: 12px;
}
.athleteList li.article .status .writer img {
  margin-right: 8px;
  border-radius: 50%;
  vertical-align: middle;
}
.athleteList li.article .status .writer strong {
  padding-right: 2px;
  color: #231815;
  letter-spacing: 0;
}
.athleteList li.article .status .date {
  display: block;
  padding: 0;
  font-size: 12px;
  text-align: right;
}

.titleMain {
  margin-bottom: 30px;
  padding: 35px 0;
  background: #231815;
  text-align: center;
}
.titleMain span {
  box-sizing: border-box;
  display: block;
  width: 1080px;
  margin: 0 auto;
  padding: 0 10px;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.2;
}

.titleStyle1 {
  margin-bottom: 14px;
  border-bottom: 2px solid #231815;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.3px;
}
.titleStyle1 span {
  padding-left: 5px;
  font-size: 18px;
  font-weight: bold;
}

.titleStyle2 {
  margin-bottom: 30px;
  padding: 15px 20px;
  background: #231815;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
}

.titleStyle3, .postBox .text h2, .profile h3 {
  margin: 50px 0 15px;
  padding-bottom: 6px;
  border-bottom: 1px solid #231815;
  font-size: 25px;
  font-weight: bold;
}

.titleStyle4 {
  font-size: 34px;
  font-weight: bold;
}
.titleStyle4 span.name {
  padding: 0 6px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
}

.titleStyle5, .def-lst dt {
  margin: 1.5em 0 0.8em;
  padding-left: 16px;
  border-left: 3px solid #231815;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}

.titleStyle6 {
  margin: 1.5em 0 0.8em;
  padding: 8px 20px;
  background: #231815;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.swim .new .titleStyle6 {
  background: #0055E8;
}
.soccer .new .titleStyle6 {
  background: #E81F00;
}
.workout .new .titleStyle6 {
  background: #FFFF00;
  color: #231815;
}
.sports-nutrition .new .titleStyle6, .titleStyle6.sports-nutrition-color {
  background: #D84D00;
}
.womansBody .new .titleStyle6 {
  background: #da005f;
}

.titleProduct {
  margin-bottom: 5px;
  padding: 15px 20px;
  border-radius: 3px;
  background: #F5F5F5;
  color: #000000;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
}
.titleProduct span {
  padding-left: 5px;
  font-size: 18px;
  font-weight: bold;
}
.kislipPost .titleProduct {
  background: #EAEFF5;
  color: #2A5B91;
}
.aselightPost .titleProduct {
  background: #ECF3F3;
  color: #3D857F;
}
.asebasicPost .titleProduct {
  background: #FAEFEB;
  color: #C15530;
}

.kislipPost .titleStyle5, .kislipPost .def-lst dt, .def-lst .kislipPost dt {
  border-color: #2A5B91;
  color: #2A5B91;
}
.aselightPost .titleStyle5, .aselightPost .def-lst dt, .def-lst .aselightPost dt {
  border-color: #3D857F;
  color: #3D857F;
}
.asebasicPost .titleStyle5, .asebasicPost .def-lst dt, .def-lst .asebasicPost dt {
  border-color: #C15530;
  color: #C15530;
}

.linkStyle a {
  display: block;
  width: 520px;
  margin: 0 auto;
  padding: 9px 0;
  border-radius: 6px;
  background: #000;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
.linkStyle a:before {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-right: 4px;
  background: url("img/common/icon-arrow.png") no-repeat;
  background-size: 6px;
}
.linkStyle a:hover {
  text-decoration: none;
  opacity: 0.6;
}

ul.linkStyle {
  list-style-position: inside;
  list-style-type: square;
  padding-left: 2em;
  font-size: 16px;
  text-indent: -1.9em;
}
ul.linkStyle li {
  margin-bottom: 8px;
}
ul.linkStyle li:last-child {
  margin-bottom: 0;
}

/* アイコン達 */
.iconCategory {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.iconCategory a {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  background: #231815;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
}
.iconCategory a:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 8px;
  margin-right: 4px;
  background: url(img/common/icon-category.png) no-repeat 0 0;
  background-size: 10px;
}

.iconHashtag {
  display: inline-block;
  margin: 1px 0 5px;
}
.iconHashtag li {
  display: inline-block;
}
.iconHashtag li a {
  display: inline-block;
  margin: 0 13px 2px 0;
  padding: 0;
  border-radius: 6px;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
}
.iconHashtag li a:before {
  content: '#';
  display: inline-block;
  margin-right: 2px;
}

.subCategory {
  margin: 10px 0;
}
.subCategory li {
  box-sizing: border-box;
  display: inline-block;
  width: 136px;
  margin-right: 8px;
  padding: 6px 0;
  border: 2px solid #231815;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
}
.subCategory li:nth-child(5n) {
  margin-right: 0;
}
.subCategory li a {
  font-weight: bold;
}

.hitPage {
  float: left;
}
.hitPage strong {
  color: #0055E8;
  font-size: 27px;
}

.sortMenu {
  float: right;
  margin-top: 22px;
  overflow: hidden;
}
.sortMenu .ttl, .sortMenu ul, .sortMenu ul li {
  float: left;
  margin: 0;
  padding: 0;
}
.sortMenu .ttl {
  font-weight: bold;
}
.sortMenu ul li {
  margin-right: 10px;
}
.sortMenu ul li.select a {
  color: #0055E8;
  font-weight: bold;
}
.sortMenu ul li:last-child {
  margin-right: 0;
}

section.mediaAbout {
  box-sizing: border-box;
  min-width: 1080px;
  padding: 60px;
  background: #231815;
  overflow: hidden;
  /* margin-top: 80px; */ }
section.mediaAbout .inner {
  box-sizing: border-box;
  width: 820px;
  padding: 40px;
  background: #fff;
  overflow: hidden;
}
section.mediaAbout .inner .text {
  /*width: 400px;*/
  float: left;
}
section.mediaAbout .inner .text p {
  padding-top: 0;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
}
section.mediaAbout .inner h2 {
  margin-bottom: 30px;
  padding: 0;
  color: #231815;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
section.mediaAbout .inner h3 {
  color: #231815;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
section.mediaAbout .writer {
  box-sizing: border-box;
  float: right;
  width: 300px;
  padding: 20px 40px;
  background: #E9E8E8;
}
section.mediaAbout .writer h4 {
  font-size: 14px;
  font-weight: bold;
}
section.mediaAbout .writer ul li {
  float: left;
  width: 50%;
  text-align: center;
}
section.mediaAbout .writer ul li .name {
  margin: 0 auto;
}
section.mediaAbout .writer ul li .name img {
  display: block;
  margin: 0 auto;
  border-radius: 50%;
}

.postBox h1 {
  overflow: inherit;
  text-overflow: clip;
  white-space: normal;
}
.postBox .text {
  font-size: 16px;
}
.postBox .text .wp-caption {
  box-sizing: border-box;
  max-width: 100%;
  margin: 15px auto;
  padding: 5px 5px 0;
  border: 1px solid #dadada;
  background: #fbfbfb;
  text-align: center;
}
.postBox .text .wp-caption .wp-caption-text {
  margin: 5px 0 0;
  font-size: 14px;
}
.postBox .text p {
  font-size: 16px;
  line-height: 1.9;
  word-wrap: break-word;
}
.postBox .text h3 {
  margin: 1.5em 0 0.8em;
  padding-left: 16px;
  border-left: 3px solid #231815;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.postBox .text h4 {
  margin: 15px 0 3px;
  font-size: 18px;
  font-weight: bold;
}
.postBox .text h4 span {
  font-weight: bold;
}
.postBox .text ul {
  list-style: disc;
  padding-left: 30px;
}
.postBox .text a {
  text-decoration: underline;
}
.postBox .iconHashtag li a {
  margin: 0 13px 2px 6px;
  padding: 2px 0 0;
  font-size: 13px;
}
.postBox .information {
  position: relative;
  padding: 16px 30px;
  background: #E9E8E8;
  overflow: hidden;
}
.postBox .information .writer {
  float: left;
  width: 240px;
  padding: 0 20px;
}
.postBox .information .writer img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}
.postBox .information .writer .job {
  display: block;
  padding-top: 18px;
  font-size: 16px;
  font-weight: bold;
}
.postBox .information .writer strong {
  display: inline-block;
  padding-top: 30px;
}
.postBox .information .status {
  float: right;
  width: 320px;
  padding: 0 20px;
  border-left: 1px solid #000;
}
.postBox .information .status .iconCategory, .postBox .information .status .iconHashtag {
  margin-top: 15px;
}
.postBox .icatch {
  margin: 30px 0;
}
.postBox img {
  height: auto;
}
.postBox .lesson {
  margin: 30px 0;
  background: #E9E8E8;
  overflow: hidden;
}
.postBox .lesson .present {
  position: relative;
  float: left;
  width: 120px;
  margin: 10px;
  padding: 15px 25px;
  border-radius: 2px;
  background: #231815;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
.postBox .lesson .present:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  display: inline-block;
  margin-top: -16px;
  border: 16px solid transparent;
  border-left-color: #231815;
}
.postBox .lesson .trainingName {
  float: left;
  width: 490px;
  margin: 30px 20px 30px 20px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
}
.postBox .how .block {
  overflow: hidden;
}
.postBox .how .block .captcha {
  float: left;
  width: 280px;
  margin: 0;
  margin-right: 20px;
  padding: 0;
}
.postBox .how .block .captcha img {
  border: 1px solid #B1B1B1;
}
.postBox .how .block .comment {
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  float: left;
  width: 420px;
  margin-bottom: 20px;
  padding: 20px 25px;
  border: 3px solid #B1B1B1;
  border-radius: 4px;
}
.postBox .how .block .comment:before {
  content: "";
  position: absolute;
  top: 68px;
  left: -29px;
  z-index: 0;
  display: block;
  width: 0px;
  height: 0px;
  border-width: 20px 30px 20px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}
.postBox .how .block .comment:after {
  content: "";
  position: absolute;
  top: 65px;
  left: -34px;
  z-index: -1;
  display: block;
  width: 0px;
  height: 0px;
  border-width: 23px 33px 23px 0;
  border-style: solid;
  border-color: transparent #B1B1B1 transparent transparent;
}
.postBox .how .block .comment h4 {
  position: relative;
  padding-left: 38px;
  font-size: 20px;
  font-weight: bold;
}
.postBox .how .block .comment h4 span {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  background: #231815;
  color: #fff;
  text-align: center;
}
.postBox .matome {
  margin-bottom: 40px;
}
.postBox .matome h3 {
  margin-bottom: 0;
}
.postBox .matome .inner {
  width: 100%;
  padding: 25px 40px 1px;
  background: #E9E8E8;
}
.postBox .adPost {
  margin: 15px 0;
}
.postBox .adPost li.article {
  margin-bottom: 0;
}
.postBox .adPost li.article h3 {
  padding: 0;
  border-bottom: none;
}
.postBox .otherPost {
  margin-bottom: 80px;
  overflow: hidden;
}
.postBox .otherPost .back {
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding-right: 10px;
}
.postBox .otherPost .back .thumbnail {
  float: left;
  margin-right: 10px;
}
.postBox .otherPost .next {
  box-sizing: border-box;
  float: right;
  width: 50%;
  padding-left: 10px;
  text-align: right;
}
.postBox .otherPost .next .thumbnail {
  float: right;
  margin-left: 10px;
}
.postBox .snsBox {
  margin: 15px auto;
  overflow: hidden;
}
.postBox .snsBox .fbBox {
  padding-bottom: 0;
  border: 2px solid #e6e6e6;
  overflow: hidden;
}
.postBox .snsBox .fbBox p {
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.postBox .snsBox .fbBox .img {
  float: left;
  display: block;
  width: 30%;
  height: 130px;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.postBox .snsBox .fbBox .fb-like {
  display: block;
  text-align: center;
}
.postBox .snsBox .twitterBox {
  margin-top: 15px;
  padding: 12px 0;
  border: 2px solid #e6e6e6;
  text-align: center;
}
.postBox .snsBox .twitterBox iframe {
  vertical-align: middle;
}
.postBox ul.campaign-banner {
  box-sizing: border-box;
  width: 100%;
  padding: 20px 60px;
  background: #f3f3f3;
  overflow: hidden;
}
.postBox ul.campaign-banner li {
  float: left;
  width: 48%;
  margin-right: 4%;
  padding: 0;
  text-align: left;
}
.postBox ul.campaign-banner li:nth-child(2n) {
  margin-right: 0;
}
.postBox .wp-block-quote {
  display: inline-block;
  border: 1px solid #dadada;
  background-color: #fbfbfb
}
.postBox cite {
  display: block;
  padding: 10px;
  text-align: center;
  font-style: normal;
}
.postBox .wp-block-image .aligncenter {
  text-align: center;
}
.recommentPost {
  margin-top: 30px;
}
.recommentPost .ttl {
  font-size: 25px;
  font-weight: bold;
}
.recommentPost .ttl span {
  padding-left: 5px;
  font-size: 14px;
  font-weight: bold;
}

.nutritionRecommend {
  box-sizing: border-box;
  padding: 20px 30px;
  background: #F9EDE7;
}
.nutritionRecommend h2.titleStyle1 {
  border-color: #D84D00 !important;
  color: #D84D00;
  line-height: 1.4;
}
.nutritionRecommend .postList li.article {
  width: 208px;
}
.nutritionRecommend .postList li.article a:hover {
  color: #D84D00;
}
.nutritionRecommend .postList li.article .iconHashtag li a {
  color: #D84D00;
}
.nutritionRecommend .postList li.article .iconCategory a {
  background: #D84D00;
}
.nutritionRecommend p.linkStyle a {
  background: #D84D00;
}

.hintRecommend {
  box-sizing: border-box;
  padding: 20px 30px;
  background: #eaeaea;
}
.hintRecommend h2.titleStyle1 {
  border-color: #231815 !important;
  color: #231815;
  line-height: 1.4;
}
.hintRecommend .postList li.article {
  width: 208px;
}
.hintRecommend .postList li.article a:hover {
  color: #231815;
}
.hintRecommend .postList li.article .iconHashtag li a {
  color: #231815;
}
.hintRecommend .postList li.article .iconCategory a {
  background: #231815;
}
.hintRecommend p.linkStyle a {
  background: #231815;
}

.pageNav {
  margin: 30px auto;
}
.pageNav .pages {
  text-align: right;
}
.pageNav .pagination {
  position: relative;
  width: 720px;
  margin: 10px auto 60px;
  overflow: hidden;
  text-align: center;
}
.pageNav .pagination p {
  padding: 0;
}
.pageNav .pagination a {
  box-sizing: border-box;
  display: inline-block;
  width: 46px;
  padding: 8px;
  border: 2px solid #231815;
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
}
.pageNav .pagination .num {
  position: absolute;
  left: 160px;
  width: 400px;
}
.pageNav .pagination .leftNav, .pageNav .pagination .rightNav,
.pageNav .pagination .next, .pageNav .pagination .prev {
  width: 160px;
}
.pageNav .pagination .leftNav a, .pageNav .pagination .rightNav a,
.pageNav .pagination .next, .pageNav .pagination .prev {
  padding: 8px 52px;
}
.pageNav .pagination span {
  display: inline-block;
  margin: 0 6px;
  font-size: 100%;
  text-align: center;
}
.pageNav .pagination span a {
  box-sizing: border-box;
  width: 46px;
  padding: 8px 0;
}
.pageNav .pagination span.current {
  box-sizing: border-box;
  width: 46px;
  padding: 8px 0;
  border: 2px solid #231815;
  border-radius: 2px;
  background: #231815;
  color: #fff;
  font-weight: bold;
}
.pageNav .pagination .leftNav,
.pageNav .pagination .prev {
  float: left;
}
.pageNav .pagination .rightNav,
.pageNav .pagination .next {
  float: right;
}
.pageNav .pagination .rightNav .lastBtn a {
  background: url(img/bg-pagenav-last.png) no-repeat left center;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    width: 100% !important;
  }
  .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    width: 47% !important;
    margin: 5px 3% 0 0 !important;
  }
  .yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(3n) {
    margin-right: 3% !important;
  }
  .yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(2n) {
    margin-right: 0 !important;
  }

  .yarpp-thumbnail > img, .yarpp-thumbnail-default {
    width: 100% !important;
    max-width: 100% !important;
  }

  .titleStyle1 {
    font-size: 28px;
  }
  .titleStyle1 span {
    font-size: 14px;
  }

  .titleStyle2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
  }

  .titleProduct {
    font-size: 26px;
  }
  .titleProduct span {
    font-size: 14px;
  }

  .spNone {
    display: none;
  }

  .spBlock {
    display: block;
  }

  span.br {
    display: block;
  }

  .postList {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #top .media .postList {
    padding: 0 4%;
  }
  .col1 .postList {
    width: 100%;
    padding: 0;
  }
  .col1 .postList li.article {
    width: 48%;
    margin: 0 4% 40px 0;
  }
  .col1 .postList li.article:nth-child(3n) {
    margin-right: 4%;
  }
  .col1 .postList li.article:nth-child(2n) {
    margin-right: 0;
  }
  .col1 .postList li.article a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
  }
  .col1 .postList li.article .thumbnail {
    position: relative;
    top: 0;
    left: 0;
    order: -1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: -1;
  }
  .col1 .postList li.article .ttl {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    -webkit-box-ordinal-group: 2;
  }
  .postList li.article {
    width: 48%;
    margin: 0 4% 40px 0;
  }
  .postList li.article:nth-child(3n) {
    margin-right: 4%;
  }
  .postList li.article:nth-child(3n+1) {
    clear: none;
  }
  .postList li.article:nth-child(2n) {
    margin-right: 0;
  }
  .postList li.article:nth-child(2n+1) {
    clear: both;
  }
  .postList li.article > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
  }
  .postList li.article .thumbnail {
    position: relative;
    top: 0;
    left: 0;
    order: -1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: -1;
  }
  .postList li.article .thumbnail img {
    height: auto;
  }
  .postList li.article .ttl {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    -webkit-box-ordinal-group: 2;
  }
  .postList li.article .status .writer {
    float: none;
    width: 100%;
    padding: 0 20px 0 0;
    text-align: left;
  }
  .postList li.article .status .writer img {
    display: inline-block;
    width: 18px;
    height: auto;
    margin-right: 5px;
    padding-right: 0;
    vertical-align: top;
  }
  .postList li.article .status .writer span.name {
    position: relative;
    top: 10px;
    vertical-align: top;
  }
  .postList li.article .status .date {
    padding: 0;
    font-size: 12px;
    text-align: right;
  }

  .athleteList {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .athleteList li.article {
    width: 48%;
    margin: 0 4% 40px 0;
  }
  .athleteList li.article:nth-child(3n) {
    margin-right: 4%;
  }
  .athleteList li.article:nth-child(3n+1) {
    clear: none;
  }
  .athleteList li.article:nth-child(2n) {
    margin-right: 0;
  }
  .athleteList li.article:nth-child(2n+1) {
    clear: both;
  }
  .athleteList li.article > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
  }
  .athleteList li.article .thumbnail {
    position: relative;
    top: 0;
    left: 0;
    order: -1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: -1;
  }
  .athleteList li.article .thumbnail img {
    height: auto;
  }
  .athleteList li.article .ttl {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    -webkit-box-ordinal-group: 2;
  }
  .athleteList li.article .status .writer {
    float: none;
    width: 100%;
    padding: 0 20px 0 0;
    text-align: left;
  }
  .athleteList li.article .status .writer img {
    display: inline-block;
    width: 18px;
    height: auto;
    margin-right: 5px;
    padding-right: 0;
    vertical-align: top;
  }
  .athleteList li.article .status .writer span.name {
    position: relative;
    top: 10px;
    vertical-align: top;
  }
  .athleteList li.article .status .date {
    padding: 0;
    font-size: 12px;
    text-align: right;
  }

  .productPost ul.productList {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 30px;
    padding: 0;
    verflow: hidden;
  }
  .col1 .productPost ul.productList {
    width: 100%;
    padding: 0;
  }
  .col1 .productPost ul.productList li.article {
    width: 48%;
    margin: 0 4% 40px 0;
  }
  .col1 .productPost ul.productList li.article:nth-child(3n) {
    margin-right: 4%;
  }
  .col1 .productPost ul.productList li.article:nth-child(2n) {
    margin-right: 0;
  }
  .col1 .productPost ul.productList li.article a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
  }
  .col1 .productPost ul.productList li.article .thumbnail {
    position: relative;
    top: 0;
    left: 0;
    order: -1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: -1;
  }
  .col1 .productPost ul.productList li.article .ttl {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    -webkit-box-ordinal-group: 2;
  }
  .productPost ul.productList li.article {
    width: 48%;
    margin: 0 4% 40px 0;
  }
  .productPost ul.productList li.article:nth-child(3n) {
    margin-right: 4%;
  }
  .productPost ul.productList li.article:nth-child(3n+1) {
    clear: none;
  }
  .productPost ul.productList li.article:nth-child(2n) {
    margin-right: 0;
  }
  .productPost ul.productList li.article:nth-child(2n+1) {
    clear: both;
  }
  .productPost ul.productList li.article > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
  }
  .productPost ul.productList li.article .thumbnail {
    position: relative;
    top: 0;
    left: 0;
    order: -1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: -1;
  }
  .productPost ul.productList li.article .thumbnail img {
    height: auto;
  }
  .productPost ul.productList li.article .ttl {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    -webkit-box-ordinal-group: 2;
  }
  .productPost ul.productList li.article .status .writer {
    float: none;
    width: 100%;
    padding: 0 20px 0 0;
    text-align: left;
  }
  .productPost ul.productList li.article .status .writer img {
    display: inline-block;
    width: 18px;
    height: auto;
    margin-right: 5px;
    padding-right: 0;
    vertical-align: top;
  }
  .productPost ul.productList li.article .status .writer span.name {
    position: relative;
    top: 10px;
    vertical-align: top;
  }
  .productPost ul.productList li.article .status .date {
    padding: 0;
    font-size: 12px;
    text-align: right;
  }

  .linkStyle a {
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    font-size: 16px;
  }
  .linkStyle a:before {
    content: "";
    position: relative;
    top: -2px;
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-right: 4px;
    background: url("img/common/icon-arrow.png") no-repeat;
    background-size: 6px;
  }
  .linkStyle a:hover {
    text-decoration: none;
    opacity: 0.6;
  }

  .subCategory li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 14px;
    text-align: center;
  }
  .subCategory li:nth-child(5n) {
    margin-right: 4%;
  }
  .subCategory li:nth-child(2n) {
    margin-right: 0;
  }
  .subCategory li a {
    font-weight: bold;
  }

  .sortMenu {
    margin: 0 0 10px 0;
  }

  section.mediaAbout {
    min-width: 100%;
    padding: 20px;
    overflow: hidden;
  }
  section.mediaAbout .inner {
    width: 100%;
    padding: 20px 30px;
  }
  section.mediaAbout .inner .text {
    width: 100%;
    padding-top: 0;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
  }
  section.mediaAbout .inner h2 {
    margin-bottom: 30px;
    padding: 0;
    color: #231815;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
  }
  section.mediaAbout .inner h2 br {
    display: none;
  }
  section.mediaAbout .inner h3 {
    color: #231815;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }
  section.mediaAbout .writer {
    box-sizing: border-box;
    float: none;
    width: 98%;
    margin: 0 auto 15px;
    padding: 10px;
    overflow: hidden;
  }
  section.mediaAbout .writer h4 {
    font-size: 14px;
    font-weight: bold;
  }
  section.mediaAbout .writer ul li {
    float: left;
    width: 50%;
    text-align: center;
  }
  section.mediaAbout .writer ul li .name {
    margin: 0 auto;
  }
  section.mediaAbout .writer ul li .name img {
    display: block;
    border-radius: 50%;
  }

  .postBox .information {
    padding: 10px;
  }
  .postBox .information .writer {
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 0 20px;
    overflow: hidden;
  }
  .postBox .information .writer img {
    width: 40px;
    margin-right: 0;
  }
  .postBox .information .writer .job {
    display: inline-block;
    padding: 0 10px;
    padding-top: 6px;
  }
  .postBox .information .writer strong {
    padding-top: 10px;
    padding-left: 10px;
  }
  .postBox .information .status {
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 0 20px;
    border-left: none;
  }
  .postBox .information .status .iconCategory, .postBox .information .status .iconHashtag {
    margin-top: 10px;
  }
  .postBox .information .date {
    padding: 0;
    font-size: 12px;
    text-align: right;
  }
  .postBox .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .postBox .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .postBox .icatch {
    margin: 30px 0;
  }
  .postBox .lesson .present {
    box-sizing: border-box;
    float: none;
    width: 100%;
    margin: 0;
    font-size: 14px;
  }
  .postBox .lesson .present br {
    display: none;
  }
  .postBox .lesson .present:after {
    top: inherit;
    bottom: -12px;
    left: 262px;
    margin-top: 0;
  }
  .postBox .lesson .trainingName {
    box-sizing: border-box;
    float: none;
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 18px;
    text-align: center;
  }
  .postBox .how .block .captcha {
    float: none;
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
  .postBox .how .block .comment {
    float: none;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 0;
  }
  .postBox .how .block .comment:before {
    top: -30px;
    left: 150px;
    border-width: 0 20px 30px 20px;
    border-color: transparent transparent #fff transparent;
  }
  .postBox .how .block .comment:after {
    top: -36px;
    left: 147px;
    border-width: 0 23px 33px 23px;
    border-color: transparent transparent #B1B1B1 transparent;
  }
  .postBox .how .block .comment h4 {
    position: relative;
    padding-left: 38px;
    font-size: 20px;
    font-weight: bold;
  }
  .postBox .how .block .comment h4 span {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    background: #231815;
    color: #fff;
    text-align: center;
  }
  .postBox .titleStyle6 {
    margin-bottom: 0;
    padding: 8px 12px;
    font-size: 14px;
  }
  .postBox .postList li.article {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #bdbdbd;
    overflow: hidden;
  }
  .postBox .postList li.article a {
    display: block;
    margin: 0;
    overflow: hidden;
  }
  .postBox .postList li.article a .thumbnail {
    position: static;
    top: inherit;
    left: inherit;
    float: left;
    width: 30%;
    margin-right: 2%;
  }
  .postBox .postList li.article a .ttl {
    float: right;
    width: 68%;
    margin: 10px 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.4;
  }
  .postBox .snsBox .fbBox {
    width: 100%;
    padding-bottom: 20px;
  }
  .postBox .snsBox .fbBox p {
    padding: 10px 0;
  }
  .postBox .snsBox .fbBox .img {
    float: none;
    width: 100%;
    height: 130px;
  }
  .postBox ul.campaign-banner {
    padding: 10px;
  }
  .postBox .matome {
    margin-bottom: 40px;
  }
  .postBox .matome h3 {
    margin-bottom: 0;
  }
  .postBox .matome .inner {
    width: 100%;
    padding: 25px 40px 1px;
    background: #E9E8E8;
  }
  .postBox .adPost {
    margin: 15px 0;
  }
  .postBox .adPost li.article {
    margin-bottom: 0;
  }
  .postBox .adPost li.article h3 {
    padding: 0;
    border-bottom: none;
  }
  .postBox .otherPost {
    margin-top: 60px;
    overflow: hidden;
  }
  .postBox .otherPost .back {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-right: 10px;
  }
  .postBox .otherPost .back .thumbnail {
    float: left;
    width: 40px;
    margin-right: 10px;
  }
  .postBox .otherPost .next {
    box-sizing: border-box;
    float: right;
    width: 50%;
    padding-left: 10px;
    text-align: right;
  }
  .postBox .otherPost .next .thumbnail {
    float: right;
    width: 40px;
    margin-left: 10px;
  }

  .nutritionRecommend .postList li.article {
    width: 48%;
  }
  .nutritionRecommend .titleStyle1 span {
    display: block;
  }

  .hintRecommend .postList li.article {
    width: 48%;
  }
  .hintRecommend .titleStyle1 span {
    display: block;
  }

  .pageNav {
    margin: 30px auto 60px;
  }
  .pageNav .pagination {
    width: 100%;
  }
  .pageNav .pagination .num,
  .pageNav .pagination .page-numbers {
    display: none;
  }
  .pageNav .pagination .prev,
  .pageNav .pagination .next {
    display: inline-block;
  }
}
/******************************************************************** contents
*/
/**** news *****/
#news ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid #808070;
}
#news ul li {
  padding: 15px;
  border-top: solid 1px #bfbfa8;
  border-bottom: solid 1px #fff;
  background: #f7f7f3;
}
#news ul li:nth-child(even) {
  background: #fff;
}
#news ul li:first-child {
  border-top: none;
}
#news ul .news-area {
  padding: 0;
}
#news ul .news-area strong {
  color: inherit;
}
#news ul .news-area p {
  padding: 0;
}
#news ul .news-area .date {
  display: inline-block;
  margin-bottom: 3px;
  padding: 2px 6px;
  background: #7dc241;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.005em;
}
#news ul .news-area .text {
  padding: 0;
  background-size: 8px;
}
#news ul .news-area .text a {
  color: #007830;
}

/**** concept *****/
section.concept {
  position: relative;
  box-sizing: border-box;
  height: 575px;
  background: url("img/concept/main-bg.jpg") no-repeat 50% 0;
}
section.concept .ttl {
  padding: 22px 0 16px 161px;
  font-size: 74px;
  font-weight: bold;
}
section.concept .ttl span {
  font-weight: bold;
}
section.concept .message {
  margin: 0 0 0 170px;
}
section.concept .message p {
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
}
section.concept .people {
  position: absolute;
  top: 96px;
  left: 22px;
  padding: 0;
}
section.concept .balloon {
  position: absolute;
  top: 17px;
  right: 55px;
  padding: 0;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  section.concept {
    height: auto;
    padding: 0 4% 4px;
}
  #conceptPage section.concept {
    padding-bottom: 50px;
}
  section.concept .ttl {
    padding: 19px 0 10px 78px;
    font-size: 32px;
    line-height: 1.2;
}
  section.concept .ttl span {
    font-weight: bold;
}
  section.concept .message {
    margin: 0;
}
  section.concept .message p {
    padding-bottom: 8px;
    font-size: 16px;
}
  section.concept .message p br {
    display: none;
}
  section.concept .people {
    top: 25px;
    left: 12px;
    width: 72px;
}
  section.concept .balloon {
    top: 8px;
    right: 8px;
    width: 30px;
} }
/**** top *****/
#top .postList li:nth-child(9) {
  display: block;
}
#top .linkStyle {
  width: 92%;
  margin: 0 auto;
}
#top section.media {
  padding-bottom: 100px;
}
#top section.media h2 {
  position: relative;
  display: block;
  width: 100%;
  height: 427px;
  margin-bottom: 70px;
  overflow: hidden;
}
#top section.media h2 .ttlBack {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 41%;
  height: 427px;
  padding-top: 112px;
  background: #aaa;
  text-align: center;
}
#top section.media h2 .ttlBack:after {
  content: '';
  position: absolute;
  top: 0px;
  left: -230px;
  width: 0px;
  height: 0px;
  border-top: 430px solid transparent;
  border-right: 230px solid #aaa;
}
#top section.media h2 .ttlBack span {
  display: block;
  padding-top: 20px;
  color: #fff;
  font-size: 29px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0;
}
#top section.swim h2 {
  background: url("img/home/swim-visual.jpg") no-repeat 0 0;
}
#top section.swim h2 .ttlBack {
  padding-top: 100px;
  background: #0055E8;
}
#top section.swim h2 .ttlBack:after {
  border-right: 230px solid #0055E8;
}
#top section.soccer h2 {
  background: url("img/home/soccer-visual.jpg") no-repeat -150px 0;
}
#top section.soccer h2 .ttlBack {
  background: #E81F00;
}
#top section.soccer h2 .ttlBack:after {
  border-right: 230px solid #E81F00;
}
#top section.workout h2 {
  background: url("img/home/workout-visual.jpg") no-repeat -150px 0;
}
#top section.workout h2 .ttlBack {
  background: #FFFF00;
}
#top section.workout h2 .ttlBack img {
  margin: 0 auto;
}
#top section.workout h2 .ttlBack span {
  color: #231815;
}
#top section.workout h2 .ttlBack:after {
  border-right: 230px solid #FFFF00;
}
#top section.sportsNutrition h2 {
  background: url("img/home/sports-nutrition-visual.jpg") no-repeat -150px 0;
}
#top section.sportsNutrition h2 .ttlBack {
  background: #D84D00;
}
#top section.sportsNutrition h2 .ttlBack img {
  margin: 0 auto;
}
#top section.sportsNutrition h2 .ttlBack span {
  color: #fff;
}
#top section.sportsNutrition h2 .ttlBack:after {
  border-right: 230px solid #D84D00;
}
#top section.sportsSupplement h2 {
  background: url("img/home/sports-supplement-visual02.jpg") no-repeat -150px 0;
}
#top section.sportsSupplement h2 .ttlBack {
  background: #231815;
}
#top section.sportsSupplement h2 .ttlBack img {
  margin: 0 auto;
}
#top section.sportsSupplement h2 .ttlBack span {
  color: #fff;
}
#top section.sportsSupplement h2 .ttlBack:after {
  border-right: 230px solid #231815;
}
#top section.womansBody h2 {
  background: url("img/home/womans-body-visual.jpg") no-repeat -150px 0;
}
#top section.womansBody h2 .ttlBack {
  background: #da005f;
}
#top section.womansBody h2 .ttlBack img {
  margin: 0 auto;
}
#top section.womansBody h2 .ttlBack span {
  color: #21000e;
}
#top section.womansBody h2 .ttlBack:after {
  border-right: 230px solid #da005f;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #top .postList li:nth-child(9) {
    display: none;
}
  #top section.media {
    padding-bottom: 60px;
}
  #top section.media h2 {
    width: 100%;
    height: 180px;
    margin-bottom: 40px;
}
  #top section.media h2 .ttlBack {
    top: 0;
    right: 0;
    width: 100%;
    height: 180px;
    padding-top: 24px;
    padding-right: 0;
    background: none;
}
  #top section.media h2 .ttlBack:after {
    content: '';
    position: absolute;
    top: 40px;
    right: -70px;
    left: inherit;
    width: 0px;
    height: 0px;
    border-top: 180px solid transparent;
    border-right: 150px solid #aaa;
}
  #top section.media h2 .ttlBack span {
    padding-top: 10px;
    font-size: 22px;
}
  #top section.swim h2 {
    background: url("img/home/swim-visual.jpg") no-repeat 50% 0;
    background-size: auto 180px;
}
  #top section.swim h2 .ttlBack img {
    width: 113px;
}
  #top section.swim h2 .ttlBack:after {
    border-right: 150px solid #0055E8;
}
  #top section.soccer h2 {
    background: url("img/home/soccer-visual.jpg") no-repeat 35% 0;
    background-size: auto 260px;
}
  #top section.soccer h2 .ttlBack img {
    width: 290px;
}
  #top section.soccer h2 .ttlBack span {
    padding-top: 4px;
}
  #top section.soccer h2 .ttlBack:after {
    border-right: 150px solid #E81F00;
}
  #top section.workout h2 {
    background: url("img/home/workout-visual.jpg") no-repeat 35% 0;
    background-size: auto 180px;
}
  #top section.workout h2 .ttlBack img {
    width: 170px;
    margin: 0 auto;
    text-align: center;
}
  #top section.workout h2 .ttlBack span {
    padding-top: 7px;
    color: #fff;
}
  #top section.workout h2 .ttlBack:after {
    border-right: 150px solid #FFFF00;
}
  #top section.sportsNutrition h2 {
    background: url("img/home/sports-nutrition-visual.jpg") no-repeat 8% 0;
    background-size: auto 180px;
}
  #top section.sportsNutrition h2 .ttlBack img {
    width: 290px;
    margin: 0 auto;
    text-align: center;
}
  #top section.sportsNutrition h2 .ttlBack span {
    padding-top: 7px;
    color: #fff;
}
  #top section.sportsNutrition h2 .ttlBack:after {
    border-right: 150px solid #D84D00;
}
  #top section.womansBody h2 {
    background: url("img/home/womans-body-visual.jpg") no-repeat 78% 0;
    background-size: auto 184px;
}
  #top section.womansBody h2 .ttlBack img {
    width: 290px;
}
  #top section.womansBody h2 .ttlBack span {
    padding-top: 4px;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0;
}
  #top section.womansBody h2 .ttlBack:after {
    border-right: 150px solid #da005f;
}
  #top section.sportsSupplement h2 {
	background: url("img/home/sports-supplement-visual02.jpg") no-repeat 17% 0;
    background-size: auto 184px;
}
  #top section.sportsSupplement h2 .ttlBack img {
    width: 290px;
}
  #top section.sportsSupplement h2 .ttlBack span {
    padding-top: 4px;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0;
}
  #top section.sportsSupplement h2 .ttlBack:after {
    border-right: 150px solid #f7f7f7;
} }
/**** swim *****/
.swim .writer a:hover strong {
  color: #0055E8 !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}
.swim .postList .article a:hover {
  color: #0055E8;
}
.swim .postList .article .iconCategory a {
  background: #0055E8;
}
.swim .postList .article .iconCategory a:hover {
  color: #fff;
}
.swim .postList .article .iconHashtag li a {
  color: #0055E8;
}
.swim .linkStyle a {
  background: #0055E8;
}
.swim .linkStyle a:hover {
  color: #fff;
}
.swim section.mediaAbout {
  background: url("img/swim/common/about-bg.jpg") no-repeat 50% 0;
}
.swim section.mediaAbout .inner h2 {
  color: #0055E8;
}
.swim section.mediaAbout .inner h3 {
  color: #0055E8;
}
.swim section.mediaAbout .writer {
  background: #E3EAF6;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .swim section.mediaAbout .inner h2 {
    color: #0055E8;
}
  .swim section.mediaAbout .inner h3 {
    color: #0055E8;
} }
/**** soccer *****/
.soccer a:hover {
  color: #E81F00;
}
.soccer .writer a:hover strong {
  color: #E81F00 !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}
.soccer .postList .article a:hover {
  color: #E81F00;
}
.soccer .postList .article .iconCategory a {
  background: #E81F00;
}
.soccer .postList .article .iconCategory a:hover {
  color: #fff;
}
.soccer .postList .article .iconHashtag li a {
  color: #E81F00;
}
.soccer .linkStyle a {
  background: #E81F00;
}
.soccer .linkStyle a:hover {
  color: #fff;
}
.soccer section.mediaAbout {
  background: url("img/soccer/common/about-bg.jpg") no-repeat 50% 0;
}
.soccer section.mediaAbout .inner h2 {
  color: #E81F00;
}
.soccer section.mediaAbout .inner h3 {
  color: #E81F00;
}
.soccer section.mediaAbout .inner strong {
  color: #231815;
}
.soccer section.mediaAbout .writer {
  background: #F9EAE7;
}
.soccer .hitPage strong {
  color: #E81F00;
}
.soccer .sortMenu ul li.select a {
  color: #E81F00;
}
.soccer .sidebar .ttl:after {
  background: #E81F00;
}
.soccer .sidebar .searchBox dl dt {
  background: #FBECE9;
}
.soccer .sidebar .rankingBox .rankingList li:before {
  background: #E81F00;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .soccer section.mediaAbout .inner h2 {
    color: #E81F00;
}
  .soccer section.mediaAbout .inner h3 {
    color: #E81F00;
} }
/**** soccer color *****/
section.soccer .postList .article a:hover {
  color: #E81F00;
}
section.soccer .postList .article .iconCategory a {
  background: #E81F00;
}
section.soccer .postList .article .iconHashtag li a {
  color: #E81F00;
}
section.soccer .postList .article .iconHashtag li a:hover {
  color: #fff;
}
section.soccer .postList .article .status .writer a:hover strong {
  color: #E81F00;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}
section.soccer .linkStyle a {
  background: #E81F00;
}

/**** workout *****/
.workout a:hover {
  color: #D9CC15;
}
.workout .writer a:hover strong {
  color: #231815 !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}
.workout .postList .article a:hover {
  color: #D9CC15;
}
.workout .postList .article .iconCategory a {
  background: #231815;
  color: #fff;
}
.workout .postList .article .iconCategory a:hover {
  color: #D9CC15;
}
.workout .postList .article .iconHashtag li a {
  color: #231815;
}
.workout .postList .article .iconHashtag li a:hover {
  color: #D9CC15;
}
.workout .linkStyle a {
  background: #231815;
  color: #fff;
}
.workout .linkStyle a:hover {
  color: #FFFF00;
}
.workout section.mediaAbout {
  background: url("img/workout/common/about-bg.jpg") no-repeat 50% 0;
}
.workout section.mediaAbout .inner h2 {
  color: #231815;
}
.workout section.mediaAbout .inner h3 {
  color: #231815;
}
.workout section.mediaAbout .inner strong {
  color: #231815;
}
.workout section.mediaAbout .writer {
  width: 340px;
  padding: 20px 15px;
  background: #FFFF00;
}
.workout .hitPage strong {
  color: #231815;
}
.workout .sortMenu ul li.select a {
  color: #231815;
}
.workout .sidebar .ttl:after {
  background: #FFFF00;
}
.workout .sidebar .searchBox dl dt {
  background: #FBECE9;
}
.workout .sidebar .rankingBox .rankingList li:before {
  background: #231815;
  color: #FFFF00;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .workout section.mediaAbout .writer {
    width: 100%;
}
  .workout section.mediaAbout .writer ul {
    overflow: hidden;
}
  .workout section.mediaAbout .writer ul li h4 {
    word-break: break-all;
} }
/**** sports supplement color *****/
.sportsSupplement .kislipPost a:hover {
  color: #2A5B91;
}
.sportsSupplement .kislipPost .postList .article a:hover {
  color: #2A5B91;
}
.sportsSupplement .kislipPost .postList .article .iconCategory a {
  background: #2A5B91;
  color: #fff;
}
.sportsSupplement .kislipPost .postList .article .iconHashtag li a {
  border-color: #2A5B91;
  color: #2A5B91;
}
.sportsSupplement .kislipPost .postList .article .iconHashtag li a:hover {
  color: #2A5B91;
}
.sportsSupplement .kislipPost .linkStyle a {
  background: #2A5B91;
  color: #fff;
}
.sportsSupplement .kislipPost .hitPage strong {
  color: #2A5B91;
}
.sportsSupplement .kislipPost .sortMenu ul li.select a {
  color: #2A5B91;
}
.sportsSupplement .aselightPost a:hover {
  color: #3D857F;
}
.sportsSupplement .aselightPost .postList .article a:hover {
  color: #3D857F;
}
.sportsSupplement .aselightPost .postList .article .iconCategory a {
  background: #3D857F;
  color: #fff;
}
.sportsSupplement .aselightPost .postList .article .iconHashtag li a {
  border-color: #3D857F;
  color: #3D857F;
}
.sportsSupplement .aselightPost .postList .article .iconHashtag li a:hover {
  color: #3D857F;
}
.sportsSupplement .aselightPost .linkStyle a {
  background: #3D857F;
  color: #fff;
}
.sportsSupplement .aselightPost .hitPage strong {
  color: #3D857F;
}
.sportsSupplement .aselightPost .sortMenu ul li.select a {
  color: #3D857F;
}
.sportsSupplement .asebasicPost a:hover {
  color: #C15530;
}
.sportsSupplement .asebasicPost .postList .article a:hover {
  color: #C15530;
}
.sportsSupplement .asebasicPost .postList .article .iconCategory a {
  background: #C15530;
  color: #fff;
}
.sportsSupplement .asebasicPost .postList .article .iconHashtag li a {
  border-color: #C15530;
  color: #C15530;
}
.sportsSupplement .asebasicPost .postList .article .iconHashtag li a:hover {
  color: #C15530;
}
.sportsSupplement .asebasicPost .linkStyle a {
  background: #C15530;
  color: #fff;
}
.sportsSupplement .asebasicPost .hitPage strong {
  color: #C15530;
}
.sportsSupplement .asebasicPost .sortMenu ul li.select a {
  color: #C15530;
}
.sportsSupplement .sidebar .searchBox dl dt {
  background: #FBECE9;
}
.sportsSupplement section.mediaAbout {
  background: url("img/sports-supplement/common/about-bg02.jpg") no-repeat 50% 0;
}
.sportsSupplement section.mediaAbout .inner strong {
  color: #231815;
}
.sportsSupplement section.mediaAbout .inner .text {
  width: 100%;
}
.sportsSupplement section.mediaAbout .writer {
  width: 340px;
  padding: 20px 15px;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .sportsSupplement section.mediaAbout .writer {
    width: 100%;
}
  .sportsSupplement section.mediaAbout .writer ul {
    overflow: hidden;
}
  .sportsSupplement section.mediaAbout .writer ul li h4 {
    word-break: break-all;
} }
/**** sportsNutrition *****/
.sportsNutrition a:hover {
  color: #D84D00;
}
.sportsNutrition .writer a:hover strong {
  color: #D84D00 !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}
.sportsNutrition .postList .article a:hover {
  color: #D84D00;
}
.sportsNutrition .postList .article .iconCategory a {
  background: #D84D00;
  color: #fff;
}
.sportsNutrition .postList .article .iconCategory a:hover {
  color: #fff;
}
.sportsNutrition .postList .article .iconHashtag li a {
  color: #D84D00;
}
.sportsNutrition .postList .article .iconHashtag li a:hover {
  color: #D84D00;
}
.sportsNutrition .linkStyle a {
  background: #D84D00;
  color: #fff;
}
.sportsNutrition .linkStyle a:hover {
  color: #fff;
}
.sportsNutrition section.mediaAbout {
  background: url("img/sports-nutrition/common/about-bg.jpg") no-repeat 50% 0;
}
.sportsNutrition section.mediaAbout .inner {
  width: 850px;
}
.sportsNutrition section.mediaAbout .inner h2 {
  color: #D84D00;
}
.sportsNutrition section.mediaAbout .inner h3 {
  color: #D84D00;
}
.sportsNutrition section.mediaAbout .inner strong {
  color: #231815;
}
.sportsNutrition section.mediaAbout .writer {
  width: 360px;
  padding: 20px 15px;
  background: #F9EDE7;
}
.sportsNutrition .hitPage strong {
  color: #D84D00;
}
.sportsNutrition .sortMenu ul li.select a {
  color: #D84D00;
}
.sportsNutrition .sidebar .ttl:after {
  background: #D84D00;
}
.sportsNutrition .sidebar .searchBox dl dt {
  background: #FBECE9;
}
.sportsNutrition .sidebar .rankingBox .rankingList li:before {
  background: #D84D00;
  color: #fff;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .sportsNutrition section.mediaAbout .inner {
    width: 100%;
}
  .sportsNutrition section.mediaAbout .inner .writer {
    width: 100%;
}
  .sportsNutrition section.mediaAbout .inner .writer ul {
    overflow: hidden;
}
  .sportsNutrition section.mediaAbout .inner .writer ul li h4 {
    word-break: break-all;
} }
.type-product .woocommerce-price-suffix {
  font-size: 60%;
}
.type-product section.related.products {
  display: none;
}
.type-product #contents {
  padding-top: 20px;
}
.type-product #contents .inner {
  width: 800px;
}
.type-product #contents .inner h1 {
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
  overflow: auto;
  font-size: 200%;
  font-weight: bold;
  line-height: 1.5;
  text-overflow: inherit;
  white-space: normal;
}
.type-product #contents .inner .woocommerce-product-gallery__image {
  display: none;
}
.type-product #contents .inner .woocommerce-product-gallery__image:first-child {
  display: block;
}
.type-product #contents .inner .woocommerce-product-gallery__image:first-child img {
  height: auto;
}
.type-product #contents .inner p.price {
  margin: 10px 0 10px;
  font-size: 2.2em;
}
.type-product #contents .inner p.price:before {
  content: "送料無料";
  display: inline-block;
  margin-right: 6px;
  padding: 2px 7px;
  border-radius: 1px;
  background: #a23746;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}
.type-product #contents .inner .post-6436 p.price:after {
  content: "1個あたり594円(税込)";
  display: block;
  font-size: 18px;
}
.type-product #contents .inner .post-6417 p.price:before {
  display: none;
}
.type-product #contents .inner .post-6417 p.price:after {
  content: "+送料300円";
  display: inline-block;
  margin-right: 6px;
  padding: 2px 7px;
  border: 2px solid #034b92;
  border-radius: 4px;
  color: #034b92;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}
.type-product #contents .inner .post-6574 p.price:after {
  content: "約10日分 30粒入り";
  display: block;
  font-size: 18px;
}
.type-product #contents .inner .post-6555 p.price:after {
  content: "約1ヶ月分 90粒入り";
  display: block;
  font-size: 18px;
}
.type-product #contents .inner .single_add_to_cart_button {
  -webkit-appearance: none;
  display: inline-block;
  margin: 0 0 30px;
  padding: 15px 46px;
  border: none;
  border-radius: 4px;
  background: #bbed66;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #bbed66 0%, #98c745 30%, #75aa17 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #bbed66 0%, #98c745 30%, #75aa17 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #bbed66 0%, #98c745 30%, #75aa17 100%);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  /* IE6-9 fallback on horizontal gradient */
  transition: .4s;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbed66', endColorstr='#75aa17',GradientType=1 );
}
.type-product #contents .inner .single_add_to_cart_button:hover, .type-product #contents .inner .single_add_to_cart_button:focus, .type-product #contents .inner .single_add_to_cart_button:active, .type-product #contents .inner .single_add_to_cart_button.disabled, .type-product #contents .inner .single_add_to_cart_button[disabled] {
  background: #b7f54c;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #b7f54c 0%, #97e016 30%, #8bd902 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #b7f54c 0%, #97e016 30%, #8bd902 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #b7f54c 0%, #97e016 30%, #8bd902 100%);
  /* IE6-9 fallback on horizontal gradient */
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7f54c', endColorstr='#8bd902',GradientType=1 );
}
.type-product #contents .inner .product_meta, .type-product #contents .inner .tabs, .type-product #contents .inner .woocommerce-Tabs-panel h2 {
  display: none;
}
.type-product #contents .inner .woocommerce-product-gallery {
  float: left;
  width: 41.1764705882%;
  margin-right: 5.8823529412%;
  margin-bottom: 0.706326em;
}
.type-product #contents .inner .summary {
  float: right;
  width: 52.9411764706%;
  margin-right: 0;
}
.type-product #contents .inner .woocommerce-tabs {
  clear: both;
}
.type-product .product-description p, .type-product .product-description ul, .type-product .product-description li {
  margin: 0;
  padding: 0;
}
.type-product .information {
  padding: 2.5%;
  background: #E7EEF6;
}
.type-product .up-sells {
  display: none;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .type-product #contents .inner {
    width: 100%;
}
  .type-product #contents .inner h1 {
    font-size: 200%;
    line-height: 1.3;
}
  .type-product #contents .inner .woocommerce-product-gallery {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
  .type-product #contents .inner .summary {
    float: none;
    width: 100%;
    margin-right: 0;
}
  .type-product #contents .inner p.price {
    margin: 15px 0;
    padding: 0;
    text-align: center;
}
  .type-product #contents .inner .single_add_to_cart_button {
    width: 100%;
    margin-bottom: 40px;
}
  .type-product .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 0;
} }
/**** woman's body *****/
.womansBody a:hover {
  color: #da005f;
}
.womansBody .writer a:hover strong {
  color: #da005f !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}
.womansBody .postList .article a:hover {
  color: #da005f;
}
.womansBody .postList .article .iconCategory a {
  background: #da005f;
  color: #fff;
}
.womansBody .postList .article .iconHashtag li a {
  color: #da005f;
}
.womansBody .linkStyle a {
  background: #da005f;
  color: #fff;
}
.womansBody section.mediaAbout {
  background: url("img/womans-body/common/about-bg.jpg") no-repeat 50% 0;
  background-size: cover;
}
.womansBody section.mediaAbout .inner h2 {
  color: #21000e;
}
.womansBody section.mediaAbout .inner h3 {
  color: #21000e;
}
.womansBody section.mediaAbout .inner strong {
  color: #231815;
}
.womansBody section.mediaAbout .writer {
  width: 340px;
  padding: 20px 15px;
  background: #F9EAEF;
}
.womansBody .hitPage strong {
  color: #da005f;
}
.womansBody .sortMenu ul li.select a {
  color: #da005f;
}
.womansBody .sidebar .ttl:after {
  background: #da005f;
}
.womansBody .sidebar .searchBox dl dt {
  background: #FBECE9;
}
.womansBody .sidebar .rankingBox .rankingList li:before {
  background: #da005f;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .womansBody section.mediaAbout .inner h3 {
    font-size: 19px;
}
  .womansBody section.mediaAbout .writer {
    width: 100%;
    background-size: 1500px;
}
  .womansBody section.mediaAbout .writer ul {
    overflow: hidden;
}
  .womansBody section.mediaAbout .writer ul li h4 {
    word-break: break-all;
} }
/*------------------------------------------------------------------------------------

	swimのページはじまるよ

-------------------------------------------------------------------------------------*/
/******************************************************************** swimTop
*/
#swimTop .archivePost {
  margin-bottom: 80px;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #swimTop .archivePost {
    margin-bottom: 60px;
}
  #swimTop .archivePost .postList > li:last-child {
    display: none;
} }
/*------------------------------------------------------------------------------------

	soccerのページはじまるよ

-------------------------------------------------------------------------------------*/
/******************************************************************** soccerTop
*/
#soccerTop .archivePost {
  margin-bottom: 80px;
}

.soccer .archivePost .titleStyle1 {
  border-color: #E81F00;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #soccerTop .archivePost {
    margin-bottom: 60px;
}
  #soccerTop .archivePost .postList > li:last-child {
    display: none;
}
  #soccerTop .new .postList > li:last-child {
    display: block;
} }
/*------------------------------------------------------------------------------------

	swimのページはじまるよ

-------------------------------------------------------------------------------------*/
/******************************************************************** swimTop
*/
#swimTop .archivePost {
  margin-bottom: 80px;
}
#swimTop #swimFeature {
  height: 740px;
  overflow: hidden;
}
#swimTop #swimFeature .inner {
  position: relative;
  z-index: 999999;
}
#swimTop #swimFeature .inner h2 {
  position: absolute;
  top: 18px;
  left: -15px;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-size: 150px;
  line-height: 1;
  letter-spacing: 18px;
}
#swimTop #swimFeature .inner p.date {
  position: absolute;
  top: 340px;
  left: 0;
  padding: 0;
  color: #fff;
  font-size: 16px;
}
#swimTop #swimFeature .inner p.date span {
  font-size: 47px;
}
#swimTop #swimFeature .inner p.monthly {
  position: absolute;
  top: 399px;
  left: 0;
  padding: 0;
  color: #fff;
  font-size: 12px;
}

.swim .archivePost .titleStyle1 {
  border-color: #0055E8;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #swimTop .archivePost {
    margin-bottom: 60px;
}
  #swimTop .archivePost.postList > li:last-child {
    display: none;
}
  #swimTop .new .postList > li:last-child {
    display: none;
}
  #swimTop #swimFeature {
    width: 100%;
    height: auto;
}
  #swimTop #swimFeature .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
  #swimTop #swimFeature .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
  #swimTop #swimFeature .inner {
    top: 0;
}
  #swimTop #swimFeature .inner h2 {
    position: absolute;
    top: 13px;
    left: 4%;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 44px;
    line-height: 1;
    letter-spacing: 7px;
}
  #swimTop #swimFeature .inner p.date {
    position: absolute;
    top: 100px;
    left: 4%;
    padding: 0;
    color: #fff;
    font-size: 16px;
}
  #swimTop #swimFeature .inner p.date span {
    font-size: 30px;
}
  #swimTop #swimFeature .inner p.monthly {
    top: 142px;
    left: 4%;
    font-size: 10px;
} }
/*------------------------------------------------------------------------------------

	sportsNutritionのページはじまるよ

-------------------------------------------------------------------------------------*/
/******************************************************************** sportsNutritionTop
*/
#sportsNutritionTop .archivePost {
  margin-bottom: 80px;
}
#sportsNutritionTop .archivePost .titleStyle1 {
  border-color: #D84D00;
}

.sportsNutrition .archivePost .titleStyle1 {
  border-color: #D84D00;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #sportsNutritionTop .archivePost {
    margin-bottom: 60px;
}
  #sportsNutritionTop .new .postList > li:last-child {
    display: block;
}
  #sportsNutritionTop #sportsNutritionFeature {
    width: 100%;
    height: auto;
}
  #sportsNutritionTop #sportsNutritionFeature .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
  #sportsNutritionTop #sportsNutritionFeature .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
  #sportsNutritionTop #sportsNutritionFeature .inner {
    top: 0;
}
  #sportsNutritionTop #sportsNutritionFeature .inner h2 {
    position: absolute;
    top: 13px;
    left: 4%;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 44px;
    line-height: 1;
    letter-spacing: 7px;
}
  #sportsNutritionTop #sportsNutritionFeature .inner p.date {
    position: absolute;
    top: 100px;
    left: 4%;
    padding: 0;
    color: #fff;
    font-size: 16px;
}
  #sportsNutritionTop #sportsNutritionFeature .inner p.date span {
    font-size: 30px;
}
  #sportsNutritionTop #sportsNutritionFeature .inner p.monthly {
    top: 142px;
    left: 4%;
    font-size: 10px;
} }
/*------------------------------------------------------------------------------------

	workoutのページはじまるよ

-------------------------------------------------------------------------------------*/
/******************************************************************** workoutTop
*/
#workoutTop .archivePost {
  margin-bottom: 80px;
}

.workout .archivePost .titleStyle1 {
  border-color: #231815;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #workoutTop .archivePost {
    margin-bottom: 40px;
}
  #workoutTop .new .postList > li:last-child, #workoutTop .nutritionRecommend .postList > li:last-child {
    display: none;
} }
/*------------------------------------------------------------------------------------

	womansBodyのページはじまるよ

-------------------------------------------------------------------------------------*/
/******************************************************************** workoutTop
*/
#womans-bodyTop .archivePost {
  margin-bottom: 80px;
}

.womansBody .archivePost .titleStyle1 {
  border-color: #da005f;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #womansBodyTop .archivePost {
    margin-bottom: 40px;
} }
/*------------------------------------------------------------------------------------

	sports supplementのページはじまるよ

-------------------------------------------------------------------------------------*/
/******************************************************************** soccerTop
*/
#sportsSupplementTop .productList li {
  margin-bottom: 10px;
}
#sportsSupplementTop .archivePost, #sportsSupplementTop .productPost {
  margin-bottom: 80px;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #sportsSupplementTop .productList li {
    margin-bottom: 10px;
}
  #sportsSupplementTop .archivePost, #sportsSupplementTop .productPost {
    margin-bottom: 60px;
}
  #sportsSupplementTop .new .postList > li:last-child {
    display: block;
} }
/*------------------------------------------------------------------------------------

	アスコレ共通ページだよ

-------------------------------------------------------------------------------------*/
/******************************************************************** アスコレプローフィーーール
*/
.profile .text {
  margin-bottom: 60px;
}
.profile .text p {
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.9;
}
.profile .mainVisual {
  padding: 0;
}
.profile .career {
  padding-top: 20px;
  overflow: hidden;
}
.profile .career .photo {
  float: left;
  width: 270px;
  height: auto;
  margin-right: 40px;
  padding-top: 13px;
  border-radius: 50%;
}
.profile .career h2 .job {
  display: inline-block;
  padding: 1px 6px;
  background: #231815;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
}
.profile .career dl {
  width: 410px;
  margin: 7px 0 0;
  overflow: hidden;
  font-size: 18px;
}
.profile .career dl dt, .profile .career dl dd {
  float: left;
  margin-bottom: 10px;
  font-weight: bold;
}
.profile .career dl dt {
  clear: both;
  width: 6em;
}
.profile .career dl dd {
  width: 16em;
}
.profile .career dl dd:before {
  content: "：";
  display: inline-block;
  text-indent: -1em;
}
.profile .career .linkIcon {
  overflow: hidden;
}
.profile .career .linkIcon li {
  float: left;
  margin-right: 10px;
}
.profile .tetx {
  margin-bottom: 50px;
}
.profile .favoriteSupplement h3 {
  margin-bottom: 0;
}
.profile .favoriteSupplement ul {
  margin: 0 0 0;
  padding: 0 0 0;
}
.profile .favoriteSupplement ul li {
  padding: 15px 0;
  overflow: hidden;
}
.profile .favoriteSupplement ul li h4, .profile .favoriteSupplement ul li .thumbnail {
  float: right;
}
.profile .favoriteSupplement ul li img {
  width: 150px;
}
.profile .favoriteSupplement ul li h4 {
  width: 310px;
  padding: 50px 0 0 20px;
  font-size: 16px;
  font-weight: bold;
}
.profile .favoriteSupplement ul li .thumbnail {
  padding-top: 30px;
}
.profile .favoriteSupplement ul li:nth-child(2n) {
  border: 4px solid #E9E8E8;
  border-right: none;
  border-left: none;
}
.profile .favoriteSupplement ul li .product {
  float: left;
  width: 220px;
  text-align: center;
}
.profile .favoriteSupplement ul li .product .name {
  display: block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
}
.profile .archivePost .titleStyle3, .profile .archivePost .postBox .text h2, .postBox .text .profile .archivePost h2, .profile .archivePost h3 {
  margin-top: 0;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .profile .career .photo {
    float: none;
    width: 80%;
    height: 80%;
    margin: 0 auto;
    margin-bottom: 0px;
    padding-top: 0;
    text-align: center;
}
  .profile .career h2 {
    margin-bottom: 50px;
    text-align: center;
}
  .profile .career h2 .job {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 1px 6px;
    background: #231815;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
  .profile .career dl {
    box-sizing: border-box;
    width: 100%;
}
  .profile .career dl dt {
    width: 100%;
    margin-bottom: 0px;
}
  .profile .career dl dd {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
}
  .profile .career dl dd:before {
    display: none;
}
  .profile .favoriteSupplement h3 {
    margin-bottom: 0;
}
  .profile .favoriteSupplement ul li h4, .profile .favoriteSupplement ul li .thumbnail {
    float: none;
}
  .profile .favoriteSupplement ul li img {
    width: 140px;
}
  .profile .favoriteSupplement ul li h4 {
    width: 100%;
    padding: 0 0 10px 0;
}
  .profile .favoriteSupplement ul li .thumbnail {
    float: left;
    padding: 0;
}
  .profile .favoriteSupplement ul li .product {
    float: right;
    width: 190px;
    padding-top: 10px;
}
  .profile .favoriteSupplement ul li .product img {
    width: 50px;
}
  .profile .favoriteSupplement ul li .product .name {
    font-size: 12px;
} }
/*------------------------------------------------------------------------------------

	ここから下は1カラム用だよ

-------------------------------------------------------------------------------------*/
/******************************************************************** 筋トレ動画
*/
#workout .titleMain {
  background: url(img/workout/mainVisual.jpg) no-repeat 50% 50%;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #workout .titleMain {
    background-size: 1240px;
} }
/******************************************************************** 会社概要用
*/
.oneblock .inner {
  width: 900px;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  .oneblock .inner {
    width: 100%;
} }
#conceptPage .oneblock .inner {
  margin: 60px auto 100px;
  overflow: hidden;
}
#conceptPage .oneblock .inner table, #conceptPage .oneblock .inner th, #conceptPage .oneblock .inner td {
  border: none;
}
#conceptPage .oneblock .inner th, #conceptPage .oneblock .inner td {
  border-bottom: 1px solid #ddd;
}
#conceptPage .oneblock .inner th {
  font-weight: bold;
  text-align: center;
}
#conceptPage .oneblock .inner .titleStyle1 {
  border: none;
}
#conceptPage .oneblock .inner .fR {
  margin: 0 0 0 30px;
}
#conceptPage .oneblock .inner .fL {
  margin: 0 30px 0 0;
}

@media screen and (min-width: 211px) and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) and (min-width: 300px) and (orientation: landscape) {
  #conceptPage .oneblock .inner {
    margin: 20px auto 60px;
}
  #conceptPage .oneblock .inner .fR, #conceptPage .oneblock .inner .fL {
    float: none;
    margin: 20px 0;
    text-align: center;
} }
/*------------------------------------------------------------------------------------

	固定ページ系だよー

-------------------------------------------------------------------------------------*/
#conceptPage #container {
  padding-bottom: 0;
}

/*------------------------------------------------------------------------------------

	プライバシーポリシー

-------------------------------------------------------------------------------------*/
#policy h3 {
  margin: 10px 0 0;
  font-weight: bold;
}

/*------------------------------------------------------------------------------------

	よくある質問

-------------------------------------------------------------------------------------*/
#qa {
  margin: 0 auto 60px;
}
#qa a {
  text-decoration: underline;
}

/* 21.12.24 追加 */
.snsBox ul.flex {
  display: flex;
  justify-content: space-between;
}
.snsBox ul.flex li {
  flex: 0 0 32%;
  font-size: 10px;
  letter-spacing: .05em;
}
.sidebar .snsBox ul.flex li a {
  width: 100%;
  height: 100%;
}
.snsBox li img {
  display: inline-block;
  height: 29px;
}
.snsBox li.twitter img {
  display: inline-block;
  height: auto;
  margin: 3px 0;
}
.snsBox li.insta img {
  display: inline-block;
  width: 29px;
  height: 29px;
}




/*------------------------------------------------------------------------------------

	吹き出しのスタイル調整

-------------------------------------------------------------------------------------*/
.sb-content {
  padding-top: 0 !important;
}

.sb-speech-bubble {
  padding: 10px !important;
}

.sb-speech-bubble > p {
  padding: 0 !important;
}