@charset "utf-8";

/*===== COMMON =====*/

.errormsg{
	color:red;
}

html, body {
	width: 100%;
	min-height: 100%;
}
@font-face {
    font-family: 'NotoSansCJKjp-Light';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp-Light.woff') format('woff'),
		 url('../font/NotoSansCJKjp-Light.woff2') format('woff2'),
		 url('../font/NotoSansCJKjp-Light.otf')  format('opentype');
}

@font-face {
    font-family: 'NotoSansCJKjp-DemiLight';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-DemiLight.woff') format('woff'),
		 url('https://www.kikkoman-shop.com/template/default/common/font/NotoSansCJKjp-DemiLight.wof2') format('woff2'),
		 url('../font/NotoSansCJKjp-DemiLight.otf')  format('opentype');
}

@font-face {
    font-family: 'NotoSansCJKjp-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
		 url('../font/NotoSansCJKjp-Regular.woff2') format('woff2'),
		 url('../font/NotoSansCJKjp-Regular.otf')  format('opentype');
}

@font-face {
    font-family: 'NotoSansCJKjp-Medium';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
		 url('../font/NotoSansCJKjp-Medium.woff2') format('woff2'),
		 url('../font/NotoSansCJKjp-Medium.otf')  format('opentype');
}
@font-face {
    font-family: 'NotoSansCJKjp-Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
		 url('../font/NotoSansCJKjp-Bold.woff2') format('woff2'),
		 url('../font/NotoSansCJKjp-Bold.otf')  format('opentype');
}


body {
	background: #FFF;
	font-size: 14px;
	line-height: 1.4;
	font-family:'NotoSansCJKjp-Regular', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", Helvetica, Arial, Osaka, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: none;
	color: #301804;
}

.bold {
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
}

.ft_serif {
	font-family: "Hiragino Mincho Pro", Times, "Times New Roman", Georgia, serif;
}

