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

body {
	background	: #ffffff url(../common/img/bg/bg_body_top2.gif) repeat-x left top!important;
}

body *{
	box-sizing: border-box;
}

header {
	height: 123px;
}

#mainImgBlock {
	margin	: 0 auto;
	max-width	: 1069px;
	width: 100%;
	position	: relative;
	z-index	: 0;
}

	#mainImg {
		margin	: 2px 0 0 0;
	}
	
	#mainImgThumb {
		padding	: 10px 0;
	}
	
		#mainImgThumb ul {
		}
		
			#mainImgThumb ul li {
				float	: left;
			}
	
#b_index #mainBlock {
	margin	: 0 auto 0;
	max-width	: 950px;
	width: 100%;
}

#b_index #contentsBlock {
	float	: none;
	width	: auto;
	max-width: 950px;
	width: 100%;
}

#b_index article {
	margin	: 0;
}

	#left_column{
		float	: left;
		max-width	: 460px;
		width: 100%;
	}
	
	#product_box{
		background	: #ededed;
	}

		#product_box .box{
			width		: 290px;
			background	: #f1f1f1;
			margin		: 0 5px 10px 10px;
			float		: left;
		}

		.ie6 #product_box .box{
			margin		: 0 5px 10px 5px;
		}
	
		#snav{
			overflow	: hidden;
			max-width		: 290px;
			width: 100%;
		}
		
				#snav ul li{
					float	: left;
				}

		#product_box .box2{
			max-width		: 145px;
			width: 100%;
			margin		: 0 0 10px 10px;
		}
	
		#snav2{
			overflow	: hidden;
			max-width		: 145px;
			width: 100%;
		}
		
				#snav2 ul li{
					float	: left;
				}
		
		#bnr{
			margin	: 20px 0 0;
			clear	: both;
		}
	
			#bnr section#bnr_special{
				float		: left;
				width		: 290px;
				text-align	: left;
			}

					#bnr section#bnr_special ul {
						max-width			: 290px;
						padding			: 0 10px 10px 10px;
						background		: #f1f1f1;
						overflow		: hidden;
					}

						#bnr section#bnr_special ul li {
							float	: left;
							margin	: 6px 6px 0 0;
						}
	
			#bnr section#bnr_tgsport{
				float		: right;
				max-width		: 160px;
				width: 100%;
				text-align	: left;
			}
	
					#bnr section#bnr_tgsport ul {
						padding					: 0 0 5px 10px;
						background				: #f1f1f1;
					}

						#bnr section#bnr_tgsport ul li {
							margin	: 0 0 5px;
						}
	
	
	#right_column{
		float	: right;
		max-width	: 460px;
		width: 100%;
	}
	
	
	section#press_release {
		width		: 100%;
		text-align	: left;
	}
	
	section#press_release .title{
		width		: 100%;
		text-align	: left;
		position	: relative;
	}
	
	section#press_release .title #more_btn{
			position	: absolute;
			top			: 6px;
			right		: 10px;
	}

		section#press_release h2{
			float			: left;
		}


		section#press_release p{
			float	: right;
		}

		section#press_release dl{
			clear		: both;
			height: 355px;
			overflow-y	: auto;
		}

			section#press_release dl dt{
				  clear			: both;
				  padding		: 10px 0.5em 0px 5px;
				  line-height	: 1.8;
			  }
		
				section#press_release dl dt span{
					padding	: 0 5px 5px 0;
				}
		
			section#press_release dl dd{
				padding			: 5px 0 10px 5px;
				border-bottom	: 1px solid #d5d5d5;
				line-height		: 1.6;
 			}
					
			section#press_release dl dd a{
				text-decoration:none;
 			}

				section#press_release dl dd a:link,
				section#press_release dl dd a:visited{
					text-decoration	: none;
				}
				
				section#press_release dl dd a:hover{
					text-decoration	: underline!important;
				}

#btm_bnr{
	clear	: both;
	padding	: 25px 0 0 0;
}
	
	#btm_bnr ul{
		margin	: 10px 0 0 0;
	}

		#btm_bnr ul li{
			float	: left;
			margin	: 0 28px 0 0;
		}
	
