@charset "UTF-8";

/*!
Theme Name: alpha-spec Child
Author: KDF
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.main {
    padding: 0px 0px;
}



.header-container-in.hlt-top-menu .navi {
    width: auto;
}

#mega-menu-item-57 a {
	color: #fff!important;
	width: 100px!important;
	height: 50px!important;
	background-color: #1a344c!important;
	text-align: center!important; /*--左右中央--*/
	line-height: 50px!important; /*--上下中央--*/
	display: block!important; /*--blockを追加--*/
	text-decoration: none!important; /*-- 下線を消す--*/
}

#mega-menu-item-57 a:hover {
	background-color: #999999!important;
	text-decoration: none!important; /*-- 下線を消す--*/
}

a {
    text-decoration: none;
}

.panel-layout {
  margin: 0;
}

.entry-content {
    margin-bottom: 0em;
}

.article {
    margin-bottom: 0em!important;
}

.footer {
    margin-top: 0px;
}

@media screen and (max-width: 834px) {
  main.main,
  div.sidebar {
    padding: 0px 16px 0px 16px;
  }
}

/*--------------------------------------------------------------
# PCのみ改行設定
--------------------------------------------------------------*/

@media screen and (max-width: 640px) {
    .br-sp { display:none; }
}

/*--------------------------------------------------------------
# スマホのみ改行
--------------------------------------------------------------*/

.sp_br {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp_br {
    display: block;
  }
}

/*--------------------------------------------------------------
# 画像にマウスが乗ると光る
--------------------------------------------------------------*/

a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: “alpha( opacity=50 )”;
}

/************************************
** ロゴの文字
************************************/

.logo-first {
	font-size: 150%;
}

.logo-Italics {
	font-style: italic;
}


/************************************
** スライダー文字
************************************/

.slide-aa {
	font-size: 70%;
}

.slide-title-h {
	margin-left: 20px!important;
	margin-bottom: 20px!important;
}

.slide-link-b {
	margin-left: 20px!important;
}

.slide-text {
	margin-left: 20px!important;
}

/************************************
** フッターメニュー
************************************/

.widget_nav_menu ul li a:hover,
.widget_block ul li a:hover {
  background-color: #fff;
  color: #000 !important;
}


/************************************
** 商品詳細
************************************/

/*アイテム一覧ソフトテニスマーク*/
.item-name-st:after {
	content: '';/*何も入れない*/
	margin: 10px;
	display: inline-block;
	width: 50px;
	height: 50px;/*画像の高さ*/
	background-image:url('https://alpha-spec.com/wp-content/uploads/2025/11/STA.jpg');
	background-size: contain;
	vertical-align: middle;
}

/*アイテム一覧バレーボールネットAAマーク*/
.item-name-vb-01:after {
	content: '';/*何も入れない*/
	margin: 10px;
	display: inline-block;
	width: 50px;
	height: 50px;/*画像の高さ*/
	background-image:url('https://alpha-spec.com/wp-content/uploads/2025/11/JVA-AA.jpg');
	background-size: contain;
	vertical-align: middle;
}

/*アイテム一覧バレーボールネットAマーク*/
.item-name-vb-02:after {
	content: '';/*何も入れない*/
	margin: 10px;
	display: inline-block;
	width: 50px;
	height: 50px;/*画像の高さ*/
	background-image:url('https://alpha-spec.com/wp-content/uploads/2025/11/JVA-A.jpg');
	background-size: contain;
	vertical-align: middle;
}

/*アイテム一覧バレーボールアンテナマーク*/
.item-name-vb-03:after {
	content: '';/*何も入れない*/
	margin: 10px;
	display: inline-block;
	width: 50px;
	height: 50px;/*画像の高さ*/
	background-image:url('https://alpha-spec.com/wp-content/uploads/2025/11/JVA.jpg');
	background-size: contain;
	vertical-align: middle;
}

/*アイテム一覧バスケットマーク*/
.item-name-bb:after {
	content: '';/*何も入れない*/
	margin: 10px;
	display: inline-block;
	width: 90px;
	height: 41px;/*画像の高さ*/
	background-image:url('https://alpha-spec.com/wp-content/uploads/2025/11/JBA.jpg');
	background-size: contain;
	vertical-align: middle;
}

/*アイテム詳細テーブル*/

table.tb01{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
	padding: 10px;
	border: solid 1px #ccc;
	box-sizing:border-box;
}
.tb01 th {
	background: #1e50a2;
	color: #fff;
	width: 15%;
	text-align:center;
}
.tb01 td {
	width: 85%;
	text-align:left;
}
@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

/*タイトル見出し*/

h1.entry-title {
  font-weight: bold;
  border-bottom: 3px solid #e3e3e3;
  padding: 0.3em;
  margin-bottom: 2em;
  position: relative;
}
h1.entry-title::after {
  content: '';
  background-color: #1e50a2;
  width: 2em;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 1;
}