.ie body {
	font-family:'NotoSansCJKjp-Regular', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", Helvetica, Arial, Osaka,"MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

.ie .bold {
	font-family: 'NotoSansCJKjp-Bold', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", Helvetica, Arial, Osaka,"MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  br {
    opacity: 0;
  }
}

.ie br {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

a {
	color: #301804;
	text-decoration: none;
}

img {
	display: block;
}
.inline img {
	display: inline-block;
}
.imgc img {
	margin: 0 auto;
}
.cv img {
	width:0;
	height:0;
}

.trans {
	opacity: 1;
	transition: opacity .25s ease-out;
   -moz-transition: opacity .25s ease-out;
   -webkit-transition: opacity .25s ease-out;
}
.trans:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
}
.fade {
	transition: all .25s ease-out;
   -moz-transition: all .25s ease-out;
   -webkit-transition: all .25s ease-out;
}

.alpha img:hover{
    filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.container {
	width: 100%;
	min-width: 1100px;
}

.wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.section {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.main-content {
	width: 715px;
	margin-left: auto;
	margin-right: auto;
}
.basic-link {
	color: #f69500;
	text-decoration: underline;
}
.basic-link02 {
	display: inline-block;
	color: #656565;
	font-size: 13px;
	padding-right: 22px;
	background-position: right center;
	background-repeat:  no-repeat;
	text-decoration: underline;
}
.basic-link02.arrow {
	background-image: url(../../img/common/icn_arrow.png)
}
.basic-link02.blank {
	padding-right: 17px;
	background-image: url(../../img/common/icn_new03.png)
}

.color01 {
	color: #f98100;
}
.color02 {
	color: #f75d42;
}
.color03 {
	color: #009ea0;
}
.color04 {
	color: #e3008f;
}

.noscroll {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

input {
	-webkit-appearance: none;
	border-radius: 0;
}

/*===== FONT SIZE =====*/

@media (max-width: 640px) { html { font-size: 100px } }
@media (max-width: 635px) { html { font-size: 99.21875px } }
@media (max-width: 630px) { html { font-size: 98.4375px } }
@media (max-width: 625px) { html { font-size: 97.65625px } }
@media (max-width: 620px) { html { font-size: 96.875px } }
@media (max-width: 615px) { html { font-size: 96.09375px } }
@media (max-width: 610px) { html { font-size: 95.3125px } }
@media (max-width: 605px) { html { font-size: 94.53125px } }
@media (max-width: 600px) { html { font-size: 93.75px } }
@media (max-width: 595px) { html { font-size: 92.96875px } }
@media (max-width: 590px) { html { font-size: 92.1875px } }
@media (max-width: 585px) { html { font-size: 91.40625px } }
@media (max-width: 580px) { html { font-size: 90.625px } }
@media (max-width: 575px) { html { font-size: 89.84375px } }
@media (max-width: 570px) { html { font-size: 89.0625px } }
@media (max-width: 565px) { html { font-size: 88.28125px } }
@media (max-width: 560px) { html { font-size: 87.5px } }
@media (max-width: 555px) { html { font-size: 86.71875px } }
@media (max-width: 550px) { html { font-size: 85.9375px } }
@media (max-width: 545px) { html { font-size: 85.15625px } }
@media (max-width: 540px) { html { font-size: 84.375px } }
@media (max-width: 535px) { html { font-size: 83.59375px } }
@media (max-width: 530px) { html { font-size: 82.8125px } }
@media (max-width: 525px) { html { font-size: 82.03125px } }
@media (max-width: 520px) { html { font-size: 81.25px } }
@media (max-width: 515px) { html { font-size: 80.46875px } }
@media (max-width: 510px) { html { font-size: 79.6875px } }
@media (max-width: 505px) { html { font-size: 78.90625px } }
@media (max-width: 500px) { html { font-size: 78.125px } }
@media (max-width: 495px) { html { font-size: 77.34375px } }
@media (max-width: 490px) { html { font-size: 76.5625px } }
@media (max-width: 485px) { html { font-size: 75.78125px } }
@media (max-width: 480px) { html { font-size: 75px } }
@media (max-width: 475px) { html { font-size: 74.21875px } }
@media (max-width: 470px) { html { font-size: 73.4375px } }
@media (max-width: 465px) { html { font-size: 72.65625px } }
@media (max-width: 460px) { html { font-size: 71.875px } }
@media (max-width: 455px) { html { font-size: 71.09375px } }
@media (max-width: 450px) { html { font-size: 70.3125px } }
@media (max-width: 445px) { html { font-size: 69.53125px } }
@media (max-width: 440px) { html { font-size: 68.75px } }
@media (max-width: 435px) { html { font-size: 67.96875px } }
@media (max-width: 430px) { html { font-size: 67.1875px } }
@media (max-width: 425px) { html { font-size: 66.40625px } }
@media (max-width: 420px) { html { font-size: 65.625px } }
@media (max-width: 415px) { html { font-size: 64.84375px } }
@media (max-width: 410px) { html { font-size: 64.0625px } }
@media (max-width: 405px) { html { font-size: 63.28125px } }
@media (max-width: 400px) { html { font-size: 62.5px } }
@media (max-width: 395px) { html { font-size: 61.71875px } }
@media (max-width: 390px) { html { font-size: 60.9375px } }
@media (max-width: 385px) { html { font-size: 60.15625px } }
@media (max-width: 380px) { html { font-size: 59.375px } }
@media (max-width: 375px) { html { font-size: 58.59375px } }
@media (max-width: 370px) { html { font-size: 57.8125px } }
@media (max-width: 365px) { html { font-size: 57.03125px } }
@media (max-width: 360px) { html { font-size: 56.25px } }
@media (max-width: 355px) { html { font-size: 55.46875px } }
@media (max-width: 350px) { html { font-size: 54.6875px } }
@media (max-width: 345px) { html { font-size: 53.90625px } }
@media (max-width: 340px) { html { font-size: 53.125px } }
@media (max-width: 335px) { html { font-size: 52.34375px } }
@media (max-width: 330px) { html { font-size: 51.5625px } }
@media (max-width: 325px) { html { font-size: 50.78125px } }
@media (max-width: 320px) { html { font-size: 50px } }


/*===== RESPONSIVE =====*/

.sm {
	display: none !important;
}

@media (max-width: 640px) {

	.md {
		display: none !important;
	}
	.sm {
		display: block !important;
	}
	.sm.in {
		display: inline-block !important;
	}

	.container img {
		display: block;
		width: 100%;
		height: auto;
	}

	html > img{
		width:auto;
	}

	.trans {
		opacity: 1;
	}
	.trans:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	.container {
		width: auto;
		min-width: 0;
		overflow: hidden;
	}
	.wrapper {
		width: auto;
		margin: 0;
		padding-left: 4.6875%;
		padding-right: 4.6875%;
	}
	body{
		font-size: .24rem;
	}
	.section {
		width: auto;
		margin: 0;
		padding-left: 4.6875%;
		padding-right: 4.6875%;
	}
	.main-content {
		width: auto;
		margin: 0;
		padding-left: 4.6875%;
		padding-right: 4.6875%;
	}
	.basic-link02 {
		font-size: .2rem;
		padding-right: .32rem;
	}
	.basic-link02.arrow {
		background-image: url(../../img/common/sm/icn_arrow.png);
		background-size: .21rem auto;
	}
	.basic-link02.blank {
		padding-right: .3rem;
		background-image: url(../../img/common/sm/icn_new03.png);
		background-size: .16rem auto
	}
	.color05 {
		color: #e3008f;
	}
}


/*===== HEADER =====*/
header {
	min-width: 1000px
}
header .sec-top {
	padding: 0 30px;
	border-bottom: 1px solid #f69500;
}
header .txt-online {
	float: left;
	color: #38200c;
	font-size: 12px;
	padding: 15px 0 10px;
}
header .txt-online img {
	vertical-align: middle;
	margin: -9px 10px 0 0;
}
header .list-direc {
	float: right;
	margin-top: 12px;
}
header .list-direc li {
	float: left;
	margin-left: 17px;
}
header .list-direc a {

	display: block;
	font-size: 13px;
	padding-right: 11px;
	background: url(../../img/common/icn_link01.png) right center no-repeat;
}
header .list-direc a:hover {
	color: #ed9000
}
.sec-brand .link-logo {
	float: left;
}
.sec-brand .link-logo img {
	width: 100%;
}
.sec-brand .link-logo a {
	display: block;
}
.sec-brand .box-right {
	float: right;
}

.box-input {
	float: left;
	padding: 0 25px;
}
.box-input .in-search {

	height: 30px;
    padding: 0 10px;
    width: 179px;
    background: #f4f4f4;
    float: left;
}
.box-input .btn-search {
	background: #a09f9c url(../../img/common/header_icon.png) no-repeat center center;
    height: 30px;
    float: left;
    border: 0;
    width: 31px;
    text-indent: -9999px;
    border-radius: 0;
}
.box-input .btn-search:hover {
	background-color: #71706e
}
.box-input .txt-item {
	color: #2b2b2b;
	font-size: 13px;
	text-align: right;
	letter-spacing: 0.05em;
    padding-top: 10px;
}
.box-input .box-search {
	margin-top: 7px;
	float: right;
}
.box-input .txt-item .no {
	color: #e36248
}

.sec-brand .list-new {
	float: left;
}
.sec-brand .list-new li {
	float: left;
}
.sec-brand .list-new a {
	display: block;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background: #696561;
	border-right: 1px solid #fff;
	padding: 18px 0 19px
}
.sec-brand .list-new a:hover{
	background: #8a8580
}
.sec-brand .list-new li:last-child a  {
	border-right: 0;
}
.sec-brand .list-new img {
	margin-bottom: 4px;
}
.sec-brand .list-new .btn-member {
	width: 101px;
	background: #f69500
}
.sec-brand .list-new .btn-member:hover {
	background: #fca520
}
.sec-brand .list-new .btn-login {
	width: 75px;
	background: #aaa19a
}

.sec-brand .list-new .btn-login:hover { 
	background: #c4bab2
}
.sec-brand .list-new .btn-favorite {
	width: 88px;
}

.sec-brand .list-new .btn-cart {
	width: 64px;
}
.sec-brand .list-new .btn-logout {
	background: #aaa19a;
	width: 84px;
}
.sec-brand .list-new .btn-page {
	width: 90px;
}
.sec-brand{
	padding-left: 30px;
}
.sec-brand .link-logo {
	margin-top: 16px;
	width: 215px;
}


.header_fixed.visible {
    top: 0;
}
.header_fixed {
    width: 100%;
	min-width: 1100px;
    background: #fff;
    padding-bottom: 0;
    position: fixed;
    top: -121px;
    left: 0;
    z-index: 6999;
    -webkit-transition: top 800ms ease;
    -moz-transition: top 800ms ease;
    -o-transition: top 800ms ease;
    transition: top 800ms ease;
    border-bottom: 1px solid #f69500
}
.header_fixed .link-logo {
	width: 165px;
	margin-top: 15px;
}
.header_fixed .txt-item {
	padding-top: 20px;
}
.header_fixed form,
.header_fixed .des {
	display: none;
}
.header_fixed .list-new a{
	padding: 18px 0 16px
}
.header_fixed.sec-brand .list-new .btn-favorite,
.header_fixed.sec-brand .list-new .btn-login,
.header_fixed.sec-brand .list-new .btn-member,
.header_fixed.sec-brand .list-new .btn-logout,
.header_fixed.sec-brand .list-new .btn-page {
	width: 65px;
}


@media (max-width: 640px) {

	header {
		min-width: 100%;
	}
	header .sec-top {
		padding: 0 3.125%;
		border-bottom: 2px solid #ed9000;
		background: #fdf4e5;
		position: relative;
		z-index: 7000
	}
	header .txt-online {
		float: none;
		font-size: .15rem;
		padding: .12rem 0 .1rem;
	}
	header .txt-online img {
		width: 17.5%;
		margin: -0.09rem .13rem 0 0;
	}
	

	.box-input {
		float: none;
		display: block;
		padding: 0 4.6875% .34rem;
	}
	.box-input .in-search {
		height: .6rem;
    padding: 0 .18rem;
    font-size: .24rem;
    width: 89.31%;
    background: #e2e2e2;
	}
	.box-input .btn-search {
		background-image: url(../../img/common/sm/header_icon.png);
		background-size: 50% auto;
    height: .6rem;
    width: 10.69%;
	}
	.box-input .btn-search:hover {
		background-color: #71706e
	}
	.box-input .txt-item {
		font-size: .22rem;
		text-align: left;
		letter-spacing: 0.05em;
	  padding-top: .25rem;
	}
	.box-input .box-search {
		margin-top: .24rem;
		float: none;
	}

	
	.sec-brand .box-right {
		width: 61.292%;
	}
	.sec-brand .list-new {
		width: 75%;
		padding: .13rem 0 0;
	}
	.sec-brand .list-new li {
		width: 33.3333%;
	}
	.sec-brand .list-new a {
		color: #696561;
		font-size: .13rem;
		background: transparent;
		border-right: 2px dotted #696561;
		font-family: 'NotoSansCJKjp-Regular';
		padding: .02rem 0;
	}
	.sec-brand .list-new li:last-child a {
		border-right: 2px dotted #fff;
	}

	.sec-brand .list-new a,
	.sec-brand .list-new .btn-login,
	.sec-brand .list-new .btn-favorite,
	.sec-brand .list-new .btn-cart,
	.sec-brand .list-new .btn-logout,
	.sec-brand .list-new .btn-page {
		width: 100%;
	}
	.sec-brand .list-new img {
		width: 54.838%;
		margin-bottom: .04rem;
	}
	.sec-brand .list-new .btn-login,
	.sec-brand .list-new .btn-logout,
	.sec-brand .list-new a:hover {
		background: transparent;
	}
	.sec-brand .list-new .btn-cart {
		position: relative;
	}
	.sec-brand .list-new .number {
		vertical-align: middle;
		position: absolute;
		background: #f69500;
		color: #fff;
		text-align: center;
		border-radius: 100%;
		width: .26rem;
		padding: .064rem 0 .056rem;
		line-height: 1;
		font-size: 0.14rem;
		right: 13%;
    	top: .01rem;
	}

	.sec-brand .btn-menu {
		float: left;
		width: 25%;
		background: #f69500 url(../../img/common/sm/header_menu.png) no-repeat;
		background-size: 100% auto;
		height: .95rem
	}
	.sec-brand .btn-menu.is-down {
		background-image: url(../../img/common/sm/header_menu_close.png);
	}
	.sec-brand {
		position: relative;
		padding-left: 3.125%;
		z-index: 7000;
		background: #fff;
	}
	.sec-brand .link-logo {
		width: 34.194%;
		margin-top: .28rem;
	}


}

@media (max-width: 480px){
	header .sec-top {
		border-width: 1px;
	}
}


/*===== NAVIGATION =====*/

.nav {
	position: relative;
	border-top: 1px solid #efefef;
}
.nav .wrap {
	margin: 0 auto;
	width: 1000px;
}
.nav .list li {
	float: left;
}
.nav .list .btn {
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
	position: relative;
	text-align: center;
	width: 153px;
	font-size: 16px;
	color: #301804;
	display: table-cell;
	vertical-align: middle;
	height: 75px;
	padding-top: 2px;
}
.nav .list .btn:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 17px;
	border-left: 1px dotted #a3a3a3;
	left: 0;
	top: 30px;
}
.nav .list .btn .bd {
	display: block;
	position: relative;
}
.nav .list .btn .bd:before { 
	content: "";
	position: absolute;
	width: 1px;
	height: 17px;
	border-left: 1px dotted #a3a3a3;
	right: 0;
	top: 0;
}
.nav .list > li:last-child .btn {
	width: 154px;
}
.nav .list .home {
	width: 81px;
}
.nav .list .icn {
	display: inline-block;
	vertical-align: middle;
	margin: -3px 10px 0 0;
}
.nav .list .txt-supple {
	display: inline-block;
	vertical-align: middle;
	margin-top: 4px;
}
.nav .list .btn-supple img {
	margin-bottom: 3px;
}
.nav .list .btn-supple .icn{
	margin:  0 3px ;
}
.nav .btn:before {
	content: "";
	position: absolute;
	-webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transition: width 0.4s cubic-bezier(0.42, 0.08, 0.2, 1), opacity 0.4s cubic-bezier(0.42, 0.08, 0.2, 1);
    opacity: 0;
	width: 0;
	height: 5px;
	background: #f69500;
	left:50%;
	bottom: 0;

}
.nav .btn:hover:before,
.nav .active:before,
.nav .open:before { 
	width: 100%;
    opacity: 1;
}
/* FIC IE9 HOVER*/
.ie9 .nav .list .btn:after {
	left: 0;
}
.nav .box-mega {
	z-index: 9999;
	background: #fff;
	display: none;
	position: absolute;
	width: 100%;
	left:0;
	top: 75px;
	border-top: 1px solid #f69500;
	border-bottom: 1px solid #e6e6e6;
}
.nav .list-mega {
	margin: 0 auto;
	width: 1000px;
	padding: 0 10px;
}
.nav .list-mega li {
	float: left;
}
.nav .list-mega a {
	position: relative;
	display: table-cell;
	padding: 0 30px;
	height: 94px;
	vertical-align: middle;
}
.nav .list-mega a:after { 
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
	background: #e4dbd4;
	right: 0;
	top: 40px;
}
.nav .list-mega li:last-child a:after {
	display: none
}
.nav .list-mega span {
	position: relative;
	display: inline-block;
	padding-right: 22px;
	background: url(../../img/common/icn_link04.png) right center no-repeat;
}
.nav .list-mega a:before {
	transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	content: "";
	width: 86.18%;
	height: 54px;
	border-radius: 5px;
	left: 6.91%;
	background: #fff0d9;
	top: 20px;
}
.nav .list-mega a:hover:before,
.nav .list-mega a.current {
	opacity: 1;
	filter: alpha(opacity=1);
}


@media (max-width: 640px) {

	.nav {
		border-top: 0;
		display: none;
    position: absolute;
    width: 100%;
    z-index: 6990;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.45);
    overflow: scroll;
	}
	.nav .wrap {
		background: #f4f4f4;
		width: 100%;
		padding-top: 1.4rem;
	}
	.nav .list {
		border-top: 2px solid #dfd8d8;
	}
	.nav .list li {
		float: none;
		width: 100%;
	}
	.nav .list .btn {
		font-family: 'NotoSansCJKjp-Regular', sans-serif;
		position: relative;
		text-align: left;
		width: auto;
		padding: 0 5% 0 3.9%;
		font-size: 0.24rem;
		line-height: 3.25;
		color: #2d2a26;
		display: block;
		vertical-align: top;
		height: auto;
		border-bottom: 2px solid #dfd8d8;
		background: url(../../img/common/sm/header_nav07.png) 93.75% center no-repeat;
		background-size: .09rem auto;
		letter-spacing: 0.05em
	}
	.nav .list .btn.sign {
		background-color: #f69500;
		background-image: url(../../img/common/sm/header_nav08.png);
		color: #fff;
	}
	.nav .list .btn.sign .icn {
		margin-right: .12rem;
	}
	.nav .list .btn.link {
		background-color: #fff;
		padding-left: 4.7%;
	}
	.nav .list .btn:after {
		display: none
	}
	.nav .list .btn .bd:before {
		display: none;
	}

	.nav .list > li:last-child .btn,
	.nav .list .home {
		width: 100%;
	}
	.nav .list .icn.sm {
		display: inline-block !important;
		width: 7.2%;
		margin: -.03rem .01rem 0 0;
	}
	.nav .list .txt-home {
		display: inline-block !important
	}
	.nav .list .txt-supple {
		display: inline;
		vertical-align: top;
		margin-top: 0;
	}
	.nav .list .btn-supple img {
		margin-bottom: .03rem;
	}
	.nav .list .btn-supple .icn{
		margin:  0 .03rem ;
	}
	.nav .btn:before{
		display: none;
	}
	.nav .box-mega {
		display: none;
	}
	
	.header_fixed {
		position: fixed;
	    width: 100%;
	    min-width: 100%;
	    top: -1.43rem;
	    border-bottom: 0;
	}
	.header_fixed .sec-brand {
		border-bottom: 1px solid #f69500;
	}
	.header_fixed .wrap {
		padding-top: 0.95rem;
	}
	.header_fixed form, 
	.header_fixed .des {
		display: block;
	}
}


/*===== FOOTER =====*/

footer .box {
	float: left;
	text-align: center;
	width: 50%;
	padding: 59px 0 69px;
}

footer .box01 {
	background: url(../../img/common/footer_bg01.jpg) center center no-repeat;
	background-size: cover;
}
footer .box02 {
	background: url(../../img/common/footer_bg02.jpg) center center no-repeat;
	background-size: cover;
}
footer .btn {
	display: block;
	margin: 36px auto 0;
	color: #4a3215;
	width: 200px;
	background: #4b2e0b url(../../img/common/icn_link03.png) 173px center no-repeat;
	color: #fff;
	font-size: 16px;
	line-height: 3.4375;
	text-align: center;
	border-radius: 5px;
	padding-right: 5px;
}
footer .btn:hover {
	background-color: #f69500
}
footer .txt {
	text-align: left;
	width: 450px;
	margin: 25px auto 0;
	font-size: 16px;
	line-height: 1.5;
	color: #4a3215
}
footer .box02 .txt {
	letter-spacing: -0.05em;
	margin: 25px 10% 0 16.66%;
}
footer .sec-contact {
	background: #fbf3e8;
	padding: 42px 0 50px;
}
footer .sec-contact .contact-ttl {
	width: 169px;
	float: left;
	font-size: 22px;
	color: #451f00;
	padding-left: 30px;
	background: url(../../img/common/icn_dot.png) left center no-repeat;
}
footer .sec-contact .right {
	float: left;
	width: 791px;
	border-left: 1px dotted #b5a994;
	padding-left: 29px;
}
footer .sec-contact .txt-tele{
	line-height: 1.6;
	color: #323232
}
footer .sec-contact .link-mail {
	display: inline-block;
	font-size: 13px;
	color: #6a4510;
	padding: 0 14px 0 24px;
	background-image: url(../../img/common/icn_mail.png), url(../../img/common/icn_link02.png);
	background-position: left center, right center;
	background-repeat: no-repeat;
	margin-top: 6px;
}
footer .sec-contact .link-mail span {
	display: inline-block;
	border-bottom: 1px solid #bcab97;
}
footer .list-phone {
	margin-top: 29px;
}

footer .list-phone li {
	position: relative;
	float: left;
	width: 470px;
	border: 1px solid #e7e1da;
	background: #fff;
	padding: 30px 0;
}
footer .list-phone li:after {
	position: absolute;
	content: "";
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}
footer .list-phone .phone01:after {
	background: #f69500
}
footer .list-phone .phone02:after {
	background: #dd258f
}
footer .list-phone .phone03:after {
	background: #772a02
}
footer .list-phone li + li {
	margin-left: 20px;
}
footer .list-phone li + li + li {
	margin-left: 0;
	margin-top: 20px;
}
footer .list-phone .cell01,
footer .list-phone .cell02 {
	display: table-cell;
	vertical-align: middle;
}
footer .list-phone .cell01 {
	width: 170px;
	border-right: 1px solid #d2d2d2;
	text-align: center;
	padding: 0 0 0 10px
}
footer .list-phone .cell02 {
	position: relative;
	padding-left: 20px;
}
footer .list-phone .phone-ttl {
	line-height: 1.44;
	color: #633c00;
	font-size: 18px;
}
footer .list-phone .phone-ttl img {
	margin-bottom: 3px;
}
footer .list-phone .txt-first {
	position: absolute;
	right: -3px;
	top: -10px;
	color: #565351;
	font-size: 10px;
	text-align: right;
	letter-spacing: 0.18em
}
footer .list-phone .txt-no {
	margin-top: 7px;
}
footer .list-phone .txt-year {
	color: #633c00;
	font-size: 13px;
	margin-top: 11px;
	text-indent: -8px;
	letter-spacing: 0.05em;
}
footer .list-phone .txt-brand {
	color: #474747;
	font-size: 10px;
	margin-top: 2px;
}
footer .list-phone .phone02 .cell01 {
	width: 162px;
	padding-top: 10px;
}
footer .relate-ttl {
	position: absolute;
	text-align: center;
	width: 122px;
	line-height: 29px;
	font-size: 13px;
	color: #fff;
	background: #595756;
	margin-top: -8px;
}
footer .relate-ttl span {
	display: inline-block;
	padding-left: 18px;
	background: url(../../img/common/icn_new.png) left center no-repeat;
}
footer .relate-ttl:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-bottom: 8px solid #353433;
	border-right: 4px solid transparent;
	top: 0;
	right: -4px
}

footer .section {
	position: relative;
	
}
footer .list-relate a {
	display: block;
}
footer .list-relate {
	padding: 41px 0 30px 
}
footer .list-relate li {
	float: left;
}
footer .list-relate li + li {
	margin-left: 15px;
}
footer .list-bottom {
	border-top: 1px solid #e5e5e5;
	padding: 26px 30px;
}
footer .list-bottom li{
	float: left;
	font-size: 13px;
	margin-right: 17px;
}
footer .list-bottom a {
	display: inline-block;
	padding-right: 11px;
	color: #301804;
	background: url(../../img/common/icn_link01.png) right center no-repeat;
}
footer .list-bottom a.new {
	background-image: none;
	padding-right: 0;
}
footer .list-bottom a.new span {
	padding-right: 18px;
	background: url(../../img/common/icn_new02.png) right center no-repeat;
}
footer .sec-copy {
	border-top: 3px solid #f69500;
	padding-bottom: 24px;
}
footer .logo {
	display: block;
	width: 177px;
	margin: 23px auto 0;
}
footer .logo img {
	width: 100%;
	height: auto;
}
footer .txt-copy{
	text-align: center;
	color: #676460;
	font-size: 10px;
	margin-top: 17px;
}
footer .page-top {
	display: block;
	cursor: pointer;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 10px;
	z-index: 9999;
}


@media (max-width: 640px) {

	footer .box {
		float: none;
		width: 100%;
		padding: .46rem 6.25% .30rem;
	}
	footer .box01 {
		background-image: url(../../img/common/sm/footer_bg01.jpg);
		background-position: top left;
	}
	footer .box02 {
		padding-top: .40rem;
		background-image: url(../../img/common/sm/footer_bg02.jpg);
		background-position: top left;
	}
	footer .btn {
		margin: .28rem auto 0;
		width: 53.57%;
		background-image: url(../../img/common/sm/icn_link03.png);
		background-position: 90% center;
		background-size: .10rem auto;
		font-size: .26rem;
		line-height: 3.0769;
		border-radius: .05rem;
		padding-right: .05rem;
	}
	footer .txt {
		width: auto;
		margin: .20rem auto 0;
		font-size: .22rem;
		line-height: 1.36;
	}
	footer .box02 .txt {
		letter-spacing: -0.05em;
		margin: .16rem 0 0 0;
	}
	footer .sec-contact {
		padding: .46rem 0 .75rem;
	}
	footer .sec-contact .contact-ttl {
		width: auto;
		float: none;
		font-size: .3rem;
		padding-left: 5.18%;
		background-image: url(../../img/common/icn_dot.png);
		background-size: .25rem auto;
	}
	footer .sec-contact .right {
		float: none;
		width: auto;
		border-left: 0;
		padding-left: 0;
	}
	footer .sec-contact .txt-tele{
		line-height: 1.545;
		font-size: .22rem;
		margin-top: .17rem;
		letter-spacing: -0.05em
	}
	footer .sec-contact .link-mail {
		font-size: .22rem;
		padding: 0 .24rem 0 .30rem;
		background-image: url(../../img/common/sm/icn_mail.png), url(../../img/common/sm/icn_link02.png);
		background-size: .24rem auto, .08rem auto;
		margin-top: .32rem;
	}
	footer .sec-contact .link-mail span {
		border-width: 2px;
	}
	footer .list-phone {
		margin-top: .38rem;
	}
	footer .list-phone li {
		position: relative;
		float: none;
		width: auto;
		padding: .24rem 0 .20rem;
		border-width: 2px;
		background: #fff url(../../img/common/sm/icn_phone01.png) 95.5% center no-repeat;
		background-size: .10rem auto;
	}
	footer .list-phone .phone02 {
		background-image: url(../../img/common/sm/icn_phone02.png);
	}
	footer .list-phone .phone03 {
		background-image: url(../../img/common/sm/icn_phone03.png);
	}
	footer .list-phone li:after {
		width: .09rem;
	}
	footer .list-phone li + li {
		margin-left: 0;
		margin-top: .30rem;
	}
	footer .list-phone .link-phone {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 2;
	}
	footer .list-phone .cell01,
	footer .list-phone .phone02 .cell01 {
		width: 2rem;
    	padding: 0 0 0 .28rem;
    	text-align: left;
	}
	footer .list-phone .cell02 {
		padding-left: .20rem;
	}
	footer .list-phone .phone-ttl {
		line-height: 1.3;
		font-size: .22rem;
	}
	footer .list-phone .phone-ttl img {
		margin: 0 0 .03rem;
		width: 1.12rem;
	}
	footer .list-phone .txt-first {
		right: -.02rem;
		top: -.06rem;
		font-size: .12rem;
		letter-spacing: 0.23em;
	}
	footer .list-phone .txt-no {
		margin-top: .16rem;
		width: 2.93rem;
	}
	footer .list-phone .txt-year {
		font-size: .17rem;
		margin-top: .08rem;
		text-indent: -.08rem;
	}
	footer .list-phone .txt-brand {
		font-size: .16rem;
		margin-top: .05rem;
		line-height: 1
	}
	footer .relate-ttl {
		text-align: left;
		width: 2.46rem;
		line-height: 2.214;
		font-size: .28rem;
		margin-top: -.15rem;
		padding-left: 4.6%;
		margin-left: -4.6875%;
		z-index: 2
	}
	footer .relate-ttl span {
		padding-left: .36rem;
		background-image: url(../../img/common/sm/icn_new.png);
		background-size: .24rem auto;
	}
	footer .relate-ttl:after {
		border-right: .08rem solid transparent;
		border-bottom: .16rem solid #353433;
		right: -.07rem;
		z-index: 0
	}
	footer .list-relate a {
		display: block;
	}
	footer .list-relate {
		padding: .58rem 0 .50rem 
	}
	footer .list-relate li {
		width: 48.276%;
		margin-top: .20rem;
	}
	footer .list-relate li + li {
		margin-left: 3.448%;
	}
	footer .list-relate li:nth-child(odd) {
		margin-left: 0;
	}
	footer .list-bottom {
		border-top-width: 2px;
		padding: 0;
	}
	footer .list-bottom li{
		width: 50%;
		font-size: .22rem;
		border-bottom: 2px solid #dfdfdf;
		margin-right: 0;
	}
	footer .list-bottom li:nth-child(odd) {
		border-right: 2px solid #dfdfdf;
	}
	footer .list-bottom a {
		display: block;
		padding: .24rem;
		background: none;
	}
	footer .list-bottom a.new span {
		padding-right: .28rem;
		background-image: url(../../img/common/sm/icn_new02.png);
		background-size: .16rem auto;
	}
	footer .sec-copy {
		padding-bottom: .34rem;
	}
	footer .logo {
		width: 42.5%;
		margin: .35rem auto 0;
	}
	footer .txt-copy{
		font-size: .13rem;
		margin-top: .34rem;
		padding: 0 4.6%
	}
	footer .page-top {
		width: .70rem;
		height: .70rem;
		bottom: .80rem;
		right: 4.6875%;
		z-index: 6999
	}

}

@media (max-width: 480px) {
	footer .sec-contact .link-mail span,
	footer .list-phone li,
	footer .list-bottom,
	footer .list-bottom li:nth-child(odd),
	footer .list-bottom li,
	.nav .list .btn,
	.nav .list,
	.sec-brand .list-new a {
		border-width: 1px;
	}
}


/*===== MAIN =====*/

.main {}

@media (max-width: 640px) {

	.main {}

}


/*===== PAGE: TOP =====*/

.page_top {}

@media (max-width: 640px) {

	.page_top {}

}

/*TINH CSS*/

.breadcrumb .wrapper {
	width: 1000px;
}
.breadcrumb ol li {
	display: inline;
	font-size: 13px;
	color: #343434;
}
.breadcrumb ol li a {
	
	text-decoration: underline;
	color: #343434;
}
.breadcrumb ol li span {
	padding: 0 3px 0 5px;
}
.breadcrumb {
	background-color: #f3f3f3;
	padding: 12.5px 0;
}

.page-title {
	background-color: #ef9f23;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 46px;
	padding-bottom: 46px;
	-webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  letter-spacing: 0.12em;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-title:not(:target) {
    font-family: "NotoSansCJKjp-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ";
  }
}

@media(max-width: 640px) {
	.breadcrumb .wrapper {
		width: auto;
		padding: 0 2.03125%;
	}
	.breadcrumb ol li {
		font-size: 0.18rem;
	}
	.breadcrumb ol li a {
		letter-spacing: 0.03rem;
	}
	.breadcrumb ol li span {
		padding: 0 0.03rem 0 0.05rem;
	}
	.breadcrumb {
		padding: 0.05rem 0 0.11rem;
		line-height: 1.2
	}

	.page-title {
		font-size: 0.32rem;
		padding-top: 0.36rem;
    padding-bottom: 0.36rem;
    letter-spacing: 0;
	}
	.page-title .wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}



.main .banner-title {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	height: 239px;
	display: table;
	width: 100%;
}
.main .banner-title .title-page {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 32px;
	line-height: 1.65625em;
	color: #FFFFFF;
}

.title-form {
  color: #301804;
  font-size: 18px;
  line-height: 22px;
  background-color: #f3f3f3;
  border-bottom: 2px solid #cdcdcd;
  font-weight: bold;
  padding: 19px 25px;
}

@media(max-width: 640px) {
	.title-form {
    font-size: 0.24rem;
    line-height: 0.34rem;
    border-bottom: 0.04rem solid #cdcdcd;
    padding: 0.12rem 0.24rem;
  }
}

/*menu-anchor*/
.menu-anchor {
	background-image: url(../../img/product/line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 31px 0 21px;
	margin-bottom: 40px;
}
.menu-anchor ul {
	margin-left: -20px;
}
.menu-anchor ul li {
	float: left;
	width: 225px;
	margin-left: 20px;
}

.menu-anchor ul li:last-child {
    margin-top: 20px;
}

.menu-anchor ul li a {
	display: block;
	text-align: center;
	position: relative;
	padding: 18px 10px;
	background-color: #fafafa;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	background-image: url(../../img/product/arrow.png);
	background-repeat: no-repeat;
	background-position: 192px center;
}
.menu-anchor ul li a .txt {
	color: #301804;
	font-size: 15px;
	line-height: 1.466666666666667em;
	display: inline-block;
}
.menu-anchor ul li a .img {
	display: block;
	left: 9px;
	top: -10px;
	position: absolute;
}

.product-box {
	margin-bottom: 20px;
}

.product-box .title {
	font-size: 20px;
	line-height: 1.1em;
	color: #301804;
	background-color: #fdf4e5;
	border-bottom: 2px solid #f69500;
	padding: 18.5px 54px 18.5px 60px;
	background-position: 20px center;
  background-repeat: no-repeat;
  font-weight: bold;
}

.product-box h2.title-result {
	font-size: 16px;
	line-height: 1.1em;
	color: #301804;
	margin-top:50px; 
	background-color: #fdf4e5;
	border-bottom: 2px solid #f69500;
	padding: 18.5px 54px 18.5px 20px;
	background-position: 20px center;
  background-repeat: no-repeat;
  font-weight: bold;
}

.product-box p.result{
	font-size: 16px;
	margin-top: 30px;
}

.product-box p.result span{
	color: #f69500;
	font-weight: bold;
}

.product-box .title img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.product-box .product-list {
	margin-top: 40px;
}
.product-list {
	margin-left: -20px;
	
}
.product-list .item a {
	display: block;
}
.product-list .item {
	width: 225px;
	float: left;
	margin-left: 20px;
	margin-bottom: 30px;
	position: relative;
}
.product-list .item .bubble {
	position: absolute;
	left: 10px;
	top: -9px;
	z-index: 99;
}
.product-list .item .new {
	color: #e3601c;
	font-size: 10px;
}
.product-list .item .desc01 {
	font-size: 12px;
	color: #626262;
	line-height: 1.333333333333333em;
	margin-top: 10px;
	padding: 0.3em 0;
}
.product-list .item .tit {
	font-size: 16px;
	color: #3d2614;
	line-height: 1.375em;
	font-family: 'NotoSansCJKjp-Medium';
	background-image: url(../../img/product/arrow-right.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: -2px;
	padding-right: 7px;
}
.product-list .item .tit .smallFlg{
	font-size:11px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .product-list .item .tit:not(:target) {
    font-family: "NotoSansCJKjp-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ";
  }
}

.product-list .item .thumb {
	position: relative;
	border: 1px solid #e6e6e6;
	overflow: hidden;
}
.product-list .item .thumb .cover-pro {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.58);
}
.product-list .item .message {
	font-size: 13px;
	text-align: center;
	color: #FFFFFF;
	background-color: #999999;
	padding: 8.5px 3px;
	margin-top: 12px;
}
.product-list .item .thumb .cover-pro .txt-cover {
	margin-top: 78px;
	display: block;
	color: #FFF;
	font-size: 13px;
	line-height: 20px;
}
.product-list .item .thumb:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.45);
}
.product-list .item .thumb:after {
	position: absolute;
	content: "詳細を見る";
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-family: 'NotoSansCJKjp-Light', sans-serif;
	width: 100%;
	padding-top: 42px;
	background: url(../../img/product/icon_zoom.png) top center no-repeat;
	left: 0;
	top: 50%;
	margin-top: -27px
}
.product-list .item .thumb:before,
.product-list .item .thumb:after {
	transition: all .25s ease-out;
   -moz-transition: all .25s ease-out;
   -webkit-transition: all .25s ease-out;
   opacity: 0;
	filter: alpha(opacity=0);
}
.product-list .item a:hover .thumb:before,
.product-list .item a:hover .thumb:after {
	opacity: 1;
	filter: alpha(opacity=1);

}
.product-list .item .thumb.cover-wrap:before,
.product-list .item .thumb.cover-wrap:after {
	display: none
}

