@charset "utf-8";
/* =========================================
   共通スタイル（全デバイス共通）
   ========================================= */
/*----- BODY -----*/
html {
	height: 100%;
	margin: 0 auto;
	padding: 0 auto;
}

body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 auto;
	font-size: 14px;
	color: #333333;
	-webkit-text-size-adjust: 100%;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#body_bk {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-color: #FFFFFF;
}

#footer_bk {
	position: relative;
	margin: 0 auto;
}

#footer_bk p {
	font-size: 12px;
	text-align: center;
}

.wrapper,
.footer_wrap{
	height:auto;
	width:100%;
	overflow:hidden;
}

.footer_wrap{
	margin-top:40px
}

/*-----  アンカー設定  -----*/
a:link {
	text-decoration: none;
	color: #280073;
	font-weight:bold;
}

a:visited {
	text-decoration: none;
	color: #002873;
}

a:hover {
	text-decoration: underline;
	color: #213300;
}

.tel_link {
	text-decoration:none;
}

/*-----  見出し -----*/
h1{
	word-break:break-all;
	width:100%;
	height:22px;
	font-weight: normal;
	text-align:left;
}

h2{
	text-align:center;
	color: #FFFFFF;
	border:2px solid #732800;
	border-radius:5px;
	text-shadow:1px 1px 0px #001000;
	background:radial-gradient(farthest-corner, #FFE2B1,#732800);
	background:-moz-radial-gradient(ellipse farthest-corner at center, #FFE2B1,#732800);
	background:-webkit-radial-gradient(center center, ellipse farthest-corner, #FFE2B1, #732800);
	vertical-align:middle;
}

h3{
	width:85%;
	border-left:8px solid #732800;
	border-bottom:1px solid #732800;
}

h4{
	width:85%;
	margin:10px auto;
	color: #FFFFFF;
	border-bottom:2px solid #4A7300;
	text-shadow:1px 1px 0px #001000;
	background:linear-gradient(to right,#4A7300 20%,#FFFFAA);
	background:-webkit-linear-gradient(to right,#4A7300 20%, #FFFFAA);
}

h4 a:hover{
	pointer-events: none;
	text-decoration: none;
}

h5{
	width:80%;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background-color:#732800;
	padding:5px 0;
	margin:0 auto;
	text-align:center;
}

/*-----  パンくず -----*/
.breadcrumb li{
	display:inline;/*横に並ぶように*/
	list-style: none;
}

.breadcrumb li:first-child a:before {
	content: url(../img/breadhome.jpg);/*家アイコン*/
	padding: 0 3px;
}

.breadcrumb li:after {
	content: url(../img/breadparts.jpg);/*矢印イメージ*/
	padding: 0 3px;
	color: #555;
}

.breadcrumb li:last-child:after {content: ''}
.breadcrumb li a {text-decoration: none}

/*----- ヘッダ -----*/
.Httl{
	font-weight:bold;
	color: #732800;
}

.Htel{
	font-weight:bold;
	color:#004B73;
	border:3px solid #004B73;
	border-radius:10px;
	z-index:2;
}

.Htel a{
	color:#004B73
}

#topmenu {
	list-style-type: none;
}

/*----- サイト内検索 -----*/
#g-k-w-search .gsc-control-cse {
	border: hidden;
}

/*スマホのみだったが共通部に*/
#g-k-w-search .gsc-control-cse-control-cse-ja {
	height:50px
}

/*「サイト内検索」表示用に追加*/
#g-k-w-search input.gsc-input {
	font-size: 16px;
}

#g-k-w-search input.gsc-input::placeholder {
	color: #aaa; /* 薄いグレー */
}

