/*↓ フォント指定 ↓*/


/* ヘッダー1 */
.header1
{
font-size: 36px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
color: #ffffff; /* 文字色 */
letter-spacing: 3px; /* 文字間隔 */
}


/* ヘッダー2 */
.header2
{
font-size: 10px; /* 文字サイズ */
font-family: Arial,Helvetica; /* フォント */
color: #555555; /* 文字色 */
}


/* ヘッダー2 */
.header2
{
font-size: 26px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
color: #ffffff; /* 文字色 */
}


/* トップページ（タイトル） */
.index
{
font-size: 30px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
font-weight: bold; /* 文字装飾・太字 */
color: #8B0000; /* 文字色 */
}


/* 商品ページ（タイトル） */
.title1
{
font-size: 28px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
font-weight: bold; /* 文字装飾・太字 */
color: #8B0000; /* 文字色 */
letter-spacing: 1px; /* 文字間隔 */
}


/* 商品ページ（タイトル） */
.product1
{
font-size: 20px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
font-weight: bold; /* 文字装飾・太字 */
color: #303030; /* 文字色 */
}


/* 商品ページ（タイトル） */
.product2
{
font-size: 16px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
color: #303030; /* 文字色 */
}


/* 商品ページ（Bellows・表タイトル） */
.product3
{
font-size: 16px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
font-weight: bold; /* 文字装飾・太字 */
color: #303030; /* 文字色 */
}


/* 商品ページ（NAHOK） */
.product4
{
font-size: 13px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
font-weight: bold; /* 文字装飾・太字 */
color: #303030; /* 文字色 */
}


/* 商品ページ（NAHOK・帯タイトル） */
.product5
{
font-size: 22px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
font-weight: bold; /* 文字装飾・太字 */
color: #EFEFEF; /* 文字色 */
letter-spacing: 1px; /* 文字間隔 */
}


/* 商品ページ（NAHOK・帯本文） */
.product6
{
font-size: 13px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
color: #EFEFEF; /* 文字色 */
}


/* 商品ページ（サブタイトル） */
.product7
{
font-size: 20px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
color: #303030; /* 文字色 */
}


/* 商品ページ（History） */
.product8
{
font-size: 18px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
font-weight: bold; /* 文字装飾・太字 */
color: #303030; /* 文字色 */
}


/* 会社概要ページ（会社概要・項目名） */
.company1
{
font-size: 18px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
color: #ffffff; /* 文字色 */
}


/* 会社概要ページ（会社概要・項目名） */
.company2
{
font-size: 16px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
color: #303030; /* 文字色 */
}


/*↑ フォント指定 ↑*/



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



/*↓ ヘッダー・フッター関連 ↓*/


/*↓ ヘッダーメニュー ↓*/
#menu
{

width: 100%; /* ボタン枠幅 */
height: 45px;
 /* ボタン枠高さ */
padding: 0;
 /* 左右の余白調整 */
margin: 0;
 /* 上部の余白調整 */
list-style-type: none;
 /* 区切りの表示有無 */
background: #B63D32;
 /* 背景色 */
}

#menu li
{

width: 12.5%;
 /* 各ボタン幅の割合 */
float: left;
 /* 左から並べる */
padding: 0;
 /* 左右の余白調整 */
margin: 0;
 /* 上部の余白調整 */
text-align: center; /* ボタン内文字配置 */
}

#menu li a
{

width: auto;
 /* 文字枠幅 */
color: #fff;
 /* 文字色 */
font-size: 18px;
 /* 文字サイズ */
font-weight: bold;
 /* 文字を太字に */
margin: 0;
 /* 上部の余白調整 */
padding: 12px 0;
 /* ボタン枠上部の余白調整 */
text-decoration: none;
 /* 文字装飾 */
display: block;
 /* ブロック */
}
#menu li a:hover
{

background: #870E03;
 /* オンマウス時の背景色 */
}


/*↑ ヘッダー・フッター関連 ↑*/



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