.product-list .item > a:hover .thumb img.pro-img {
	transform: scale(1.3,1.3);
	-ms-transform: scale(1.3,1.3);
	-webkit-transform: scale(1.3,1.3);
	transition: all 0.4s;
}
.product-list .item.item-end > a:hover .thumb img.pro-img {
	transform: none;
	-ms-transform: none;
	-webkit-transform: none;
}
.product-list .item > a .thumb img.pro-img {
	transition: all 0.4s;
}

.product-list .item .price-row {
	margin-top: 6px;
}
.product-list .item .price-row img {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 4px;
	height: 18px;
}
.product-list .item .price-row .price {
	font-family:'NotoSansCJKjp-Medium';
	color: #f75d42;
	vertical-align: middle;
	padding-bottom: 8px;
	display: inline-block;
	padding-left: 5px;
	margin-top: px;
}
.product-list .item .price-row .unit {
	font-size: 10px;
	color: #979797;
	margin-bottom: 4px;
	margin-left: -5px;
}
.product-list .item .desc02 {
	font-size: 12px;
	line-height: 1.25;
	color: #595959;
	margin-top: 0px;
	white-space: nowrap;
}
.product-list .item .list-btn {
	margin-top: 12px;	position: relative;
}
.product-list .item .list-btn a {
	display: block;
}
.product-list .item .list-btn .heart {
	float: left;
	background: url(../../img/product/icon_heart.png) no-repeat;
	width: 55px;
	height: 35px;
}