/*----- 送料無料枠 -----*/
.soumu{
	text-align:center;
	border:3px solid #FF0000;
	border-radius:10px;
	color:#FF0000;
	font-weight:bold;
	background:radial-gradient(farthest-corner, #FFFFFF,#FFC66B);
	background:-moz-radial-gradient(ellipse farthest-corner at center, #FFFFFF,#FFC66B);
	background:-webkit-radial-gradient(center center, ellipse farthest-corner, #FFFFFF, #FFC66B);
}

/*----- バナー -----*/
.banner_btn a{
	color:#732800;
	text-decoration:none;
}

.banner_btn a:hover{
	opacity:0.7
}

/*----- メインコンテンツ -----*/
#contents{
	display:block;
}

.p2{
	width:90%;
}
.p3{
	width:85%;
}

/*diV block中央寄せ*/
.wrap_ctr_col,.wrap_ctr_row{
	display: flex;
	flex-direction : column;
	justify-content: center;	/*横方向中央寄せ*/
	align-items: center;	/*縦方向中央寄せ*/
	flex-wrap: wrap;		/*余りを改行*/
}

.wrap_ctr_row{
	flex-direction : row;
}

/*商品ラインナップブロック*/
.lineup_blk{
	width:100px;
	height:100px;
	margin-left:10px;
	font-size:14px;
	font-weight:bold
}

/*----- フッタコンテンツ -----*/
#contents_pay,#contents_sou,#contents_cal,#contents_hen,#contents_ren,#contents_card,
.contents_blk{
	color: #555555;
}

.contents_ttl{
	text-align:center;
	font-size:16px;
	color:#732800;
	border-bottom:3px solid #FF5500;
}

.contents_com{
	padding:0;
	text-align:left;
	font-size:13px;
}

.contents_fig{
	text-align:center;
}

.tbl_sou,.tbl_ren{
	margin 10px;
	margin:10px auto;
}

.sou_tr1{
	text-align:center;
	background-color:#FFC66B;
}
.sou_tr2{
	text-align:center;
	background-color:#FFFFFF;
}
.sou_td{width:80px}
.ren_tr{height:50px}
.ren_td1{
	width:70px;
	text-align:center;
	background-color:#FFC66B;
	color:#732800;
}
.ren_td2{
	width:170px;
	padding-left:5px;
}
.ren_td2 a:link{
	color:#333333;
	font-weight:normal;
}

/*----- テーブル -----*/
table.tbl_com,table.tbl_link{
	border-collapse:collapse;
	margin:0 auto;
}

.mem_ttl1, .mem_ttl2,.mem_ttl3{
	text-align:center;
	line-height: 25px;
	background-color: #FFC66B;
	border:1px solid #732800;
	color:#732800;
}

.mem1,.mem2{
	padding-left:10px;
	text-align: left;
	line-height: 25px;
	border:1px solid #732800;
}

.mem3{
	text-align: left;
	padding-left:0;
	line-height: 25px;
	border:1px solid #732800;
}

.mem4{
	text-align:center;
	line-height: 25px;
	border:1px solid #732800;
}

.mem5{
	text-align:right;
	line-height: 25px;
	border:1px solid #732800;
}

.tbl_caption{
 	font-size:16px;
 	font-weight:bold;
	text-align:center;
 }

table.tbl_link tr:hover{
	background-color:#E3FFD4;
	cursor: pointer;
}

table.tbl_link th:hover{
	cursor: default;
}

tfoot td.tbl_foot{
	border:hidden;
	border-top:1px solid #732800;
	text-align:right;
	color:#FF5500;
	font-weight:bold;
	cursor: default;
}

.tbl_foot:hover{
	background-color:#FFFFFF;
}

/*----- スクロール時発生ボタン -----*/
#page-com{
	position: fixed;
	background: #FF0000;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	text-align: center;
	text-shadow:2px 2px 2px #002020;
	border-radius: 5px;
	opacity: 0.8;
}

#page-top,#page-order{
	position: fixed;
	opacity: 0.7;
}

#page-top a,#page-order a{
	background: #4A7300;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	display: block;
	border-radius: 5px;
}

#page-top a:hover,#page-order a:hover {
	text-decoration: none;
	background: #FF8800;
}

/*----- 入力フォーマット -----*/
div.ip_box{
	margin:10px auto;
	padding:10px 0;
	width:80%;
	border:1px solid #732800;
	background-color:#EEEEEE;
}

/*----- 商品ページ -----*/
/* ボタン */
.btn{
	border-radius:5px;
	background-color:#DDDDDD;
}

/*商品説明*/
/*この部分は各サイズで細かく調整しているので、特に共通化せず個別に設定*/

