@charset "utf-8";
/* CSS Document */

#athleshoes980 {
  font-family: 'Kiwi Maru', serif;
	font-size: 1.0rem;
	line-height:1.6em;
  color: #2c2c2c;
	-webkit-text-size-adjust: 100%;
}

/* common */
#athleshoes980 img {
  margin: 0;
  padding: 0;
}

#athleshoes980 p {
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  padding: 0.5em;
  text-align: left;
  font-weight: bold;
}


#athleshoes980 .f_ds {
  font-family: 'Dancing Script', cursive;
}

#athleshoes980 .f_mpr {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}


#athleshoes980 mark {
  background: linear-gradient(transparent 60%, #fff799 40%);
  font-weight: bold; 
}


#athleshoes980 a.anchor{
    display: block;
    padding-top: 200px;
    margin-top: -200px;

}

#athleshoes980 .mat20{
  margin-top: 20px;
}

#athleshoes980 .mat50{
  margin-top: 50px;
}

#athleshoes980 .txt_l{
  font-size: 1.5rem;
}

#athleshoes980 h4 {
  font-size: 1.5rem;
}



#athleshoes980 .line01{
  text-align: center;
  background-color: #ccecfb;
  height: 1180px;
}

#athleshoes980 .line01 p {
  font-size: 1.5rem;
  text-align: center;
}

#athleshoes980 .line01 h2 {
  font-size: 2.0rem;
}

#athleshoes980 .f_size_980 {
  font-size: 5rem;
  font-weight: bold;
}

#athleshoes980 .f_size_keiryo {
  font-size: 3rem;
  font-weight: bold;
}

#athleshoes980 .dots {
  position: relative; /* 基準値とする */
}
#athleshoes980 .dots::before {
  content: "・";       /* 文字の上に置くものを指定 */
  position: absolute; /* 相対位置とする */
  top: -0.5em;          /* 縦方向の表示位置を調整（-1emくらいがちょうどいいかんじ） */
  left: 0;            /* 横方向の表示位置を調整 */
  color: #f8b600;
}


#athleshoes980 .line02{
  text-align: center;
  background-color: #70a835;
  padding-bottom: 20px;
}
#athleshoes980 .navigation{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #70a835;
}

#athleshoes980 .nav_btn{
  font-size: 1.0rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding: 0.5em;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  width: 30%;
  line-height: 1.2rem;
}

#athleshoes980 .nav_btn a {
  color: #2c2c2c;
  text-decoration: none;
}


#athleshoes980 .h3_sub {
  position: relative;
  padding: 0 65px;
  text-align: center;
}

#athleshoes980 .h3_sub:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #000;
}

#athleshoes980 .h3_sub span {
  position: relative;
  padding: 0 1em;
  background: #f6f6f6;
}


#athleshoes980 .line03{
  text-align: center;
  background-color: #f6f6f6;
  padding-top: 50px;
  padding-bottom: 20px;
}

#athleshoes980 .about_shoes {
  font-size: 0.9rem;
  padding: 0.5em 3em;
}

#athleshoes980 .point_shoes {
  display: flex;
  align-items: center;
  justify-content: center;
}

#athleshoes980 .point_i {
  padding: 0.5em 2em;
  background-color: #2c2c2c;
  font-size: 0.7rem;
  color: #fff;
  border-radius: 10px;
  margin: 2em 0.5em;
}

#athleshoes980 .box_shoes {
  display: flex;
  align-items: center;
}

#athleshoes980 .point_p {
  padding: 2em;
  font-size: 0.9rem;
  width: 50%;
}

#athleshoes980 .youtube_shoes {
  text-align: center;
}

#athleshoes980 .review_box {
  padding: 0.5em 2em;
  font-size: 0.9rem;
}


/* ふきだし */
.balloon-set-box {
  display: flex;
  flex-wrap: nowrap;
}
.balloon-set-box.left { /* 左 */
  flex-direction: row;
}
.balloon-set-box.right { /* 右 */
  flex-direction: row-reverse; /* アイコンと吹き出しの並びを入れ替える */
}
.balloon {
  position: relative; /* 三角の位置を固定するために設定 */
  display: inline-block;
/*  max-width: 300px; */
  margin: 10px 20px 20px; /* 上 左右 下のマージン */
  padding: 8px 15px; /* ふきだし内の余白 */
  background: #fff; /* 背景色 */
  text-align: left; /* テキストの揃え */
  border-radius: 15px;
  font-size: 0.9rem;
  flex: 1;
}
.balloon::after {
  content: '';
  border: 14px solid transparent;
  border-top-color: #fff;
  position: absolute;
  top: 0;
}
.left .balloon::after { /* 左側からの三角の位置 */
  left: -10px;
}
.right .balloon::after { /* 右側からの三角の位置 */
  right: -10px;
}

.icon-box {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #fff;
/*  box-shadow: 0 0 6px rgba(0,0,0,0.3); */
  overflow: hidden;
}



#athleshoes980 .line04 {
  background-color: #70a835;
  padding-bottom: 30px;
}

#athleshoes980 .line04 p {
  color: #fff;
  padding: 0 2em 2em;
}

#athleshoes980 .line05 {
  text-align: center;
  background-color: #f6f6f6;
  padding-top: 50px;
  margin-top: -50px;
  padding-bottom: 50px;  
}

#athleshoes980 .line05 p {
  padding: 2em;
}



.link-t-a {
position: relative;
top: -50px;
display: block;
}

.block-link { 
  display: none;
}

.block-top-event {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* 商品カテゴリタイトル 下線デザイン変更 */
.block-section--header span, .block-brand-list--goods-header span {
  border-bottom: 2px solid #2c2c2c;
}

/* 子カテゴリの上下の余白を消す */
.block-top-event {
  padding-top: 0px;
  padding-bottom: 0px;
}


/* 表示形式を非表示にする */
.block-goods-list--sort-order-items{ 
  display: none;
}

/* 表示件数（上）を非表示にする */
.block-goods-list--pager-top{ 
  display: none;
}

/* 表示件数（下）を非表示にする */
.block-goods-list--pager-bottom{ 
  display: none;
}


/* 商品リスト背景＆中央寄せ */
#athleshoes980 .block-thumbnail-t {
  background-color: #f6f6f6;
  text-align: center;
  margin: 0 2em;
}

/* 商品名左寄せ */
#athleshoes980 .block-thumbnail-t--goods-name {
  text-align: left;
}