@charset "utf-8";

/* 要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
 margin: 0;
 padding: 0;
 border: none;
 font-style: normal;
 font-weight: normal;
 font-size: 100%;
 text-align: left;
 list-style-type: none;
}

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }

/* hr 要素は不可視で使う */
hr { display: none; }

/* table 要素の文字サイズ固定 */
table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
    font: 13px marugo,"HG丸ゴシックM-PRO",verdana,arial,sans-serif;
}

/* 文字サイズ class */
.text10 { font-size: 77%;}
.text11 { font-size: 85%;}
.text12 { font-size: 93%;}
.text13 { font-size: 100%;}
.text14 { font-size: 108%;}
.text15 { font-size: 116%;}
.text16 { font-size: 123.1%;}
.text17 { font-size: 131%;}
.text18 { font-size: 138.5%;}
.text19 { font-size: 146.5%;}
.text20 { font-size: 153.9%;}
.text21 { font-size: 161.6%;}
.text22 { font-size: 167%;}
.text23 { font-size: 174%;}
.text24 { font-size: 182%;}
.text25 { font-size: 189%;}
.text26 { font-size: 197%;}

/* clearfix */
.clearfix {
 zoom: 1;
}

.clearfix:after {
 content: "";
 display: block;
 clear: both;
}

/* 全体設定 */
html, body {

 *font-size: small;
 *font: x-small; margin: 0;
 text-align: left;
 word-break: break-all;
 word-wrap: break-word;
 -webkit-text-size-adjust: none;
 height: 100%;
 color: #333;
}

#container {
 width: 960px;
 margin: auto;
 background: #fff;
}

/* h 要素 */
h1 {
 background: #333;
 color: #fff;
 font-weight: bold;
 padding: 1%;
 text-align: center;
}



h2 {
 padding: 1% 0;
 width: 78%;
}

h2 img {
 width: 100%;
}



h3{

        padding: 1rem 2rem;
        border-left: 4px solid #668ad8;

}

h4 {
    position: relative;
    text-align: center;
    margin-top: 10%;
  }

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

  h4 span {
    position: relative;
    padding: 0 1em;
    background: #fff;
  }

/* 全体リンク */
a {
 outline: medium none;
 text-decoration: none;
 color: #333;
}

    a:hover{
    text-decoration: underline;
    }

/* 共通 */

#container{
    margin-right: auto;
    margin-right: auto;
    padding-left: 3%;
    padding-right: 3%;
}

a:hover img.over {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha( opacity=70 )";
}


.center {
 text-align: center;
}

.padding5 {
 padding: 5px;
}

.padding10 {
 padding: 10px;
}

.margin10 {
 margin: 10px;
}

.title{
    font-size: 1.5rem;
    background: none;
    color: #333;
    text-align: left;
}



.mozi{
    margin: 0 0 1.5em;
}

.second{
    margin: 10% 0 5% 5%; /* 上 右 下 左 */
}

/* ヘッダ */


.header_images {
margin-top: 1em;
text-align: center;
}


.glove_images {
 float: left;
 width: 19%;
 padding: 1% 0 1% 2%;
}

.glove_images img {
 width: 100%;
}

/* アイキャッチ */
.eyecatch{
    text-align: center;
    margin-top: 1em;
    margin-bottom: 2.5em;
}
.eyecatch img{

width: 100%;
}


/* 目次 */
.l_toc{
    color: #555;/*文字色*/
    border: dashed 2px #668ad8;/*破線 太さ 色*/
    background: #f1f8ff; /*背景色*/
    padding: 0.5em 0.5em 0.5em 2em;
    width: 60%;
    margin:3rem 5%;
    box-sizing:content-box;
  }

  ul li, ol li {
    line-height: 1.5;
    padding: 0.5em 0;
  }

  .child_ol li {
    padding-left: 20px;
}

.mokuzi{
    font-size: 1.2rem;
    color:#668ad8;
    font-weight: 900;
}

.fa-solid{
    font-family: "Font Awesome 5 Free";
content: 'f03a';
font-weight: 900;
}

/* メインコンテンツ */

.subtitle{

        padding: 1rem 2rem;
        border-left: 6px solid #668ad8;
        background: #f4f4f4;
        border-bottom: solid 3px #dadada;
        margin: 3.2em 0em 1.8em;

        width: 100%;


}


.glovesize_text {
 padding: 3% 0 0;
 font-weight: bold;
 font-size: 131%;
 text-align: center;
}

.model_button {
 padding: 10px;
 text-decoration: none;
 display: block;
 transition: all .3s ease;
}



.maker_category {
 margin-top: 40px;
}

/* .glovesizenone {
 display: none;
} */

.glovesize_table, .glovesize_table_other{
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
}

.maker_glovesize{
 margin: 20px 0 0;
}




th,td {
 border: solid #000000 1px;
 text-align: center;
 padding: 1% 0;


}


.glovesize_table th{
    background: #FFFFDE;
}