/*草刈関連*/
.lineup, .maker{
	width:85%;
	margin:10px auto;
	padding:5px 0 3px 25px;
	color: #FFFFFF;
	border-bottom:2px solid #4A7300;
	text-shadow:1px 1px 0px #001000;
	background:linear-gradient(to right,#4A7300 20%,#FFFFAA);
	background:-webkit-linear-gradient(to right,#4A7300 20%, #FFFFAA);
}
.maker{
	border-bottom:2px solid #732800;
	background:linear-gradient(to right,#732800 20%,#FFFFAA);
	background:-webkit-linear-gradient(to right,#732800 20%, #FFFFAA);
}
.sub_ttl{
	width:80%;
	margin:20px auto;
	background-color:#FF8800;
	color:#000000;
	text-shadow:1px 1px 2px #FFFFFF;
	text-align:center;
	border:2px solid #555500;
	border-radius:10px;
}

/*正逆爪注意書き*/
.caution_char{
	background-color:#FF5500;
	color:#FFFFFF;
	text-align:center;
}

.caution_SG{
	width:80%;
	margin:20px auto 100px;
	background-color:#FFFFAA;
	border:2px solid #555500;
	border-radius:10px;
}

.caution_SG p{
	padding-left:5px
}

/*----- 管理機爪・耕耘機爪メニューボタン -----*/
ul.btnA{
	padding:0;
	text-align:center;
	vertical-align:middle;
	width:350px;
}

.btnA li,.btnA li.non{
	display:inline-block;
	width:140px;
	height:30px;
	text-align:center;
	line-height:30px;
	margin:5px;
	font-size:16px;
	font-weight:bold;
	outline:groove 2px #4A7300;
	background-image: linear-gradient(#FFFFFF, #FFFFAA,#4A7300);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFAA 20%, #4A7300);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.2,#FFFFAA), to(#4A7300));
}

.btnA li.non{
	font-size:14px;
	margin:5px;
	outline:none;
	background:none;
}

.btnA li a{
	color:#732800;
	font-weight:bold;
	text-shadow:2px 2px 1px #FFFFAA;
	text-decoration:none;
}

.btnA li a:hover,.btnA li.my{
	display:inline-block;
	width:140px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	background-image: linear-gradient(#FFFFFF, #FF8000,#FFC66B);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FF8000 80%, #FFC66B);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.8,#FF8000), to(#FFC66B));
}

/*----- ハンバーガーメニュー -----(Large非表示)*/
nav.NavMenu{
	position: fixed;	 	/*表示位置を固定*/
	z-index: 2;		 	/*重ね順を変更*/
	top: 0;			 	/*表示位置を指定*/
	left: 0;			 	/*表示位置を指定*/
	background: #fff;		/*背景を白にする*/
	color: #000;		 	/*文字色を黒にする*/
	text-align: center;	 	/*テキストを中央揃え*/
	width: 100%;		 	/*全幅表示*/
	transform: translateY(-100%);  /*ナビを上に隠す*/
	transition: all 0.6s;		/*アニメーションの時間を指定*/
}

nav.NavMenu ul{
	background: #732800;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

nav.NavMenu ul li{
	font-size: 1.1em;
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #FFFFAA;
}

nav.NavMenu ul li:last-child{
	padding-bottom: 0;
	border-bottom: none;  /*最後のメニュー項目のみ下線を消す*/
}

nav.NavMenu ul li a{
	display: block;    /*クリックできる領域を広げる*/
	color: #FFFFFF;
	padding: 1em 0;
}

nav.NavMenu ul li a:hover{
	display:block;
	background-color:#FFFFAA;
	color: #732800;
	text-decoration: none;
}

nav.NavMenu.active{
	transform: translateY(0%);    /*ナビを表示する*/
}

/*メニューマーク位置*/
.Toggle {
	display: block;
	position: fixed;    /* bodyに対しての絶対位置指定 */
	right: 3px;
	top: 30px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	z-index: 3;
}

/*メニューマーク動作*/
.Toggle span {
	display: block;
	position: absolute;
	width: 30px;
	border-bottom: solid 3px #FF0000;
	-webkit-transition: .35s ease-in-out;  /*変化の速度を指定*/
	-moz-transition: .35s ease-in-out;    /*変化の速度を指定*/
	transition: .35s ease-in-out;      /*変化の速度を指定*/
	left: 6px;
}

.Toggle span:nth-child(1) {
	top: 9px;
}

.Toggle span:nth-child(2) {
	top: 18px;
}

.Toggle span:nth-child(3) {
	top: 27px;
}

.menu_style{
	padding-top:32px;
	font-size:11px;
	font-weight:bold;
	color:#C00000;
	text-align:center;
}

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.Toggle.active div.menu_style {
	display:none;
}

/*----- 商品リスト関連 -----*/
.Klist_tbl, .Klist_Btbl{
	vertical-align: middle;
	border-spacing: 0;
	position: relative;
}

.Klist_tbl a{color: green;}

.no_link{
	color:#666666;
	font-weight:bold;
}

.kl_code, .kl_codeB, .kl_codeG, .kl_code_s{	/*kl_code_sはPC版用*/
	text-align:center;
	color:#C00000;
	font-weight:bold;
}

.kl_c3:after, .kl_c3B:after, .kl_c3G:after{content: "本"}
.kl_l1B, .kl_c3B, .kl_r2B{background-color: #AFEEEE}
.kl_l1G, .kl_c3G, .kl_r2G{background-color: #FFD700}
.tr_gold{background-color: #FFD700}
.tr_blue{background-color: #AFEEEE}

/*フランジ爪　サイズ表*/
table.flange_size{width:300px}
table.flange_size td.size_No{width:50px; text-align:right;}
table.flange_size td.name{width:150px; text-align:left;}
table.flange_size td.f_size{width:100px; text-align:right; padding-right:50px;}

/*----- フランジリスト用 -----*/
/*ボルトテーブル関連*/
.blt_table{
	font-size:12px;
	width: 60%;
	border-spacing: 0;
	border-collapse:collapse;
	border:1px solid #666666;
}
.blt_table th{
	background-color:#FFC66B;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border:1px solid #666666;
	color:#732800;
}
.blt_table td{
	text-align:center;
	border:1px solid #666666;
	border-collapse:collapse;
}
.btcode {
	color:#c00000;
	font-size:12px;
	font-weight:bold;
}
.Rtype{font-weight:bold;}

/* =========================================
   スマホ（〜599px）
   ========================================= */
@media screen and (max-width: 599px) {
	 /*----- BODY(Small) -----*/
	#body_bk {
		min-height: 94%;
		min-width: 320px;
		max-width: 679px;
	}

	#footer_bk {
		width: 320px;
		height: 20px;
	}

	#footer_bk p {
		margin-bottom: 60px;
	}

	/*----- アンカー設定(Small) -----*/
	.tel_link{
		text-decoration-color:#FF5500;
	}

	/*----- 見出し(Small) -----*/
	h1{
		min-width:320px;
		max-width:679px;
		font-size:10px;
	}

	h2{
		display:block;
		width:95%;
		line-height:24px;
		margin:0 auto;
		font-size:16px;
	}

	h3{
		font-size: 18px;
		margin:15px auto;
		padding:0 0 0 15px;
	}

	h4{
		font-size: 16px;
		padding:5px 0 3px 10px;
	}

	/*-----  パンくず(Small) -----*/
	.breadcrumb {
		padding-left:20px;
		margin:0;
	}

	/*-----  ヘッダ(Small) -----*/
	.header{
		width:90%;
		height:400px;
		min-width:360px;
		min-width:320px;
		max-width:679px;
		margin:0 auto;
		background:url(../img/Hbg_sp_min.jpg) no-repeat center;
		text-align:center;
	}

	.Hlogo{padding:10px 0 0 0}

	.Httl{
		font-size:18px;
		line-height:16px;
		padding:10px 0;
		text-shadow:1px 1px 0px #FFFFAA;
	}

	.Htel_bg {
	  display: none;
	}

	.Htel{
		width: 300px;
		margin:0 auto;
		font-size:13px;
		line-height:20px;
		text-align:center;
		background-color:#FFA600;
	}

	#topmenu {
		width: 90%;
		margin-top: -80px;
		padding: 0 auto;
		background-color: transparent;
	}

	#main_navi{
		display: none
	}

	/*----- サイト内検索(Small) -----*/
	#g-k-w-search .gsc-control-cse {
		background-color: transparent;
		height: 75px;
		margin-left: 70px;
	}

	/*----- 送料無料枠(Small) -----*/
	.soumu{
		width:300px;
		margin:20px 0;
		padding:10px 0;
		font-size:18px;
		clear:both;/*float解除*/
	}

	/*----- バナー(Small) -----*/
	.banner_btn{
		margin:15px 0;
	}

	/*----- コンテンツ(Small) -----*/
	#contents{
		width:100%;
		padding:0 auto;
		margin:0 auto;
	}

	.p1{
		width:95%;
		margin-left:10px;
	}

	/*----- フッタコンテンツ(Small) -----*/
	#contents_pay,#contents_sou,#contents_cal,#contents_hen,#contents_ren,#contents_card,
	.contents_blk{
		width:100%;
		margin:15px 0;
	}

	.contents_ttl{
		width:95%;
		margin:0 auto;
	}

	.contents_com{
		margin:10px 30px;
	}

	.contents_fig{
		width:280px;
		margin:20px auto;
	}

	/*----- サイドメニュー(Small) -----*/
	#sidemenu{
		display: none
	}

	/*----- テーブル(Small) -----*/
	table.tbl_com,table.tbl_link{
		width:90%;
	}

	/*----- スクロール時発生ボタン(Small) -----*/
	#page-com{
		width: 260px;
		height: 15px;
		margin: 0;
		padding: 5px 0;
		right: 90px;
		font-size: 12px;
	}

	#page-top,#page-order{
		width:70px;
		height:15px;
		right:10px;
		font-size: 12px;
	}

	#page-top a,#page-order a{
		width: 70px;
		padding: 8px 0;
	}

	/*----- 入力フォーマット(Small) -----*/
	.ip_dat{
		width:90%;
		margin:10px;
	}

	input.prp{
		width:100%;
	}

	textarea.ip_txt{
		width:100%;
	}

	/*----- 商品ページ(Small) -----*/
	div.s_menu,
	div.s_pic0,
	div.s_pic1,
	div.s_pic2,
	div.s_k_pic1,
	div.s_k_pic2,
	div.s_k_pic3,
	div.s_k_pic4,
	div.s_k_pic5,
	div.s_com{
		width:320px;
		height:200px;
		margin:0 auto;
		text-align:center;
	}
	div.s_pic0{height:80px}
	div.s_pic2{height:355px}
	div.s_k_pic1,div.s_menu{height:220px}
	div.s_k_pic2{height:440px}
	div.s_k_pic3{height:650px}
	div.s_k_pic4{height:880px}
	div.s_k_pic5{height:1100px}
	div.s_com{
		height:130px;
		text-align:left;
	}
	.code,.price{
		height:20px;
		font-size:16px;
		font-weight:bold;
		padding-top:2px;
		text-align:center;
	}
	.price{
		padding:0 0 20px 112px;
		text-align:right;
		color:#FF0000;
	}
	div.s_wrap_mic,
	div.s_wrap_min,
	div.s_wrap_mid,
	div.s_wrap_L,
	div.s_wrap_XL,
	div.s_wrap_XXL,
	div.s_wrap_XXXL{
		width:320px;
		margin:10px auto;
	}
	div.s_wrap_mic{height:400px}
	div.s_wrap_min{height:500px}
	div.s_wrap_mid{height:600px}
	div.s_wrap_L{height:760px}
	div.s_wrap_XL{height:980px}
	div.s_wrap_XXL{height:1280px}
	div.s_wrap_XXXL{height:1500px}
	div.s_btn{margin:10px 0 10px 230px}

	/* 草刈関連 */
	.sub_ttl{
		width:80%;
	}

	/*注意書き*/
	.caution_SG{
		text-align:left;
	}

	/*----- 管理機爪・耕耘機爪メニューボタン(Small) -----*/
	ul.btnA{
		width:350px;
	}
}

