@charset "utf-8";
body {
  color: #333;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  letter-spacing: 0.1em;
  line-height: 2.2em;
  margin: 0;
  padding: 115px 0 0 0;
}
h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd {
  font-weight: normal;
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #333;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  text-decoration: underline;
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: bottom;
}
.cf:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.cf {
  display: inline-block;
}
/* Hides from IE Mac */
* html .cf {
  height: 1%;
}
.cf {
  display: block;
}
/*-------------------------------------------
  コマースクリエイター調整用
-------------------------------------------*/
.fs-l-header{
  padding-top: 0!important;
}
.fs-l-footer{
  background: none!important;
  border: none!important;
}

/*-------------------------------------------
  ヘッダー
-------------------------------------------*/
#header{
  background: #FFF;
  font-size: 1.0em;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
#header .header_box{
  margin: 0 auto;
  padding: 10px 0;
  width: 1200px;
}
#header .header_box h1,
#header .header_box .shipment{
  float: left;
  height: 60px;
  margin-right: 20px;
}
#header .header_box .shipment iframe{
  border: none;
  height: 60px;
}
#header .header_box h1 img{
  height: 60px;
}
#header .header_box ul{
  float: right;
  display: flex;
  justify-content: space-between;
  width: 340px;
}
#header .header_box ul li a{
  background: #2D4B63;
  border-radius: 10px;
  color: #FFF;
  display: block;
  font-size: 0.7em;
  font-weight: bold;
  height: 60px;
  line-height: 2.0;
  letter-spacing: 0;
  position: relative;
  text-align: center;
  width: 60px;
}
#header .header_box ul li a img{
  display: block;
  margin: 0 auto;
  padding: 8px 0 0 0;
}
#header .header_box ul li a span{
  background: #D90000;
  border-radius: 10px;
  display: block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  top: -5px;
  right: -5px;
  padding: 0 0 0 2px;
  position: absolute;
  text-align: center;
  width: 20px;
  z-index: 2;
}
#header .tab {
  position: relative;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  width: 1200px;
}
#header .tab li {
  text-align: center;
  cursor: pointer;
}
#header .tab li .title {
  background: url("https://hikarisp.itembox.design/item/images/bg_tab.png") right bottom no-repeat;
  background-size: auto 30px;
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  cursor: pointer;
  color: #FFF;
  display: block;
  float: left;
  font-size: 0.8em;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  margin: 0 10px;
  text-align: center;
  transition: all 0.2s ease;
  width: 220px;
}
#header .tab li .title:hover {
  font-size: 0.9em;
  line-height: 37px;
}
#header .tab .mens .title {
  background-color: #065CC6;
  text-shadow: 
    #065CC6 2px 0px,  #065CC6 -2px 0px,
    #065CC6 0px -2px, #065CC6 0px 2px,
    #065CC6 2px 2px , #065CC6 -2px 2px,
    #065CC6 2px -2px, #065CC6 -2px -2px,
    #065CC6 1px 2px,  #065CC6 -1px 2px,
    #065CC6 1px -2px, #065CC6 -1px -2px,
    #065CC6 2px 1px,  #065CC6 -2px 1px,
    #065CC6 2px -1px, #065CC6 -2px -1px;
}
#header .tab .ladies .title {
  background-color: #FF336B;
  text-shadow: 
    #FF336B 2px 0px,  #FF336B -2px 0px,
    #FF336B 0px -2px, #FF336B 0px 2px,
    #FF336B 2px 2px , #FF336B -2px 2px,
    #FF336B 2px -2px, #FF336B -2px -2px,
    #FF336B 1px 2px,  #FF336B -1px 2px,
    #FF336B 1px -2px, #FF336B -1px -2px,
    #FF336B 2px 1px,  #FF336B -2px 1px,
    #FF336B 2px -1px, #FF336B -2px -1px;
}
#header .tab .boys .title {
  background-color: #1EBBFF;
  text-shadow: 
    #1EBBFF 2px 0px,  #1EBBFF -2px 0px,
    #1EBBFF 0px -2px, #1EBBFF 0px 2px,
    #1EBBFF 2px 2px , #1EBBFF -2px 2px,
    #1EBBFF 2px -2px, #1EBBFF -2px -2px,
    #1EBBFF 1px 2px,  #1EBBFF -1px 2px,
    #1EBBFF 1px -2px, #1EBBFF -1px -2px,
    #1EBBFF 2px 1px,  #1EBBFF -2px 1px,
    #1EBBFF 2px -1px, #1EBBFF -2px -1px;
}
#header .tab .girls .title {
  background-color: #FF7A33;
  text-shadow: 
    #FF7A33 2px 0px,  #FF7A33 -2px 0px,
    #FF7A33 0px -2px, #FF7A33 0px 2px,
    #FF7A33 2px 2px , #FF7A33 -2px 2px,
    #FF7A33 2px -2px, #FF7A33 -2px -2px,
    #FF7A33 1px 2px,  #FF7A33 -1px 2px,
    #FF7A33 1px -2px, #FF7A33 -1px -2px,
    #FF7A33 2px 1px,  #FF7A33 -2px 1px,
    #FF7A33 2px -1px, #FF7A33 -2px -1px;
}
#header .tab .goods .title {
  background-color: #FFCF0F;
  text-shadow: 
    #FFCF0F 2px 0px,  #FFCF0F -2px 0px,
    #FFCF0F 0px -2px, #FFCF0F 0px 2px,
    #FFCF0F 2px 2px , #FFCF0F -2px 2px,
    #FFCF0F 2px -2px, #FFCF0F -2px -2px,
    #FFCF0F 1px 2px,  #FFCF0F -1px 2px,
    #FFCF0F 1px -2px, #FFCF0F -1px -2px,
    #FFCF0F 2px 1px,  #FFCF0F -2px 1px,
    #FFCF0F 2px -1px, #FFCF0F -2px -1px;
}
#header .tab .tabcont {
  top: 35px;
  left: 0;
  max-height: 0;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  position: absolute;
  width: 1200px;
  z-index: 100;
}
#header .tab .tabcont .inner{
  background: #FFF;
  border: 2px solid;
}
#header .tab .mens .tabcont .inner{
  border-color: #065CC6;
}
#header .tab .ladies .tabcont .inner {
  border-color: #FF336B;
}
#header .tab .boys .tabcont .inner {
  border-color: #1EBBFF;
}
#header .tab .girls .tabcont .inner {
  border-color: #FF7A33;
}
#header .tab .goods .tabcont .inner {
  border-color: #FFCF0F;
}
.mens_tab_item{
  background: #FFF;
  border: 2px solid #065CC6;
  margin: 0 auto;
  width: 1200px;
}
#header .tab .tabcont .inner ul,
.mens_tab_item ul{
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9em;
  padding: 10px 18px;
}
#header .tab .tabcont .inner ul li,
.mens_tab_item ul li{
  margin: 5px 10px;
  width: 212px;
}
#header .tab .tabcont .inner ul li a,
.mens_tab_item ul li a{
  background: #F2F2F2;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #111;
  display: block;
  font-weight: 500;
  height: 80px;
  line-height: 80px;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 212px;
}
#header .tab .tabcont .inner ul li a::after,
.mens_tab_item ul li a::after{
  content: "";
  left: 0;
  top: 0;
  height: 80px;
  position: absolute;
  width: 212px;
}
#header .tab .tabcont .inner ul li:hover a::after,
.mens_tab_item ul li:hover a::after{
  content: "";
  left: 0;
  top: 0;
  height: 80px;
  position: absolute;
  width: 212px;
}
#header .tab .tabcont .inner ul li.mizuno a::after,
.mens_tab_item ul li.mizuno a::after{
  background: url("https://hikarisp.itembox.design/item/images/tab_mizuno.png") 50% 50% no-repeat;
  background-size: auto 60px;
}
#header .tab .tabcont .inner ul li.mizuno:hover a::after,
.mens_tab_item ul li.mizuno:hover a::after{
  background: url("https://hikarisp.itembox.design/item/images/tab_mizuno_wh.png") 50% 50% no-repeat;
  background-size: auto 60px;
}
#header .tab .tabcont .inner ul li.asics a::after,
.mens_tab_item ul li.asics a::after{
  background: url("https://hikarisp.itembox.design/item/images/tab_asics.png") 50% 50% no-repeat;
  background-size: auto 60px;
}
#header .tab .tabcont .inner ul li.asics:hover a::after,
.mens_tab_item ul li.asics:hover a::after{
  background: url("https://hikarisp.itembox.design/item/images/tab_asics_wh.png") 50% 50% no-repeat;
  background-size: auto 60px;
}
#header .tab .tabcont .inner ul li.arena a::after,
.mens_tab_item ul li.arena a::after{
  background: url("https://hikarisp.itembox.design/item/images/tab_arena.png") 50% 50% no-repeat;
  background-size: auto 60px;
}
#header .tab .tabcont .inner ul li.arena:hover a::after,
.mens_tab_item ul li.arena:hover a::after{
  background: url("https://hikarisp.itembox.design/item/images/tab_arena_wh.png") 50% 50% no-repeat;
  background-size: auto 60px;
}
#header .tab .tabcont .inner ul li.speedo a::after,
.mens_tab_item ul li.speedo a::after{
  background: url("https://hikarisp.itembox.design/item/tab_speedo-s2.png?d=20240920112243") 50% 50% no-repeat;
  background-size: auto 60px;
}
#header .tab .tabcont .inner ul li.speedo:hover a::after,
.mens_tab_item ul li.speedo:hover a::after{
  background: url("https://hikarisp.itembox.design/item/tab_speedo-s2_wh.png?d=20240920112252") 50% 50% no-repeat;
  background-size: auto 60px;
}
#header .tab .goods .tabcont .inner ul li{
  margin: 5px 10px;
  width: 270px;
}
#header .tab .goods .tabcont .inner ul li a{
  background: #F2F2F2;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #111;
  display: block;
  font-weight: 500;
  height: 35px;
  line-height: 35px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 270px;
}
#header .tab .goods .tabcont .inner ul li a::after,
#header .tab .goods .tabcont .inner ul li:hover a::after{
  background: none;
}
#header .tab li:hover .tabcont {
  max-height: 120px; /*開いたときの高さを指定*/
}
.mens_tab_item ul li a:hover,
#header .tab .mens .tabcont .inner ul li a:hover {
  background: #065CC6;
  color: #FFF;
  opacity: 1.0;
}
#header .tab .ladies .tabcont .inner ul li a:hover {
  background: #FF336B;
  color: #FFF;
  opacity: 1.0;
}
#header .tab .boys .tabcont .inner ul li a:hover {
  background: #1EBBFF;
  color: #FFF;
  opacity: 1.0;
}
#header .tab .girls .tabcont .inner ul li a:hover {
  background: #FF7A33;
  color: #FFF;
  opacity: 1.0;
}
#header .tab .goods .tabcont .inner ul li a:hover {
  background: #FFCF0F;
  color: #FFF;
  opacity: 1.0;
}
/*-------------------------------------------
  フッター
-------------------------------------------*/
#footer{
  background: #2D4B63;
  color: #FFF;
  font-size: 1.2em;
  margin-top: 50px;
  padding: 20px 0;
  width: 100%;
}
#footer .red{
  color: #F00;
}
#footer .ft_marT{
  margin-top: 50px!important;
}
#footer .ft_inner{
  font-size: 0.8em;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 auto;
  width: 1200px;
}
#footer .ft_inner .ft_title{
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0.5em 0;
  position: relative;
}
#footer .ft_inner .ft_title span{
  display: block;
  font-size: 20px;
  line-height: 1.0;
  height: 30px;
  right: 10px;
  top: calc(50% - 10px);
  position: absolute;
  text-align: center;
  width: 30px;
}
#footer .ft_inner .ft_half{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 0 auto;
  width: 1160px;
}
#footer .ft_inner .ft_half li{
  width: 560px;
}
#footer .ft_inner .ft_mar0{
  width: 1200px!important;
}
#footer .ft_inner .ft_mar0 li{
  width: 580px!important;
}
#footer .ft_inner .ft_half li .ft_title_ico{
  background: #FFF;
  color: #2D4B63;
  font-size: 1.2em;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin: 0 0 15px 0;
  position: relative;
  padding-left: 10px;
}
#footer .ft_inner .ft_half li .ft_title_ico span{
  display: block;
  font-size: 20px;
  line-height: 1.0;
  height: 30px;
  right: 10px;
  top: calc(50% - 10px);
  position: absolute;
  text-align: center;
  width: 30px;
}
#footer .ft_inner .ft_half li .ft_sub_title{
  font-size: 0.9em;
  font-weight: bold;
}
#footer .ft_inner .ft_half li p{
  margin: 0 0 1.5em 1.0em;
}
#footer .ft_inner .ft_half li .card{
  background: #FFF;
  margin: 0.5em 1.0em;
  text-align: center;
  width: 350px;
}
#footer .ft_inner .ft_half li .card img{
  height: 40px;
  margin: 10px 5px;
}
#footer .ft_inner .ft_half li .shipping_free{
  font-size: 1.5em;
  font-weight: bold;
}
#footer .ft_inner .ft_half li.shipping_table table{
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
#footer .ft_inner .ft_half li.shipping_table table td{
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 1.5;
  padding: 5px 0;
  text-align: center;
  min-width: 50px;
}
#footer .ft_inner .ft_half li.shipping_table table .mini td{
  font-size: 0.7em;
  font-weight: normal;
  line-height: 1.2;
}
#footer .ft_inner .ft_half li .ft_faq{
  display: flex;
  justify-content: space-between;
  margin: 0 1.0em 40px 1.0em;
}
#footer .ft_inner .ft_half li .ft_faq li{
  line-height: 3.0;
  width: 48%;
}
#footer .ft_inner .ft_half li .ft_faq li b{
  border-bottom: 1px solid #FFF;
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  line-height: 2.0;
  margin-bottom: 10px;
  padding: 0 0 7px 0;
}
#footer .ft_inner .ft_half li .ft_faq li a{
  color: #FFF;
}
#footer .ft_inner .ft_text{
  margin: 20px auto;
  width: 1160px;
}
#footer .ft_inner .include{
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 1160px;
}
#footer .ft_inner .include dt{
  background: #FFF;
  color: #2D4B63;
  font-size: 1.0em;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  margin: 15px 0;
  padding: 0 10px;
  position: relative;
  width: calc(100% - 20px);
}
#footer .ft_inner .include dt a{
  color: #2D4B63;
  display: block;
}
#footer .ft_inner .include dd{
  margin: 0 25px 15px 0;
  width: 370px;
}
#footer .ft_inner .include dd:nth-child(3n+1){
  margin-right: 0!important;
}
#footer .ft_inner .include dd a{
  border: 1px solid #FFF;
  color: #FFF;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  position: relative;
  width: 350px;
}
#footer .ft_inner .include dt span,
#footer .ft_inner .include dd a span{
  display: block;
  font-size: 30px;
  line-height: 1.0;
  height: 30px;
  right: 10px;
  top: calc(50% - 15px);
  position: absolute;
  text-align: center;
  width: 40px;
}
#footer .ft_inner .sns{
  display: flex;
  justify-content: center;
}
#footer .ft_inner .sns li{
  margin: 0 10px;
}
#footer .ft_inner .sns li a{
  color: #FFF;
  font-size: 2.0em;
}
#footer .ft_inner .info{
  background: #FFF;
  margin: 30px auto;
  width: 1160px;
}
#footer .ft_inner .info ul{
  display: flex;
  justify-content: space-between;
  padding: 30px;
}
#footer .ft_inner .info ul li:first-child{
}
#footer .ft_inner .info ul li:first-child img{
  height: 60px;
}
#footer .ft_inner .info ul li:nth-child(2){
  color: #2D4B63;
  width: 600px;
}
#footer .ft_inner .info ul li:nth-child(2) span{
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 1.0em;
}
#footer .ft_inner .info ul li:nth-child(2) span i{
  padding-right: 5px;
}
#footer .ft_inner .info ul li:last-child a{
  background: #2D4B63;
  color: #FFF;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 200px;
}
#footer .ft_inner .info ul li:last-child a i{
  padding-right: 5px;
}
#footer .ft_inner .copyright{
  font-size: 0.6em;
  text-align: center;
}
/*-------------------------------------------
  検索結果
-------------------------------------------*/
.fs-p-productSearch__search{
	max-height:900px;
}
.fs-p-productSearch__form{
	margin-top: 40px;
	position: relative;
}
/*タブのスタイル*/
.fs-p-productSearch .search_tab_ttl{
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
	cursor:pointer;
	display: block;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
	position: absolute;
	top: -40px;
	text-align: center;
	transition: all 0.2s ease;
  width: 225px;
}
/*選択されているタブの色を変更*/
#code_search:checked ~ .code_ttl,
#mens_search:checked ~ .mens_ttl,
#ladies_search:checked ~ .ladies_ttl,
#boys_search:checked ~ .boys_ttl,
#girls_search:checked ~ .girls_ttl {
	background: rgba(126, 126, 126, 0.08);
  border: none;
}
.fs-p-productSearch .code_ttl{left: 0;}
.fs-p-productSearch .mens_ttl{left: 235px;}
.fs-p-productSearch .ladies_ttl{left: 470px;}
.fs-p-productSearch .boys_ttl {left: 705px;}
.fs-p-productSearch .girls_ttl {left: 940px;}
.fs-p-productSearch .search_tab_ttl:hover{
	opacity: 0.75;
}
/*ラジオボタンを全て消す*/
.fs-p-productSearch input[class="radio"]{
	display: none;
}
/*選択されているタブのコンテンツのみを表示*/
#code_search:checked ~ #code_search_content,
#mens_search:checked ~ #mens_search_content,
#ladies_search:checked ~ #ladies_search_content,
#boys_search:checked ~ #boys_search_content,
#girls_search:checked ~ #girls_search_content {
	display: block;
}
/*タブ切り替えの中身のスタイル*/
.fs-p-productSearch .search_content {
	clear: both;
	display: none;
	overflow: hidden;
}