/*↓ トップページ関連 ↓*/


/*↓ スライドショー ↓*/
@keyframes slide1
{
0% {opacity: 0;}
10% {opacity: 1;}
30% {opacity: 1;}
40% {opacity: 0;}
100% {opacity: 0;}
}
@keyframes slide2
{
0% {opacity: 0;}
30% {opacity: 0;}
40% {opacity: 1;}
60% {opacity: 1;}
70% {opacity: 0;}
100% {opacity: 0;}
}
@keyframes slide3
{
0% {opacity: 0;}
60% {opacity: 0;}
70% {opacity: 1;}
90% {opacity: 1;}
100% {opacity: 0;}
}
#mainimg
{
clear: left;
width: 100%;
height: auto;
position: relative;
}
#slide1,#slide2,#slide3
{
-webkit-animation-duration: 10s; /* 時間指定 */
animation-duration: 10s; /* 時間指定 */
-webkit-animation-iteration-count:infinite; /* 回数指定 */
animation-iteration-count:infinite; /* 回数指定 */
}
#slide1
{
-webkit-animation-name: slide1; /* keyframes名称 */
animation-name: slide1; /* keyframes名称 */
position: relative;
width: 100%;
height: auto;
}
#slide2
{
-webkit-animation-name: slide2; /* keyframes名称 */
animation-name: slide2; /* keyframes名称 */
position: absolute;
left:0px;
top:0px;
width: 100%;
height: auto;
}
#slide3
{
-webkit-animation-name: slide3; /* keyframes名称 */
animation-name: slide3; /* keyframes名称 */
position: absolute;
left:0px;
top:0px;
width: 100%;
height: auto;
}


/*↑ トップページ関連 ↑*/



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



/*↓ 商品ページ関連 ↓*/


/*↓ 画像と文字の配置（Products） ↓*/
table.type1
{
border-collapse: separate;
border-spacing: 0;
line-height: 1.5;
}
table.type1 td
{
width: 458px; /* 枠幅 */
padding: 30px; /* 枠内上側の余白 */
text-align: left; /* 左揃えにする */
vertical-align: top;
}


/*↓ 画像と文字の配置（Dome Tent） ↓*/
table.type2
{
border-collapse: separate;
border-spacing: 0;
line-height: 1.5;
}
table.type2 td
{
width: 310px; /* 枠幅 */
padding: 30px; /* 余白 */
text-align: left; /* 左揃えにする */
vertical-align: top;
}