/* =========================================
   タブレット（600〜800px）
   ========================================= */
@media screen and (min-width: 600px) and (max-width: 800px) {
	/*----- BODY(Medium) -----*/
	#body_bk {
		min-height: 94%;
		min-width: 600px;
		max-width: 800px;
	}

	#footer_bk {
		width: 320px;
		height: 20px;
	}

	#footer_bk p {
		margin-bottom: 60px;
	}

	/*----- アンカー設定(Medium) -----*/
	.tel_link{
		text-decoration-color:#FF5500;
	}

	/*----- 見出し(Medium) -----*/
	h1{
		min-width:600px;
		max-width:800px;
		font-size:10px;
	}

	h2{
		display:block;
		width:90%;
		line-height:28px;
		margin:0 auto;
		font-size:20px;
	}

	h3{
		font-size: 18px;
		margin:15px auto;
		padding:0 0 0 30px;
	}

	h4{
		font-size: 16px;
		padding:5px 0 3px 25px;
	}

	/*-----  パンくず(Medium) -----*/
	.breadcrumb {
		padding-left:30px;
		margin:0;
	}

	/*-----  ヘッダ(Medium) -----*/
	.header{
		width:90%;
		height:400px;
		min-width:600px;
		max-width:800px;
		margin:0 auto;
		background:url(../img/Hbg_sp.jpg) no-repeat center;
		text-align:center;
	}

	.Hlogo{padding:10px 0 0 0}

	.Httl{
		font-size:18px;
		line-height:16px;
		padding:10px 0;
		text-shadow:1px 1px 0px #FFFFAA;
	}

	.Htel_bg {
	  display: none;
	}

	.Htel{
		width: 300px;
		margin:0 auto;
		font-size:13px;
		line-height:20px;
		text-align:center;
		background-color:#FFA600;
	}

	#topmenu {
		width: 90%;
		margin-top: -80px;
		padding: 0 auto;
		background-color: transparent;
	}

	#main_navi{
		display: none
	}

	/*----- サイト内検索(Medium) -----*/
	#g-k-w-search .gsc-control-cse {
		background-color: transparent;
		height: 75px;
		margin-left: 70px;
	}

	/*----- 送料無料枠(Medium) -----*/
	.soumu{
		width:80%;
		margin:20px 0;
		padding:10px 0;
		font-size:18px;
		clear:both;/*float解除*/
	}

	/*----- バナー(Medium) -----*/
	.banner_btn{
		padding:20px 10px;
	}

	/*----- コンテンツ(Medium) -----*/
	#contents{
		padding:0 auto;
	}

	.p1{
		width:90%;
		margin-left:30px;
	}

	/*----- フッタコンテンツ(Medium) -----*/
	#contents_pay,#contents_sou,#contents_cal,#contents_hen,#contents_ren,#contents_card,
	.contents_blk{
		width:300px;
		height:400px;
		margin:20px 0 0 0;	/*左右auto指定だとieで右寄りになるので、必ず0指定*/
	}

	.contents_ttl{
		width:290px;
		margin:0 0 0 5px;
	}

	.contents_com{
		margin:10px;
		width:280px; /*この画面サイズのみ指定あり、必要?*/
	}

	.contents_fig{
		width:300px;
		margin:10px auto;
		iframe{height:320px};
	}

	/*----- サイドメニュー(Medium) -----*/
	#sidemenu{
		display: none
	}

	/*----- テーブル(Medium) -----*/
	table.tbl_com,table.tbl_link{
		width:90%;
	}

	/*----- スクロール時発生ボタン(Medium) -----*/
	#page-com{
		width: 350px;
		padding: 3px 0;
		right: 150px;
		font-size: 16px;
	}

	#page-top,#page-order{
		right:20px;
	}

	#page-top a,#page-order a{
		width: 100px;
		padding: 10px 0;
	}

	/*----- 入力フォーマット(Medium) -----*/
	.ip_dat{
		width:90%;
		margin:10px;
	}

	input.prp{
		width:100%;
	}

	textarea.ip_txt{
		width:100%;
	}

	/*----- 商品ページ(Medium) -----*/
	div.s_menu,
	div.s_pic0,
	div.s_pic1,
	div.s_pic2,
	div.s_k_pic1,
	div.s_k_pic2,
	div.s_k_pic3,
	div.s_k_pic4,
	div.s_k_pic5,
	div.s_com{
		width:320px;
		height:200px;
		margin:0 auto;
		text-align:center;
	}
	div.s_pic0{height:80px}
	div.s_pic2{height:355px}
	div.s_k_pic1,div.s_menu{height:220px}
	div.s_k_pic2{height:440px}
	div.s_k_pic3{height:650px}
	div.s_k_pic4{height:880px}
	div.s_k_pic5{height:1100px}
	div.s_com{
		height:130px;
		text-align:left;
	}
	.code,.price{
		height:20px;
		font-size:16px;
		font-weight:bold;
		padding-top:2px;
		text-align:center;
	}
	.price{
		padding:0 0 20px 112px;
		text-align:right;
		color:#FF0000;
	}
	div.s_wrap_mic,
	div.s_wrap_min,
	div.s_wrap_mid,
	div.s_wrap_L,
	div.s_wrap_XL,
	div.s_wrap_XXL,
	div.s_wrap_XXXL{
		width:320px;
		margin:10px auto;
	}
	div.s_wrap_mic{height:400px}
	div.s_wrap_min{height:500px}
	div.s_wrap_mid{height:600px}
	div.s_wrap_L{height:760px}
	div.s_wrap_XL{height:980px}
	div.s_wrap_XXL{height:1280px}
	div.s_wrap_XXXL{height:1500px}
	div.s_btn{margin:10px 0 10px 230px}

	/* 草刈関連 */
	.sub_ttl{
		width:80%;
	}

	/*注意書き*/
	.caution_SG{
		text-align:center;
	}

	/*----- 管理機爪・耕耘機爪メニューボタン(Medium) -----*/
	ul.btnA{
		width:600px;
	}
}