td a:link {color: #0000ff;}
td a:visited {color: #0000ff;}
td a:hover {color: #dcdcdc;}

th a:link {color: #0000ff;}
th a:visited {color: #0000ff;}
th a:hover {color: #fff;}

.glovessize_number {
 background: #DEFFFF;
}

.glovesize_table_images {
 margin: 1% 0 0;
}

.productlnavi {
 margin: 2% 0 0;
 /* float: left; */
 width: 70%;
}

ul.productlnavi li {
 float: left;
 width: 48%;
}

.haikei{
    display: none;
}





.navipaddingright, .navipaddingright_2{
 padding-right: 2%;
}

.length{
 background: #FFFFDE;
}

.glovessize_name_ssk{
 background: #FFC8FF;
}

.border_none {
 border: none;
}

.table_SSK_sp {
 display: none;
}

.worldpegasus_img {
 width: 80%;
 margin: 2% auto;
}

.worldpegasus_text{
 float: left;
 width: 40%;
 padding: 5%;
}

.worldpegasusiamges{
 float: left;
 width: 50%;
}

/*
新テーブル */

/* table02 */
#table02 th, #table02 td {
    text-align: center;
    width: 20%;
    min-width: 130px;
    padding: 10px;
    height: 60px;
  }

  #table02 tr th{
      background-color: #DEFFFF;
  }

  #table02 tr td{
    background-color:   #FFFFDE;
}



  /* tab */
  @media only screen and (max-width: 656px) {
    #table02 {
      display: block;
      white-space: nowrap;
    }
   .js-scrollable {
     overflow-x: scroll;
     width: 100%;
    }
  }




  /*下部バナー */

  .banner_flex{
    display: flex;
	flex-wrap:wrap;
  justify-content: center;
  }

  .banner_flex li{
    margin-right: 3%;
  }

  .banner_flex li img {
    max-width:100%; /*画像のはみだしを防ぐ*/
    height: auto; /*画像の縦横比を維持 */
  }

/*//////////////////////////
    レスポンシブ max959px
 //////// ////////////////*/

@media screen and (max-width:959px){
img {
max-width: 100%;
height: auto;
width /***/:auto;
}

#container {
 width: 100%;
 margin: auto;
}

#glovesize_table_all {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
}

}

/*//////////////////////////
    レスポンシブ max767px
 //////// ////////////////*/

@media screen and (max-width:767px){
.none {display:none}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}

h3 {
 padding: 1% 2%;
}

.maker_logo {
 width: 18%;
}

.glovesize_table {
 font-size: 77%;
}

#glovesize_table_all {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
}

.table_SSK_sp {
 display: table;
}

.worldpegasus_img {
 width: 100%;
}

}

/*//////////////////////////
    レスポンシブ max414px
 //////// ////////////////*/

@media screen and (max-width:414px){
.none {display:none}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}

h1{
 font-size: 70%;
}

h2 {
 float: none;
 width: 94%;
 padding: 3% 3%;
}



h3 {
 font-size: 100%;
}

.glovesize_text {
 padding: 5% 0 0;
 font-size: 108%;
}

.glove_images {
 float: none;
 width: 70%;
 padding: 0 15%;
}

.maker_glovesize {
 margin: 3% 0 0;
}

.maker_logo {
 width: 15%;
}

.maker_glovesize p {
 margin: 1% 2%;
}

.maker_category {
 margin-top: 15px;
}

.glovesize_table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
}

.table_margin {
 margin: 2% 0 0 1%;
}

.product_button	 {
 margin: 0 1%;
}

.productlnavi {
 margin: 3% 0 0;
 width: 100%;
}

ul.productlnavi li {
 width: 45%;
}

.glovesize_table_other {
 width: 98%;
 margin: 1%;
}

.glovesize_table thead {
 float: left;
 display: block;
 white-space: nowrap;
}

.glovesize_table th {
 display: block;
 background: #DEFFFF;
 padding: 3px;
}

.glovesize_table tbody {
 display: block;
 white-space: nowrap;
}

.glovesize_table tbody tr {
 display: inline-block;
}

.td_1 {
 width: 69%;
}

.td_2 {
 width: 39%;
}

.td_3_1 {
 width: 20%;
}

.td_3_2 {
 width: 23%;
}

.td_3_3 {
 width: 25%;
}

.glovesize_table td {
 display: block;
 padding: 3px 1%;
}

.product_button_pc {
 display: none;
}

.float_left {
 float: left;
}

/* ssk */
.ssk_sp {
 display: inline;
}

/* worldpegasus */

.worldpegasus_img {
 margin: 5% auto;
}

.worldpegasus_text{
 float: none;
 width: 96%;
 padding: 0;
}

.worldpegasusiamges{
 float: none;
 width: 96%;
 margin: 2% auto;
}


/* borderの調整 */
.glovesize_table th {
 border-bottom: 0;
   border-right: none;
}

.glovesize_table td{
 /* border-left: 0; */
 border-right: 0;
 border-bottom: 0;
}

.glovesize_table tbody .last{
 border-right: 1px solid #000;
}

table th:last-child,table td:last-child,.glovesize_table_higold tr:last-child {
 border-bottom: 1px solid #000;
}

}


/* マリオ通販バナー */

.img_wrap{
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 2.5em;
    margin-bottom: 2.5em;;
    overflow: hidden;
    cursor: pointer;
  }
  .img_wrap img{
    width: 100%;
    transition-duration: 0.5s;
  }
  .img_wrap:hover img{
    transform: scale(1.2);
    transition-duration: 0.5s;
  }

/* フッタ */

footer {
 background: #000;
 margin: 5% 0 0;
}

footer div {
 padding: 1%;
}

footer p {
 text-align: center;
 font-size: 85%;
 color: #fff;
}