.product-list .item .list-btn .heart-finish {
	float: left;
	background: url(../../img/product/icon_heart.png) no-repeat;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	width: 55px;
	height: 35px;
}

.product-list .item .list-btn .heart .add {
	display: none;
	position: absolute;
	color: #696561;
	font-size: 12px;
	border: 1px solid #696561;
	line-height: 1.1;
	padding: 6px 10px;
	background: #fff;
	left: 0;
	top: -36px;
	z-index: 20;
	white-space: nowrap;
}
.product-list .item .list-btn .heart .add:before {
	position: absolute;
	content: "";
  width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 6px solid #696561;
	bottom: -6px;
	z-index: 1;
	left: 24px;
}
.product-list .item .list-btn .heart .add:after {
	position: absolute;
	content: "";
  width: 0;
	height: 0;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	border-top: 4px solid #fff;
	bottom: -4px;
	left: 25px;
	z-index: 5
}
.product-list .item .list-btn .heart:hover {
	background-image: url(../../img/product/icon_heart_on.png);
}
.btn-add-cart {
	float: right;
	width: 160px;
	background-color: #696561;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	padding: 8.5px 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.btn-add-cart:hover {
	background-color: #f69500;
}
.btn-add-cart.no-link {
	border-radius: 0;
	background-color: #999999;
	font-size: 13px;
}
.btn-add-cart.no-link span {
	padding-left: 0;
	background-image: none;
}
.btn-add-cart span {
	display: inline-block;
	padding-left: 27px;
	background-image: url(../../img/product/icon_cart.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.sec-popup {
	display: none;
	margin: 0 auto;
	width: 500px;
	text-align: center;
	padding: 36px 30px;
}
.sec-popup .txt-question {
	color: #464646;
	font-size: 16px;
}
.sec-popup .list-request {
	margin-top: 16px;
}
.sec-popup .list-request li a {
	display: block;
	text-align: center;
	width: 215px;
	color: #fff;
	font-size: 15px;
	line-height: 3.4;
	border-radius: 4px;
}
.sec-popup .list-request li {
	float: left;
}
.sec-popup .list-request li + li {
	margin-left: 10px;
}
.sec-popup .btn-ok {
	background: #c3c3c3;
}
.sec-popup .btn-chart {
	background: #696561 url(../../img/common/icn_link03.png) 188px center no-repeat;
}
.sec-popup .btn-chart:hover {
	background-color: #f69500;
}
.sec-popup .btn-chart.no-arrow {
	background-image: none;
}
.sec-popup .txt-price {
	font-family: 'NotoSansCJKjp-DemiLight', sans-serif;
	color: #696561;
	font-size: 20px;
	margin-top: 19px;
}
.sec-popup .txt-price  span {
	color: #f98100
}


@media (max-width: 640px) {
	.main .banner-title {
		height: auto;
		padding: 7.6% 0;
	}
	.main .banner-title .title-page {
		font-size: 0.32rem;
	}

	.menu-anchor {
		padding-top: 5.56875%;
		background-image: none;
		margin-bottom: 0;
		padding: 0.36rem 0 0.2rem;
	}
	.menu-anchor ul {
		margin-left: 0;
	}
	.menu-anchor ul li {
		width: 48.27%;
		margin-left: 3.46%;
		margin-bottom: 3.448275862068966%;
	}
	
    .menu-anchor ul li:last-child {
        margin-top: 0;
    }
	
	.menu-anchor ul li:nth-child(2n+1) {
		margin-left: 0;
	}
	
	.menu-anchor ul li a {
		border: 0.02rem solid #e6e6e6;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background-position: 92.5% center;
		-webkit-background-size: 0.17rem auto;
		background-size: 0.17rem auto;
		padding: 0.155rem 0.1rem;
	}
	
	.menu-anchor ul li a .txt {
		font-size: 0.24rem;
		font-family: 'NotoSansCJKjp-Regular';
		position: relative;
		top: 0.01rem;
	}
	.menu-anchor ul li a .img {
		display: none;
	}

	.product-box {
		margin-bottom: 0.5rem;
	}
	.product-box .title {
		font-size: 0.22rem;
		padding: 0.17rem 0.54rem 0.17rem 0.54rem;
		border-bottom: 0.03rem solid #f69500;
		margin-bottom: -0.39rem;
		-webkit-background-size: 0.22rem auto;
		background-size: 0.22rem auto;
		background-position: 0.2rem center;
	}
	
		.product-box h2.title-result {
		font-size: 0.22rem;
		padding: 0.17rem 0.54rem 0.17rem 0.17rem;
		border-bottom: 0.03rem solid #f69500;
		margin-bottom: -0.3rem;
		margin-top: 0.4rem;
		-webkit-background-size: 0.22rem auto;
		background-size: 0.22rem auto;
		background-position: 0.2rem center;
	}
	
	.product-box p.result{
		font-size: 0.22rem;
		margin-top: 0.5rem;
	}
	
	.product-box .title img {
		height: 0.23rem;
		width: auto;
	}
	.product-box .product-list {
		margin-top: 0.4rem;
	}
	.product-list {
		margin-left: 0;
	}
	.product-list .item {
		width: auto;
		float: none;
		margin-left: 0;
		border-top: 0.02rem solid #e6e6e6;
		padding-bottom: .3rem;
		padding-top: .3rem;
		margin-bottom: 0;
	}
	.product-list .row:first-child .item:first-child {
		border-top: none;
	}
	.product-list .item .bubble {
		left: 0;
		top: 2.04rem;
		width: 27.5862%;
	}
	.product-list .item .caption {
		width: 67.24137931034483%;
		float: right;
	}
	
	.product-list .item .desc01 {
		font-size: 0.22rem;
		font-family: 'NotoSansCJKjp-Light';
		margin-top: -0.01rem;
		padding: 0;
	}
	.product-list .item .tit {
		font-size: 0.24rem;
		background-image: url(../../img/product/sm/arrow-right.png);
		background-position: right 0.02rem;
		-webkit-background-size: 0.1rem auto;
		background-size: 0.1rem auto;
		margin-top: 0.06rem;
		line-height: 1;
	}

	.product-list .item .tit .smallFlg{
		font-size:70%;
	}
	
	.product-list .item .new {
		font-size: 0.22rem;
		font-weight: bold;
	}
	.product-list .item .thumb {
		width: 27.5862%;
		border: 0.02rem solid #e6e6e6;
		float: left;
		overflow:hidden;
		padding-bottom: 0.09rem;
		padding-top: 0.09rem;
	}
	.product-list .item .thumb img.pro-img {
		-ms-transform: scale(1.08,1.08);
		-webkit-transform: scale(1.08,1.08);
		transform: scale(1.08,1.08);
	}
	.product-list .item .message {
		font-size: .26rem;
		padding: 0.17rem .03rem;
		width: 67.24137931034483%;
		float: right;
		margin-top: -0.04rem;
	}
	.product-list .item .thumb .cover-pro .txt-cover {
		margin-top: 0.52rem;
		font-size: 0.2rem;
		line-height: 0.26rem;
	}

	.product-list .item .price-row {
		margin-top: .15rem;
	}
	.product-list .item .price-row img {
		height: 0.26rem;
		width: auto;
		/*display: inline-block !important;*/
	}
	.product-list .item .price-row img.sm {
		display: inline-block !important;
	}
	.product-list .item .price-row .price {
		font-size: 0.24rem;
		margin-left: 0.05rem;
	}
	.product-list .item .price-row .unit {
		font-size: 0.22rem;
		vertical-align: middle;
		margin-bottom: -.08rem;
		margin-left: -.05rem;

	}
	.product-list .item .desc02 {
		font-size: 0.2rem;
		margin-top: 0;
		padding-bottom: .14rem;
	}
	.product-list .item .list-btn {
		width: 67.24137931034483%;
		float: right;
		margin-top: -0.04rem;
	}
	.product-list .item .list-btn a {
		
	}
	.product-list .item .list-btn .heart {
		height: 0.7rem;
		width: auto;
		background: none;
	}
	
	
	.product-list .item .list-btn .heart-finish {
		height: 0.7rem;
		width: auto;
		background: none;
	}
	
	.product-list .item .list-btn .heart .add {
		font-size: .2rem;
		border-width: 2px;
		padding: .06rem .10rem;
		top: -.5rem;
	}
	.product-list .item .list-btn .heart .add:before {
		border-left-width: 4px;
		border-right-width: 4px;
		border-top-width: 8px;
		bottom: -8px;
		left: 36px;
	}
	.product-list .item .list-btn .heart .add:after {
		bottom: -4px;
		left: 38px;
	}
	.product-list .item .list-btn .heart img{
		width: auto;
		height: 100%;
	}
	
		.product-list .item .list-btn .heart-finish img{
		width: auto;
		height: 100%;
	}
	.btn-product-more {
		color: #424242;
	    line-height: 3.34;
	    background-color: #e4e4e4;
	    text-align: center;
	    cursor: pointer;
	    width: 2.9rem;
	    margin: .2rem auto 0;
	    border-radius: 5px;
	}
	.btn-add-cart {
		height: 0.7rem;
		width: 74.35897435897436%;
		padding: 0;
		font-family: 'NotoSansCJKjp-DemiLight';
	}
	
	.btn-add-cart span {
		background-image: url(../../img/product/sm/icon_cart.png);
		-webkit-background-size: 0.3rem;
		background-size: 0.3rem;
		padding-left: 0.4rem;
		font-size: 0.26rem;
		line-height: 0.7rem;
	}
	
	.product-list .item .thumb:before,
	.product-list .item .thumb:after {
		display: none;
	}

	.sec-popup {
		width: 5.6rem;
		padding: .36rem 4.6875% .34rem;
	}
	.sec-popup .txt-question {
		font-size: .22rem;
	}
	.sec-popup .list-request {
		margin-top: .14rem;
	}
	.sec-popup .list-request li {
		width: 49%;
	}
	.sec-popup .list-request li a {
		width: auto;
		font-size: .22rem;
		line-height: 3.18;
		border-radius: .05rem;
	}
	.sec-popup .list-request li + li {
		margin-left: 2%;
	}
	.sec-popup .btn-chart {
		background-image: url(../../img/common/sm/icn_link03.png);
		background-position: 90% center;
		background-size: .1rem auto;
	}
	.sec-popup .txt-price {
		font-size: .24rem;
		margin-top: .17rem;
	}
	 
}
@media (max-width: 480px){
	.btn-product-more {
		border-radius: 3px
	}
	.product-list .item .list-btn .heart .add {
		border-width: 1px;
	}
	.product-list .item .list-btn .heart .add:before {
		border-left-width: 3px;
		border-right-width: 3px;
		border-top-width: 6px;
		bottom: -6px;
		left: 20px
	}
	.product-list .item .list-btn .heart .add:after {
		left: 21px;
	}
}


.page-content-two-columns {
	margin-top: 60px;
}
.page-content-two-columns .main-col {
	float: right;
	width: 715px;
}
.page-content-two-columns .sidebar {
	float: left;
	width: 205px;
}
.sidebar .title {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #9d9b97;
	padding: 12px 5px;
}
.sidebar .menu-side .tit-child {
	color: #301804;
	padding: 12.5px 15px;
	background-color: #f3f3f3;
	font-weight: bold;
	border-bottom: 1px dotted #dedcda;
}
.sidebar .menu-side  {
	border: 1px solid #dedcda;
	border-top: none;
}
.sidebar .menu-side .list-menu li {
	padding: 0 13px;
}

.sidebar .menu-side .list-menu li a {
	transition: all .25s ease-out;
   -moz-transition: all .25s ease-out;
   -webkit-transition: all .25s ease-out;
	display: block;
	border-top: 1px dotted #dedcda;
	padding: 11px 17px 11px 0;
	background-image: url(../../img/news/arrow_menu.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 13px;
	line-height: 1.3
}

.sidebar .menu-side .list-menu li a.line-through {
	text-decoration: line-through;
}
.sidebar .menu-side .list-menu li:hover a,
.sidebar .menu-side .list-menu li a.current {
	color: #f69500;
	background-image: url(../../img/news/arrow_menu_current.png);
}
.sidebar .menu-side .list-menu li:first-child a {
	border-top: none;
}

.sidebar .list-flower {
	border-bottom: 1px solid #dedcda
}
.sidebar .list-flower li {
	background: #fdedf7;
}
.sidebar .list-flower li:hover,
.sidebar .list-flower li.current {
	background: #fad1eb
}
.sidebar .list-flower li + li {
	border-top: 1px solid #fff;
}
.sidebar .list-flower a {
	display: block;
	padding: 18px 36px;
	background-image: url(../../img/supplement/icn_flower.png), url(../../img/common/icn_link06.png);
	background-position: 15px center, 177px center;
	background-repeat: no-repeat;
}

@media (max-width: 640px) {
	.page-content-two-columns {
		margin-top: 0.42rem;
	}
	.page-content-two-columns .main-col {
		float: none;
		width: auto;
	}
	.page-content-two-columns .sidebar {
		float: none;
		width: auto;
		margin-left: -5.175%;
		margin-right: -5.175%;
	}
	.sidebar .title {
		font-size: 0.24rem;
		padding: 0.24rem 0.1rem;
	}
	.sidebar .menu-side {
		border-width: 0;
	}
	.sidebar .menu-side .tit-child {
		padding: 0.24rem 0.1rem;
		text-align: center;
		font-size: 0.24rem;
		color: #301804;
		border: none;
		border-top: 2px solid #dedcda;
	}
	.sidebar .menu-side .list-menu {
		border: none;
		border-bottom: 2px solid #dedcda;	
	}
	.sidebar .menu-side .list-menu li {
		padding: 0 0;
	}
	.sidebar .menu-side .list-menu li a {
		display: block;
		border-top: 0.03rem dotted #dedcda;
		padding: 0.27rem 4.6875%;
		background-image: url(../../img/news/sm/arrow-menu.png);
		background-repeat: no-repeat;
		background-position: 95% center;
		-webkit-background-size: 0.1rem auto;
		background-size: 0.1rem auto;
		font-size: 0.24rem;
	}
	.sidebar .sidebar .menu-side .list-menu li:first-child a {
		border-top: 0.03rem dotted #dedcda;
	}
	.sidebar .list-flower {
		border: 0;
	}
	.sidebar .list-flower li + li {
		border-top: 2px solid #fff;
	}
	.sidebar .list-flower a {
		padding: .28rem 12.5%;
		background-image: url(../../img/supplement/sm/icn_flower.png), url(../../img/common/sm/icn_link06.png);
		background-size: .21rem auto, .09rem auto;
		background-position: .43rem center, 6.08rem center;
	}
}

@media (max-width: 480px) {
	.sidebar .menu-side .tit-child,
	.sidebar .menu-side .list-menu  {
		border-width: 1px;
	}
}


.top-list-anchor li:first-child {
	border-right: 1px dotted #a3a3a3;
	margin-right: -1px;
}
.top-list-anchor li {
	float: left;
	border-left: 1px dotted #a3a3a3;
}
.top-list-anchor li a {
	display: block;
	padding: 0 18px;
	font-weight: bold;
}
.top-list-anchor li a span {
	padding-right: 34px;
	display: block;
	background-image: url(../../img/inquiry/icon-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 17px;
}
@media (max-width: 640px) {
	.top-list-anchor {
		margin: 0 -5.6%;
		border: 1px solid #cdcdcd;
	}
	.top-list-anchor li:first-child {
		border: 1px solid #cdcdcd;
		margin-right: 0;
	}

	.top-list-anchor li {
		border: 1px solid #cdcdcd;
		float: left;
		width: 50%;
	}
	
	.top-list-anchor li a {
		display: block;
		padding: 0 0.19rem 0 0;
	}
	.top-list-anchor li a span {
		padding: 0.19rem;
		display: block;
		background-image: url(../../img/inquiry/sm/icon-arrow.png);
		-webkit-background-size: 0.18rem;
		background-size: 0.18rem;
		line-height: 0.3rem;
		font-size: 0.22rem;
		font-weight: normal;
	}
	/*type02*/
	.top-list-anchor.type02 {
		margin-top: 0.11rem;
	}
	.top-list-anchor.type02 li,
	.top-list-anchor.type02 li:first-child,
	.top-list-anchor.type02 {
		border: none;
	}
	
	.top-list-anchor.type02 li,
	.top-list-anchor.type02 li:first-child {
		border-right: 0.02rem dashed #a3a3a3;
		margin: 0.18rem 0;
	}
	.top-list-anchor.type02 li a span {
		font-weight: bold;
		padding: 0 0.28rem;
		line-height: 0.39rem;
	}

}
.wrapper.wrapper-small {
  padding: 0 122px;
}
/*END TINH CSS*/


/* TITLE02 */
.sec-ttl {
	font-size: 16px;
	line-height: 1.2em;
	padding: 13px 0 12px 18px;
	border-left: 6px solid #e3008f;
	background: #f3f3f3;
	color: #301804
}

.img {
	display: block;
	max-width: 100%
}

@media(max-width: 640px) {
	.sec-ttl {
		font-size: 0.24rem;
		padding: 0.155rem 0.1rem 0.155rem 0.2rem;
		border-left-width: 0.06rem;
	}

	.img {
		width: 100%
	}
}


/* ACCORDION */
@media(max-width: 640px) {
	.list-accor dd {
		display: none;
		color: #272727;
	}
	.list-accor dt {
		position: relative;
		margin-top: .3rem;
	}
	.list-accor dt:after {
		transition: all .25s ease-out;
		-moz-transition: all .25s ease-out;
		-webkit-transition: all .25s ease-out;
		position: absolute;
		content: "";
		right: .27rem;
		top: 50%;
		margin-top: -.13rem;
		width: .3rem;
		height: .3rem;
		background: url(../../img/common/accor_open.png) no-repeat;
		background-size: 100% auto;
	}
	.list-accor dt.active:after {
		background-image: url(../../img/common/accor_close.png) 
	}
	.list-accor .box-accor {
		width: 96.55%;
		margin: 0 auto;
		border: 2px solid #e7e1d3;
		border-top: 0;
		padding: .3rem 3.103%;
	}
	.list-accor .txt-accor {
		font-size: .22rem;
		line-height: 1.64;
		margin-top: .28rem;
	}
	.list-accor .box-accor .txt-accor:first-child {
		margin-top: 0;
	}
	.list-accor .txt-accor span {
		font-weight: bold;
	}
	.list-accor .img-accor {
		padding-top: .2rem;
    	padding-bottom: .1rem;
	}
	.list-accor .txt-notice {
		font-size: .18rem;
	}
}
@media (max-width: 480px){
	.list-accor .box-accor {
		border-width: 1px;
	}
}