@charset "utf-8";

/*
	Last Update:20--/--/--
	Auther: name
*/

		/*.recommended_shoes*/
		.recommended_shoes {}

		.recommended_shoes .content {}
		.recommended_shoes .article { margin-bottom:60px;}
		.recommended_shoes .article a { display:block; color:#444;}
		.recommended_shoes .article .photo { margin-bottom:15px; text-align: center;}
		.recommended_shoes .article .photo img {max-height: 180px;}
		.recommended_shoes .article .info {}
		.recommended_shoes .article .info > div { width:100%; border-bottom:2px solid #ddd; table-layout:fixed;}
		.recommended_shoes .article .info > div > * { padding:7.5px 0;}

		.recommended_shoes .article .info > div:nth-child(1) { border-top:2px solid #ddd; text-align:left;}
		.recommended_shoes .article .info > div:nth-child(1) h4 { width:100%;}
		.recommended_shoes .article .info > div:nth-child(1) .part_num { padding:2px 7.5px; display:inline-block; vertical-align:middle; border:1px solid #ddd; margin-right:5px;}
		.recommended_shoes .article .info > div:nth-child(1) .size { display:inline-block; vertical-align:middle;}

		.recommended_shoes .article .info > div:nth-child(2) { display: table; }
		.recommended_shoes .article .info > div:nth-child(2) > * { display:table-cell; text-align:center;}
		.recommended_shoes .article .info > div:nth-child(2) > p { border-left:1px solid #ddd; font-size:13px; width:50%;}
		.recommended_shoes .article .info > div:nth-child(2) > p:first-child { border-left:none;}
		.recommended_shoes .article .info > div:nth-child(2) > p > img { margin-right:5px;}

		.recommended_shoes .article .info  { margin-bottom:10px;}
		.recommended_shoes .article .info h4 { font-size:18px; font-weight:bold; text-align:left;}
		.recommended_shoes .article .info .h_ { display:inline-block; margin-right:5px;}
		.recommended_shoes .article .info .f_bold { font-weight:bold; font-size:20px; display: block; padding-top: 5px;}
		.recommended_shoes .article .info .f_bold > .small { font-weight:normal; font-size:11px !important;}
		.recommended_shoes .article .comment { font-size:0; margin-bottom:15px;}
		.recommended_shoes .article .comment .img { width:77px;  display:inline-block; vertical-align:top;}
		.recommended_shoes .article .comment .txt { width:calc(100% - 77px); font-size:13px; display:inline-block; vertical-align:top; text-align:left; padding-left:10px;}
		.recommended_shoes .article .comment .txt p:first-child { margin-bottom:5px;}
		.recommended_shoes .article .comment .txt p:first-child span { position:relative; display:block; background:#eee; padding:5px; color:#fff; font-weight:bold;}
		.recommended_shoes .article .comment .txt p:first-child span::before { content:" "; position:absolute; top:10px; left:-7px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 7px 5px 0;
		border-color: transparent #eee transparent transparent;
		}


			/*色分岐*/
			.recommended_shoes .article.ct1 .comment .txt > p:first-child span { background:#E87777;}
			.recommended_shoes .article.ct1 .comment .txt > p:first-child span::before {border-color: transparent #E87777 transparent transparent;}

			.recommended_shoes .article.ct2 .comment .txt > p:first-child span { background:#B58831;}
			.recommended_shoes .article.ct2 .comment .txt > p:first-child span::before {border-color: transparent #B58831 transparent transparent;}

			.recommended_shoes .article.ct3 .comment .txt > p:first-child span { background:#1D80C9;}
			.recommended_shoes .article.ct3 .comment .txt > p:first-child span::before {border-color: transparent #1D80C9 transparent transparent;}


			.recommended_shoes .article.ct4 .comment .txt > p:first-child span {background:#58b1ad;}
			.recommended_shoes .article.ct4 .comment .txt > p:first-child span::before {border-color: transparent #58b1ad transparent transparent;}

			.recommended_shoes .article.ct5 .comment .txt > p:first-child span {background:#7bab61;}
			.recommended_shoes .article.ct5 .comment .txt > p:first-child span::before {border-color: transparent #7bab61 transparent transparent;}

			.recommended_shoes .article.ct6 .comment .txt > p:first-child span{background:#E9A035;}
			.recommended_shoes .article.ct6 .comment .txt > p:first-child span::before {border-color: transparent #E9A035 transparent transparent;}

		.recommended_shoes .article .comment2 { background:#eee; padding:10px; text-align:left; font-size:13px; margin-bottom:10px;}


			/*.category_list1*/
			.category_list1 { text-align:center;}
			.category_list1 ul { text-align:left;}
			.category_list1 li { display:inline-block; margin-bottom:5px;}
			.category_list1 li span { display:block; padding:3px 10px; background:#816643; color:#fff; font-size: 13px;}

	@media screen and (min-width:768px) {
	.recommended_shoes .article { position: relative; padding-bottom:60px; }
	.recommended_shoes .article .list_button {position:absolute; width:100%; bottom: 0; left: 0;}
	.recommended_shoes .article .list_button .button { margin:0;  }
	}
	@media screen and (max-width:767px) {
	.recommended_shoes .header h3 > span { display: block; text-align: center; }
	.recommended_shoes .article {height:auto !important;}
	}


	/*.tab_navi*/
	.tab_navi { border-bottom:3px solid #663300; padding:0 20px; margin-bottom:20px; }
	.tab_navi ul { font-size:0; width:100%; display:table;}
	.tab_navi li { display:table-cell; width:calc(100% / 6);  border-top:2px solid #816643; border-right:2px solid #816643; vertical-align:bottom; text-align:center;}
	.tab_navi li:first-child { border-left:2px solid #816643;}
	.tab_navi li a { display:block; padding:15px; background:#fff; font-size:15px; font-weight:bold; color:#333;}
	.tab_navi li.active{}
	.tab_navi li.active a  { color:#fff; background:#5D9939;}

		/*色分岐*/
		.tab_navi li.ct1 span { }
		.tab_navi li.ct1.active a,
		.tab_navi li.ct1.active a span { }

	@media screen and (max-width:991px) {
	.tab_navi ul { display: block; font-size: 0; border-left:2px solid #816643; border-right:2px solid #816643; }
	.tab_navi ul li { display: inline-block; width: 33.333%; }
	.tab_navi ul li:first-child { border-left:none;  }

	}
	@media screen and (max-width:991px) and (min-width:768px) {
	.tab_navi ul li:nth-child(3n) { border-right: none; }
	}
	@media screen and (max-width:767px) {

	.tab_navi { padding:0; }
	.tab_navi ul li { width: 50%; }
	.tab_navi ul li:nth-child(even) { border-right:none;}

	}


/*===================================================================
	下層テンプレート
===================================================================*/
	/*#contents*/
	#contents { padding:60px 0 100px; }
	@media screen and (max-width:991px){
	#contents { padding:30px 0px 80px;}
	}


	/*.box1*/
	.box1-2 { padding: 20px; background: #fff; border: 2px solid #ddd; }
		/*.in_box*/
		.in_box { padding:20px; margin-bottom:20px;}
		.in_box:last-child { margin-bottom:0;}
		.in_box1 { background:#EDF7E8;}
		.in_box2 { background:#FFFFBF;}
		.in_box3 { background:#eee;}

	@media screen and (max-width:767px){
	.box1  { padding-left:0; padding-right:0;}
	}


	a.add_vect1 { position:relative; color:#444;}
	a.add_vect1::before { content:"\f054"; font-family:FontAwesome; color:#5D9A3B; display:inline-block; margin-right:5px;}

	/*ul*/
	ul.add_i { margin-bottom:30px;}
	ul.add_i li { position:relative; font-size:16px; line-height:1.5; padding-left:25px; margin-bottom:5px;}
	ul.add_i li:last-child { margin-bottom:0;}
	ul.add_i li::before { content:" "; position:absolute; top:3px; left:0; width:17px; height:17px; background: url(../../shop/common/image/layout/template/icon_list.png) no-repeat; background-size:17px 17px;}
	@media screen and (max-width:767px){
	ul.add_i li { font-size:13px;}
	}

	.entry table,
	table[class^="tbl"] { width:100%;}

	/*.tbl1*/
	.tbl1 {}
	.tbl1 thead  tr > *{ font-weight:bold;}
	.tbl1 tbody tr { border-bottom:1px solid #ddd;}
	.tbl1 tr {}
	.tbl1 th,
	.tbl1 td { padding:10px; vertical-align:top;}
	.tbl1 th:first-child,
	.tbl1 td:first-child { text-align:center; font-weight:bold;}

	/*.tbl2*/
	.tbl2 {}
	.tbl2 tbody tr { border-bottom:1px solid #ddd;}
	.tbl2 th,
	.tbl2 td { padding:10px; vertical-align:top;}
	.tbl2 th:first-child,
	.tbl2 td:first-child { position:relative; font-weight:bold; padding-left:20px;}
	.tbl2 th:first-child::before,
	.tbl2 td:first-child::before { content:" "; position:absolute; top:17px; left:5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #5D9A3B;
	}

	/*cell色設定*/
	.c_white2 {background-color:#fff;color:#222;}
	.c_black2 {background-color:#000;color:#fff;}
	.c_brown2 {background-color:#CD5F00;color:#fff;}
	.c_yellow2 {background-color:#FEE101;color:#000;}
	.c_blue2 {background-color:#0174C4;color:#fff;}

	/*.tbl3*/
	.tbl3 {}
	.tbl3 tr { border-top:10px solid #fff; border-bottom:10px solid #fff;}
	.tbl3 th,
	.tbl3 td { padding:10px; vertical-align:middle;}
	.tbl3 th:first-child,
	.tbl3 td:first-child { text-align:center; font-weight:bold; background:#5D9A3B; color:#fff;}

	/*.tbl4*/
	.tbl4 { width:100%; border:1px solid #ddd;}
	.tbl4 tr { border-bottom:1px solid #ddd;}
	.tbl4 tr:last-child { border-bottom:none;}
	.tbl4 th,
	.tbl4 td { padding:15px; vertical-align:middle;}
	.tbl4 th { position:relative; background-color:rgba(93,154,59,0.15); font-weight:bold;}
	.tbl4 th > span { position: relative; display:block;}

	/*.tbl5*/
	.tbl5 { border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
	.tbl5 tr { border-bottom:1px solid #ccc;}
	.tbl5 th,
	.tbl5 td { position:relative; vertical-align:middle; padding:10px; text-align:center;}
	.tbl5 thead th,
	.tbl5 thead td { color:#333; background-color:rgb(250,250,243);}
	.tbl5 tbody tr:last-child { border-bottom:none;}
	.tbl5 tbody th::after,
	.tbl5 tbody td::after { content:" "; position: absolute; height:calc(100% - 30px); top:15px; right:0; width:1px; background:#ccc;}
	.tbl5 tbody th:last-child::after,
	.tbl5 tbody td:last-child::after { display:none;}

	.tbl6 { table-layout: fixed; border:1px solid #ddd;}
	.tbl6 tr { border-bottom: 1px solid #ddd; }
	.tbl6 tr:last-child { border-bottom:none;  }
	.tbl6 th { background:#eee; }
	.tbl6 th,
	.tbl6 td { padding:7.5px 10px; border-right: 1px solid #ddd; text-align: center;}
	.tbl6 th:last-child,
	.tbl6 td:last-child { border-right:none  }

	.form_tbl { width: 100%; }
	@media screen and (min-width:768px){
	.form_tbl td li {margin:10px 0 !important;}
	}

	@media screen and (max-width:767px){

		/**/

		/*.tbl2*/
		.tbl2,
		.tbl2 tbody,
		.tbl2 tr,
		.tbl2 th,
		.tbl2 td { display:block; width:100%;}

		/**/

		/*.tbl4*/
		.tbl4,
		.tbl4 tbody,
		.tbl4 tr,
		.tbl4 th,
		.tbl4 td { display:block; width:100%;}

		/*.tbl5*/
		.tbl5:not(.choice_content_tbl) {}
		.tbl5:not(.choice_content_tbl) thead { display:none;}
		.tbl5:not(.choice_content_tbl),
		.tbl5:not(.choice_content_tbl) tbody,
		.tbl5:not(.choice_content_tbl) tr,
		.tbl5:not(.choice_content_tbl) th,
		.tbl5:not(.choice_content_tbl) td { display:block;}

		.tbl5.choice_tbl,
		.tbl5.choice_tbl tbody tr { border:none; }
		.tbl5.choice_tbl tbody tr { border-top:1px solid #CCC}
		.tbl5.choice_tbl tbody td .name { font-size: 15px !important }
		.tbl5.choice_tbl tbody td:nth-child(1) { color: #999; }
		.tbl5.choice_tbl tbody td:nth-child(1)::before {content: "コード："}
		.tbl5.choice_tbl tbody td:nth-child(3){text-align: right;}
		.tbl5.choice_tbl tbody td:nth-child(3)::before {content: "数量："}
		.tbl5.choice_tbl tbody td:nth-child(4) {text-align:right; font-size: 14px; padding-top: 15px; font-weight: bold; border-bottom:1px solid rgba(93, 153, 57, 0.5); color: #5d9a3b }
		.tbl5.choice_tbl tbody td:nth-child(4)::before {content: "小計：" }.
		.tbl5.choice_tbl tbody td:nth-child(5) { text-align: right !important; }
		.tbl5.choice_tbl .cal_sub_price + td a { text-decoration: none!important; display:block; color:#bbb!important; width: 15px; white-space: nowrap; overflow: hidden; margin:0 0 0 auto;}
		.tbl5.choice_tbl .cal_sub_price + td a::before { content:"\f1f8"; color:#bbb; font-family: FontAwesome; font-size: 20px; width:15px; }

		.tbl5.choice_content_tbl { table-layout: fixed; }
		.tbl5.choice_content_tbl tbody td { word-break: break-all; text-align: center; }


	}


	/*button*/
	.button_list { margin-bottom:50px; padding:0;}
	.button_list ul { position:relative;}
	.button_list li { width:100%; max-width:250px; margin:0 auto; text-align:center;}
	.button_list li .button { text-align:left; min-width:0; margin:0;}
	.button_list .left { position:absolute; top:0; left:0;}
	.button_list .central {}
	.button_list .right { position:absolute; top:0; right:0;}


		#base .entry .button { position:relative; display:inline-block; max-width:250px; width:100%; padding:10px; font-weight:bold; background:#C8C8C8; border:1px solid #C8C8C8;border-radius:3px; transition:.2s;}
		#base .entry .button:hover { opacity:0.75;}
		#base .entry .btn_back { padding-left:30px;}
		#base .entry .btn_back::before { content:"\f104"; position:absolute; top:50%; left:10px; transform:translateY(-50%); font-family:FontAwesome; font-size:20px;}
		#base .entry .btn_back::after { display: none; }
		#base .entry .btn_next { color:#fff; background:#5D9A3B; border-color:#5D9A3B;}
		#base .entry .btn_edit { padding-left:30px; background:#D7C074; color:#333;}
		#base .entry .btn_edit::before { content:"\f104"; position:absolute; top:50%; left:10px; transform:translateY(-50%); font-family:FontAwesome; font-size:20px;}
		#base .entry .btn_purchase { color:#fff; background:#E96565; border-color:#E96565;}
		#base .entry .btn_next,
		#base .entry .btn_purchase { padding-right:30px;}
		#base .entry .btn_next::after,
		#base .entry .btn_purchase::after { content:"\f105"; position:absolute; top:50%; right:10px; transform:translateY(-50%); font-family:FontAwesome; font-size:20px;}

		.button1 { position:relative; border-radius:5px;  padding:8px 25px; min-width:290px;max-width:100%;display: inline-block;}
		.button1 > * { display:inline-block; font-weight:bold; font-size:14px;}
		.button1 .icon { padding-right:10px;}
		.button1 .txt { padding-bottom:5px}
		.button1.btn_red { background:#E96565; border:1px solid #E96565; color:#fff; box-shadow:0px 1px 0px 1px #E23A3A;}
		.button1.btn_red:hover { top:1px; box-shadow:none; background:#E23A3A;}
		.button1.btn_gr { background:#5D9A3B; color:#fff; border:1px solid #5D9A3B;}
		.button1.btn_gr:hover { top:1px;}
		.button1.btn_or { background:#F39618; color:#fff; border:1px solid #F39618;}
		.button1.btn_or:hover { top:1px;}
		.button1.btn_gry { background:#ccc; color:#fff; border:1px solid #ccc; color:#333;}
		.button1.btn_gry:hover { top:1px;}
		.button1.btn_yellow {}

		.button2 { display:inline-block; padding:7.5px 5px; text-align:center; min-width:229px; font-weight:bold; border-radius:3px;}
		.button2:hover { opacity:0.75;}
		.button2 > * { display:inline-block; vertical-align:middle; color:#fff;}
		.button2 .icon { font-size:16px; margin-right:5px;}
		.button2.btn_s_1 { background:#5D9A3B;}
		.button2.btn_s_2 { background:#F39618;}

		@media screen and (max-width:1200px){
		.button_list li { min-width:180px;}
		#base .entry .button { max-width:180px;}
		}
		@media screen and (max-width:991px){
		.button_list li { margin-bottom:15px; max-width:100%;}
		.button_list li:last-child { margin-bottom:0;}
		.button_list .left ,
		.button_list .right { position:static; top:0; right:0;}
		#base .entry .button { max-width:100%; margin:5px 0; }
		}
		@media screen and (max-width:767px){
		table[class^="tbl"] { width:100% !important;}
		.button1 { min-width: 250px; }
		}
		@media screen and (max-width:500px){
		.button1 { min-width: 0px; width: 100%; }
		}

		/*.dl_tbl*/
		.dl_tbl dl { display:table; width:100%; border-top:1px solid #ccc;}
		.dl_tbl dl > * { display:table-cell; vertical-align:middle; padding:15px 7.5px; font-size:14px;}
		@media screen and (max-width:767px){
		.dl_tbl dl,
		.dl_tbl dl > * { display:block; padding:10px 0;}
		.dl_tbl dl > * { padding:5px 0;}
		}






	/*-------------------------------------------------------------------
		#products_detail
	-------------------------------------------------------------------*/
	#products_detail {}

		/*.gr_box*/
		.gr_box { background:#EDF7E8; padding:10px;}

		/*.products_info*/
		.products_info {}
			.products_info .header { margin-bottom:50px;}
			.products_info .info_l { text-align:left;}
			.products_info .info_l h3 { font-size:30px; font-weight:bold; margin-bottom:7.5px;}
			.products_info .info_l h3 + div { margin-bottom:10px;}
			.products_info .info_l h3 + div p { display:inline-block; vertical-align:middle; font-size:18px;}
			.products_info .info_l .part_num > span { display:block; border:1px solid #999; padding:0px 10px;}
			.products_info .ct_list {}
			.products_info .ct_list li { display:inline-block; vertical-align:middle; font-size:13px; margin-bottom:5px;}
			.products_info .ct_list li span { display:block; background:#816643; color:#fff; padding:2px 5px;}
			.products_info .gr_box { display:table; width:100%; margin-bottom:15px;}
			.products_info .gr_box p { display:table-cell;}
			.products_info .gr_box p  .icon { display:inline-block; margin-right:5px;}
			.products_info .gr_box p .f_bold { font-size:18px; padding-left:5px;}
			.products_info .info_r ul { text-align:right;}
			.products_info .info_r li { display: inline-block; vertical-align:middle; margin-right:15px;}
			.products_info .info_r li:last-child { margin-right:0;}
			.products_info .info_r li >  * { display:inline-block; vertical-align:middle;}
			.products_info .info_r li i { color:#5D9A3B; font-size:15px; padding-right:5px;}
			.products_info .info_r li a { color:#444; }


		/*.products_slide*/
		.products_slide {}
		.slide_wrap { position:relative;}
		.slick-nav-arrows {  position:absolute; width:100%; left:0; bottom:22px; }
		.slick-nav-arrows > div { max-width:580px; margin:0 auto;}
		.products_slide .slick-prev { position: relative; z-index: 5; background:url(../../shop/common/image/layout/slick_prev.png); width:17px; height:23px; float:left; cursor:pointer;}
		.products_slide .slick-next { position: relative; z-index: 5; background:url(../../shop/common/image/layout/slick_next.png); width:17px; height:23px; float:right; cursor:pointer;}
			/**/
			.p_main_slide { margin-bottom:30px;}
			.p_main_slide li { height:auto;}
			.p_main_slide img { margin:0 auto; max-height: 250px; }

			/**/
			.p_sub_slide { max-width:530px; margin:0 auto; position:relative; z-index:2;}
			.p_sub_slide .slick-track { margin:0 auto;}
			.p_sub_slide li { padding:0 5px; height:auto !important; display: inline-block !important; float: none;}
			.p_sub_slide li > span { display:table; width:100%; cursor:pointer; table-layout: fixed;}
			.p_sub_slide li > span > span { display:table-cell; vertical-align:middle; text-align:center; height:70px; width:70px; border:2px solid #ddd;}
			.p_sub_slide li:hover > span > span ,
			.p_sub_slide li.slick-current > span > span  { border-color :#5d993a;  }
			.p_sub_slide li img { margin:0 auto; max-height:245px;}
			.p_sub_slide .slick-nav-arrows {z-index: 5;}


		/*.ct_i_list*/
		.ct_i_list { margin:0 -5px !important; font-size:0;}
		.ct_i_list li { float:none; display:inline-block; vertical-align:middle; padding:0 5px; font-size:13px;}
		.ct_i_list li > * { vertical-align:middle; padding:5px 0;}
		.ct_i_list .icon { display:inline-table;}
		.ct_i_list .icon span { display:table-cell; text-align:center; vertical-align:middle; width:50px; height:50px; border:2px solid #5D9A3B; border-radius:5px;}
		.ct_i_list .txt { display:inline-block; padding-left:10px; font-weight:bold; width:calc(100% - 50px)}

		/*.form_area*/
		#products_detail > .header { }
		#products_detail select { max-width:200px; width:100%;}
		#products_detail .color td > * { display:inline-block; vertical-align:middle; margin-right:15px;}
		#products_detail .color td > *:last-child { margin-right:0;}
		#products_detail .type li,
		#products_detail .size li,
		#products_detail .sokui li { display:inline-block; vertical-align:middle;}
		#products_detail .size li,
		#products_detail .sokui li { margin-right:15px;}
		#products_detail .size li:last-child,
		#products_detail .sokui li:last-child { margin-right:0;}
		#products_detail .size li > span,
		#products_detail .sokui li > span { font-weight:bold; vertical-align:middle; display: block; margin-bottom: 5px;}
		#products_detail .name_embroidery li { display:inline-block; margin-right:15px;}
		#products_detail .name_embroidery li:last-child { margin-right:0;}

		/*.forte_list*/
		.forte_list {}
		.forte_list .unit { margin-bottom: 20px; }
		.forte_list .photo { display: table; width: 100%; table-layout: fixed; }
		.forte_list .photo > div { display: table-cell; vertical-align:middle; text-align: center; border: 1px solid #5D9A3B; padding: 15px;}

		/**/
		.name_option_navi {}

		.name_option_page { padding-top:15px;}
		.name_option_page dl { display:table; width:100%; margin-bottom:15px;}
		.name_option_page dl:last-child { margin-bottom:0;}
		.name_option_page dl > * { display:table-cell; vertical-align:middle;}
		.name_option_page dt { width:60px;}
		.name_option_page dl:last-child input { max-width:60%;}
		.name_option_page dl:last-child span { padding-left:10px;}


		/*.price_total*/
		.price_total { max-width:450px; margin:0 0 30px auto;}
		.price_total dl { border-bottom:1px solid #ddd; margin-bottom:15px; display:table; width:100%;}
		.price_total dl:last-child { margin-bottom:0;}
		.price_total dl > * { display:table-cell; vertical-align:middle; padding:10px; font-size:15px;}
		.price_total dt { text-align:left; width:100px;}
		.price_total dd { text-align:right;}
		.price_total .total { border:2px solid #5D9A3B; color:#5D9A3B;}
		.price_total .total dd { font-size:15px; color:#444;}
		.price_total .total dd span { font-size:20px;}

		/*.stock_unit*/
		.stock_unit {}
		.stock_unit header { position: relative; display: table; width: 100%; border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;}
		.stock_unit header > div { display: table-cell; vertical-align: top; }
		.stock_unit header > div.photo { width: 65px; }
		.stock_unit header > div.text { padding-left: 15px; }
		.stock_unit header > div.text .tag { margin-bottom:5px; }
		.stock_unit header > div.text .tag span { display: inline-block; padding: 2px 7.5px; border: 2px solid #ddd; font-size: 14px;}
		.stock_unit header h4 span { display: inline-block; vertical-align: middle;}
		.stock_unit header .title { font-size: 23px; font-weight: bold; padding-right: 10px; }
		.stock_unit header .title + span { font-size: 13px; }
		.stock_unit header .text > div { max-width:70%; }
		.stock_unit header .text > p { position: absolute; right: 0; bottom: 10px;}
		.stock_unit .content .tbl4 th,
		.stock_unit .content .tbl4 td { padding:5px 10px; }


	#products #cboxLoadedContent { padding:30px;}
	#products #cboxLoadedContent iframe { width:100%; height:100%;}

	#poPup-size .poPup-contents { max-width:767px; background:#fff; }
	#poPup-size .poPup-contents .tbl4 { margin-bottom:15px;}
	#poPup-size .poPup-contents .tbl4:last-child { margin-bottom:0;}
	@media screen and (max-width:992px) {
	.stock_unit header .text > div { max-width:100%; }
	.stock_unit header .text > p { position: static; text-align: right; }
	.stock_unit .tbl4 { background: none; border: none; display: block;}
	.stock_unit .tbl4 thead { display:none; background: #fff; }
	.stock_unit .tbl4 tbody tr { font-size: 0; margin-bottom: 20px; border: 2px solid #ddd; display: block;}
	.stock_unit .tbl4 tbody tr::after { content:"※JANコード"; font-size:13px; display: block; padding: 5px; text-align: right;}
	.stock_unit .tbl4 tbody td { font-size: 13px; padding: 0 5px 10px !important; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; word-break:break-all;}
	.stock_unit .tbl4 tbody td:last-child { }
	.stock_unit .tbl4 tbody td::before { font-weight: bold; padding:5px 5px; margin:0 -5px; background: rgba(93, 154, 59, 0.15); display: block; margin-bottom: 10px; font-size: 11px;}
	.stock_unit .tbl4 tbody td:nth-child(4),
	.stock_unit .tbl4 tbody td:nth-child(7) { border-right: none; }
	.stock_unit .tbl4 tbody td:nth-child(1),
	.stock_unit .tbl4 tbody td:nth-child(2),
	.stock_unit .tbl4 tbody td:nth-child(3),
	.stock_unit .tbl4 tbody td:nth-child(4) { width: 50%; display: inline-block; }
	.stock_unit .tbl4 tbody td:nth-child(1)::before { content: "色"; }
	.stock_unit .tbl4 tbody td:nth-child(2)::before { content: "サイズ"; }
	.stock_unit .tbl4 tbody td:nth-child(3)::before { content: "在庫"; }
	.stock_unit .tbl4 tbody td:nth-child(4)::before { content: "入荷予定"; }
	.stock_unit .tbl4 tbody td:nth-last-child(1),
	.stock_unit .tbl4 tbody td:nth-last-child(2) ,
	.stock_unit .tbl4 tbody td:nth-last-child(3) { display: inline-block; width: 33.333%;  }
	.stock_unit .tbl4 tbody td:nth-last-child(1)::before { content: "左※"; }
	.stock_unit .tbl4 tbody td:nth-last-child(2)::before { content: "右※" }
	.stock_unit .tbl4 tbody td:nth-last-child(3)::before { content: "両足※" }
	}
	@media screen and (max-width:767px) {

	.ct_i_list li { width:50%;}
	.products_info .info_l h3 { font-size:25px; margin-bottom:10px;}
	.products_info .header .row > div { margin-bottom:15px;}

	.products_info .gr_box,
	.products_info .gr_box p { display:block; text-align:left; margin-bottom:10px;}
	.products_info .gr_box { margin-bottom:15px;}
	.products_info .gr_box p:last-child { margin-bottom:0;}
	.products_info .gr_box p .icon { width:40px; text-align:center;}
	.products_info .gr_box + div ul { font-size:0; margin:0 -5px;}
	.products_info .gr_box + div li { margin-right:0; width:50%; padding:0 5px; font-size:13px;}
	.products_info .gr_box + div li a { display:block; padding:10px 5px; border:1px solid; text-decoration:none !important; text-align:center; font-weight:bold; font-size:12.5px;}
	.products_info .gr_box + div li:nth-child(1) a { border-color:#E96565;  color:#E96565;}
	.products_info .gr_box + div li:nth-child(2) a{ border-color:#5D9A3B; color:#5D9A3B;}
	.products_info .gr_box + div li a::before { display:none;}
	.p_features {}
	.p_features .photo { text-align:center; margin-bottom:15px;}
	.p_features h4 + div { margin-bottom:40px;}
	.p_features section { margin-bottom:30px !important;}
	.p_features section:last-child { margin-bottom:0 !important}

	#products_detail .type li,
	#products_detail .size li,
	#products_detail .sokui li { display:block; margin-bottom: 15px;}
	#products_detail .type li:last-child,
	#products_detail .size li:last-child,
	#products_detail .sokui li:last-child { margin-bottom: 0; }
	#products_detail .size li:last-child,
	#products_detail .sokui li:last-child {text-align: right; margin-top:10px;}

	.name_option_page dl dd > * { max-width:100% !important;}
	.name_option_page dl:last-child input { max-width:100%;}
	.name_option_page dl:last-child span { padding-left:0; display:block; text-align:right;}

	.price_total { max-width:100%;}
	}

	@media screen and (max-width:500px) {
	.ct_i_list li { width:100%; }
	#products_detail td li { padding:0; margin:0 !important;}
	#products_detail td  select { width: 100%; max-width: 100%; }
	#products_detail .type li label,
	#products_detail td .radio2 { display: block; width: 100%; }
	}

	#poPup-size { max-width:767px; margin:0 auto; position:relative; }
	#poPup-size .h_1 { padding-left:10px; }
	#poPup-size_area table { margin-bottom:15px; width:100%; border:1px solid #ddd; }
	#poPup-size_area table:last-child { margin-bottom:0; }
	#poPup-size_area tr { border-bottom:1px solid #ddd; }
	#poPup-size_area tr:last-child { border-bottom:none; }
	#poPup-size_area th,
	#poPup-size_area td { padding:15px; vertical-align:middle; }
	#poPup-size_area th { position:relative; background-color:rgba(93,154,59,0.15); font-weight:bold; }
	#poPup-size_area th > span { position: relative; display:block; }

	/*-------------------------------------------------------------------
		review
	-------------------------------------------------------------------*/
	#products textarea { min-height:200px; }
	#form_review_check ,
	.size_area { padding: 20px 30px; }
	@media screen and (max-width:767px) {
	#form_review_check ,
	.size_area { padding: 20px 15px; }
	}
	/*-------------------------------------------------------------------
		.review_box
	-------------------------------------------------------------------*/
	.review_box {}
	.review_box > .header { position:relative; border:2px solid #ddd; border-bottom:none; padding:30px 20px 20px; border-top-left-radius:5px; border-top-right-radius:5px; background:url(../../shop/common/image/layout/back1.jpg); overflow:hidden;}
	.review_box > .header::before { content:" "; position: absolute; top:0; left:0; width:100%; height:10px; background:#5D9A3B; }
	.review_box > .header h3 { margin-bottom:20px;}
	.review_box > .header p { font-size:16px; margin-bottom:15px;}
	.review_box > .content { text-align:left;}
	.review_box > .content .list_pager { margin-top:60px;}
	.review_box .unit { padding:25px 0; border-bottom:2px solid #ddd;}
	.review_box .unit:last-child {  border-bottom:none;}
	.review_box .uhead { margin-bottom:10px;}
	.review_box .uhead > div { margin-bottom:5px;}
	.review_box .uhead > div > * { display:inline-block; vertical-align:middle; font-size:14px; margin-right:5px;}
	.review_box .uhead h5 { font-size:23px; font-weight:bold;}
	.review_box .uhead h5 a { color:#5d993a;}
	.review_box .ucontent h6 { font-weight:bold; font-size:17px; margin-bottom:5px;}
	.review_box .unit {}
	.review_box .unit {
		zoom:1;/*for IE 5.5-7*/
	}
	.review_box .unit:after{/*for modern browser*/
		content:".";
		display: block;
		height:0px;
		clear:both;
		line-height:0;
		visibility:hidden;
	}
	.review_box .unit > .photo { float:left; width:23%; text-align:center;}
	.review_box .unit > .text { float:right; width:77%; padding-left:15px;}
	.review_box .unit > .text .uhead { margin-bottom:20px;}
	.review_box .unit > .text .comment { margin-bottom:15px;}

		/*.review_search_result*/
		.review_search_result { margin-bottom:15px; border-bottom:2px solid #ddd; font-size:15px; font-weight:bold; padding-bottom:5px;}

		/*.review_ct_list*/
		.review_ct_list li { display:inline-block; vertical-align:middle; font-size:13px;}
		.review_ct_list li span { display:block;  color:#fff; padding:2px 10px;}
		.review_ct_list .ct1 { background:#5D9939;}

	@media screen and (max-width:767px) {
	.review_box > .header { padding:25px 15px 15px;}
	.review_box .uhead h5 { font-size:18px;}
	.review_box > .header p { font-size:13px; text-align:left;}
	}


/*===================================================================
	#parts
===================================================================*/
#parts {}

	/**/
	.step_list { margin-bottom:40px;}
	.step_list ul { display:table; width:calc(100% + 30px); table-layout:fixed ; margin:0 -15px;}
	.step_list li { position:relative; display:table-cell; text-align:center; padding:0 15px; width:100%;}
	.step_list li:last-child { margin-right:0;}
	.step_list li::after { content:" "; position:absolute; top:50%; right:-10px; transform:translateY(-50%); background:url(../../shop/common/image/layout/step_vect.png) center center; width:17px; height:23px; background-size:17px 23px;}
	.step_list li.active::after { background:url(../../shop/common/image/layout/step_acteve_vect.png) center center;}
	.step_list li:last-child::after { display:none}
	.step_list li > span { display:block; border:3px solid #ddd; padding:10px;color:rgba(93,153,57,0.35); font-size:14px;}
	.step_list li > span  span { display:block; font-weight:bold; font-size:17px; color:rgba(31,31,31,0.35);  }
	.step_list li.active > span { border-color:#5D9A3B; color:#5D9939;}
	.step_list li.active > span  span { color:#1F1F1F;}
	@media screen and (max-width:1200px){
	.step_list li > span  span { font-size:15px; }
	}
	@media screen and (max-width:991px){
		.step_list ul { display: block; font-size: 0; text-align: left; margin-bottom: 15px;}
		.step_list li { display: inline-block; width: calc(50% - 30px); font-size: 13px; margin-right:30px; margin-bottom: 25px;}
	}
	@media screen and (max-width:767px){
	.step_list ul,
	.step_list li { display: block; width: 100%;}
	.step_list ul { margin: 0;}
	.step_list li { margin-bottom: 30px; padding: 0;}
	.step_list li:last-child { margin-bottom:0}
	.step_list li::after{ transform: rotate(90deg); height: 100%; left:0; background-repeat: no-repeat !important; background-position: center !important; width: 100%; margin-top: 15px;}
	}

	.tab_navi li { width:25%;}
	.tab_navi li.active span { color:#fff !important;}
	.tab_navi li.ct0 span { color:#5D9939;}
	.tab_navi li.ct0.active a { background:#5D9939;}
	.tab_navi li.ct1 span { color:#E77777;}
	.tab_navi li.ct1.active a { background:#E77777;}
	.tab_navi li.ct2 span { color:#1D7FC9;}
	.tab_navi li.ct2.active a { background:#1D7FC9;}
	.tab_navi li.ct3 span { color:#B48731;}
	.tab_navi li.ct3.active a { background:#B48731;}

	/*.choice_products*/
	.choice_products {}
	.choice_products .search_result { text-align: center;}
	.choice_products .info {}
	.choice_products .info > div { display:table; width:100%;}
	.choice_products .info > div > div { display:table-cell; vertical-align:middle;}
	.choice_products .info .photo { width:65px; text-align:center;}
	.choice_products .info .text { padding-left:10px; font-size:16px;}
	.choice_products .info .text .name { margin-bottom:3px;}
	.choice_products .info .text .size {}
	.choice_products .info .text .size .tag { display:inline-block; font-size:11px; vertical-align:middle; padding:2px 5px; background:#5D9939; color:#fff; margin-right:10px;}
	.choice_products .info .text .size a { color:#5D9939;}
	.choice_products .info .option { display:block; padding-left:75px; margin-top:5px;}
	.choice_products .info .option > div  { padding:10px; background:rgba(93, 153, 57, 0.1); display:block;}
	.choice_products .info .option > div > * {}
	.choice_products .info .option dl { display:table; width:100%; margin-bottom:3px;}
	.choice_products .info .option dl > * { display:table-cell; margin-bottom:0;}
	.choice_products .info .option dt { width:70%; font-weight:normal;}
	.choice_products .info .option dd { text-align:right;}
	.choice_products .info .option h6 { margin-bottom:5px; font-weight:bold;}
	@media screen and (max-width:1200px){
	.choice_products .tbl5 thead th,
	.choice_products .tbl5 .price  { white-space: nowrap; }
	#parts .tab_navi ul { display: block; font-size: 0; border-left:2px solid #816643; border-right:2px solid #816643; }
	#parts .tab_navi li { width:50%; border-right: 2px solid #816643; display: inline-block;}
	#parts .tab_navi li:first-child { border-left:0; }
	#parts .tab_navi li:nth-child(even) { border-right:none;  }
	}
	@media screen and (max-width:767px){
	.choice_products .info .option { padding-left:0; margin-top:15px;}
	.choice_products .tbl5 tr { text-align:left; padding:10px 0;}
	.stock .choice_products .tbl5 tr { text-align: right }
	.choice_products .tbl5 th,
	.choice_products .tbl5 td { padding:5px 0;}
	.choice_products .tbl5 td { text-align:left;}
	.choice_products .tbl5 td::after { display:none;}
	.choice_products .tbl5 .num { color:#5d9a3b;}
	.choice_products .tbl5 .pr_num ,
	.choice_products .tbl5 .price { display:inline-block;}
	.choice_products .tbl5 .price { font-size:16px; padding-left:5px;}
	.choice_products .tbl5 .price.both,
	.choice_products .tbl5 .price.piece { position: relative; margin-right: 15px;}
	.choice_products .tbl5 .price.both::before { content: url(../../common/image/layout/icon_footprints_w.png); display: inline-block; vertical-align: middle; margin-right: 7.5px; }
	.choice_products .tbl5 .price.piece::before  { content: url(../../common/image/layout/icon_footprints_s.png); display: inline-block; vertical-align: middle; margin-right: 7.5px; }

	.choice_products .tbl5 .remove_cart { float:right; padding-top:12px;}
	.choice_products .tbl5 .remove_cart a { border:1px solid rgba(93, 153, 57, 0.5); padding:5px 10px;}
	.choice_products .tbl5 .pr_num > div  { border:1px solid #ccc; background:#fff; border-radius:4px; padding:6px 12px;}
	}

	/*.not_combination*/
	.not_combination .content { position:relative;}
	.not_combination .content::after {content:" "; position: absolute; top: 0; left:0; width: 100%; height: 100%; z-index: 2;  background-color:rgba(233,101,101,0.15);}
	.not_combination_unit { position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);  width:100%; z-index: 3;}
	.not_combination_unit > div { max-width: 465px; width: 100%; margin:0 auto; background: #fff; text-align: center; padding:30px 20px; }
	.not_combination_unit > div p { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
	.not_combination_unit > div p span { font-size: 18px; }

	/**/
	.height_menu {}
	.height_menu th,
	.height_menu td { text-align: center; }





/*===================================================================
	#inquiry
===================================================================*/
#inquiry {}

/* .tbl_form */
.tbl_form {}
.tbl_form th,
.tbl_form td { padding:7px 10px; border:1px solid #CCC; }
.tbl_form th { background:#F9F6F1; text-shadow:0 1px 0 #FFF; }
.tbl_form th.check { background:#F9F6F1 url(../../shop/common/image/contents/inquiry/check.gif) no-repeat 135px 10px; }
.tbl_form textarea { width:380px; height:200px; }

/* .form_button */
.form_button { padding:5px 10px; }

/*.required*/
.required { display:inline-block; color:#fff; background:#E96565; font-size:10px; padding:2px 5px;}

	/*-------------------------------------------------------------------
		#error
	-------------------------------------------------------------------*/
	#error { margin-bottom:15px; padding:15px; background:#e1e7d5; border:2px solid #5b6f2f; color:#283114; text-shadow:0 1px 0 #FFF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px; }
	.error { color: #E96565; font-weight: bold; border: 1px solid #E96565; padding:7.5px 10px; background: rgba(233, 101, 101, 0.12); }
	#error h5 { font-size:16px; font-weight:bold; margin-bottom:10px;}
	#base .formError .formErrorContent,
	#base .formError .formErrorArrow div { background:#5d993a; border-radius:0; border:0 ; box-shadow:none; white-space:nowrap; word-break:keep-all; padding:5px 15px; color: #fff;}
	#base .formError .formErrorContent { position: relative;}
	#base .formError .formErrorContent::before { content:" "; position:absolute; bottom:0; left:5px; margin-bottom:-7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 6.5px 0 6.5px;
	border-color: #5d993a transparent transparent transparent;
	}
	#base .formError .formErrorArrow { display:none  !important;}
	#base .formError { opacity:1 !important; z-index: 9999;}
	#base .formError i::after { content:"\f071"; font-size:15px; font-family:FontAwesome; font-style:normal;}
	#base .formError .line1,
	#base .formError .line2 { display:none;}

@media screen and (max-width: 991px) and (min-width:768px) {
	#base .formError { transform:translateX(-100%);}
}
@media screen and (max-width: 767px) {
	/*.finish_box*/
	.finish_box {}

	/*#error*/
	#error { padding:15px 10px;}
	#error h5 { font-size:14px;}
	#error p { font-size:13px;}

	#base .formError { left:36px !important;}
}

/*.form_area*/
.form_area {}

#primary .form_area input[type="text"],
#primary .form_area input[type="tel"],
#primary .form_area input[type="email"],
#primary .form_area input[type="password"] ,
#primary .form_area textarea { border:2px solid #ddd; background:#fff; padding:5px; font-size:15px; width:100%; transition:.2s;}
#primary .form_area input[type="text"]:focus,
#primary .form_area input[type="tel"]:focus,
#primary .form_area input[type="email"]:focus,
#primary .form_area input[type="password"]:focus,
#primary .form_area textarea:focus { border-color:#5d993a;}


#secondary .form_area input[type="text"],
#secondary .form_area input[type="tel"],
#secondary .form_area input[type="email"],
#secondary .form_area input[type="password"] { border:1px solid #ddd; background:#ddd; padding:5px; font-size:15px; width:100%;}

.form_area .form_btn1 { width:100%; padding:7.5px 10px; background:#5D9A3B; color:#fff; border:1px solid #5D9A3B; font-weight:bold; border-radius:5px; transition:.3s;}
.form_area .form_btn1:hover { background:#fff; color:#5D9A3B;}
.form_area select { border:2px solid #ddd; padding:10px;}
.form_area th > span { position: relative; padding-right:45px;}
.form_area th .required { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:0px;}

.form_area2 input[type="text"],
.form_area2 input[type="tel"],
.form_area2 input[type="email"],
.form_area2 input[type="password"] ,
.form_area2 textarea { border:2px solid #ddd; background:#fff; padding:5px; font-size:15px; width:100%; transition:.2s;}
.form_area2 input[type="text"]:focus,
.form_area2 input[type="tel"]:focus,
.form_area2 input[type="email"]:focus,
.form_area2 input[type="password"]:focus,
.form_area2 textarea:focus { border-color:#5d993a;}
@media screen and (max-width:500px){
#base .form_area td .button2.btn_1 { min-height: 0; width: 100%; margin-top: 15px; margin-left:0 !important; }
}

/*checkbox & radio*/
input[type="radio"], input[type="checkbox"] {
	display: none;
}
.radio, .checkbox {
	/*background-color: #f6f7f8;
	border-radius: 8px;*/
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	padding: 10px 12px 10px 25px;
	position: relative;
	transition: background-color 0.2s linear 0s;
	vertical-align: middle;
	line-height:100%

}
/*
.radio:hover, .checkbox:hover {
	background-color:rgba(0,191,255,0.1);
}
*/
.radio:hover::after, .checkbox:hover::after{
	border-color: #5D9939;
}
.radio::after, .checkbox::after {
	border: 2px solid #eee;
	background:#eee;
	border-radius: 6px;
	content: "";
	display: block;
	height: 16px;
	left: 0px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	transition: border-color 0.2s linear 0s;
	width: 16px;
	line-height:100%;
	z-index:2;
}
.radio::before {
	background-color: #5D9939;
	border-radius: 50%;
	content: "";
	display: block;
	height: 10px;
	left: 13px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transition: opacity 0.2s linear 0s;
	width: 10px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	line-height:100%;
	z-index:3;
}
#primary .radio::before { left:3.5px;}
input[type="radio"]:checked + .radio::before {
	opacity: 1;
}
.checkbox::before {
	border-bottom: 3px solid #5D9939;
	border-right: 3px solid #5D9939;
	content: "";
	display: block;
	height: 9px;
	left: 6px;
	margin-top: -5px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	transition: opacity 0.2s linear 0s;
	width: 5px;
	z-index:5;

}
input[type="checkbox"]:checked + .checkbox::before {
	opacity: 1;

}
@media screen and (max-width:767px) {
.radio, .checkbox {padding: 8px 10px 8px 36px; font-size:14px;}
.radio::after, .checkbox::after {left: 12px;}
.radio::before { left:15px;}
.checkbox::before { left:18px;}

}

.radio2, .checkbox2 {
	background-color: #f6f7f8;
	border-radius: 8px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	padding: 10px 12px 10px 42px;
	position: relative;
	transition: background-color 0.2s linear 0s;
	vertical-align: middle;
	line-height:100%
}
.radio2 > span, .checkbox2 > span { color:#5D993A;}

.radio2:hover, .checkbox2:hover {
	background-color:#EDF7E8;
}
.radio2:hover::after, .checkbox2:hover::after{
	border-color: #5D993A;
}
.radio2::after, .checkbox2::after {
	border: 2px solid #bbb;
	border-radius: 6px;
	content: "";
	display: block;
	height: 16px;
	left: 15px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	transition: border-color 0.2s linear 0s;
	width: 16px;
	line-height:100%
}
.radio2::before {
	background-color: #5D993A;
	border-radius: 50%;
	content: "";
	display: block;
	height: 10px;
	left: 18px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transition: opacity 0.2s linear 0s;
	width: 10px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	line-height:100%
}
input[type="radio"]:checked + .radio2::before {
	opacity: 1;
}
.checkbox2::before {
	border-bottom: 3px solid #5D993A;
	border-right: 3px solid #5D993A;
	content: "";
	display: block;
	height: 9px;
	left: 21px;
	margin-top: -5px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	transition: opacity 0.2s linear 0s;
	width: 5px;
}
input[type="checkbox"]:checked + .checkbox2::before {
	opacity: 1;
}
@media screen and (max-width:767px) {
.radio2, .checkbox2 {padding: 8px 10px 8px 36px; font-size:14px; display:block;}
.radio2::after, .checkbox2::after {left: 12px;}
#primary .radio::before {left: 14.5px;}
.radio2::before { left:15px;}
.checkbox2::before { left:18px;}

}