ul#thumb {
	margin-top: 15px;
}

	ul#thumb li {
		float			: left;
		margin-right	: 15px;
		margin-bottom	: 10px;
	}
	
	ul#thumb li.end {
		margin-right	: 0 !important;
	}


@media screen and (max-width: 956px) {
	body{
		background: none !important;
	}
	
	#mainImgBlock{
		overflow: inherit !important;
	}
	
	section#press_release h2{
		padding: 5px 0 8px 15px;
		margin-bottom: 10px;
	}
	
	#slider{
		max-width: 950px !important;
		width: 100% !important;
	}
	
	.slick-dots{
		bottom: -23px !important;
	}
	
		.slick-dots li{
			margin: 0 4px 0 !important;
		}
	
	.slick-dots li button::before {
		font-size: 2.4rem !important;
	}
	
	.slick-dots li.slick-active button:before {
		opacity: .75;
		color: #014099 !important;
	}
	
	#b_index #contentsBlock{
		display: flex;
		justify-content: space-between;
		flex-direction: column-reverse;
	}
	
	#right_column{
		max-width: 100%;
		margin-bottom: 20px;
	}
	
	span.ichiran {
		display: block;
		position: absolute;
		z-index: 3;
		top: 13%;
		right: 2%;
	}
	
	section#press_release dl{
		height: 255px;
	}
	
	
	#left_column{
		max-width: 100%;
	}
	
	#left_column .h02{
		margin-bottom: 10px;
	}
	
	
	h3 {
		padding			: 5px 15px;
		background		: url(../img/bg_001.gif) no-repeat 0 0 #a5a5a5;
		background-size	: 20px;
		color			: #FFF;
		text-align		: left;
		padding: 0;
	}
	
	ul.menu {
	 }
	
	ul.menu img {
		 width			: 47px;
		 margin-right	: 20px;
		 vertical-align: middle;
	}
	
	ul.menu li a.sports img {
		width:70px;
	}
	 
	ul.menu li a {
		position		: relative;
		display			: block;
		padding			: 8px 5px;
		border			: 1px solid #ccc;
		border-bottom	: none;
		background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
		text-align		: left;
		text-decoration	: none;
		text-indent		: 3%;
		line-height		: 23px;
	}
	
	ul.menu li a.sports {
		line-height		: 35px;
	}
	
	ul.menu li a.sports {
		padding			: 3px 5px;
	}
	
	ul.menu li.last a {
		border-bottom	: 1px solid #ccc !important;
	}
	
	 ul.menu li a::after {
		position			: absolute;
		top					: 50%;
		right				: 10px;
		display				: block;
		width				: 8px;
		height				: 8px;
		margin-top			: -4px;
		border-top			: 1px solid #ccc;
		border-right		: 1px solid #ccc;
		-webkit-transform	: rotate(45deg);
		transform			: rotate(45deg);
	}
	
	#mainImgThumb{
		overflow: inherit !important;
	}
	
	#mainImgThumb ul.slider{
		max-width: inherit !important;
		width: 100% !important;
	}
	
	ul.slider li {
		margin:0 0 0 0;
	}
	
	ul.slider li img{
		margin:0 auto;
		width:80% !important;
	}
	
	#btm_bnr{
		padding: 25px 10px 0;
	}
		#btm_bnr .h02{
			margin-bottom: 10px;
		}
	
	#btm_bnr ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		#btm_bnr ul li{
			margin: 0 0 10px;
			width: 48%;
		}

	#slider02 .slick-prev{
		left: 0 !important;
	}
	
		#slider02 .slick-prev::before {
			content:"";
			background: url(../common/img/icon/icon_left.png) no-repeat 0 0;
			-moz-background-size: 60% 60%;
			background-size: 60% 60%;
			display: inline-block;
			background-size: contain;
			width: 30px;
			height: 50px;
		}
	
	#slider02 .slick-next{
		right: 0 !important;
	}
		#slider02 .slick-next::before {
			content:"";
			background: url(../common/img/icon/icon_right.png) no-repeat 0 0;
			-moz-background-size: 60% 60%;
			background-size: 60% 60%;
			display: inline-block;
			background-size: contain;
			width: 30px;
			height: 50px;
		}

}