/* =========================================
   PC（801px〜）
   ========================================= */
@media screen and (min-width: 801px) {
	/*----- BODY(Large) -----*/
	#body_bk {
		width: 1000px;
		min-height: 100%;
	}

	#footer_bk {
		width: 1000px;
		height: 50px;
		bottom: 10px;
		margin: 50px auto;
	}

	#footer_bk p {
		height: 12px;
	}

	/*-----  アンカー設定(Large)  -----*/
	.tel_link {
		pointer-events: none;
		cursor: default;
	}

	/*-----  見出し(Large)  -----*/
	h1{
		margin: 0;
		font-size: 12px;
		text-indent: 10px;
		background-image: url(../img/back_h1.jpg);
		background-repeat: no-repeat;
	}

	h2{
		width:95%;
		line-height:40px;
		margin:10px auto;
		font-size:26px;
	}

	h3{
		font-size:24px;
		margin:20px;
		padding:0 0 0 30px;
	}

	h4{
		font-size: 20px;
		padding:5px 0 3px 25px;
	}

	/*-----  パンくず(Large) -----*/
	.breadcrumb {
		padding-left:220px;
		margin:8px 0 0 0;
	}

	/*-----  ヘッダ(Large) -----*/
	.header{
		width:1000px;
		height:160px;
		background-image:url(../img/Hbg.jpg);
	}

	.Hlogo{
		margin:5px 0 0 30px;
		display:inline-block;
		float:left;
	}

	.Httl{
		font-size:32px;
		line-height:32px;
		margin:0;
		padding:10px 0 0 330px;
	}

	.Htel_bg{
		position:absolute;
		width:370px;
		height:72px;
		margin:3px 0 0 603px;
		border-radius:10px;
		background-color:#FFA600;
		opacity: 0.5;
		z-index:1;
	}

	.Htel{
		position:absolute;
		width:340px;
		margin:0 0 0 600px;
		padding:0 0 0 30px;
		font-size:15px;	
		line-height:18px;
	}

	#topmenu {
		width: 1000px;
		margin: 0px;
		padding: 0;
	}

	/*----- ヘッダメニュー(Large) -----*/
	#main_navi{
		height:30px;
		width:1000px;
		padding:0 auto;
		margin:0;
		vertical-align:middle;
		background:url(../img/mmenu_bg1.jpg) no-repeat 0px 0px;
	}

	#main_navi li{
		display:inline-block;
		float:left;
		width:170px;
		height:30px;
		text-align:center;
		line-height:30px;
		font-size:16px;
	}

	/*FireFox対応のための宣言*/
	#main_navi li.flng{line-height:14px}
	#main_navi li a{
		color:#FFFFFF;
		text-decoration:none;
		font-weight:normal;
	}

	#main_navi li a:hover,#main_navi li.my{
		color:gold;
	}

	/* 文字回転 */
	#main_navi li span{
		display:inline-block;
		transition: .5s;
	}

	#main_navi li:hover span{
		-webkit-transform: rotateX(360deg);
		-ms-transform: rotateX(360deg);
		transform: rotateX(360deg);
		color:gold;
	} 

	/* メニュー固定指定 */
	#topmenu.fixed{
		position:fixed;
		top:0px;
		z-index:9999;
	}

	/*----- サイト内検索(Large) -----*/
	#g-k-w-search .gsc-control-cse {
		background: url(../img/mmenu_bg2.jpg) no-repeat 0px 0px;
		height:22px;
		padding-left:500px;
	}

	/*----- 送料無料枠(Large) -----*/
	.soumu{
		width:80%;
		margin:50px 0;
		padding:10px;
		font-size:24px;
	}

	/*----- バナー(Large) -----*/
	.banner_btn{
		margin:30px 10px
	}

	/*----- 告知部(Large) -----*/
	#infomation{
		display:block;
		float:right;
		width:740px;
		height:250px;
	}

	/*----- コンテンツ(Large) -----*/
	#contents{
		float:right;
		width:780px;
		height:100%;
	}

	.p1{
		width:95%;
		margin-left:20px;
	}

	/*----- フッタコンテンツ(Large) -----*/
	#contents_pay,#contents_sou,#contents_cal,#contents_hen,#contents_ren,#contents_card,
	.contents_blk{
		width:330px;
		height:360px;
		margin:20px auto;
		padding:0;
	}

	.contents_ttl{
		width:320px;
		margin:0 0 0 5px;
	}

	.contents_com{
		margin:10px;
	}

	.contents_fig{
		width:300px;
		margin:10px auto;
	}

	/*----- サイドメニュー(Large) -----*/
	#sidemenu{
		display:block;
		float:left;
		width:200px;
		height:100%;
		background-color:#732800;
	}
	#sidemenu_header{
		width:190px;
		height:20px;
		margin:5px 5px 5px 5px;
		background-color:#004B73;
		font-size:16px;
		color:#FFFFFF;
		text-align:center;
	}
	#sidemenu ul{
		margin:5px auto;
		padding:0;
		width:190px;
		list-style-type:none;
	}
	#sidemenu li{
		background-color:#FFFFAA;
		text-align:center;
	}
	#sidemenu li.mark{
		font-weight:bold;
		color:#FF0000;
	}
	#sidemenu li.sub_menu{
		font-weight:bold;
		color:#FFFFFF;
		background-color:#FF5500;
	}
	div.side_ttl{
		width:190px;
		height:28px;
		margin:0 5px;
		padding:5px 0 0 0;
		background-color:#4A7300;
		color:#FFFFAA;
		font-weight:bold;
		text-align:center;
	}
	#sidemenu li a{
		color:#000000;
		text-decoration:none;
	}
	#sidemenu li a:hover{
		display:block;
		width:190px;
		background-color:#FFC66B;
		padding:-10px;
	}

	/*----- テーブル(Large) -----*/
	table.tbl_com,table.tbl_link{
		width:80%;
		border:1px solid #732800;
	}

	.mem_ttl1, .mem_ttl2,.mem_ttl3{
		padding-left:0;
	}

	/*----- スクロール時発生ボタン(Large) -----*/
	#page-com{
		width: 350px;
		padding: 3px 0;
		right: 150px;
		font-size: 16px;
	}

	#page-top,#page-order {
		right: 20px;
	}

	#page-top a,#page-order a {
		width: 100px;
		padding: 10px 0;
	}

	/*----- 入力フォーマット(Large) -----*/
	.ip_dat{
		width:75%;
		margin:15px 100px;
		margin-right:300px;
	}

	input.prp{
		width:90%
	}

	textarea.ip_txt{
		width:90%;
		height:120px;
	}

	div.s_menu,
	div.s_pic0,
	div.s_pic1,
	div.s_pic2,
	div.s_k_pic1,
	div.s_k_pic2,
	div.s_k_pic3,
	div.s_k_pic4,
	div.s_k_pic5{
		display:inline-block;
		float:left;
		width:250px;
		height:200px;
		margin:10px 0 0 20px;
		text-align:center;
	}
	div.s_menu{height:220px}
	div.s_pic0{height:80px}
	div.s_pic2{height:355px}
	div.s_k_pic2{height:400px}
	div.s_k_pic3{height:600px}
	div.s_k_pic4{height:800px}
	div.s_k_pic5{height:1050px}
	div.s_menu{width:210px}
	div.s_com{
		display:inline-block;
		float:right;
		width:320px;
		margin:30px 0 0 0;
	}
	.code,.price{
		height:30px;
		font-size:20px;
		font-weight:bold;
		padding:2px 0 0 20px;
	}
	.price{
		padding:0 20px 20px 0;
		text-align:right;
		color:#FF0000;
	}
	div.s_wrap_mic,
	div.s_wrap_min,
	div.s_wrap_mid,
	div.s_wrap_L,
	div.s_wrap_XL,
	div.s_wrap_XXL,
	div.s_wrap_XXXL
	{
		position:relative;
		width:90%;
		margin:10px auto;
		padding:0 0 20px 0;
		margin-bottom:10px;
	}
	div.s_wrap_mic{height:250px}
	div.s_wrap_min{height:300px}
	div.s_wrap_mid{height:400px}
	div.s_wrap_L{height:500px}
	div.s_wrap_XL{height:750px}
	div.s_wrap_XXL{height:900px}
	div.s_wrap_XXXL{height:1100px}
	div.s_btn{margin:10px 0 10px 230px}

	/* 草刈関連 */
	.sub_ttl{
		width:70%;
		font-size:16px;
	}

	/*注意書き*/
	.caution_SG{
		text-align:center;
	}

	/*----- 管理機爪・耕耘機爪メニューボタン(Large) -----*/
	ul.btnA{
		width:650px;
	}

	/*----- ハンバーガーメニュー(非表示)(Large) -----*/
	nav.NavMenu, .Toggle{
		display: none;
	}

}

