@charset "utf-8";
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	width: 100%;
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 1px;
	color: #5F5F5F;
	background-color: #fff;
}
img {
	vertical-align: middle;
	max-width: 100%;
}
.waku {
	border: 1px #ccf5cc solid;
}
/*テキスト左右振り分け*/
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
h1 , h2{
	margin: 0;
	font-size: 11px;
	color: #4a4037
}
/* レコメンドリンク */
.other_link {
	margin-top: 20px;
}
/*スライド*/

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.wideslider ul, .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev, .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	z-index: 2;
}
.slider_prev {
	background: #fff url(/img/prev.png) no-repeat right center;
}
.slider_next {
	background: #fff url(/img/next.png) no-repeat left center;
}
.pagination {
	position: absolute;
	margin: -20px 0 0 0;
	width: 100%;
	height: 15px;
	text-align: center;
	z-index: 2;
}
.pagination a {
	margin: 0 5px;
	width: 12px;
	height: 12px;
	display: inline-block;
	overflow: hidden;
	background: #35b160;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}
.pagination a.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/*ボタン*/

.btn_area {
	text-align: center;
}
.button {
	display: inline-block;
	width: auto;
	padding: 0;
	height: auto;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	line-height: 37px;
	outline: none;
}
.button::before, .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button, .button::before, .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn01 {
	background-color: #5a3448;
	border: 2px solid #5a3448;
	color: #fff;
	width: 200px;
}
.btn01:hover {
	background-color: #fff;
	border-color: #5a3448;
	color: #5a3448;
	text-decoration: none;
}
.btn02 {
	background-color: #fff;
	border: 2px solid #5a3448;
	color: #5a3448;
	width: 100%;
}
.btn02:hover {
	background-color: #5a3448;
	border-color: #5a3448;
	color: #fff;
	text-decoration: none;
}
.tb_padding {
    padding-left: 2%;
    padding-right: 2%;
}

/* 2020/06/08 "font-size: 10px;"を追記 HS野田 */
.catalogue_link {
    width: 100px;
    display: block;
    margin-right: 20px;
    float: left;
    text-align: center;
	font-size: 10px;
}
.catalogue_link:last-of-type {
    margin-right: 0;
}
/* 2020/06/08 "height: auto;"を追記 HS野田 */
.catalogue_link img {
    display: inline-block;
    width: 100%;
	height: auto;
}

/* 2020/06/08 class名に"table.item"を追記 HS野田 */
.sec05 table.item h3 {
    margin: 0 0 10px 0;
    background: url(/img/title06.png) no-repeat left;
    padding: 0 0 0 30px;
    font-size: 19px;
    text-align: left;
    padding: 8px 0 8px 30px;
    border-bottom: 1px dashed #4a4037;
}
/* 2020/06/08 以下追記 HS野田 */
.sec05 .indiv.clearfix p[style="margin-bottom:15px;"] {
	font-size: 16px!important;
}
/* ここまで */
@media screen and (max-width: 1023px) {
    #onehand, #twohand, #pan {
        padding-top: 65px;
        margin-top: -65px;
    }
	/* 2020/06/07 以下追記 HS野田 */
	.sec05 .indiv {
		padding: 0 10px;
	}
	.exp_img_box {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	.exp_img_box img {
		margin-bottom: 10px;
	}
	/* ここまで HS野田 */
}
/*--------------------------------------------------------
  メインコンテンツ
--------------------------------------------------------*/
.sec01 {
	background: url(/img/bg01.jpg) no-repeat;
	text-align: center;
	background-size: cover;
}
.sec01 p.topTitle {
	padding: 50px 0 20px;
	font-size: 26px!important;
	text-shadow: 0px 1px 3px rgba(255,255,255,0.9);
	-moz-text-shadow: 0px 1px 3px rgba(255,255,255,0.9);
	-webkit-text-shadow: 0px 1px 3px rgba(255,255,255,0.9);
	-o-text-shadow: 0px 1px 3px rgba(255,255,255,0.9);
	-ms-text-shadow: 0px 1px 3px rgba(255,255,255,0.9);
}
.sec01 p {
	padding: 0 0 50px;
	font-size: 16px;
	line-height: 1.66;
	color: #000;
	text-shadow: 0px 1px 3px rgba(255,255,255,0.9);
	-moz-text-shadow: 0px 1px 3px rgba(255,255,255,0.9);
	-webkit-text-shadow: 0px 1px 3px rgba(255,255,255,0.9);
	-o-text-shadow: 0px 1px 3px rgba(255,255,255,0.9);
	-ms-text-shadow: 0px 1px 3px rgba(255,255,255,0.9);
}

.sec02 h2, .sec03 h2, .sec06 h2 {
	margin: 30px 0 10px
}
.sec02 td {
	border: #edd500 1px solid;
	text-align: center;
	padding: 5px;
	vertical-align: top;
	max-height: 194px;
}
.sec02 td img {
	margin: 0 0 8px 0;
	width: 100%;
}
.sec02 table .big {
	width: 50%;
}
.sec02 ul {
	margin: 15px 0 0 0;
}
.sec02 li {
	float: left;
	width: 20%;
	text-align: center;
	position: relative;
	margin: 0 0 10px 0
}
.sec02 li+ li {
	border-left: #ffb655 2px dotted;
	padding: 0 8px;
}
.absolute01, .absolute02 {
	position: absolute;
	top: -5px;
	left: 3px;
	z-index: 5;
}
.absolute03 {
	position: absolute;
	top: 0px;
	left: 5px;
}
.absolute01 {
	max-width: 35px;
}
.absolute02, .absolute03 {
	max-width: 30px;
}
.btn_cart input[type="image"] {
	width: 120px;
	height: auto;
    vertical-align: middle;
}
table.metal th:last-child {
	width: 33%;
}
a:hover .absolute01, a:hover .absolute02, a:hover .absolute03 {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: “alpha( opacity=100 )”;
}
.sec03 li {
	float: left;
	width: 125px;
	text-align: center;
	height: 50px
}
.top.sec03 li {
	width: 15.666%;
}
.sec03 li+ li {
	margin: 0 0 0 1%;
}
.sec03 li a {
	display: block;
	padding: 10px 0;
	border: none;
	text-align: center;
	background: #7d2a25;
	color: #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-decoration: none;
}
.sec03 li a:hover, .sec03 li a:focus {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.sec06 h3 {
	margin: 10px 0 5px;
}
.sec06 li {
	float: left;
	width: 48%;
	margin: 0 1% 10px;
}
.combox {
	border: 1px #c54237 solid;
	padding: 10px;
	margin: 30px 0 0 0;
	color: #c54237
}
.linkba {
	margin: 15px auto 0 auto;
}
.linkba td {
	padding: 0 8px 10px 8px
}

.sec05 .intro {
	font-size: 16px;
	line-height: 1.4;
	margin: 0 0 30px 0
}
.sec05 hr {
	border-bottom: 2px dotted #807973;
	margin: 30px 0
}
.sec05 .right_box {
	float: left;
	width: 71%
}
.sec05 h2 {
	margin: 0 0 10px 0;
	background: url(/img/title06.png) no-repeat left;
	padding: 0 0 0 30px;
	font-size: 19px;
	text-align: left;
	padding: 8px 0 8px 30px;
	border-bottom: 1px solid #4a4037;
}
/*---------------------------
 テンプレート01の取り扱いジャンルリスト
---------------------------*/
.sec05 .itemlist table td.sp {
	width: 20px;
}
.sec05 .itemlist table td {
	width: 46%;
	padding: 0 2% 30px
}
.sec05 .itemlist table td img {
	float: left;
	margin: 0 1%;
	width: 27%;
	max-width: 100px;
	height: auto
}
.sec05 .itemlist table td p.link {
	text-align: right
}
.sec05 .itemlist table td p.link a {
	padding: 0 0 0 23px;
	background: url(/img/title07.png) no-repeat left;
}



.sec05 .branditemlist ul {
	width: 100%
}
.sec05 .branditemlist ul li {
	width: 20%;
	text-align: center;
	float: left;
	height: 160px
}
.sec05 .branditemlist ul li img {
	max-width: 100px;
	width: 100%;
	margin: 0 0 5px 0
}
.sec05 .brandmaker table .nlink, .sec05 .color .vsp {
	padding: 5px 0 20px 0
}
.sec05 .brandmaker table {
	width: 100%
}
.sec05 .brandmaker table td {
	width: 23%;
	padding: 0 1%;
	text-align: center
}
.sec05 .indiv {
	margin: 20px 0 0 0
}
.sec05 .indiv .image {
	float: left;
	width: 35%
}
.sec05 .indiv .image img {
	max-width: 250px;
}
.sec05 .exp {
	float: left;
	width: 65%;
	font-size: 16px;
	line-height: 1.4;
}

.sec05 .color {
	width: 100%;
}
.sec05 .color td {
	width: 33%;
	text-align: center
}
.sec05 .color td img {
	max-width: 170px
}
.sec05 .item {
	width: 100%;
}
.sec05 .item th {
	width: 25%;
	text-align: center;
    vertical-align: top;
}
.sec05 .item th img {
	max-width: 170px
}
.tp04 .sec05 .item td {
	padding-top: 10px;
}
.sec05 .item td {
	width: 73%;
	padding: 0 1%
}
.sec05 .item .spec {
	background: #B4B4B4;
	border-collapse: separate;
	border-spacing: 1px;
}
.sec05 .item .spec th {
	padding: 3px 4px;
	color: #E2855E;
	background: #FFF0D5;
}
.sec05 .item .spec td {
	padding: 4px;
	background: #FFFFFF;
}
.sec05 .cart table {
	width: 100%;
}
.sec05 .cart td {
	padding-top:7px;
	width: 33%
}
.attendbox {
	border: #FF0004 1px solid;
	padding: 10px 20px 30px;
	margin: 20px 15px 0;
}
.attendbox h3 {
	color: #FF0004;
	text-align: center
}
/* 2020/06/08 "margin-left: 15px;"を追記　HS野田  */
.cat_link {
	padding: 0 0 0 23px;
	background: url(/img/title07.png) no-repeat left;
	margin-left: 15px;
}
.metallist {
	width: 100%;
}
.metallist th {
	width: 40%;
	padding-right: 5%;
	text-align: center
}
.metallist th img{
	height: auto;
}
.metallist td {
	width: 60%;
	padding: 0 2%
}
.metallist p {
	font-size: 14px
}

.sec05 .branditemlist02 ul {
	width: 100%
}
.sec05 .branditemlist02 ul li {
	width: 20%;
	text-align: center;
	float: left;
	height: 160px
}
.sec05 .branditemlist02 ul li img {
	max-width: 80px;
	width: 100%;
	margin: 0 0 5px 0
}
.metal {
	width: 100%;
	background: #B4B4B4;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: center;
	margin: 10px 0 0 0
}
.metal th {
	padding: 2px 1px;
	color: #E2855E;
	background: #FFF0D5;
	text-align: center
}
.metal td {
	padding: 2px 5px;
	background: #FFFFFF;
	letter-spacing: 0px;
}
.cartprice {
	color: #FF3300;
	font-size: 12px;
	font-weight: bold;
}
.minute {
	color: #7d2a25;
}
.btn_list_o {
	width: 85px !important
}

/*---------------------------
 テンプレート04
---------------------------*/
.tp04 .item_row {
	border-bottom: 1px dotted #B4B4B4;
}
.tp04 .cart {
	margin-bottom: 15px;
}
/*---------------- 
 一つの画像に対して複数のカートが必要な場合は、
 tr.item_rowにクラス「multisize」を追加する。
 ※カート数分tr.item_rowを複製して、商品に対して2つ目以降の
　 カートにはthに画像を入れない
----------------*/
.item_row.multisize {
	border-bottom: none!important;
}
.item_row.multisize > td {
	border-bottom: 1px dotted #B4B4B4;	
}
.item_row.multisize:last-of-type:not(.noborder_b) {
	border-bottom: 1px dotted #B4B4B4!important;
}
.item_row.multisize:last-of-type > td {
	border-bottom: none;
}

/*---------------------------
 NEWS記事ページ
---------------------------*/
.oshirase_title {
	font-size: 20px;
	font-weight: 600;
	border-bottom: solid 4px #E5E5E5;
    position: relative;
    padding: 5px 0;
    margin-bottom: 30px;
    color: #4A4037;
}
.oshirase_title:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 4px #4A4037;
    bottom: -3px;
    width: 30%;
}
.news_img_box  {
	width: 40%;
	margin: 0 5% 20px;
	float: left;
}
.news_img_box img {
	width: 100%;
}
#detailWrap {
	line-height: 1.6;
	margin-bottom: 20px;
}
.imgexists {
	clear: both;
	text-align: center;
}
.up_ymd {
	margin-bottom: 10px;
	font-weight: 600;
}

