@charset "utf-8";

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

/*===================================================================
	共通部分
===================================================================*/
section.wrap { margin-bottom:40px; }
section.wrap:last-child { margin-bottom:0; }
section.wrap2 { margin-bottom:50px; }
section.wrap2:last-child { margin-bottom:0; }

.row.wrap { padding:60px 0;}
.caption { font-size:0.85em; color:#999; }

/*.add_i_list1*/
.add_i_list1 { position: relative;}
.add_i_list1 li::before { content:url(../image/layout/icon_list.png); display:inline-block; margin-right:3px; }

/**/
.text_overflow_box { border:1px solid #ddd; padding:15px; max-height:250px; overflow:auto;}
.text_overflow_box {}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block; margin:auto !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
/*===================================================================
	#top
===================================================================*/
#top {}

	/**/
	.warning_news { margin-top: 20px; }
	.warning_news .wrapper {position: relative; border: 1px solid #E26767}
	.warning_news .news_wrap { text-align: left; width: 100%; padding: 15px; max-width:calc(100% - 120px)}
	.warning_news .news_wrap > * { display: inline-block; vertical-align:middle ; font-size: 16px; padding:1px 0;}
	.warning_news .news_wrap h5 { width: 150px; color: #E26767; font-weight: bold; border-right: 2px dotted #E26767; padding-right: 10px; }
	.warning_news .news_wrap h5 + div { padding-left: 10px; max-width:calc(100% - 180px)}
	.warning_news .news_wrap h5 > * { display: inline-block; }
	.warning_news .news_wrap h5 i { font-size: 18px; }
	.warning_news .news_wrap p { text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	.warning_news .news_wrap p span { display: inline; vertical-align: middle; }
	.warning_news .news_wrap p a { display: inline; vertical-align: middle; color: #444444;}
	.warning_news .more { position: absolute; top: 50%; right:15px;  transform: translateY(-50%); }
	.warning_news .more a { color: #333; }
	.warning_news .more a > * { display: inline-block; vertical-align: middle; }
	.warning_news .more a i { color: #E26767; font-size: 18px; margin-right:10px;}

	@media screen and (max-width: 767px){
	.warning_news .news_wrap { max-width: 100% ;padding:10px }
	.warning_news .news_wrap h5 {padding-bottom: 7.5px; margin-bottom: 7.5px; border-bottom:1px dotted #E26767; border-right:none; width: 100%;  }
	.warning_news .news_wrap h5 + div { padding-left: 0;}
	.warning_news .news_wrap > * { display: block; }
	.warning_news .more  { transform: translateY(0); top: 10px; }
	.warning_news .news_wrap h5 + div { max-width: 100%; }
	}
	/*-------------------------------------------------------------------
		#main_visual
	-------------------------------------------------------------------*/
	#main_visual { padding-top:20px;}
	#main_visual .bx-prev { background:url(../image/layout/slide_prev.png); width:57px; height:57px; margin:0; left:-28.5px; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:.3s;}
	#main_visual .bx-next { background:url(../image/layout/slide_next.png); width:57px; height:57px; margin:0; right:-28.5px; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:.3s;}
	#main_visual .bx-prev:hover,
	#main_visual .bx-next:hover { transform:translateY(-50%) scale(1.2)}
	#main_visual .bx-pager a { width:15px; height:15px; border-radius:50px; border:2px solid #403000; background:#fff; transition:background .3s;}
	#main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active { background:#403000;}
	#main_visual .visual_txt { min-height:200px; background:url(../image/content/top/visual_photo.jpg) no-repeat center bottom;}
	#main_visual .visual_txt h3 { position:relative; z-index:2;}
	#main_visual img { margin:0 auto;  }
	@media screen and (max-width:991px) and (min-width: 768px) {
	#main_visual .visual_txt { min-height: 230px; }
	#main_visual .bx-prev { left:5px;}
	#main_visual .bx-next { right:5px;}
	}
	@media screen and (max-width:767px) {
	#main_visual .bx-prev { left:-10px;}
	#main_visual .bx-next { right:-10px;}
	#main_visual .bx-prev,
	#main_visual .bx-next{ width:40px; height:40px; background-size:40px 40px;}

	#main_visual .visual_txt { height:230px; padding:0 15px;}
	}

	/* スライダー */
	@media screen and (min-width:768px){
		.visual_slider .container {
			width: auto;
		}
		.visual_slider .container > .row {
			overflow:visible!important; /* 両サイドに前後の画像を表示させる */
			max-width: 1170px;              /* 画像の幅（表示させる幅） */
			margin: 0 auto;             /* 画面中央にする */
		}
		.bx-viewport {
			overflow:visible!important;
		}
		.Slider li{
			width: 1170px;
		}
	}

	/*-------------------------------------------------------------------
		#top1
	-------------------------------------------------------------------*/
	#top1 {}

		/*.side_split_box*/
		.side_split_box { position:relative; overflow:hidden;}
		.side_split_box .wrapper > .row { position:static; margin:0 -8px;}
		.side_split_box .col-lg-6 { position:static; padding:0 8px;}


			.side_split_box .unit { position:relative; text-align:left; padding:40px 30px;}
			.side_split_box .unit::after { content:" "; position:absolute; width:100vw; height:100%; top:0; z-index:0;}
			.side_split_box .unit > * { position:relative; z-index:1;}
			.side_split_box .unit h3 { font-weight:bold; margin-bottom:20px;}
			.side_split_box .unit .content .txt { position:relative; padding-bottom:10px;}
			.side_split_box .unit .content .txt p { max-width:80%; font-size:15px; line-height:1.8;}
			.side_split_box .unit .content .txt > div { position:absolute; right:0; bottom:0; width:18%;}
			.side_split_box .unit .content .list .list_part { margin-bottom:20px;}
			.side_split_box .unit .content .list .list_part:last-child { margin-bottom:0;}
			.side_split_box .unit .content .list .list_part a { position:relative; display:block; padding:6px;}
			.side_split_box .unit .content .list .list_part a::before { content:" "; position:absolute; z-index:3; display:block; top:50%; left:-15px; transform:translateY(-50%); width:38px; height:38px;}
			.side_split_box .unit .content .list .list_part a > div { position:relative; background:#fff; padding:15px 15px 15px 24px; }
			.side_split_box .unit .content .list .list_part .text { position:relative; z-index:1;}
			.side_split_box .unit .content .list .list_part h5 { font-weight:bold; font-size:20px; margin-bottom:7.5px;}
			.side_split_box .unit .content .list .list_part p { color:#444; font-weight:bold; font-size:14px;}
			.side_split_box .unit .content .list .list_part .photo { position:absolute; z-index:0; right:0; top:0; height:100%;}
			.side_split_box .unit .content .list .list_part .photo img { width:auto; height:100%;}

			.side_split_box .unit_l {}
			.side_split_box .unit_l::after { background:#EDF7E8; right:0;}
			.side_split_box .unit_l h3 > span.f_bold { color:#5D993A; font-size:28px;}
			.side_split_box .unit_l h3 > span:not(.f_bold) { font-size:23px; color:#444;}
			.side_split_box .unit_l .list .list_part a { background:url(../image/layout/line1.png);}
			.side_split_box .unit_l .list .list_part a::before { background:url(../image/content/top/icon_ssb1.png);}
			.side_split_box .unit_l .list .list_part h5 { color:#5D993A;}

			.side_split_box .unit_r {}
			.side_split_box .unit_r::after { left:0; background:#FFFFBF;}
			.side_split_box .unit_r h3 > span.f_bold { color:#F39618; font-size:28px;}
			.side_split_box .unit_r h3 > span:not(.f_bold) { display:inline-block; transform:rotate(-5deg); font-size:16px; margin-right:5px;}
			.side_split_box .unit_r .list .list_part a { background:url(../image/layout/line2.png)}
			.side_split_box .unit_r .list .list_part a::before { background:url(../image/content/top/icon_ssb2.png);}
			.side_split_box .unit_r .list .list_part h5 { color:#F29618;}

	@media screen and (max-width:1200px) {
	.side_split_box { overflow: visible; }
	.side_split_box .unit_r h3 > span:not(.f_bold) { display: block; transform: rotate(0); margin-bottom: 7.5px;}
	.side_split_box .unit::after { left: 50%; right: auto; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
	}
	@media screen and (max-width:991px) {
	.side_split_box .wrapper > .row { margin:0 -25px;  }
	.side_split_box .unit { padding:20px 15px; margin:0;}
	.side_split_box .unit h3 { margin-bottom: 10px; }
	.side_split_box .unit { margin:0 -15px; height:auto !important; padding: 20px ;}
	.side_split_box .unit::after  { width:100%;}
	.side_split_box .unit .content .txt p br { display: none; }
	.side_split_box .unit .content .list .list_part h5 { font-size: 16px; margin-bottom: 5px;}
	.side_split_box .unit .content .list .list_part a > div { padding:10px 10px 10px 24px;  }


	.side_split_box .unit { margin:0 !important  }
	.side_split_box .unit_l h3 { margin-bottom: 10px; }
	.side_split_box .unit_l h3 > span.f_bold { font-size: 21px; }
	.side_split_box .unit_l h3 > span:not(.f_bold) { font-size: 18px; }
	.side_split_box .unit_r h3 > span.f_bold { font-size: 21px; }

	}
	@media screen and (max-width:991px) and (min-width:768px) {
	.side_split_box .unit .content .txt > div { width: 12%; }
	}
	@media screen and (max-width:767px){
	#top1 { margin-bottom: 50px; }
	.side_split_box .unit .content .list .list_part .photo { display: none; }
	}


	/*-------------------------------------------------------------------
		#top2
	-------------------------------------------------------------------*/
	#top2 {}

		/*.shoes_search_box*/
		.shoes_search_box {}
		.shoes_search_box .wrapper > .header { margin-bottom:20px;}
		.shoes_search_box .uhead { margin-bottom:20px;}
		.shoes_search_box section.wrap { margin-bottom:60px; }

			/*.ptw_box*/
			.ptw_box { border:3px solid }
			.ptw_box .bhead { display:table; width:100%; border-bottom:3px solid; color:#fff;}
			.ptw_box .bhead > * { display:table-cell; vertical-align:middle;}
			.ptw_box .bhead > .text { text-align:left; padding:10px;}
			.ptw_box .bhead h5 { font-weight:bold; font-size:30px; margin-bottom: 10px;}
			.ptw_box .bhead h5 a { position: relative; display: block; }
			.ptw_box .bhead h5 a::after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: .2s;}
			.ptw_box .bhead h5 a:hover::after { right: 5px; }

			.ptw_box .bhead p { font-size:13px;}
			.ptw_box .bhead .photo { width:45%; text-align: right;}
			.ptw_box .bcontent .sentence { position:relative; text-align:left; padding:10px}
			.ptw_box .bcontent .sentence h6 { font-size:18px; line-height:1.4; margin-bottom:10px;}
			.ptw_box .bcontent .sentence p { font-size:13px; text-align:justify; max-width:70%;}
			.ptw_box .bcontent .sentence .img { position: absolute; bottom:0; right:0; width:28%; text-align: right;}
			.ptw_box .bcontent .category { padding:15px;}
			.ptw_box .bcontent .category ul { margin:0 -5px -10px;}
			.ptw_box .bcontent .category li { padding:0 5px; margin-bottom:10px;}

			.ptw_box.ut1 { border-color:#E87777;}
			.ptw_box.ut1 .bhead { background:#E87777; border-color:#E87777;}
			.ptw_box.ut1 .bcontent .sentence h6 { color:#E87777;}
			.ptw_box.ut1 .bcontent .category {background-color:rgba(232,119,119,0.4);}

			.ptw_box.ut2 { border-color:#1D80C9;}
			.ptw_box.ut2 .bhead { background:#1D80C9; border-color:#1D80C9;}
			.ptw_box.ut2 .bcontent .sentence h6 { color:#1D80C9;}
			.ptw_box.ut2 .bcontent .category {background-color:rgba(29,128,201,0.4); }

			.ptw_box.ut3 { border-color:#B58831;}
			.ptw_box.ut3 .bhead { background:#B58831; border-color:#B58831;}
			.ptw_box.ut3 .bcontent .sentence h6 { color:#B58831;}
			.ptw_box.ut3 .bcontent .category {background-color:rgba(181,136,49,0.4);}

			/*.htw_box*/
			.htw_box {}
			.htw_box a { color:#444; }
			.htw_box .photo { margin-bottom: 15px; }
			.htw_box .text h6 { margin-bottom: 5px; }

			/*.ptw2_box*/
			.ptw2_box {}
			.ptw2_box li { margin-bottom: 15px; }

	@media screen and (max-width:1200px) {
	#top2 { padding-bottom: 50px; }
	}
	@media screen and (max-width:991px) {
	.ptw_box { margin-bottom: 30px; }
	.col-sm-4:last-child .ptw_box { margin-bottom: 0:};
	}
	@media screen and (max-width:991px) and (min-width: 768px) {
	.ptw_box .bcontent .category li { width: calc(100% / 6); }
	.ptw_box .bcontent .sentence .img img { max-width: 80px; }

	}

	@media screen and (max-width:767px) {
	#top2 .content .wrap:first-child .uhead { margin-bottom: 0; }
	.shoes_search_box .uhead { margin-bottom:15px;}
	.ptw_box .bhead h5 {  font-size: 23px;}
	.ptw_box .bcontent .sentence .img { width: 25%; }
	.htw_box .col-sm-1-5 { margin-bottom: 30px; }
	.htw_box .col-sm-1-5 a { display: table; width: 100%; }
	.htw_box .col-sm-1-5 a > div { display: table-cell; vertical-align:middle;}
	.htw_box .col-sm-1-5 .photo { width: 60px; }
	.htw_box .col-sm-1-5 .text { text-align: left; padding-left: 15px;}
	.htw_box .col-sm-1-5:last-child { margin-bottom: 0; }
	.ptw2_box ul { margin:0 -5px; }
	.ptw2_box li { padding:0 5px; margin-bottom: 10px;  }
	}
	/*-------------------------------------------------------------------
		#top3
	-------------------------------------------------------------------*/
	#top3 {}

		/*.recommended_shoes*/
		.recommended_shoes {}
		.recommended_shoes .header { margin-bottom:20px;}
		.recommended_shoes .header h3 { position:relative; position: relative; text-align:left; }
		.recommended_shoes .header h3 > span { position: relative;  z-index:2; display: inline-block; background-color: #fff;}
		.recommended_shoes .header h3::after { content: " "; position: absolute; bottom:20px; left:0; width: 100%; height:12px; background: url(../image/layout/line4.png) repeat-x center;  }
		.recommended_shoes .content {}
		.recommended_shoes .article { padding:0 20px; 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 .div1077 { padding-top: 100%; }
		.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:16px; 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:bottom;}
		.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; bottom: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:#E87777;}
			.recommended_shoes .article.ct2 .comment .txt > p:first-child span::before {border-color: transparent #E87777 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:#1D80C9;}
			.recommended_shoes .article.ct4 .comment .txt > p:first-child span::before {border-color: transparent #1D80C9 transparent transparent;}

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

			.recommended_shoes .article.ct6 .comment .txt > p:first-child span{background:#B58831;}
			.recommended_shoes .article.ct6 .comment .txt > p:first-child span::before {border-color: transparent #B58831 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:40px; }
	.recommended_shoes .article .button {position:absolute; width:100%; bottom: 0; left: 0;}
	}
	@media screen and (max-width:767px) {
	.recommended_shoes .header h3 > span { display: block; text-align: center; }
	.recommended_shoes .article {height:auto !important;}
	}



	/*-------------------------------------------------------------------
		#top4
	-------------------------------------------------------------------*/
	#top4 { position:relative; background:url(../image/layout/back1.jpg); margin-top:19px;}
	#top4::before { content:" "; position:absolute; top:-19px; left:0;  background: url(../image/content/top/pv_back.png) repeat-x; height:19px; width:100%;}


		/*.patron_voice*/
		.patron_voice {}
		.patron_voice .header { margin-bottom:20px;}
		.patron_voice .header > div { position:relative; display:inline-block; padding-bottom:20px; margin-bottom:15px;}
		.patron_voice .header > div > div { position:absolute;}
		.patron_voice .header .img_l { bottom:0; left:-20px; transform:translateX(-100%);}
		.patron_voice .header .img_r { bottom:0;  right:-20px; transform:translateX(100%);}
		.patron_voice .header > p { font-weight:bold;}

		@media screen and (min-width:768px){
		.patron_voice .content {}
		.patron_voice .content > div > .row { font-size:0; }
		.patron_voice .content > div > .row > div { display: inline-block; vertical-align: top; float: none; font-size:14px; }
		}

		.patron_voice .content .unit { display:table; table-layout:fixed; width:100%; padding:15px; background:#fff; margin-bottom:20px; border:5px solid #eee;}
		.patron_voice .content .unit > div { display:table-cell; vertical-align:middle;}
		.patron_voice .content .unit .photo { width:28%;}
		.patron_voice .content .unit .text { text-align:left; padding-left:15px;}
		.patron_voice .content .unit .text .uhead { margin-bottom:10px;}
		.patron_voice .content .unit .text .uhead li { display:inline-block; margin-bottom:5px;}
		.patron_voice .content .unit .text .uhead li span { display:block; color:#eee; padding:2px 10px;}
		.patron_voice .content .unit .text .uhead h5 { font-weight:bold; font-size:20px;}
		.patron_voice .content .unit .text .ucontent {}
		.patron_voice .content .unit .text .ucontent .comment { margin-bottom:15px;}
		.patron_voice .content .unit .text .ucontent .comment + div { display:table; width:100%;}
		.patron_voice .content .unit .text .ucontent .comment + div > * { display:table-cell; vertical-align:middle;}
		.patron_voice .content .unit .text .ucontent .comment + div > p { text-align:left; font-weight:bold;}
		.patron_voice .content .unit .text .ucontent .comment + div > div { text-align:right;}
		.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:1200px) {
	#top4  { padding-top: 50px; margin-top: 50px }
	}
	@media screen and (min-width:768px) {
	.patron_voice .content .unit .text .ucontent .comment { height:100px; overflow: auto; }
	}
	@media screen and (max-width:767px) {
	.patron_voice .content .unit ,
	.patron_voice .content .unit > div { display: block; width:100% !important; }
	.patron_voice .content .unit .photo { margin-bottom: 15px; text-align: center; }
	}

	@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;  }
	.patron_voice .content .unit ,
	.patron_voice .content .unit > * { display: block; width: 100%; }
	.patron_voice .content .unit .text .ucontent .comment + div,
	.patron_voice .content .unit .text .ucontent .comment + div > div { display:block !important; width: 100%;}
	.patron_voice .content .unit .text .ucontent .comment + div > p { margin-bottom: 10px; display: block; }
	}
	@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) {
	.patron_voice .header > div > div { display: none; }
	.tab_navi { padding:0; }
	.tab_navi ul li { width: 50%; }
	.tab_navi ul li:nth-child(even) { border-right:none;}

	}

/*===================================================================
	#switch_form
===================================================================*/
#top .mfp-iframe-holder .mfp-content,
#products.list .mfp-iframe-holder .mfp-content { max-width: 1200px; }
.switch_form {}
.switch_form img { max-width: 100% }
.switch_form legend { border:none; }
.switch_form .unit p { margin-bottom: 15px; }
.switch_form .steps { position: absolute; top: 35px; right: 45px; z-index: 10; }
.form-wrapper .fsection{
background-color: #fff;
opacity: 0;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-align: center;
position: absolute;
width: 100%;
min-height: 100vh;
padding:30px;
}

.form-wrapper .fsection h3{
margin-bottom: 30px;
}

.form-wrapper .fsection.is-active{
opacity: 1;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}

	/*.bTn*/
	.f_bTn { position: relative; margin:5px;  text-align: center; cursor: pointer; display: inline-table; vertical-align: top; box-shadow: 0px 5px 0 0px #ADADAD; border: 1px solid #ADADAD; background: #C8C8C8; border-radius: 10px; max-width: 260px; width:100%; font-size: 15px; font-weight: bold; transition:.3s; }
	.f_bTn:hover { opacity: 0.75; }
	.f_bTn > span { display: table-cell; height:50px; vertical-align:middle; padding:10px 15px; border-radius: 10px;  overflow: hidden;}
	.f_bTn strong { font-size: 21px; }
	.f_bTn_next { text-align: left; box-shadow: 0px 5px 0 0px #d27d0b; color: #fff; border: 1px solid #F39618; background: #F39618
		; }
	.f_bTn_next::after { content:" "; position: absolute; bottom: 0; right: 0; background: url(../image/content/top/search/button.png); background-size:78px 106px ; width: 78px; height: 106px;  display:inline-block; width:73px 106px;}
	.f_bTn_next2 { text-align:left; max-width: 280px; font-size: 18px; box-shadow: 0px 5px 0 0px #598918; color: #fff; border:1px solid #6BA51C; background: #6BA51C
		; }
	.f_bTn_next2.next { padding-right: 30px }
	.f_bTn_next2.next::before { content: "\f054"; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-family: FontAwesome; }
	.f_bTn_next2.back { padding-left:30px; }
	.f_bTn_next2.back::before { content: "\f053"; position: absolute; top: 50%; left:15px; transform: translateY(-50%); font-family: FontAwesome; }

	/*.fsection*/
	.fsection .uhead { text-align: left; border-bottom:5px solid #C8C8C8; margin-bottom: 15px; }
	.fsection .uhead h3 { margin-bottom: 15px; }
	.fsection .ucontent{ background: url(../image/content/top/search/back.png); padding:15px 20px; font-size:16px; margin-bottom: 30px;}
	.fsection .ucontent .tag {  color: #6BA51B; font-weight: bold; font-size: 15px; margin-bottom: 10px;}
	.fsection .ucontent .tag span { display: inline-block; border-bottom:3px solid #6BA51B; }
	.fsection .ucontent h4 { color: #444444; font-size: 31px; font-weight: bold; margin-bottom: 15px; }
	.fsection .ucontent label { display: block; }
	.fsection .ucontent label > span { display:block; border: 2px solid #6BA51C; font-size: 16px; border-radius: 10px; padding-top: 15px; padding-bottom: 15px}
	.fsection .ucontent input[type="checkbox"]:checked + span {  background:#6BA51C !important;}
	.fsection .ucontent input[type="checkbox"]:checked + span ,
	.fsection .ucontent input[type="checkbox"]:checked + span::before,
	.fsection .ucontent input[type="checkbox"]:checked + span ::after,
	.fsection .ucontent input[type="checkbox"]:checked + span * { color: #fff !important; border-color:#fff !important;  }

	/**/
	.steps li { position: relative; display: inline-block; margin-right: 20px; font-size:16px; }
	.steps li:last-child { margin-right: 0; }
	.steps li:first-child,
	.steps li:first-child::after { display: none; }

	.steps li::after { content: "\f054"; font-family: FontAwesome; position: absolute; top: 50%; right: -20px; transform:translateY(-50%);}
	.steps li:last-child::after { display: none; }
	.steps li span { display: inline-block; padding:3px 5px; }
	.steps li.is-active {color: #6BA51B; }
	.steps li.is-active span { border-bottom:2px solid #6BA51B; font-weight: bold; }

	/*.fsection.scn1*/
	.fsection.scn1 h3, { margin-bottom: 20px; }
	.fsection.scn1 .box,
	.fsection.scn4 .box { background: url(../image/content/top/search/back.png); display: table; width: 100%; text-align: center; padding:15px 20px;}
	.fsection.scn1 .unit,
	.fsection.scn4 .unit { display: table-cell; text-align: center; vertical-align: middle; height:calc(100vh - 60px); }
	.fsection.scn1 .in_unit { width: 100%; max-width: 550px; text-align: left; }
	.fsection.scn1 .txt { margin-bottom: 50px; }


	/*.label_list*/
	.label_list {}

	.select_list { max-width: 845px; text-align: left; margin:0 auto;}
	.select_list li { display: inline-block; font-size: 16px; margin-bottom: 5px; font-weight: bold;}
	.select_list li::after { content:","; padding:0 5px;  }
	.select_list li:last-child::after { display: none; }


@media screen and (max-width:991px){
	.form-wrapper .fsection{ padding: 20px 15px; }
	.switch_form .steps { position: static; margin-bottom: 10px; }
	.switch_form .steps  li { font-size: 14px; }
	.fsection .ucontent h4  { font-size: 25px; }
}
@media screen and (min-width:768px){
	.label_list .row { font-size:0; }
	.label_list li { margin-bottom: 10px;display: inline-block; float: none; vertical-align: top;}
}
@media screen and (max-width:767px){
	#top .mfp-iframe-holder .mfp-content {  height: 80vh; }
	.fsection .ucontent .tag { font-size: 15px !important; }
	.fsection.scn1 .box,
	.fsection.scn4 .box { display: block; padding:15px 10px;}
	.fsection.scn1 .unit,
	.fsection.scn4 .unit { display: block; height: auto; }
}
@media screen and (max-width:500px){
.f_bTn { width: 100%; max-width: 100%; margin-bottom: 10px;}
.f_bTnlast-child { margin-bottom: 0; }
.f_bTn_next::after { background-size:58px 83px; width:58px; height: 83px; }
}


/*===================================================================
	下層テンプレート
===================================================================*/
.entry { text-align: left; font-size:16px;}
.entry div.wrap { margin-bottom:30px;}
.entry div.wrap:last-child { margin-bottom:0;}
@media screen and (max-width:767px){
.entry { font-size:13px;}
}


	/*#page_title*/
	#page_title { position:relative; background:url(../image/layout/page_title_back.jpg);}
	#page_title::after { content:" "; position:absolute; width:100%; height: 3px; bottom:0; left:0; background-color:rgba(93,154,59,0.34);}
	#page_title .wrapper h2 { display:table;}
	#page_title .wrapper h2 > span { display:table-cell; vertical-align:middle; text-align:left; height:160px;}
	#page_title .wrapper h2 > span > span { display:block; font-size:18px; font-weight:bold; color:#444;}
	#page_title .wrapper h2 > span > span.f_bold { font-size:43px; color:#5D993A;}
	#page_title .visual { position:absolute; top:0; right:0; height:100%; max-width:50%; width:100%; background-repeat:no-repeat;}

	@media screen and (max-width:767px){
	#page_title .wrapper h2 { width:100%;}
	#page_title .wrapper h2 > span { text-align:center; height:120px;}
	#page_title .wrapper h2 > span > span { font-size:14px;}
	#page_title .wrapper h2 > span > span.f_bold { font-size:22px;}
	#page_title .visual { display:none;}
	}

	/*#contents*/
	#contents { padding:60px 0 100px; }
	@media screen and (max-width:991px){
	#contents { padding:30px 0px 80px;}
	}


	/*.box1*/
	.box1 { padding: 20px 20px 60px; background: #fff; border: 2px solid #ddd; border-radius:3px;}
	.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 ,
	.box1-2 { padding-left:10px; padding-right:10px;}
	}


	/*.h_1～6*/
	.h_1 { position: relative; font-size: 30px; font-weight: bold; border-top:2px solid #ddd; padding:15px 0 0; margin-bottom: 20px;}
	.h_1::before { content: " "; position: absolute; top: -2px; left: 0; width: 140px; height: 2px; background: #5D9A3B;}
	.h_2 { font-size: 22px; font-weight:bold; color:#5D993A; border-bottom:1px dotted #999; padding-bottom:5px; margin-bottom:20px;}
	.h_3 { position:relative; font-size:22px; font-weight:bold; color:#222; margin-bottom:20px;}
	.h_3::after { content:" "; position: absolute; top:50%; left:0; width:100%; height:2px; margin-top:-1px; background:#5D9A3B;}
	.h_3 > span { position:relative; z-index:1; display:inline-block; background:#fff; padding-right:10px;}
	.h_4 { font-size:18px; font-weight:bold; color:#fff; background:#5D9A3B; padding:10px; margin-bottom:10px;}
	.h_5 { font-size:18px; font-weight:bold; color:#5D993A; margin-bottom:15px;}
	.h_6 { font-size:18px; font-weight:bold; color:#F29618; margin-bottom:15px;}

	@media screen and (max-width:767px){
	.h_1 { font-size:20px;}
	.h_2,
	.h_3 { font-size:18px;}
	.h_4,
	.h_5,
	.h_6 { font-size:16px;}
	}


	/*p*/
	.entry p { line-height:1.5; margin-bottom:15px;}
	.entry p:last-child { margin-bottom:0;}

	/*a*/
	.entry a { color:#222; text-decoration:underline;}
	.entry a::hover { text-decoration:none;}
	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(../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;}
	}

	/*ol*/
	.entry ol { margin-bottom:30px; list-style:none;}
	.entry ol li { position:relative; font-size:16px; line-height:1.5; padding-left:25px; margin-bottom:10px; counter-increment:ol;}
	.entry ol li::before { content:counter(ol); position:absolute; top:0; left:0; display:inline-block; padding:0px 5px; background:#5D9A3B; color:#fff; }
	@media screen and (max-width:767px){
	.entry ol li { font-size:13px;}
	}

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

		/*.tbl1*/
		.tbl1 {}
		.tbl1 thead  tr > *{ background:#5D9A3B; color:#fff; 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:#5D9939; background-color:rgba(93,153,57,0.05);}
		.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  }


	@media screen and (max-width:767px){
	.entry table th,
	.entry table td { font-size:13px;}

		/**/

		/*.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; }
		/*
		.tbl5.choice_content_tbl tbody td:first-child { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
		*/



	}


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


		.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;}
		.entry .button:hover { opacity:0.75;}
		.entry .btn_back { padding-left:30px;}
		.entry .btn_back::before { content:"\f104"; position:absolute; top:50%; left:10px; transform:translateY(-50%); font-family:FontAwesome; font-size:20px;}
		.entry .btn_next { color:#fff; background:#5D9A3B; border-color:#5D9A3B;}
		.entry .btn_edit { background:#D7C074; color:#333;}
		/*.entry .btn_edit::before { content:"\f104"; position:absolute; top:50%; left:10px; transform:translateY(-50%); font-family:FontAwesome; font-size:20px;}*/
		.entry .btn_delete {}
		.entry .btn_purchase { color:#fff; background:#bb3535; border-color:#bb3535;}
		.entry .btn_next,
		.entry .btn_purchase { padding-right:30px;}
		.entry .btn_next::after,
		.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:#bb3535; border:1px solid #bb3535; 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;}

		.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;}


		.link_btn_list {}
		.link_btn_list li { margin-bottom: 10px; display: inline-block; }
		.link_btn_list li a { position: relative; display: block; background: #F39618; border: 1px solid #F39618; padding: 5px 30px 5px 15px; color: #fff; border-radius: 5px; transition: .2s;}
		.link_btn_list li a::after { content: "\f105"; position: absolute; font-family: FontAwesome; top:50%; right: 10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size: 18px;}
		.link_btn_list li a:hover { background: #fff; color: #F39618; }

		@media screen and (max-width:1200px){
		.button_list li { min-width:180px;}
		.entry .button { max-width:180px; font-size: 14px;}
		}
		@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;}
		.entry .button { max-width:100% !important; margin:5px 0; }
		}
		@media screen and (max-width:767px){
		.button1 { min-width: 250px; }
		.link_btn_list li { display: block; }
		.link_btn_list li:last-child { margin-bottom: 0; }
		}
		@media screen and (max-width:500px){
		.button1,
		.button2 { 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; width:100% !important;}
		.dl_tbl dl > * { padding:5px 0;}
		}

/*===================================================================
	#products
===================================================================*/
#products {}

body.list .recommended_shoes { padding:0 15px;  }
body.list .recommended_shoes p { font-size:13px;}
body.list .recommended_shoes .article {padding: 0;}
body.list .recommended_shoes .article .info .f_bold { display: block; padding-top: 5px;}
@media screen and (min-width:768px){
body.list .recommended_shoes .content .row { font-size:0; text-align:left;}
body.list .recommended_shoes .content .row > div { font-size:14px; display:inline-block; vertical-align:top; float:none;}
body.list .recommended_shoes .article { position: relative; padding-bottom: 40px;}
body.list .recommended_shoes .article .button { position: absolute; width: 100%; bottom:0; left:0}
}
@media screen and (max-width:767px){
body.list .recommended_shoes .article {height: auto !important;}
}




	/*.search_word_list*/
	.search_word_list { position: relative; text-align: left; border-bottom: 2px solid #D6D6D6; padding-bottom:10px; margin-bottom: 20px;}
	.search_word_list::after { content:" "; position: absolute; bottom: -2px; left:0; width: 140px; height: 2px; background: #5D9A3B;}
	.search_word_list p { font-size: 16px; display: inline;}
	.search_word_list p span { font-size: 20px; color: #5D993A; font-weight: bold; padding-right: 5px; }
	.search_word_list div.pos_ar { float: right; margin-top: 5px;}
	.search_word_list div.pos_ar a { display: inline-block; padding: 5px 10px; border: 1px solid rgb(233,101,101); color: rgb(233,101,101); border-radius: 5px; transition: .2s;}
	.search_word_list div.pos_ar a:hover { background:rgb(233,101,101); color: #fff;}
	/*.rank_change*/
	.rank_change {}
	.rank_change > p { display: inline-block;; vertical-align:middle; }
	.rank_change > ul { display: inline-table; border: 2px solid #5D9A3B; vertical-align: middle; }
	.rank_change li { display: table-cell; border-right: 2px solid #5D9A3B;}
	.rank_change li:last-child { border-right: none; }
	.rank_change li a { display: block; padding:5px 15px; font-size: 14px; color: #444; background: #fff;}
	.rank_change li span { display: block; padding:5px 15px; font-size: 14px; background:#5D9A3B; color: #fff;}

	/*.search_result_info*/
	.search_result_info { margin-bottom: 20px; }
	.search_result_info .clearfix > p { float: left; padding: 7px 0;}
	.search_result_info .clearfix > div { float: right; }
	@media screen and (max-width:767px){
	.search_word_list p { font-size: 14px;}
	.search_word_list p span { font-size: 16px;}
	.search_result_info { margin-bottom: 5px; }
	.search_result_info .clearfix > p { float: none; text-align: left;}
	.search_result_info .clearfix > div { float:none;text-align: right; margin-bottom: 15px; }
	.rank_change > p { display: block; text-align: left; font-size: 15px;}
	.rank_change > ul { width:100%;}
	.rank_change > ul > li > * { text-align: center; padding: 10px 5px; font-size: 12px;}
	}


	/*-------------------------------------------------------------------
		#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:#bbddbb; 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(../image/layout/slick_prev.png); width:17px; height:23px; float:left; cursor:pointer;}
		.products_slide .slick-next { position: relative;z-index: 5; background:url(../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; width: 70%;}
			.p_main_slide .catchphrase-flg { position: absolute; bottom:0; left:0; width: 70px; }

			/**/
			.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;}
			.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: 50px}


		/*.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 { border-bottom:3px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
		#products_detail > .header .step_list { margin-bottom:0;}
		#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,
		#products_detail .wrap_embroidery li{ display:inline-block; margin-right:15px;}
		#products_detail .name_embroidery .name_option_navi li:last-child,
		#products_detail .wrap_embroidery .name_option_navi sli: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 ul li { margin: 0!important; }
		.name_option_page .row  li { display:block !important; }
		.name_option_page .row label { display: block; cursor: pointer; }
		.name_option_page .row label > * { text-align: center; }
		.name_option_page .row label > div { text-align: center; margin-bottom: 5px; }
		.name_option_page .row label > div img { height: 80px; }
		.name_option_page .row label .pos_ac { font-size: 1.5em; color: #5D9A3B }
		.name_option_page h6 { font-weight: bold; font-size: 16px; margin-bottom: 5px;}



		/*.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; table-layout:fixed; 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) {
	.tbl_btn_list,
	.tbl_btn_list tbody,
	.tbl_btn_list tr,
	.tbl_btn_list th,
	.tbl_btn_list td { display:block; width:100%;}

	.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:#bb3535;  color:#bb3535;}
	.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;}
	.name_option_page .row label .pos_ac { font-size: 18px!important; }
	#products_detail .name_option_page .row li { margin-bottom: 30px !important; }
	#products_detail .name_option_page .row li:last-child { margin-bottom: 0 !important; }

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

	@media screen and (max-width:500px) {
	.ct_i_list li { width:100%; }
	#products_detail td li { 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%; }
	#products_detail .name_option_page .row li { margin-bottom: 30px !important; }
	#products_detail .name_option_page .row li:last-child { margin-bottom: 0 !important; }
	}

	#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(../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; margin-bottom: 5px;}
		.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(../image/layout/step_vect.png) center center; width:17px; height:23px; background-size:17px 23px;}
	.step_list li.active::after { background:url(../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%; background-repeat: no-repeat !important; background-position: center !important; width: 100%; margin-top: 15px;}
	}

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

	/*.choice_products*/
	.choice_products {}
	.choice_products .uhead {position: relative;}
	.choice_products .uhead .btn_delete { position: absolute; right: 0; top: 50%; transform:translateY(-50%);}
	.choice_products .uhead .btn_delete a { color: rgb(233, 101, 101);}
	.choice_products .search_result { text-align: center;}
	.choice_products .info {}
	.choice_products .info > div { display:table; width:auto; table-layout:fixed;}
	.choice_products .info > div > div { display:table-cell; vertical-align:middle;}
	.choice_products .info .photo { width:65px; text-align:center;}
	.choice_products .info .text { 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; 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; table-layout: fixed}
	.choice_products .info .option dl > * { display:table-cell; margin-bottom:0;}
	.choice_products .info .option dt { width:80%; 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:right; 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:#999;}
	.choice_products .tbl5 .num::before { content: "コード：" }
	.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; }


/*===================================================================
	#voice
===================================================================*/
#voice {}

	/**/
	.voice_box { text-align:left;}
	.voice_box .banner { margin-bottom:30px;}


/*===================================================================
	#news
===================================================================*/
#news {}

	/*.article_list*/
	.article_list { margin-bottom: 50px; }
	.article_list .article { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #7C7C7C}
	.article_list .article:last-child { margin-bottom: 0; }
	.article_list .title { position:relative;}
	.article_list .title h4 { padding-right: 115px; }
	.article_list .title .data { position:absolute; right:0; top:20px; font-size:13px;}
	.article_list .title .data span { display: block; padding:2px 10px; background: #5D9A3B; color: #fff; }
	@media screen and (max-width: 767px) {
	.article_list .title h4 { margin-bottom: 10px; padding-right:0;}
	.article_list .title .date { position: static; display: inline-block; margin-bottom: 10px;}
	}

	/*.article_detail*/
	.article_detail {}
	.article_detail .header { position:relative;}
	.article_detail .header h3 { padding-right: 115px; }
	.article_detail .header .data { position:absolute; right:0; top:20px; font-size:13px;}
	.article_detail .header .data span { display: block; padding:2px 10px; background: #5D9A3B; color: #fff; }

		/* .social_btn*/
		.social_btn {}
		.social_btn li { display:inline-block; vertical-align:top; line-height: 100%;}

	@media screen and (max-width: 767px) {
	.article_detail .header h3 { margin-bottom: 10px; padding-right:0;}
	.article_detail .header .data { position: static; display: inline-block; margin-bottom: 10px;}
	}

/*===================================================================
	#faq
===================================================================*/
#faq {}
#faq #primary section > .header { margin-bottom:30px;}
	/*.faq_navi*/
	.faq_navi { margin-bottom:30px;}
	.faq_navi li a { display:block; padding:10px; background:#5D9A3B; color:#fff; border-radius:5px;}
	.faq_navi li a span { position:relative;}
	.faq_navi li a span:before { content:"\f054"; display:inline-block; font-family:FontAwesome; font-size:13px; margin-right:5px;}

	/*.faq_list*/
	.faq_list {}
	.faq_list dl { border:1px solid #B8AB99; padding:0 15px; border-radius:5px; margin-bottom:15px;}
	.faq_list dl:last-child { margin-bottom:0;}
	.faq_list dt { position:relative; display:table; width:100%; cursor:pointer;}
	.faq_list dt::after { content:"\f107"; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:0; font-family:FontAwesome; font-size:20px; transition:.2s;}
	.faq_list dl.active dt::after { transform:translateY(-50%) rotateX(180deg); -webkit-transform:translateY(-50%) rotateX(180deg); color:#5d9a3b;}
	.faq_list dt > * { display:table-cell; vertical-align:middle; color:#1F1F1F; font-weight:normal; padding:15px 0;}
	.faq_list dt > .icon { width:35px;}
	.faq_list dt > .txt { padding-left:15px; transition:.2s; padding-right:25px;}
	.faq_list dl.active dt .txt { font-weight:bold; color:#5D9A3B;}
	.faq_list dd { border-top:1px dashed #B8AB99; padding:15px 0; display:none;}

	@media screen and (max-width: 767px) {
	.faq_navi li { margin-bottom:10px;}
	.faq_navi l:last-child { margin-bottom:0;}
	}

/*===================================================================
	#name
===================================================================*/
#name {}
	.name_price { display: table; width: 100%; margin-bottom: 30px;}
	.name_price > * { display: table-cell; vertical-align: top; }
	.name_price h5 { width: 120px; }
	.name_price h5 span { display: inline-block; color: #fff; background: #816643; font-weight: bold; padding:7.5px 15px;  }
	.name_price h5 + div { padding-left: 15px; }
	.price_unit {}
	.price_unit .price { margin-bottom: ; }
	.price_unit .price p { margin-bottom: 0; font-weight: bold }
	.price_unit .price p > * { display: inline-block; vertical-align: top; }
	.price_unit .price p strong { font-size:35px; font-weight: normal }
	.price_unit .price p span { padding-left: 15px; vertical-align: bottom; font-weight: normal; font-size: 15px;}
	.price_unit .list li { color: #F29618; }
	/*
	.name_price {display:inline-block; width:100%; }
	.name_price .set { display:table-cell;font-size:30px; text-align: center; vertical-align:middle;}
	.name_price .set span { display:block;padding:5px; background-color:#816643; color:#fff; }
	.name_price .price { display:table-cell; font-size:14px; padding:5px; vertical-align:middle; }
	.name_price .price span { font-size:35px; }
	.name_price .point { display:table-cell;font-size:14px; padding:5px; color:#F29618;vertical-align:middle; }

	.nouki {background-color:#EEEEEE; text-align: center;}
	.net_order {border:#5D9A3B 1px solid;}

	.name_mark { background-color:#EDF7E8; text-align: center; }
	.name_mark img { padding:5px; display:inline-block; vertical-align:middle;}
	.name_mark span { padding:5px; font-weight:bold; font-size:23px; color:#bb3535; vertical-align:middle;}
	*/

	.g_back_txt { background: #EDF7E8; text-align: center; padding:10px; }
	.g_back_txt > * { display: inline-block;; vertical-align: middle; padding:0 5px; color: #bb3535; font-size: 23px;}

	/**/
	.name_navi { margin-bottom: 15px                                }
	.name_navi ul { font-size: 0; margin:0 -10px;}
	.name_navi li { display: inline-block; width: 33.333%; padding:0 10px; font-size: 16px;}
	.name_navi li a {display: table; width: 100%;}
	.name_navi li a.ut1 { background: #E87777; }
	.name_navi li a.ut2 { background: #1D80C9;  }
	.name_navi li a.ut3 { background: #B58831; }
	.name_navi li a > span { display: table-cell; vertical-align: middle; color: #fff;}
	.name_navi li a .txt { font-size: 18px; font-weight: bold; font-size: 25px; text-align: center;            }
	.name_navi li a .img { width: 115px; }

	.ns_box { border: 1px solid #5D9A3B }
	.ns_box .content { padding:15px;  }
	.ns_box .content  > ul { margin-bottom:0; }

	@media screen and (max-width:1200px ){
	.name_navi li a .txt { font-size: 16px; }
	.name_navi li a .img { width: 80px; }
	}
	@media screen and (max-width:767px ) and (min-width: 501px){
	.name_navi li a,
	.name_navi li a > span {display: block; width: 100%;}
	.name_navi li a .txt { font-size: 20px; }
	.name_navi li a .img,
	.name_navi li a .img img { width: 100%; }
	}
	@media screen and (max-width:767px ){
	.name_price ,
	.name_price > * { display: block; }
	.name_price h5 { margin-bottom: 15px; width: 100%; text-align: center; }
	.name_price h5 + div { padding-left:0; }

	.price_unit { text-align: center; }
	.price_unit .price p span { vertical-align: bottom; display: block; padding-left: 0;}
	.price_unit .price { display: block !important; vertical-align:bottom; text-align: center; margin-bottom: 15px;}
	.price_unit .list { display: inline-block; vertical-align: top; text-align: left; }


	.c_tbl,
	.c_tbl tbody,

	.c_tbl tr,
	.c_tbl th,
	.c_tbl td { display: block; width: 100%; }
	.c_tbl tr { font-size:0; }
	.c_tbl th,
	.c_tbl td { font-size:13px; }
	.c_tbl td { display:inline-block; width: 20%;}
	.f_tbl,
	.f_tbl tbody,
	.f_tbl tr,
	.f_tbl th,
	.f_tbl td { display: block; width: 100%; }
	.f_tbl tr { font-size:0; }
	.f_tbl th,
	.f_tbl td { font-size:13px; }
	.f_tbl td { display:inline-block; width: 50%;}
	}
	@media screen and (max-width: 500px){
	.g_back_txt > *  { font-size: 16px; display: block; padding:0; margin-bottom: 10px;  }
	.g_back_txt > *:last-child { margin-bottom: 0; }
	.name_navi li { display: table; width: 100%; margin-bottom: 15px}
	.name_navi li:last-child { margin-bottom: 0; }
	}


	/*===================================================================
		#wrapping
	===================================================================*/
	#wrapping {}
	#wrapping #primary .header,
	#wrapping #primary .content .wrap { margin-bottom: 60px;}
	#wrapping #primary .header .f_small { color: #666666;}
@media only screen and (max-width:767px){
	#wrapping #primary .header,
	#wrapping #primary .content .wrap { margin-bottom: 40px;}
}
		/*.wrapping_step_list*/
		.wrapping_step_list {}
		.wrapping_step_list .row { margin:0 -5px; }
		.wrapping_step_list dl { padding:0 5px;  }
		.wrapping_step_list dt { background: #5D9A3B; color:#fff; padding: 5px; margin-bottom: 10px; }
		.wrapping_step_list dt span { display: inline-block; vertical-align: middle; }
		.wrapping_step_list dt .tag { display: inline-block; background: #fff; color:#5D9A3B ; font-size: 0.8em; padding: 2px 5px; margin-right:10px;}
		.wrapping_step_list dd { font-size: 0.8em; text-align: justify; }
		.wrapping_step_list dd > div { margin-bottom: 10px; text-align: center;}
@media only screen and (max-width:991px) and (min-width:768px ){
		.wrapping_step_list dt span { display: table; }
}
@media only screen and (max-width:767px){
		.wrapping_step_list dl { margin-bottom: 30px; }
		.wrapping_step_list dl:last-child { margin-bottom: 0; }
}

		/*.wrapping_choice*/
		.wrapping_choice {}
		.wrapping_choice .h_3 span { padding: 0 15px; font-size: 0.9em }
@media only screen and (min-width:768px){
		.wrapping_choice .row>div { width:47%; }
		.wrapping_choice .row>div:nth-child(even) { float: right }
		.wrapping_choice .row .text p { font-size: 0.9em; line-height: 1.7 }
}
@media only screen and (max-width:767px){
		.wrapping_choice .row>div { margin-bottom:40px; }
		.wrapping_choice .row>div:last-child { margin-bottom: 0; }
}

		/*wrap_article*/
		.wrap_article { }
		.art_header { margin-bottom: 30px; }

		#wrapping1 .add_i li::before { background: url(../image/content/wrapping/li_icon.png);}
		#wrapping2 {}
		#wrapping2 .row { font-size: 0; }
		#wrapping2 .row> div { font-size: 16px; display: inline-block; vertical-align: top; float: none }
		#wrapping2 .row> div.pos_vb { vertical-align: bottom; }
@media only screen and (min-width:768px){
		#wrapping2 .row>div p { font-size: 14px; line-height: 1.8 }
}
@media only screen and (max-width:767px){
		#wrapping2 .row.mb30> div {  display: block; margin-bottom: 20px; }
		#wrapping2 .row.mb30> div:last-child { margin-bottom: 0; }
}
		/*.wrapping2_step_list*/
		.wrapping2_step_list {}
		.wrapping2_step_list ul { margin:0 -5px; }
		.wrapping2_step_list li { padding: 0 5px; margin-bottom: 10px; }






	/*===================================================================
		#name_list
	===================================================================*/
	#name_list {}

		/*.name_list*/
		.name_list {display:block; margin:0 -5px;font-size:0;}
		.name_list li {display:inline-block; text-align: center; float:none; vertical-align: top; padding:0 5px; }
		.name_list span {display:block; padding:15px; border:1px solid #ddd;}
		.name_list p {font-size:14px;font-family: "Meiryo UI" , "メイリオ" , Meiryo;}

		/*.site_listf*/
		.site_list { display:block; }
		.site_list dl { margin-bottom: 20px; }
		.site_list dl:last-child { margin-bottom: 0; }
		.site_list dt { margin-bottom: 5px; }
		.site_list li { display:inline-block; margin-right:20px;}

	/*===================================================================
		#name.form
	===================================================================*/
	#name.form {}

		/*.name_guide_unit*/
		.name_guide_unit {}
		.name_guide_unit .photo { border: 2px solid #ddd; padding:10px; margin-bottom: 15px;}

/*===================================================================
	#member
===================================================================*/
#member {}

	/*-------------------------------------------------------------------
		login
	-------------------------------------------------------------------*/
	.login_box { max-width:880px; margin:0 auto;}
	.login_box input[type="text"],
	.login_box input[type="email"],
	.login_box input[type="password"] { border:2px solid #ddd; background:#fff; padding:5px; font-size:15px; width:100%;}

		/*.mr_btn_unit*/
		.mr_btn_unit { text-align:left;max-width:880px; margin:0 auto; padding:30px 0;}
		.mr_btn_unit > * { display:inline-block; vertical-align:middle; text-align:left; margin-right:15px;}
		.mr_btn_unit > *:last-child { margin-right:0;}
		.mr_btn_unit .button1 { min-width:230px; text-align:center;}
		.mr_btn_unit p { line-height:1.6;}


	@media screen and (max-width:767px){
		.mr_btn_unit > * { display:block;}
		.mr_btn_unit > div { margin-bottom:10px; margin-right:0;}
		.mr_btn_unit .button1 { width:100%;}
	}


	/*-------------------------------------------------------------------
		history
	-------------------------------------------------------------------*/
	.p_history { margin-bottom:50px;}
	.p_history .unit { margin-bottom:30px;}
	.p_history .unit:last-child { margin-bottom:0;}

		/*.mypage_menu*/
		.mypage_menu { margin-bottom:20px;}
		.mypage_menu .box { padding:10px; border:1px solid #ccc; margin-bottom:5px; background:#fff;}
		.mypage_menu .box h5 { background:#5D9A3B; color:#fff; font-weight:bold; padding:10px;}
		.mypage_menu .box .content { padding:0 10px;}
		.mypage_menu .box .content  h6 { padding:15px 0;}
		.mypage_menu .box ul { text-align:left;}
		.mypage_menu .box li { margin-bottom:5px;}
		.mypage_menu .box li:last-child { margin-bottom:0;}
		.mypage_menu .box li a { color:#333;}
		.mypage_menu .box + p { text-align:right;}
		.mypage_menu .box + p a { color:#333;}

		/**/
		.side_banner_list {}
		.side_banner_list li { margin-bottom:15px;}
		.side_banner_list li:last-child { margin-bottom:0;}

	@media screen and (max-width:767px){
	.p_history .unit .col-sm-5 { text-align:center;}
	}


	/*-------------------------------------------------------------------
		edit
	-------------------------------------------------------------------*/
	#member.edit {}
	#member.edit .tbl4 td > span { display:inline-block;}
	#member.edit .tbl4 td li { margin-bottom:15px;}
	#member.edit .tbl4 td li:last-child { margin-bottom:0;}

	@media screen and (max-width:767px){
	#member.edit th br { display:none;}
	#member.edit .password1 td > span,
	#member.edit .password2 td > span,
	#member.edit .name td > span,
	#member.edit .ruby td > span { max-width:100%; display:block; width:100%;}
	#member.edit .birth td > span { padding:0;}
	#member.edit .birth td .w60 { width:50px;}
	#member.edit .birth td .w50 { width:40px;}
	#member.edit .post td > span.mwp20  { max-width:45%;}
	#member.edit .post td > span:last-child { display:block; text-align:right; padding-top:15px;}
	#member.edit .post td > span:last-child a { display:block; margin-left:0;}
	#member.edit .tel td  > span,
	#member.edit .fax td  > span { display:block; text-align:right}
	#member.edit .tel td  input { max-width:100%;}
	#member.edit .button_list .button { text-align:center;}
	}


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

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

	#inquiry .x-large { font-size: 23px; }

	#inquiry .x-small { font-size:12.5px; }
	}

/* .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(../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:#da4b4b; font-size:10px; padding:2px 5px;}
.required2 { display:inline-block; color:#fff; vertical-align:middle; background:#d44b4b; padding:5px; font-weight:bold; }

	/*-------------------------------------------------------------------
		#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: #bb3535; font-weight: bold; border: 1px solid #bb3535; 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; border: 1px solid #fff;}
	#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: 11px;}
.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;}

}

/*===================================================================
	#room
===================================================================*/
#room {}
#roomlist { font-size: 0; }
#roomlist > div { display: inline-block; vertical-align: top; float: none;}

/*===================================================================
	#boa
===================================================================*/
#boa #page_title {
  background-image: url(../image/content/boa/page_title_back.png), url(../image/layout/page_title_back.jpg);
  background-size: contain,18px;
  background-repeat: no-repeat , repeat;
  background-position: top right, 0 0;
}

@media screen and (max-width: 767px) {
  #boa #page_title {
    background-image: url(../image/layout/page_title_back.jpg);
    background-size: 18px;
    background-repeat: repeat;
  }
}

#boa .entry .h_6 {
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  #boa .entry .h_6 {
    font-size: 5vw;
  }
}

#boa .entry .h_4 {
  margin-bottom: 24px;
  padding: 16px;
}

#boa .entry .txt {
  font-weight: bold;
  width: 676px;
  margin: 0 auto;
}

#boa .entry .txt .fz-l {
  font-size: 28px;
  display: inline-block;
  margin-right: 16px;
}

#boa .entry .txt .red {
  color: #d43a38;
  font-size: 13px;
}

#boa .entry .step {
  overflow: hidden;
  text-align: center;
}

#boa .entry .step ul {
  display: inline-block;
}

#boa .entry .step ul li {
  float: left;
}

@media screen and (max-width: 991px) {
  #boa .entry .step ul li {
    width: 33%;
  }
}

#boa .entry .note {
  width: 676px;
  margin: 0 auto;
  font-size: 11px;
}

#boa .entry .shoes-lists {
  margin: 80px 0;
}

@media screen and (max-width: 767px) {
  #boa .entry .shoes-lists {
    margin: 40px 0;
  }
}

#boa .entry .shoes-lists .left {
  width: 390px;
  float: left;
}

@media screen and (max-width: 991px) {
  #boa .entry .shoes-lists .left {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 20px;
  }
}

#boa .entry .shoes-lists img {
  float: none;
}

@media screen and (max-width: 991px) {
  #boa .entry .shoes-lists .align_center {
    text-align: left;
  }
}

#boa .entry .shoes-lists .right {
  width: 384px;
}

@media screen and (max-width: 991px) {
  #boa .entry .shoes-lists .right {
    width: 100%;
    float: none;
  }
}

#boa .entry .shoes-lists .right .top {
  background-image: url(../image/content/boa/logo.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 127px;
  margin-bottom: 20px;
}

#boa .entry .shoes-lists .right .info {
  text-align: left;
}

#boa .entry .shoes-lists .right .title {
  font-size: 23px;
}

#boa .entry .shoes-lists .right .size {
  font-size: 13px;
  text-align: right;
}

@media screen and (max-width: 991px) {
  #boa .entry .shoes-lists .right .size {
    text-align: left;
  }
}

#boa .entry .shoes-lists .right .size .border {
  padding: 0;
  text-align: center;
}

#boa .entry .shoes-lists .right .size .border .first {
  color: #fff;
  width: 120px;
}

#boa .entry .shoes-lists .right .size .border .first.black {
  background: #000;
}

#boa .entry .shoes-lists .right .size .border .first.mocha {
  background: #653200;
}

#boa .entry .shoes-lists .right .price {
  text-align: center;
  margin-top: 20px;
  margin-left: 25px;
}

@media screen and (max-width: 991px) {
  #boa .entry .shoes-lists .right .price {
    width: 100%;
    margin-left: 0;
  }
}

#boa .entry .shoes-lists .right .price .first {
  padding: 16px;
  font-size: 18px;
}

#boa .entry .shoes-lists .right .price p {
  font-weight: normal;
}

#boa .entry .shoes-lists .right .button {
  margin-left: 25px;
}

@media screen and (max-width: 991px) {
  #boa .entry .shoes-lists .right .button {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}

/*-------------------------------------------------------------------
		.product
-------------------------------------------------------------------*/
.product {
  margin: 80px 0;
}

@media screen and (max-width: 767px) {
  .product {
    margin: 40px 0;
  }
}

/* .product-lists-item */
.product-lists-item {
  padding: 20px;
  border: 1px solid #dddddd;
  margin-bottom: 24px;
}

.product-lists-item:last-child {
  margin-bottom: 0;
}

.product-lists-item .button {
  float: right;
  margin-top: 8px;
  margin-right: 32px;
  padding: 16px;
}

@media screen and (max-width: 767px) {
  .product-lists-item .button {
    margin-right: 0;
    width: auto;
    padding: 12px 32px;
  }
}

/*-------------------------------------------------------------------
		.monitor
-------------------------------------------------------------------*/
/* .monitor-lists-item */
.monitor-lists-item {
  margin-bottom: 24px;
}

.monitor-lists-item .title {
  font-weight: bold;
  font-size: 18px;
  padding-left: 1em;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.monitor-lists-item .in_box {
  padding: 25px;
  padding-left: 140px;
  background-position: center left 16px;
  background-repeat: no-repeat;
}

.monitor-lists-item .in_box.icon01 {
  background-image: url(../image/content/boa/monitor-icon01.png);
}

.monitor-lists-item .in_box.icon02 {
  background-image: url(../image/content/boa/monitor-icon02.png);
}

.monitor-lists-item .in_box.icon03 {
  background-image: url(../image/content/boa/monitor-icon03.png);
}

.monitor-lists-item .in_box.icon04 {
  background-image: url(../image/content/boa/monitor-icon04.png);
}

@media screen and (max-width: 767px) {
  .monitor-lists-item .in_box {
    background-size: 20%;
    padding: 16px;
    padding-left: 35%;
  }
}

/*===================================================================
	#guide
===================================================================*/
/*-------------------------------------------------------------------
		.review
-------------------------------------------------------------------*/
.review #page_title {
  background-image: url(../image/content/guide/review/page_title_back.png), url(../image/layout/page_title_back.jpg);
  background-size: contain,18px;
  background-repeat: no-repeat , repeat;
  background-position: top right, 0 0;
}

@media screen and (max-width: 767px) {
  .review #page_title {
    background-image: url(../image/layout/page_title_back.jpg);
    background-size: 18px;
    background-repeat: repeat;
  }
}

.review .entry .h_2 {
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  .review .entry .h_2 {
    font-size: 5vw;
  }
}

.review .entry .h_4 {
  padding: 16px;
}

.review .entry .tbl2 td {
  padding: 10px 4px;
}

/* .link */
.link {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  padding-left: 25px;
  margin-bottom: 5px;
  text-decoration: underline;
}

.link:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 17px;
  background: url(../image/layout/template/icon_list.png) no-repeat;
  background-size: 17px 17px;
}

/* .p0 */
.p0 {
  margin: -20px -20px 0px;
}

@media screen and (max-width: 767px) {
  .p0 {
    margin: -20px -10px 0;
  }
}

/*===================================================================
	#special-model
===================================================================*/
#special-model #page_title {
  background-image: url(../image/content/special-model/page_title_back.png), url(../image/layout/page_title_back.jpg);
  background-size: contain,18px;
  background-repeat: no-repeat , repeat;
  background-position: top right, 0 0;
}

@media screen and (max-width: 767px) {
  #special-model #page_title {
    background-image: url(../image/layout/page_title_back.jpg);
    background-size: 18px;
    background-repeat: repeat;
  }
}

#special-model .in_box {
  padding: 16px;
  font-size: 15px;
}

#special-model .red {
  background: #e86565;
  text-align: center;
}

#special-model .btn_next {
  max-width: none;
  width: auto;
}
#special-model .recommended_shoes .content > .row { margin:0;  }
#special-model .recommended_shoes .article { padding:0; }
@media screen and (max-width: 767px) {
  #special-model .btn_next {
    font-size: 11px;
    width: 100%;
  }
}

/* .bold */
.bold {
  font-weight: bold;
}

/* .p20 */
.p20 {
  padding: 20px;
}

/* .border */
.border {
  border: 2px solid #ddd;
}

/* .align_center */
.align_center {
  text-align: center;
}

/* .align_center */
.align_right {
  text-align: right;
}

/* .entry_box */
.entry_box {
  overflow: hidden;
  display: table;
}

@media screen and (max-width: 767px) {
  .entry_box {
    display: block;
  }
}

.entry_box img {
  float: left;
  max-width: none;
}

@media screen and (max-width: 767px) {
  .entry_box img {
    max-width: 100%;
    float: none;
    width: 100%;
    margin-bottom: 16px;
  }
}

.entry_box p {
  display: table-cell;
  vertical-align: middle;
}

/* .img_box */
.img_box {
  overflow: hidden;
}

.img_box .left {
  float: left;
  width: calc(100% - 280px);
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .img_box .left {
    float: none;
    width: 100%;
  }
}

/* .shoes-lists */
.shoes-lists ul {
  overflow: hidden;
}

.shoes-lists ul li {
  float: left;
  padding-right: 16px;
}

@media screen and (max-width: 767px) {
  .shoes-lists ul li {
    float: none;
    padding-right: 0;
  }
}

.shoes-lists .thumb {
  text-align: center;
  margin-bottom: 40px;
}

.shoes-lists .feat {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 2px solid #ddd;
}

.shoes-lists .feat span {
  background: #7d6748;
  color: #fff;
  display: inline-block;
  padding: 3px 6px;
  margin-bottom: 4px;
}

.shoes-lists .title {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 4px;
}

.shoes-lists .info {
  font-weight: bold;
  margin-bottom: 12px;
}

.shoes-lists .info .border {
  padding: 3px;
}

.shoes-lists .price {
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  font-weight: bold;
  margin-bottom: 12px;
  overflow: hidden;
  font-size: 15px;
}

.shoes-lists .price .fz-s {
  font-size: 12px;
}

.shoes-lists .price .first, .shoes-lists .price .second {
  padding: 6px;
  display: inline-block;
  float: left;
}

.shoes-lists .price .first {
  background: url(../image/content/special-model/two_leg.png) no-repeat 4px center;
  padding-left: 26px;
  border-right: 2px solid #ddd;
}

.shoes-lists .price .second {
  background: url(../image/content/special-model/one_leg.png) no-repeat 4px center;
  padding-left: 15px;
}

.shoes-lists .point {
  background: #eee;
  padding: 12px;
  margin-bottom: 12px;
}

.shoes-lists .readmore {
  border: 2px solid #5c993b;
  border-radius: 5px;
}

.shoes-lists .readmore a {
  display: block;
  padding: 8px;
  text-align: center;
  font-weight: bold;
}

.shoes-lists .readmore a span:before {
  content: '';
  background: url(../image/content/special-model/readmore_icon.png) no-repeat 0px center;
  width: 10px;
  height: 14px;
  margin-right: 8px;
  display: inline-block;
}

.shoes-lists.type02 .button {
  text-align: left;
  padding-left: 30px;
}

.shoes-lists.type02 .h_6 {
  font-size: 24px;
}

.shoes-lists.type02 .border {
  overflow: hidden;
}

.shoes-lists.type02 .right {
  width: calc(100% - 350px);
  float: right;
}

@media screen and (max-width: 767px) {
  .shoes-lists.type02 .right {
    float: none;
    width: 100%;
  }
}

.shoes-lists.type02 .info {
  font-size: 14px;
  text-align: center;
}

.shoes-lists.type02 .title {
  font-weight: bold;
  margin-left: 10px;
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 0;
}

.shoes-lists.type02 .size {
  text-align: center;
  margin-bottom: 8px;
}

.shoes-lists.type02 .size span {
  display: inline-block;
  padding: 2px 10px;
  font-weight: bold;
}

.shoes-lists.type02 .price {
  border: none;
}

.shoes-lists.type02 .price .first, .shoes-lists.type02 .price .second {
  background: #ecf7e7;
  display: block;
  float: none;
  margin-bottom: 8px;
  padding: 12px;
  text-align: center;
}

.shoes-lists.type02 .price .first:before, .shoes-lists.type02 .price .second:before {
  content: '';
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: right bottom;
  margin-right: 8px;
}

.shoes-lists.type02 .price .first {
  border: none;
}

.shoes-lists.type02 .price .first:before {
  content: '';
  background-image: url(../image/content/special-model/two_leg.png);
}

.shoes-lists.type02 .price .second:before {
  background-image: url(../image/content/special-model/one_leg.png);
}

.shoes-lists.type02 img {
  float: left;
}

@media screen and (max-width: 767px) {
  .shoes-lists.type02 img {
    float: none;
  }
}

/*===================================================================
	#smile-ring
===================================================================*/
#smile-ring #page_title {
  background-image: url(../image/content/smile-ring/page_title_back.png), url(../image/layout/page_title_back.jpg);
  background-size: contain,18px;
  background-repeat: no-repeat , repeat;
  background-position: top right, 0 0;
}

@media screen and (max-width: 767px) {
  #smile-ring #page_title {
    background-image: url(../image/layout/page_title_back.jpg);
    background-size: 18px;
    background-repeat: repeat;
  }
}

#smile-ring .red {
  color: red;
}

#smile-ring .fz-l {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  #smile-ring .fz-l {
    font-size: 4vw;
  }
}

#smile-ring .entry_box {
  margin-bottom: 20px;
}

#smile-ring .entry_box img {
  max-width: 100%;
}

#smile-ring .entry_box p {
  color: #bf010b;
  padding: 0 49px;
}

@media screen and (max-width: 767px) {
  #smile-ring .entry_box p {
    display: block;
    float: none;
    padding: 0;
  }
}

#smile-ring .in_box1 span {
  display: inline-block;
}

#smile-ring .in_box2 {
  text-align: center;
  position: relative;
}

#smile-ring .in_box2 .icon {
  position: absolute;
  right: 20px;
  width: 10%;
  top: -25px;
}

@media screen and (max-width: 767px) {
  #smile-ring .in_box2 .icon {
    width: 50px;
  }
}

#smile-ring .in_box2 .block {
  overflow: hidden;
  display: inline-block;
}

#smile-ring .in_box2 .block p {
  float: left;
}

#smile-ring .in_box2 span {
  display: inline-block;
  float: left;
  line-height: 48px;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  #smile-ring .in_box2 span {
    float: none;
  }
}

/*===================================================================
	#campaign
===================================================================*/
#campaign #page_title {
  background-image: url(../image/content/campaign/page_title_back.png), url(../image/layout/page_title_back.jpg);
  background-size: contain,18px;
  background-repeat: no-repeat , repeat;
  background-position: top right, 0 0;
}

@media screen and (max-width: 767px) {
  #campaign #page_title {
    background-image: url(../image/layout/page_title_back.jpg);
    background-size: 18px;
    background-repeat: repeat;
  }
}

#campaign .red {
  background: #e86565;
}

#campaign .tbl2 {
  margin-bottom: 24px;
}

#campaign .tbl2 th {
  color: #e86565;
  width: 175px;
  padding-right: 0;
}

#campaign .tbl2 td {
  padding: 10px 0px;
}

#campaign .in_box {
  margin-bottom: 30px;
}

#campaign .in_box span {
  margin-bottom: 8px;
  display: inline-block;
}

#campaign .button {
  width: 60%;
  max-width: none;
}

@media screen and (max-width: 767px) {
  #campaign .button {
    width: 100%;
  }
}

/*===================================================================
	#lightcare
===================================================================*/

/* .box_lightcare */
.box_lightcare { border-top:11px solid #E5F4B1; border-bottom:11px solid #E5F4B1; }

/* .tbl_lightcare */
.tbl_lightcare {}
.tbl_lightcare th { background:#E5EDE1; text-align:center; }
.tbl_lightcare thead tr th:nth-child(1) { background:#CFDEC7; width:80px; }
.tbl_lightcare td { text-align:center; border-bottom:1px solid #CCC; }
.tbl_lightcare th,
.tbl_lightcare td { padding:10px; }

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

.tbl_lightcare th,
.tbl_lightcare td { font-size:13px; }

}


/**/
.caution-text { position: relative; padding-left:1.2em ; }
.caution-text span { position: absolute; top:0; left:0; color: red; }
.caution-text span {}
@media screen and (min-width:768px){
	.caution-text { display: table; margin: 0 0 0 auto;}
}


.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_tab {
	margin: 1em auto;
}
.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
	display: block;
}
.cp_tab > label {
	position: relative;
	display: inline-block;
	padding: 15px;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 0;
	font-size: large;
}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
	color: #0066cc;
}
.cp_tab > input:checked + label {
	margin-bottom: -1px;
	border-color: #5d9a3b;
	border-bottom: 5px solid #5d9939;
	border-radius: 6px 6px 0 0;

}
.cp_tab .cp_tabpanel {
	padding: 0.5em 1em;
	border-top: 1px solid #cccccc;
}
@media (max-width: 480px) {
	.cp_tab {
		width: 100%;
		font-size: 0.8em;
	}
	.cp_tab label {
		padding: 0.5em;
	}
}
.a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*===================================================================
	2019.9 追記
===================================================================*/
#brandsearch h3{
    background-color: #548D3C;
    text-align: center;
    color: #fff;
    padding: 8px;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 16px;
    margin-top: 38px;
}
#brandsearch .btnlist{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#brandsearch .btnlist input{
    width: 98%;
}

#brandsearch .button {
  padding:8px 24px;
    font-size: 1.2rem;
  background-color: #fff;
  cursor: pointer;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #5D9A3B;
    margin: 0 16px 16px 0;
    box-sizing: border-box;
    display: block;
}
#brandsearch .button:hover {
  background-color: #E5F4B1;
}
#brandsearch .toggle-buttons {
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
#brandsearch .toggle-buttons label {
text-align: left;
    margin: 0;
}
/* appearance: none; for IE11 */
_:-ms-lang(x)::-ms-backdrop, .toggle-buttons [type=checkbox] {
  visibility: hidden;
}
#brandsearch .toggle-buttons :checked + .button {
  background-color:#E5F4B1;
    border: 3px solid #5D9A3B;
    box-sizing: border-box;
}
@media screen and (max-width:480px){
#brandsearch .btnlist{
    display:block;
    text-align: center;
}
#brandsearch .btnlist li{
    margin: 0 auto 8px auto;
    width: 90%;
}
#brandsearch .button {
    font-size: 0.9rem;
    margin-bottom: 8px;
    }
}


/*===================================================================
	2020.10 追記
===================================================================*/
#catalog .cataloglist{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    flex-wrap: wrap;
}
#catalog .cataloglist li{
    width: 46%;
}
#catalog .cataloglist li .book img{
    border: 1px solid #ccc;
}
#catalog .cataloglist li .pdf{
    font-size: 0.8rem;
    color: #999;
}
#catalog .cataloglist li .pdf img{
    margin-right: 5px;
    width: 18px;
    vertical-align: middle;
}
#catalog .cataloglist li a:hover{
    text-decoration: underline!important;
}
#catalog .cataloglist li dt{
    margin-bottom: 8px;
    text-align:center;
}
#catalog .cataloglist li dd{
    margin-bottom: 8px;
}



/*===================================================================
    在庫一覧
===================================================================*/

.product-stock-list {

    table ,
    th ,
    td {
        border: solid 0 #ddd;
    }

    table {
        border-top-width: 1px;
        border-left-width: 1px;
        th ,
        td {
            border-right-width: 1px;
            border-bottom-width: 1px;
        }
    }


    table {
        box-sizing: border-box;
        width: 100%;

        thead {
            tr {
                th {
                    background-color:rgba(93,154,59,0.15);
                    font-weight: bold;
                }
            }
        }

        tbody {
        }

        tr {
            th ,
            td {
                padding: 5px 10px;
                vertical-align: middle;
                text-align: center;
            }
        }
    }

}