/*↓ 画像の配置（Dome Tent 1行目） ↓*/
.album1
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album1 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album1 img
{
height: 212px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 2行目） ↓*/
.album2
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album2 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album2 img
{
height: 200px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 3行目） ↓*/
.album3
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album3 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album3 img
{
height: 182px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 4行目） ↓*/
.album4
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album4 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album4 img
{
height: 325px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 5行目） ↓*/
.album5
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album5 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album5 img
{
height: 421px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 6行目） ↓*/
.album6
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album6 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album6 img
{
height: 277px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 7行目） ↓*/
.album7
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album7 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album7 img
{
height: 198px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 8行目） ↓*/
.album8
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album8 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album8 img
{
height: 236px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 9行目） ↓*/
.album9
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album9 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album9 img
{
height: 288px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 10行目） ↓*/
.album10
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album10 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album10 img
{
height: 300px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 11行目） ↓*/
.album11
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album11 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album11 img
{
height: 226px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 12行目） ↓*/
.album12
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album12 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album12 img
{
height: 198px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 13行目） ↓*/
.album13
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album13 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album13 img
{
height: 423px; /* 画像高さ */
}


/*↓ 画像の配置（Dome Tent 14行目） ↓*/
.album14
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album14 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album14 img
{
height: 200px; /* 画像高さ */
}


/*↓ 画像と文字の配置（Classic Tent） ↓*/
table.type3
{
border-collapse: separate;
border-spacing: 0;
line-height: 1.5;
}
table.type3 td
{
width: 310px; /* 枠幅 */
padding: 30px; /* 余白 */
text-align: left; /* 左揃えにする */
vertical-align: top;
}


/*↓ 画像の配置（Classic Tent 1行目） ↓*/
.album15
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album15 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album15 img
{
height: 275px; /* 画像高さ */
}


/*↓ 画像の配置（Classic Tent 2行目） ↓*/
.album16
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album16 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album16 img
{
height: 100px; /* 画像高さ */
}


/*↓ 画像の配置（Classic Tent 3行目） ↓*/
.album17
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album17 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album17 img
{
height: 199px; /* 画像高さ */
}


/*↓ 画像の配置（Classic Tent 4行目・全体） ↓*/
table.type4
{
border-collapse: separate;
border-spacing: 0;
line-height: 1.5;
}
table.type4 td
{
width: 310px; /* 枠幅 */
padding-left: 30px; /* 枠内左側の余白 */
padding-right: 30px; /* 枠内右側の余白 */
text-align: left; /* 左揃えにする */
vertical-align: top;
}


/*↓ 画像の配置（Classic Tent 4行目・左） ↓*/
.album18
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album18 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album18 img
{
height: 830px; /* 画像高さ */
}


/*↓ 画像の配置（Classic Tent 4行目・右） ↓*/
.album19
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album19 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album19 img
{
width: 323px; /* 画像幅 */
}


/*↓ 画像の配置（Classic Tent 5行目） ↓*/
.album20
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album20 .item
{
flex: none;
width: Auto;
margin: 5px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album20 img
{
height: 379px; /* 画像高さ */
}


/*↓ 文字配置（Bellows） ↓*/
#c1
{
text-align: center; /* 文をブラウザの中央に配置 */
}
#c2
{
text-align: left; /* 文頭を左に揃える */
margin-left: auto; /* 左側余白 */
margin-right: auto; /* 右側余白 */
width: 940px; /* 入力スペース幅 */
} 


/*↓ 画像の配置（Bellows） ↓*/
.album21
{
display: flex;
justify-content: center;
margin: 0 auto; /* 中央揃えにする */
width: 100%;
}
.album21 .item
{
flex: none;
width: Auto;
margin: 15px; /* 画像の間隔 */
text-align: center; /* 中央揃えにする */
}
.album21 img
{
height: 287px; /* 画像高さ */
}


/*↓ メインコンテンツ表（Bellows） ↓*/
table.type5
{
border-collapse: separate;
width: 895px; /* 枠幅 */
border-spacing: 0;
line-height: 1.5;
border-top: 2px solid #303030; /* 枠線幅と色 */
border-left: 2px solid #303030; /* 枠線幅と色 */
}
table.type5 td
{
width: Auto; /* 枠幅 */
padding: 15px; /* 枠内上側の余白 */
text-align: center ; /* 左揃えにする */
vertical-align: top;
border-right: 2px solid #303030; /* 枠線幅と色 */
border-bottom: 2px solid #303030; /* 枠線幅と色 */
}


/*↓ ボタン（Bellows） ↓*/
.button1
{
background-color: #B63D32; /* 背景色を指定 */
border-style: none; /* ボーダーを指定 */
-moz-border-radius: 5px; /* 角丸の指定 */
-webkit-border-radius: 5px; /* 角丸の指定 */
border-radius: 5px; /* 角丸の指定 */
font-size: 13px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
color: #ffffff; /* 文字色 */
}


/*↓ ボタン配置（Bellows） ↓*/
#wrapper
{
width: 895px; /* .boxのwidth×2＋margin-right×2がここの値 */
margin: 0 auto; /* ブラウザの中央に配置 */
}
.container
{
width: 100%; /* boxが横に並ぶだけの幅を確保 */
overflow: hidden; /* wrapperからはみ出る部分を非表示にする */
}
.box
{
width: 400px; /* 幅の指定 */
float: left; /* 横並びにしています */
margin-left: 23px; /* 左側の余白 */
margin-right: 23px; /* 右側の余白 */
}


/*↓ 文字配置（Bellows・1000C） ↓*/
#c3
{
text-align: center; /* 文をブラウザの中央に配置 */
}
#c4
{
text-align: left; /* 文頭を左に揃える */
margin-left: auto; /* 左側余白 */
margin-right: auto; /* 右側余白 */
width: 530px; /* 入力スペース幅 */
} 


/*↓ 文字配置（Bellows・TYGLAS） ↓*/
#c5
{
text-align: center; /* 文をブラウザの中央に配置 */
}
#c6
{
text-align: left; /* 文頭を左に揃える */
margin-left: auto; /* 左側余白 */
margin-right: auto; /* 右側余白 */
width: 600px; /* 入力スペース幅 */
} 


/*↓ 文字配置（Bellows・KNITTED TYGLAS） ↓*/
#c7
{
text-align: center; /* 文をブラウザの中央に配置 */
}
#c8
{
text-align: left; /* 文頭を左に揃える */
margin-left: auto; /* 左側余白 */
margin-right: auto; /* 右側余白 */
width: 720px; /* 入力スペース幅 */
}


/*↓ 文字配置（NAHOK） ↓*/
#c9
{
text-align: center; /* 文をブラウザの中央に配置 */
}
#c10
{
text-align: left; /* 文頭を左に揃える */
margin-left: auto; /* 左側余白 */
margin-right: auto; /* 右側余白 */
width: 860px; /* 入力スペース幅 */
}


/*↓ 文字配置（President） ↓*/
#c11
{
text-align: center; /* 文をブラウザの中央に配置 */
}
#c12
{
text-align: left; /* 文頭を左に揃える */
margin-left: auto; /* 左側余白 */
margin-right: auto; /* 右側余白 */
width: 900px; /* 入力スペース幅 */
}


/*↓ ボタン（President） ↓*/
.button2
{
background-color: #B63D32; /* 背景色を指定 */
border-style: none; /* ボーダーを指定 */
-moz-border-radius: 5px; /* 角丸の指定 */
-webkit-border-radius: 5px; /* 角丸の指定 */
border-radius: 5px; /* 角丸の指定 */
font-size: 13px; /* 文字サイズ */
font-family: Meiryo; /* フォント */
color: #ffffff; /* 文字色 */
}


/*↓ ボタン配置（President） ↓*/
#wrapper2
{
width: 900px; /* .boxのwidth×3＋margin-right×3がここの値 */
margin: 0 auto; /* ブラウザの中央に配置 */
}
.container2
{
width: 100%; /* boxが横に並ぶだけの幅を確保 */
overflow: hidden; /* wrapperからはみ出る部分を非表示にする */
}
.box2
{
width: 270px; /* 幅の指定 */
float: left; /* 横並びにしています */
margin-left: 15px; /* 左側の余白 */
margin-right: 15px; /* 右側の余白 */
}


/*↓ メインコンテンツ表（会社概要） ↓*/
table.type02
{
border-collapse: separate;
border-spacing: 0;
line-height: 1.5;
border-top: 1px solid #303030; /* 枠線幅と色 */
border-left: 1px solid #303030; /* 枠線幅と色 */
}
table.type02 th
{
width: 120px; /* 枠幅 */
padding: 30px; /* 枠内上側の余白 */
text-align: center; /* 中央揃えにする */
vertical-align: top;
border-right: 1px solid #303030; /* 枠線幅と色 */
border-bottom: 1px solid #303030; /* 枠線幅と色 */
background: #100B57; /* 背景色 */
}
table.type02 td
{
width: 620px; /* 枠幅 */
padding: 30px; /* 枠内上側の余白 */
text-align: ledt; /* 左揃えにする */
vertical-align: top;
border-right: 1px solid #303030; /* 枠線幅と色 */
border-bottom: 1px solid #303030; /* 枠線幅と色 */
}


/*↑ 商品ページ関連 ↑*/