/* =========================================
   商品リスト（〜679px）
   ========================================= */
@media screen and (max-width: 679px){
	.Klist_tbl, .Klist_Btbl{
		width: 90%;
		margin: 25px auto;
		border-collapse: separate;
		border-spacing:0 5px;
	}

	.Klist_Btbl{border-spacing:0 20px}
	.Klist_tbl a{font-size:20px;}
	.no_link{font-size:20px;}
	.Klist_tbl thead, .Klist_Btbl thead{display: none}

	.Klist_tbl td, .Klist_Btbl td{
		display:block;
		width:100%;
		margin-bottom:-1px;	/*border重なり部分が太くなるので調整*/
		text-align:center;
		border-collapse : collapse;
		border:1px solid #666666;
		color:#000000;
	}

	/*セット構成、合計本数、販売価格ラベル*/
	/*ボルト一覧は注文コード以外		*/
	.Klist_tbl td:before,
	.Klist_Btbl td:before{
		display:block;
		width: 100%;
		content: attr(data-label);
		float: left;
		font-weight: bold;
		background-color: #CCCCCC;
	}

	/*爪*/
	/*注文コード*/
	.Klist_tbl td:nth-last-child(4):before{
		display:block;
		width: 100%;
		background-color:#FFCC70;
		color:#000000;
		text-align:center;
		font-size:20px;
	}

	.Klist_tbl td:nth-last-child(4){
		display:block;
		width: 100%;
		content: attr(data-label);
		background-color:#FFCC70;
		color:#CC0000;
		text-align:center;
		font-size:20px;
	}

	/*ボルト一覧*/
	/*注文コード*/
	.Klist_Btbl td:first-child:before{
		display:block;
		width: 100%;
		background-color:#FFCC70;
		color:#000000;
		text-align:center;
		font-size:20px;
	}

	.Klist_Btbl td:first-child{
		display:block;
		width: 100%;
		content: attr(data-label);
		background-color:#FFCC70;
		color:#CC0000;
		font-size:20px;
	}

	/*適用、ロータリー型式*/
	.Klist_tbl td:nth-last-child(5),
	.Klist_tbl td:nth-last-child(6){
		display:block;
		width: 100%;
		content: attr(data-label);
	}

	.Klist_tbl td:nth-last-child(6){
		margin-top:50px;
	}

	.Klist_tbl tr:first-child td:nth-last-child(6){
		margin-top:0px;
	}

	/*適用、ロータリー型式ラベル*/
	.Klist_tbl td:nth-last-child(5):before,
	.Klist_tbl td:nth-last-child(6):before{
		display:block;
		width: 100%;
		content: attr(data-label);
		height: 24px;
		background-color: #966200;
		color: #FFFFFF;
		font-size: 16px;
	}

	tbody.scrollBody{
		display:table;
		width:100%;
		height:100%;
	}

	/*爪、ボルト価格部フォント*/
	/*疑似要素after効かないので無理やりbeforeで設定*/
	.Klist_tbl td:last-child, .Klist_Btbl td:last-child{font-size:20px; font-weight:bold}
	.Klist_tbl td:last-child:before, .Klist_Btbl td:last-child:before{font-size:14px}

	/* コード 有効性 */
	/* pc-spサイズで無効にするための宣言 */
	.br-pc{display:none}
}