/*===========================
 下層ページ共通CSS
===========================*/
/*---------------------------
 共通下層ページ見出し
---------------------------*/
/* h2 */
h2.kasou_h2 , .sec05 h1{
	background-color: #e79e2d;
	padding: 8px 0 3px 10px;
	background-image: url(../img/common/icon_white.png);
	background-position:10px 9px;
	background-repeat: no-repeat;
	padding-left: 55px;
	font-size: 24px;
	color: #ffffff;
	font-weight: 600;
	margin: 15px auto;
	
}
/* h3 */
h3.kasou_common_headline{
	font-size: 18px;
	font-weight: 600;
	color: #4a4037;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(../img/common/icon_orange.png);
	background-position: left 0px;
	background-repeat: no-repeat;
	padding-left: 30px;
}
/* h4 */
h4.kasou_orange_h4{
	color: #e79e2d;
	font-weight: 600;
	font-size: 16px;
}

/*---------------------------
 背景がオレンジのボックス
---------------------------*/
.bg_orange_box{
	background-color: #f9ead4;
	padding: 15px;
	margin: 20px auto;
}
/*---------------------------
 背景がグレーのボックス
---------------------------*/
.bg_gray_box{
	background-color: #f6f6f6;
	padding: 15px;
	margin: 20px auto;
}
/*---------------------------
 下線付きボックス
---------------------------*/
.bdb_ds_box{
	border-bottom: 1px dashed #5f5f5f;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
/*---------------------------
 ノーマルリスト
---------------------------*/
.nomal_list{
	margin: 20px 0 0 20px;
}
.nomal_list li{
	list-style-type: disc;
	margin:0 0 5px 20px;
}
.nomal_list li ul{
	margin-top: 10px;
	margin-bottom: 20px;
}
.nomal_list li ul li{
	list-style-type: none;
}
/*---------------------------
 共通テーブル
---------------------------*/
table.common_table{
	width: 100%;
	border: 1px solid #615850;
}
table.common_table th{
	width: 20%;
	padding: 10px 5px 10px 10px;
	border: 1px solid #615850;
	background-color: #FAF0E7;
	font-weight: 600;
}
table.common_table td{
	width: 80%;
	padding: 10px 5px 10px 10px;
	border: 1px solid #615850;
}
/* ページ内リンク用CSS */
.page_link_box a{
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	background-image: url(../img/common/icon_link_arrow.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 15px;
	padding-left: 20px; 
	margin: 5px;
	color: #4A4037;
}
/*---------------------------
 上に見出しがあるテーブル
---------------------------*/
table.top_headline_table{
	width: 100%;
	border: 1px solid #615850;
	margin-bottom: 15px;
}
table.top_headline_table th{
	padding: 5px;
	border: 1px solid #615850;
	background-color: #FAF0E7;
	font-weight: 600;
	width: 50%;
}
table.top_headline_table td{
	padding: 5px;
	border: 1px solid #615850;
}
table.top_headline_table td:nth-child(even){
	text-align: right;
}
/*---------------------------
 ポイント会員について
---------------------------*/
.point_wrapper img{
	margin-bottom: 20px;
}
/*---------------------------
 よくある質問
---------------------------*/
.qa_box dt{
	display:block;
	cursor:pointer;
	padding: 10px 50px 10px 10px;
	position: relative;
	background-color: #f1f0f0;
	margin-bottom: 8px;
}
.qa_box dd{
	display:none;
	padding: 20px;
	margin-bottom: 10px;
}
.icon_close {
	display: none;
}
img.icon_open , img.icon_close {
	position: absolute;
	right: 20px;
	width: 18px;
	top: 30%;
}
img.icon_close {
	display: none;
}
/*---------------------------
 サイトマップ
---------------------------*/
/* アイコン付きリンク */
.sitmap_link_01{
	display: inline-block;
	background-image: url(../img/common/icon_sitemap_headkine.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
}
/* サイトマップ用テーブル */
dl.sitemap_dl{
	width: 33.333333%;
	float: left;
	margin-bottom: 20px;
}

.sitemap_dl dt a {
    position: relative;
	display: block;
	padding: .5em 0 .3em 1em;
	font-size: 15px;
	font-weight: 600;
	border-spacing:10px;
	color: #333333;
}
.sitemap_dl dt a::after {
    position: absolute;
    top: .5em;
    left: 0em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #b8ba11;
    border-radius: 4px;
}
.sitemap_dl dd{
	vertical-align: top;
	padding: 0 15px;
	margin-top: 15px;
}
.sitemap_dl dd ul {
	margin-bottom: 25px;
}
.sitemap_dl dd ul li {
  position: relative;
	margin-bottom: 5px;
}
.sitemap_dl dd ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #b8ba11;
  border-bottom: 1px solid #b8ba11;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sitemap_dl dd li a{
	color: #333333;
}
/*---------------------------
 ご利用ガイド
---------------------------*/
/*----------------
 ページ内リンク（詳細）
----------------*/
.guide_page_link a{
	display: inline-block;
	background-image: url(../img/common/guide_link_icon.png);
	background-position: 2px 1px;
	background-repeat: no-repeat;
	padding: 0 5px 10px 25px;
	margin-right: 15px;
	color: #5f5f5f;
}
/*----------------
 ページ内リンク（詳細）
----------------*/
.page_link dl{
	width: 48%;
	float: left;
	margin: 1%;
	border: 1px solid #4a4037;
	border-radius: 5px;
	padding: 15px;
	background-color: #fef2e7;
	height: 203px;
}
.page_link dt{
	border-bottom: 1px dotted #4a4037;
	font-weight: 600;
	font-size: 18px;
	background-image: url(../img/common/icon_brown.png);
	background-position: 2px 4px;
	background-repeat: no-repeat;
	padding: 0 5px 10px 25px;
}
.page_link dt a{
	color: #4a4037;
}
/* 本文内のリンク */
.guide_wrapper p a{
	color: #195fa1;
	font-weight: 600;
}
/*---------------------------
 ご注文の流れ
---------------------------*/
/* 見出し */
.order_flow_headline{
	font-size: 18px;
	color: #ffffff;
	background-color: #94806E;
	font-weight: 600;
	padding: 5px 10px;
}
.page_link_order_flow a{
	display: inline-block;
	background-color: #4A4037;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	margin-right: 10px;
}
.page_link_order_flow a:hover{
	background-color: #E79E2D;
	text-decoration: none;
}
.order_flow_wrapper img{
	margin-top: 20px;
}
/*----------------
 フローボックス
----------------*/
/* フロー */
.flow {
    margin: 0 auto 50px;
}
.flow .box {
	float: left;
    border: 3px solid #E79E2D;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    font-size: 13px; /* テキストの指定 */
    line-height: 1.4; /* テキストの指定 */
	margin: 1.5%;
	background-color: #E79E2D;
	width: 30.333333%;
}
.flow .box a{
	display: block;
    padding: 10px 0;
	color: #FFFFFF;
	text-align: center;
}
.flow .box a:hover{
	color: #F5E5CB;
	text-decoration: none;
	background-color: #EBB562;
}
.flow .box:after {
    border: 10px solid transparent;
	border-left-color: #E79E2D;
    content: "";
    position: absolute;
    top: 30%; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
    left: 105%;/* 中央寄せに使用 */
}
.flow .box:last-child:after {
    border: none; /* 最後のボックスだけ三角形を表示しない */
}

/*===========================
 cgi部分
===========================*/
/* ボーダー非表示用CSS */
.bd_none{
	border: none!important;
}
/*---------------------------
 会員登録フォーム
---------------------------*/
/*----------------
 テーブル
----------------*/
table{
	width: 100%!important;
}
.form_table{
	width: 100%!important;
}
table.form_table td{
	padding: 10px;
	border: 1px solid #4a4037;
}
table.form_table td:first-child{
	width: 25%;
	color: #4a4037;
	font-weight: 600;
	text-align: left;
}
table.form_table td:last-child{
	width: 75%;
}
table.form_table input{
	margin-top: 3px;
	margin-bottom: 3px;
}
/* 送信ボタン */
input.submit {
    padding: 5px 0;
    font-size: 16px;
    background-color: #c74633;
    color: #fff;
    border-style: none;
    width: 48.5%;
	margin-bottom: 0!important;
	margin-bottom: 10px;
	display: block;
	margin: auto;
}
input.submit:hover{
    background-color: #DD7D6E;
}
/* クリアボタン */
input.clear_btn{
    background-color: #ACACAC!important;
}
input.clear_btn:hover{
    background-color: #C0C0C0!important;
}
/*---------------------------
 商品検索結果画面
---------------------------*/
table.image_only_table{
	margin-bottom: 40px!important;
}
/* ページ番号リンク */
span.page {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    background-color: #AFAFAF;
	color: #ffffff;
}
a span.page {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    background-color: #F5B536;
	color: #ffffff;
}
a span.page:hover {
    background-color: #FFCB64;
}
/* 検索条件表示部分 */
.kensaku_table2{
	background-color: #C4C4C4!important;
	border: none!important;
}
.kensaku_table2 tr td{
	padding: 8px!important;
}
.jouken_table td:first-child{
	font-size: 18px;
	font-weight: 600;
}
/* 商品名 */
table.image_only_table tr:nth-child(2) td {
    padding-top: 10px;
	padding-bottom: 10px;
}
/* 商品の値段 */
table.image_only_table tr:last-child {
    color: #C70002;
	font-weight: 600;
}
/*---------------------------
 商品紹介ページ
---------------------------*/
/* 見出し */
h2.product_headline{
	border-bottom: 2px solid #4A4037;
	padding-bottom: 10px!important;
	margin-bottom: 20px!important;
	background-position: 2px 1px;
}
h2.product_list_headline{
	color: #ffffff;
	padding-bottom: 8px!important;
	margin-bottom: 20px!important;
	background-image: none;
	padding-left: 15px;
	background-color: #4A4037;
	font-size: 16px;
}
/*---------------------------
 参考サイズテーブル用CSS
---------------------------*/
table.point_table{
	border: 1px solid #5F5F5F;
	border-collapse: collapse;
	text-align: center;
}
table.point_table th,table.point_table td{
	border: 1px solid #5F5F5F;
	padding: 5px 8px;
}
/*---------------------------
 枠のみのテーブル
---------------------------*/
table.nomal_table{
	border: 1px solid #5F5F5F;
	border-collapse: collapse;
}
table.nomal_table th,table.nomal_table td{
	border: 1px solid #5F5F5F;
	padding: 5px 8px;
}
/*---------------------------
 商品詳細が3列に分かれている場合に適応
---------------------------*/
.detail_threecol div{
	width: 32%;
	margin-right: 2%;
	float: left;
	text-align: center;
}
.detail_threecol div:last-of-type{
	margin-right: 0;
}
.detail_threecol div h3{
	margin: 10px auto 10px auto;
	font-weight: bold;
}
.detail_threecol div p{
	text-align: left;
}
/*---------------------------
 商品詳細が2列に分かれている場合に適応
---------------------------*/
.detail_twocol div{
	width: 49%;
	margin-right: 2%;
	float: left;
	text-align: center;
}
.detail_twocol div:last-of-type{
	margin-right: 0;
}
.detail_twocol div h3{
	margin: 10px auto 10px auto;
	font-weight: bold;
}
.detail_twocol div p{
	text-align: left;
}

/*---------------------------
 商品詳細部分が
 見出し⇒画像＆テキスト
 の場合に適応
---------------------------*/
.detail_midashi_twocol:not(.noborder_b){
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #4A4037;

}
.detail_midashi_twocol h3 {
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 15px;
}
.detail_midashi_twocol .imgbox_for_twocol {
	display: block;
	width: 20%;
	float: left;
	margin-right: 2%;
	text-align: center;
}
.detail_midashi_twocol p {
	width: 78%;
	float: left;
} 
.noborder_b{
	border-bottom: none!important;	
}

/*---------------------------
 e-shopsカート
---------------------------*/
form[action^="https://cart.ec-sites.jp/"] {
    text-align: right;
}
input[type="submit"][name="es_submit"] {
    Width: 152px!important;
    height: 41px!important;
    margin-top: 10px!important;
    padding: 0!important;
    border-radius: 0!important;
    font-size: 18px!important;
    background-image: url(https://www.kotani-kanamono.co.jp/img/btn_cart.gif)!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background-color: transparent!important;
    color: transparent!important;
    border: none!important;
    display: inline-block!important;
}
select[name="es_item_qty"] {
    vertical-align: middle;
    height: 35px!important;
    /* font-size: 150%; */
    display: inline-block!important;
    margin-right: 15px!important;
    font-size: 1em!important;
}
form[action^="https://cart.ec-sites.jp/"] input[type="image"] {
    width: 119px;
    margin-top: 7px;
    margin-bottom: 7px;
    vertical-align: middle;
}
.metal .cart form[action^="https://cart.ec-sites.jp/"] {
    text-align: left!important;
}
.metal .cart form[action^="https://cart.ec-sites.jp/"] > span {
    margin-right: 13px;
    padding-left: 10px;
}
.metal .cart select[name="es_item_qty"] {
    height: 25px!important;
}
.metal .cart input[type="submit"][name="es_submit"] {
    width: 120px!important;
    height: 33px!important;
    vertical-align: middle;
    margin-top: 4px!important;
    margin-bottom: 5px!important;
}

/*===========================
 スマホ横向き未満まで適用	 	
===========================*/
@media (max-width: 666px) {
	/*---------------------------
	 ノーマルリスト
	---------------------------*/
	.nomal_list{
		margin: 10px;
	}
	.nomal_list li{
		list-style-type: disc;
		margin:0 0 5px 5px;
	}	
	/*----------------
	 ページ内リンク（詳細）
	----------------*/
	.page_link dl{
		width: 100%;
		margin: 1%;
		height: auto;
	}
	.news_img_box {
		width: 45%;
		margin: 0 2.5% 20px;		
	}
	.news_img_box img {
		height: 100px;
	}
	/*---------------------------
	 テンプレート04
	---------------------------*/
	.sec05 .indiv .image {
		float: none;
		width: 100%;
		text-align: center;
	}
	/*----------------
	 カート表レスポンシブ
	----------------*/
	.tp04 .sec05 .item td , .tp04 .sec05 .item th {
		width: 100%;
		display:block;
	}
	.tp04 .sec05 .item .in_cart td {
		text-align: center;
	}

	.tp04 .cart {
		padding-bottom: 15px;
	}
	.sec05 .item .spec {
		width: 100%;
	}
	.sec05 .item .spec th {
		border-bottom: 1px solid #B4B4B4;
	}
	
	/*---------------------------
	 サイトマップ
	---------------------------*/
	/* サイトマップ用テーブル */
	dl.sitemap_dl{
		width: 100%!important;
	}
	/*---------------------------
	 ご注文の流れ
	---------------------------*/
	.page_link_order_flow a{
		display: inline-block;
		width: 100%;
		margin:0 0 10px 0;
		text-align: center;
	}
	/*----------------
	 フローボックス
	----------------*/
	/* フロー */
	.flow .box {
		width: 96%;
		margin: 2%;
	}
	.flow .box:after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #E79E2D;
		content: "";
		position: absolute;
		top: 105%; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
		left: 48%;/* 中央寄せに使用 */
	}
	/*===========================
	 cgi部分
	===========================*/
	/*---------------------------
	 会員登録フォーム
	---------------------------*/
	/*----------------
	 テーブル
	----------------*/
	table.form_table td{
		padding: 10px;
		border: 1px solid #4a4037;
		width: 100%;
		display: block;
	}
	table.form_table td:first-child{
		width: 100%;
		color: #4a4037;
		font-weight: 600;
		text-align: left;
	}
	table.form_table td:last-child{
		width: 100%;
	}
	table.form_table input{
		width: 100%;
	}
	input.submit {
		margin: 2%;
		width: 96%!important;
		display: block;
	}
	/* ラジオボタン */
	input[type="radio"] {
	    width: 10%!important;
	}
	.input_nenrei input{
		width: 18%!important;
	}
}
	
/*===========================
 タブレット未満まで適用	 	
===========================*/
@media (max-width: 767px) {
	/* 2020/06/14 以下追記　HS野田 */
	table.three_col {
		table-layout: fixed;
		word-break: break-all;
	}
	table.three_col th, table.three_col td:not(.btn_cart) {
		width: 33.3333%!important;
	}
	table.three_col td input[type="image"] {
		max-width: 100%;
	}
	table.four_col {
		table-layout: fixed;
		word-break: break-all;
	}
	table.four_col th, table.four_col td:not(.btn_cart) {
		width: 25%!important;
	}
	table.four_col td input[type="image"] {
		max-width: 100%;
	}
	/* ここまで */
	
	.sec05 .item td {
		width: 100%;
		display: block;
	}

	.sec05 .indiv .image {
		margin: 0 10px 10px 0
	}
	.sec05 .exp {
		float: none;
		width: auto;
		font-size: 14px;
		line-height: 1.3;
		padding: 0 2%
	}
	.metallist th {
		display: block;
		width: 100%;
		text-align: center
	}
	.metallist th img {
		max-width: 200px;
		margin: 0 0 10px 0
	}
	.metallist td {
		display: block;
		width: 100%;
	}
	.sec05 .branditemlist02 ul li {
		width: 48%;
		text-align: center;
		float: left;
		margin: 0 1%
	}
	.sec05 .branditemlist02 ul li img {
		max-width: 80px;
		width: 100%;
		margin: 0 0 5px 0
	}
	/* 2020/06/14 以下追記　HS野田 */
	.sec05 .item th {
		width: 100%;
		display: block;
		padding-bottom: 15px;
	}
	.sec05 .item td {
		width: 100%;
		display: block;
	}
	
	/* 2020/06/08 以下追記　HS野田 */
	.sec05 .indiv.clearfix p[style="margin-bottom:15px;"] {
		font-size: 14px!important;
	}
	/*---------------------------
	 トップページタイトル
	---------------------------*/
	.sec01 {
		background: url(/img/bg01.jpg) no-repeat;
	}
	.sec01 h1 {
		padding: 20px 00;
		font-size: 16px;
	}
	.sec01 p {
		padding: 0 2% 20px;
		font-size: 14px;
		line-height: 1.4;
		text-align: left
	}
	.border_set {
		border-left: #edd500 2px dotted!important;
		margin-left: -2px;
	}
	
	/*---------------------------
	 テンプレート05
	---------------------------*/
	.sec05 div:not([class]) {
		padding-left: 5px;
		padding-right: 5px;
	}
	.metal {
		font-size:11px;
		width: 98%;
	}
	.metal td:first-child ,.metal th:first-child {
		display: none;
	}
	.sec05 .cart td {
		width: 100%;
		display: block;
	}
	
	.sec05 .branditemlist ul li {
		width: 48%;
		text-align: center;
		float: left;
		margin: 0 1%
	}
	.sec05 .branditemlist ul li img {
		max-width: 100px;
		width: 100%;
		margin: 0 0 5px 0
	}
	
	.sec05 .intro {
		font-size: 14px;
		line-height: 1.3;
		margin: 0 0 30px 0;
		padding: 0 2%
	}
	.sec05 .itemlist table td {
		width: 98%;
		padding: 0 1% 30px;
		display: block
	}
	.sec05 .itemlist table td:after {
		content: ".";
		height: 0;
		clear: both;
		display: block;
		visibility: hidden;
	}
	.sec06 h3 {
		margin: 10px 0 5px;
		text-align: center
	}
	.sec06 li {
		float: left;
		width: 96%;
		margin: 0 2%;
	}
	
	.sec03 li {
		float: left;
		width: 46%;
		margin: 0 2%;
		text-align: center;
		height: 50px
	}
	.sec03 li+ li {
		margin: 0 2%;
	}
	.sec02 td {
		display: block;
		width: 50%;
		float: left;
		max-height: none;
		border: none;
	}
	.top_pickup tr {
		border-bottom:#edd500 2px dotted;
	}
	.sp_bd_btm {
		border-bottom:#edd500 2px dotted!important;
	}
	.sp_bd_right {
		border-right:#edd500 2px dotted!important;
	}
	.sec02 .spbig {
		width: 100%;
	}
	.sec02 td img {
		margin: 0 0 8px 0;
	}
	.sec02 table .big {
		width: 50%;
	}
	.sec02 li {
		float: left;
		width: 50%;
		text-align: center;
		height: auto;
		position: relative;
	}
	.sec02 li+ li {
		border-left: none;
		padding: 0;
		min-width: 0;
	}
	/*---------------------------
	 サイトマップ
	---------------------------*/
	/* サイトマップ用テーブル */
	dl.sitemap_dl{
		width: 50%;
	}
	/*---------------------------
	 商品詳細が3列に分かれている場合に適応
	 ※goods_d15001.html参照
	---------------------------*/
	.detail_threecol div{
		float: none;
		width: 100%;
		padding: 0 2%;
		margin-bottom: 20px;
	}
	.detail_threecol div:last-of-type{
		margin-bottom: 0;
	}
	/*---------------------------
	 商品詳細が2列に分かれている場合に適応
	 ※c-tools_d16001.html参照
	---------------------------*/
	.detail_twocol div{
		float: none;
		width: 100%;
		padding: 0 2%;
		margin-bottom: 20px;
	}
	.detail_twocol div:last-of-type{
		margin-bottom: 0;
	}
    form[action^="https://cart.ec-sites.jp/"] {
        text-align: center;
    }
    form[action^="https://cart.ec-sites.jp/"] > span {
        vertical-align: middle;
        line-height: 35px;
        margin-top: 12px;
        display: inline-block;
    }
    input[type="submit"][name="es_submit"] {
        display: block!important;
        margin: auto!important;
    }
    select[name="es_item_qty"] {
        margin-top: 15px;
        margin-bottom: 5px;
    }
}

/*===========================
 タブレット縦以上に適用されるCSS
===========================*/
@media (min-width: 768px) {
	.cart td.item_count {
		text-align: right;
		width:27%;
	}
	.cart td.select {
		text-align: left;
		width: 27%;
	}
	.cart td.btn_cart {
		width:44%;
	}
}

.cashless_bn {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width:1024px) {
    .cashless_bn {
        margin-left: 0;
        width: 60%;
    }
}

/*===========================
 PC未満に適用されるCSS
===========================*/
@media (max-width: 998px) {

}