h1.home-title {
  font-weight: bold;
  border-bottom: 3px solid #e3e3e3;
  padding: 0.3em;
  margin-bottom: 2em;
  position: relative;
}
h1.home-title::after {
  content: '';
  background-color: #1e50a2;
  width: 2em;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 1;
}

/************************************
** アイテムテーブル
************************************/

.item-tb {
	border-collapse: collapse;
	width: 100%;
}
.item-tb th,
.item-tb td{
	padding: 10px;
	border: solid 1px #ccc;
	box-sizing:border-box;
	font-size: 14px;
}
.item-tb th {
	background: #1e50a2;
	color: #fff;
	text-align:center;
}
.item-tb td {
	text-align:left;
}
@media screen and (max-width: 640px) {
  .item-tb .head{
    display:none;
  }
  .item-tb {
    width: 100%;
  }
  .item-tb td,
  .item-tb th{
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .item-tb td{
    padding: 0px 12px 0 0;
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
	font-size: 12px;
  }
  .item-tb td:before{
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    padding: 0px 10px;
    display: inline;
    background-color: #1e50a2;
    margin-right: 10px;
	width: 10%;
	float: left;
	text-align:center;
  }
  .item-tb tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

/************************************
** アイテムテーブルその他
************************************/

.item-tb-02 {
	border-collapse: collapse;
	width: 100%;
}
.item-tb-02 th,
.item-tb-02 td{
	padding: 10px;
	border: solid 1px #ccc;
	box-sizing:border-box;
	font-size: 14px;
}
.item-tb-02 th {
	background: #1e50a2;
	color: #fff;
	text-align:center;
}
.item-tb-02 td {
	text-align:left;
}
@media screen and (max-width: 640px) {
  .item-tb-02 .head{
    display:none;
  }
  .item-tb-02 {
    width: 100%;
  }
  .item-tb-02 td,
  .item-tb-02 th{
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .item-tb-02 td{
    padding: 0px 12px 0 0;
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
	font-size: 12px;
  }
  .item-tb-02 td:before{
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    padding: 0px 10px;
    display: inline;
    background-color: #1e50a2;
    margin-right: 10px;
	width: 10%;
	text-align:center;
  }
  .item-tb-02 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

/************************************
** アイテムテーブル早見表
************************************/

.item-tb-03 {
	border-collapse: collapse;
	width: 100%;
}
.item-tb-03 th,
.item-tb-03 td{
	padding: 10px;
	border: solid 1px #ccc;
	box-sizing:border-box;
	font-size: 14px;
}
.item-tb-03 th {
	background: #000000;
	color: #fff;
	text-align:center;
}
.item-tb-03 td {
	text-align:center;
	width: 16%;
}

/************************************
** アイテムテーブル早見表バレーボール
************************************/

.item-tb-04 {
	border-collapse: collapse;
	width: 100%;
}
.item-tb-04 th,
.item-tb-04 td{
	padding: 10px;
	border: solid 1px #ccc;
	box-sizing:border-box;
	font-size: 14px;
}
.item-tb-04 th {
	background: #000000;
	color: #fff;
	text-align:center;
}
.item-tb-04 td {
	text-align:center;
	width: 9%;
}

/************************************
** α_SPECとは
************************************/

/*注意（ご使用から約2年を目安に新しいネットコードとお取り替えください。）*/

h3.caution{
  border-left: initial;
  border-right: initial;
  border-top: initial;
  border-bottom: initial;
	
}

h3.caution {
  background-color: #FFD400;
  color: #ff0000;
  font-weight: bold;
  position: relative;
  padding: 0.3em 0.5em;
  text-align: center;
}
h3.caution::before,h3.caution::after {
  position: absolute;
  bottom: 30px;
  width: 20%;
  height: 7px;
  background: transparent;
  box-shadow: 0 25px 20px rgba(0, 0, 0, .8);
  content: "";
  z-index: -1;
}
h3.caution::before {
  transform: rotate(-5deg);
  left: 5px;
}
h3.caution::after {
  transform: rotate(5deg);
  right: 5px;
}

/*リスト（ご使用から約2年を目安に新しいネットコードとお取り替えください。）*/

ul.list_about {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}

ul.list_about li {
    margin-left: 1.4em;
	text-indent: -1.4em;
}

ul.list_about li:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #F44336;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 0.7em;          /* 余白指定 */
}

/*劣化画像（ご使用から約2年を目安に新しいネットコードとお取り替えください。）*/

.deterioration p,
.contact_area p {
	margin-bottom: 5px;
}

/*注意（糸の太さ表示について）*/

h3.dtex{
  border-left: initial;
  border-right: initial;
  border-top: initial;
  border-bottom: initial;
	
}

h3.dtex {
  font-weight: bold;
  text-align: center;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
.header-container-in.hlt-top-menu {
        flex-direction: row;
    }
main.main,
div.sidebar {
    padding: 0px 16px 0px 16px;
  }
}


/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}