/* =========================================
   商品リスト（680px〜）
========================================= */
@media screen and (min-width: 680px){
@media screen and (min-width: 680px){
	.Klist_tbl,.Klist_Btbl{
		width:770px;
		margin:30px auto;
		border:1px solid #732800;
		border-collapse:collapse;
		font-size:12px;
	}

	.Klist_Btbl{width:500px}
	.Klist_tbl a{font-size:14px;}
	.no_link{font-size:14px;}
	.Klist_tbl td, .Klist_Btbl td{border:1px solid #666666;}

	.listH1,.listH2,.listH3,.listH4{
		background-color:#FFC66B;
		font-weight:bold;
		text-align:center;
		vertical-align:middle;
		border:1px solid #732800;
		color:#732800;
	}

	.listH1{width:180px}
	.listH2{width:80px}
	.listH3{width:34px}
	/*.listH4は個別にwidth指定*/

	.kl_code, .kl_code_s, .kl_codeB, .kl_codeG{width:80px;}
	.kl_l1, .kl_l1B, .kl_l1G, .kl_l2, .kl_l3,{text-align:left;}
	.kl_c1, .kl_c2, .kl_c3, .kl_c3B, .kl_c3G, .kl_c4{text-align:center;}
	.kl_r1, .kl_r2, .kl_r2B, .kl_r2G, .kl_r3{text-align:right;}
	.kl_l1, .kl_l1B, .kl_l1G, .kl_c1, .kl_r1{width:180px}
	.kl_l2, .kl_c2, .kl_r2, .kl_r2B, .kl_r2G{width:80px}
	.kl_l3, .kl_c3, .kl_c3B, .kl_c3G, .kl_r3{width:34px}
	.kl_code_s{font-size:12px}	/*桁数が多い注文コード用 list幅拡張のため他と同一*/
	.kl_codeB{background-color: #AFEEEE}
	.kl_codeG{background-color: #FFD700}

	thead.scrollHead{
		display:block;
		width:770px;
	}

	tbody.scrollBody{
		display:block;
		overflow-y:scroll;
		width:100%;
		height:700px;
	}

	td,th{table-layout:fixed}

	/* コード 有効性 */
	/* pc-spサイズで無効にするための宣言 */
	.pad-left-10{padding-left:10px}
	.fnt-11{font-size:11px}
	.br-sp{display:none}
}