@charset "UTF-8";
@font-face{
	font-family:'chancerychancery';
	src:url("/atsugiham/fonts/chancery.woff") format('woff2'),url("/atsugiham/fonts/chancery.woff") format('woff');
	font-weight:normal;
	font-style:normal;
}

/*---------------------------------
reset
---------------------------------*/
*,*:before,*:after{box-sizing:border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style-type:none;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}

mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
.bx-wrapper{background-color:transparent!important;border:none!important;box-shadow:none!important}
address{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
/*slick*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


/*---------------------------------
base
---------------------------------*/
html,body{width:100%;}
html{font-size:62.5%;}
body{
	position:relative;
	font-family:"Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;
	font-weight:normal;
	scroll-behavior:smooth;
	color:#2d1e0f;
	font-size-adjust:100%;
	line-height:1.8;
}
::-webkit-scrollbar{width:2px;}
::-webkit-scrollbar-track{
	background:#fff;
	border-left:solid 1px #fff;
}
::-webkit-scrollbar-thumb{
	background:#ccc;
	border-radius:4px;
	box-shadow:inset 0 0 0 2px #895854;
}
*[data-serif]{font-family:"Times New Roman","Hiragino Mincho ProN","YuMincho","Yu Mincho","MS PMincho",serif;}
a{
	color:#2d1e0f;
	text-decoration:none;
	transition:all 0.4s;
}
a:hover{color:#dc7f7f;}
a img{transition:opacity 0.4s;}
a:hover img{opacity:0.7;}
a[data-line]{position:relative;}
a[data-line]:hover{color:#2d1e0f;}
a[data-line]:after{
	content:'';
	position:absolute;
	bottom:-5px;
	left:0%;
	width:100%;
	height:1px;
	background:#dc7f7f;
	transition:transform 0.4s;
	transform:scaleX(0);
	transform-origin:left top;
}
a[data-line]:hover:after{transform:scaleX(1);}
button{
	padding:0;
	outline:none;
	border:none;
	background-color:transparent;
	cursor:pointer;
	transition:all 0.4s;
}
img{
	width:100%;
	height:auto;
	vertical-align:top;
}
input,select,textarea{
	outline:none;
	border:none;
}
*.hideEl,
*[display="none"]{display:none!important;}
#topLineLead{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#895854;
	color:#fff;
	text-align:center;
}
#topLineLead strong{font-weight:normal;}
header{
    width:100%;
	position:absolute;
	left:0;
	background-color:#fff;
	z-index:100;
}
header *{line-height:1.0;}
header a{display:block;}
header .htLogo svg > *{
	fill:#560c06;
	transition:fill 0.4s;
}
header .htLogo a:hover svg > *{fill:#895854;}
.openMenu header .htLogo svg > *{fill:#fff;}
header .estimDelivery{
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	background-color:#efefef;
	color:#5e0000;
	text-align:left;
}
header .estimDelivery dt{
	display:inline-block;
	line-height:1.0;
	font-weight:bold;
}
header .estimDelivery dt.estimTtl{vertical-align:text-bottom;}
header .estimDelivery dt.estimNote,
header .estimDelivery dt.estimNote *{line-height:1.2;}
header .estimDelivery .estimNote:before{
	content:"※";
	display:inline-block;
	vertical-align:top;
}
header .estimDelivery dd{
	display:inline-block;
	background-color:#fff;
}
header .estimDelivery dd span{line-height:1.42;}
#globalNavi{width:100%;}
#siteNavi li svg{
	display:inline-block;
	width:auto;
	height:100%;
	vertical-align:top;
}
#siteNavi li a{color:#2d1e0f;}
#siteNavi li a:hover{
	color:#2d1e0f;
	opacity:0.8;
}
#siteNavi li use{fill:#2d1e0f;}
#searchBox{position:relative;}
#searchBox .searchBtn{
	display:block;
	position:absolute;
}
#searchBox .searchBtn use{fill:#5e0000;}
footer{
	width:100%;
	background-color:#560c06;
	color:#fff;
	line-height:1.0;
}
footer a{
	display:block;
	color:#fff;
}
footer a:hover{
	opacity:0.8;
	color:#fff;
}
footer a svg use{fill:#fff;}
footer .ftSnsNavi li{
	display:inline-block;
	vertical-align:top;
}
footer .ftMenu01{border-right:1px solid #fff;}
footer #copyrights{text-align:center;}
.itemList{margin:0 auto;}
.itemList li{
	position:relative;
	display:block;
}
.itemList li .itemName{line-height:1.57;}
.itemList li .itemFg,
.contentsSec .detailFg{position:relative;}
.itemList li .itemFg a,
.contentsSec .detailFg a{
    display:block;
    background-color:#f7f7f7;
}
.itemList li .itemFg a:before,
.contentsSec .detailFg a:before{
    content:"";
    display:block;
    width:100%;
    height:0;
    padding-top:100%;
}
.itemList li .itemFg a img,
.contentsSec .detailFg a img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
}
.itemList li .itemPrice{line-height:1.0;}
#mainContents:not(.top){
	max-width:1080px;
    width:92vw;
	margin:0 auto;
}
#mainContents > #breadcrumb{
	display:block;
	width:100%;
	max-width:1080px;
	margin:0 auto;
	text-align:left;
	line-height:1.6;
}
#mainContents > #breadcrumb li{
	display:inline;
	vertical-align:middle;
}
#mainContents > #breadcrumb li+li:before{
	content:"\03e";
	display:inline-block;
	margin:0 6px;
	vertical-align:middle;
}
#mainContents > #breadcrumb strong{font-weight:normal;}
.item-title-wrap{
	text-align:center;
	color:#560c06;
	border-bottom:1px solid #560c06;
}
.secTtl{
	margin:0 auto;
	text-align:center;
}
.secTtl > *{
	display:block;
	line-height:1.0;
}
.secTtl strong{font-weight:normal;}
small[lang="en"]{font-family:'chancerychancery',serif;}
@media screen and (max-width:1199.98px){
	body{
		padding-top:286px;
		font-size:1.4rem;
	}
    body.openMenu{overflow:hidden;}
	*[data-type="pc"]{display:none!important;}
	#topLineLead{
		padding:12px 4vw;
		font-size:1.2rem;
		line-height:1.6rem;
	}
	#topLineLead strong{font-size:1.4rem;}
	header{
		width:100%;
		top:56px;
		display:grid;
		grid-template-rows:auto auto auto;
		grid-template-columns:100%;
		padding-bottom:74px;
	}
	header > *{grid-column:1 / 2;}
	header .rankBnr{
		grid-row:1 / 2;
		padding:10px 1vw;
		text-align:center;
	}
	header .rankBnr img{
		width:75.2vw;
		max-width:282px;
		margin:0 auto;
	}
	header .estimDelivery{
		grid-row:2 / 3;
		width:310px;
		margin:0 auto;
		padding:6px 14px;
	}
	header .estimDelivery .estimTtl{
		order:1;
		padding-top:4px;
	}
	header .estimDelivery .estimTtl span{display:block;}
	header .estimDelivery .estimTtl span:first-child{
		padding-top:2px;
		font-size:1.2rem;
	}
	header .estimDelivery .estimTtl span:last-child{
		margin-top:3px;
		font-size:1.0rem;
	}
	header .estimDelivery .estimTtl span:last-child:after{
		content:"";
		display:inline-block;
		width:26px;
		height:16px;
		margin-left:5px;
		background:url("/atsugiham/img/common/send-track.svg") no-repeat center center / contain;
		vertical-align:text-bottom;
	}
	header .estimDelivery .estimNote{
		order:3;
		width:100%;
		margin-top:7px;
	}
	header .estimDelivery .estimNote span{display:inline;}
	header .estimDelivery dd{
		order:2;
		flex-grow:1;
		margin-left:8px;
		padding:5px 8px;
		font-size:1.2rem;
	}
	header .htLogo{width:44px;}
	header .hdBar{
		width:100%;
		position:absolute;
		top:calc(100% - 74px);
		left:0;
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:16px 5.333vw 14px;
		background-color:#fff;
		transition:background-color 0.4s;
		z-index:100;
	}
	header .hdBar.fixed{
		position:fixed;
		top:0;
	}
	#siteNavi li use{fill:#fff;}
	#spHdNavi{text-align:right;}
	#spHdNavi li{
		display:inline-block;
		vertical-align:middle;
	}
	#spHdNavi .cartLink{width:32px;}
	#spHdNavi .cartLink svg use{fill:#5e0000;}
	#spHdNavi .gNavLink{margin-left:24px;}
	#spHdNavi #gNavBtn{
		position:relative;
		display:block;
		width:30px;
		height:27px;
	}
	#spHdNavi #gNavBtn:before,
	#spHdNavi #gNavBtn span,
	#spHdNavi #gNavBtn:after{
		content:"";
		display:block;
		position:absolute;
		left:0;
		width:100%;
		height:2px;
		border-radius:2px;
		background-color:#5e0000;
		transition:all 0.4s;
	}
	#spHdNavi #gNavBtn:before{top:0;}
	#spHdNavi #gNavBtn span{top:calc(50% - 1px);}
	#spHdNavi #gNavBtn:after{bottom:0;}
	.openMenu #spHdNavi #gNavBtn:before{transform:translateY(12.5px) rotate(-45deg);}
	.openMenu #spHdNavi #gNavBtn span{opacity:0;}
	.openMenu #spHdNavi #gNavBtn:after{transform:translateY(-12.5px) rotate(45deg);}
	.openMenu .hdBar.fixed{background-color:#5e0000;}
	.openMenu #spHdNavi .cartLink svg use{fill:#fff;}
	.openMenu #spHdNavi #gNavBtn:before,
	.openMenu #spHdNavi #gNavBtn:after{background-color:#fff;}
	#globalNavi{
		max-height:0px;
		position:fixed;
		top:0;
		left:0;
		display:flex;
		flex-direction:column;
		padding-top:74px;
		background-color:#5e0000;
		overflow-x:hidden;
		overflow-y:auto;
		z-index:99;
		transform:scaleY(0);
		transform-origin:center top;
		transition:all 0.4s;
	}
	.openMenu #globalNavi{
		max-height:100vh;
		padding-bottom:80px;
		transform:scaleY(1);
	}
	#globalNavi a,
	#globalNavi #siteNavi li a{color:#fff;}
	#searchBox{
		order:1;
		margin:12px 5.333vw 0;
	}
	#searchBox #search{
		width:100%;
		height:50px;
		padding:16px 30px 16px 16px;
		border-radius:4px;
		font-size:1.8rem;
	}
	#searchBox .searchBtn{
		width:20px;
		top:calc(50% - 10px);
		right:10px;
	}
	#catNavi{
		order:2;
		margin-top:65px;
		font-size:1.6rem;
		text-align:center;
	}
	#catNavi li+li{margin-top:28px;}
	#catNavi li a{
		display:table;
		margin:0 auto;
	}
	#siteNavi{
		order:3;
		position:relative;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin:60px 12vw 0;
		font-size:1.4rem;
	}
	#siteNavi:before{
		content:"";
		width:1px;
		height:100%;
		background-color:#fff;
		position:absolute;
		top:0;
		left:50%;
	}
	#siteNavi li{
		display:block;
		width:50%;
	}
	#siteNavi li:nth-child(n+3){margin-top:26px;}
	#siteNavi li:nth-child(even){padding-left:30px;}
	#siteNavi li a{
		position:relative;
		display:block;
		padding-left:24px;
	}
	#siteNavi li svg{
		position:absolute;
		top:calc(50% - 7px);
		left:0;
		height:14px;
	}
	footer{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding:80px 13.866vw 35px;
		text-align:center;
	}
	footer .ftLogo{
		width:100%;
		text-align:center;
	}
	footer .ftLogo a{
		width:76px;
		margin:0 auto;
	}
	footer .ftLead{
		width:100%;
		margin-top:15px;
		font-size:1.2rem;
		line-height:1.8rem;
	}
	footer .ftLead strong{
        margin:0 4px;
        font-size:1.4rem;
    }
	footer .ftSnsNavi{
		width:100%;
		margin:36px auto;
	}
	footer .ftSnsNavi li{width:32px;}
	footer .ftSnsNavi li+li{margin-left:10px;}
	footer .ftSnsNavi li a,
	footer .ftSnsNavi li svg{
		display:block;
		width:100%;
	}
	footer .ftSnsNavi li a:hover svg use{fill:#dc7f7f;}
	footer .ftMenu01{
		width:43%;
		font-size:1.2rem;
		text-align:left;
	}
	footer .ftMenu01 li+li,
	footer .ftMenu02 li+li{margin-top:32px;}
	footer .ftMenu02{
		width:57%;
		padding-left:25px;
		font-size:1.2rem;
		text-align:left;
	}
	footer #copyrights{
		width:100%;
		margin-top:40px;
		font-size:1.0rem;
	}
	.itemList li.slick-slide{
		width:254px;
		margin:0 15px;
	}
	.itemList li:not(.slick-slide){
		width:calc(50% - 30px);
		margin:0 15px;
	}
	.itemList li p{
		margin-top:12px;
		font-size:1.3rem;
	}
	.itemList .slick-arrow,
	.bnrSlider .slick-arrow{
		width:30px;
		height:30px;
		display:block;
		position:absolute;
		background:url("/atsugiham/img/common/arrow-icon.svg") #fff no-repeat center center;
		background-size:7px auto;
		border-radius:50%;
		font-size:0;
		z-index:1;
	}
	.itemList .slick-arrow{top:126px;}
	.bnrSlider .slick-arrow{top:calc(50% - 15px);}
	.itemList .slick-prev,
	.bnrSlider .slick-prev{left:7.733vw;}
	.itemList .slick-next,
	.bnrSlider .slick-next{
		right:7.733vw;
		transform:rotate(180deg);
	}
	#mainContents > #breadcrumb{
		width:92vw;
		margin:30px auto 13px;
		font-size:1.3rem;
	}
	.item-title-wrap{
		padding:30px 0;
		margin-bottom:60px;
		font-size:2.8rem;
	}
	.secTtl{margin-bottom:30px;}
	.secTtl strong{font-size:3.0rem;}
	.secTtl small[lang="en"]{
		margin-top:12px;
		font-size:1.3rem;
	}
}
@media screen and (max-width:767.98px){
}
@media screen and (min-width:768px){
}
@media screen and (min-width:1200px){
	body{
		padding-top:316px;
		font-size:1.6rem;
	}
	*[data-type="sp"]{display:none!important;}
	#topLineLead{
		padding:10px 2vw;
		font-size:1.6rem;
		line-height:2.0rem;
	}
	#topLineLead strong{font-size:2.0rem;}
	header{
		top:42px;
		display:flex;
		justify-content:space-between;
		align-items:center;
		flex-wrap:wrap;
		text-align:center;
		padding-top:14px;
	}
	header .hdBar,
	header .rankBnr,
	header .estimDelivery{
		display:inline-block;
		margin-bottom:14px;
	}
	header .hdBar{flex-grow:1;}
	header .hdBar{width:90px;}
	header .htLogo{width:90px;}
	header .rankBnr{
		width:371px;
		margin-bottom:0;
	}
	header .estimDelivery{
		padding:15px 5px 8px;
		margin:0 360px 14px 16px;
	}
	header .estimDelivery .estimTtl{font-size:1.8rem;}
	header .estimDelivery .estimTtl:before{
		content:"";
		display:inline-block;
		width:30px;
		height:18px;
		margin:0 5px 0 10px;
		background:url("/atsugiham/img/common/send-track.svg") no-repeat center center / contain;
		vertical-align:text-bottom;
	}
	header .estimDelivery .estimNote{
		margin-left:6px;
		font-size:1.05rem;
	}
	header .estimDelivery .estimNote span{ display:inline-block;}
	header .estimDelivery dd{
		width:100%;
		display:table;
		margin-top:12px;
		padding:14px;
		font-size:1.4rem;
	}
	#siteNavi{
		width:330px;
		position:absolute;
		top:-136px;
		font-size:1.4rem;
		text-align:right;
	}
	#siteNavi li{
		display:inline-block;
		margin:16px 0 0 26px;
	}
	#siteNavi li svg{
		height:14px;
		margin-right:8px;
	}
	#siteNavi li use{fill:#2d1e0f;}
	#globalNavi{
		position:relative;
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		padding:67px 0 16px;
		background-color:#fff;
	}
	#globalNavi.fixed{
		position:fixed;
		top:0;
		left:0;
	}
	#catNavi{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		display:flex;
		justify-content:center;
		align-items:center;
		margin-bottom:20px;
		background-color:#560c06;
		text-align:center;
		font-size:1.5rem;
	}
	#catNavi li{display:block;}
	#catNavi li a{
		padding:16px;
		color:#fff;
	}
	#catNavi li a:hover{background-color:#895854;}
	.noteWord{
		display:inline-block;
		white-space:nowrap;
		line-height:1.0;
		font-size:1.4rem;
	}
	.noteWord dt{
		display:inline-block;
		padding:14px 18px;
		background-color:#560c06;
		color:#fff;
	}
	.noteWord dd{
		display:inline-block;
		padding-left:16px;
	}
	.noteWord .noteWordList{
		display:flex;
		align-items:center;
	}
	.noteWord .noteWordList li+li{margin-left:14px;}
    .noteWord .noteWordList li a:after{background-color:#2d1e0f;}
	#searchBox{
		width:335px;
		height:40px;
		margin-left:190px;
	}
	#searchBox #search{
		width:100%;
		height:40px;
		padding:11px 30px 11px 16px;
		background-color:#efefef;
		border-radius:4px;
		font-size:1.8rem;
	}
	#searchBox #search::placeholder{font-size:1.4rem;}
	#searchBox .searchBtn{
		width:20px;
		top:calc(50% - 10px);
		right:10px;
	}
	footer{
		display:grid;
		grid-template-rows:auto auto 50px auto;
		grid-template-columns:124px 632px 145px 1fr;
		padding:75px 0 30px;
		padding-right:calc(50% - 550px);
		padding-left:calc(50% - 550px);
	}
	footer .ftLogo{
		grid-row:1 / 2;
		grid-column:1 / 2;
	}
	footer .ftLogo a{width:89px;}
	footer .ftLead{
		grid-row:1 / 2;
		grid-column:2 / 3;
        margin-bottom:16px;
		font-size:1.6rem;
		line-height:2.6rem;
	}
	footer .ftLead strong{
        margin:0 4px;
        font-size:2.0rem;
    }
	footer .ftSnsNavi{
		grid-row:2 / 3;
		grid-column:1 / 3;
	}
	footer .ftSnsNavi li{width:35px;}
	footer .ftSnsNavi li+li{margin-left:8px;}
	footer .ftSnsNavi li a,
	footer .ftSnsNavi li svg{
		display:block;
		width:100%;
	}
	footer .ftSnsNavi li a:hover svg use{fill:#dc7f7f;}
	footer .ftMenu01{
		grid-row:1 / 2;
		grid-column:3 / 4;
		font-size:1.4rem;
	}
	footer .ftMenu01 li+li,
	footer .ftMenu02 li+li{margin-top:11px;}
	footer .ftMenu02{
		grid-row:1 / 3;
		grid-column:4 / 5;
		padding-left:50px;
		font-size:1.4rem;
	}
	footer #copyrights{
		grid-row:4 / 5;
		grid-column:1 / 5;
		font-size:1.2rem;
	}
	.itemList{
		width:1080px;
		display:flex;
        flex-wrap:wrap;
	}
	.itemList li{width:248px;}
    .itemList li:not(:nth-child(4n)){margin-right:29px;}
    .itemList li:nth-child(n+5){margin-top:36px;}
	.itemList li p{
		margin-top:15px;
		font-size:1.6rem;
	}
	#mainContents > #breadcrumb{
		margin:22px auto 16px;
		font-size:1.4rem;
	}
	.item-title-wrap{
		padding:50px 0;
		margin-bottom:80px;
		font-size:3.6rem;
	}
	.secTtl{margin-bottom:44px;}
	.secTtl strong{font-size:3.0rem;}
	.secTtl small[lang="en"]{
		margin-top:20px;
		font-size:1.4rem;
	}
}
@media screen and (min-width:1200px) and (max-width:1399.98px){
	header .hdBar{margin-left:30px;}
	#siteNavi{right:30px;}
}
@media screen and (min-width:1400px){
	header .hdBar{margin-left:calc(50% - 670px);}
	#siteNavi{right:calc(50% - 670px);}
	header .estimDelivery{margin-right:calc(50% - 340px);}
}



/*---------------------------------
pager
---------------------------------*/
.pager{margin-bottom:64px;}
.pager  ul.pagination {
    text-align: center;
    margin: 0;
    padding: 0;
}
.pager .pagination li {
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    background:#EBEBEB;
    width: 30px;
    height: 50px;
    text-align: center;
    position: relative;
}
.pager .pagination li a{
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display:table;
    text-decoration: none;
}
.pager .pagination li a span{
    display:table-cell;
    vertical-align:middle;
}
.pager .pagination li a:hover,
.pager .pagination li a.active{
    color: #fff;
    background: #6E6E6E;
}
/*---------------------------------
contract
---------------------------------*/
.contract-section{margin-bottom:64px;}
.contract-section-title {
    font-size:2.0rem;
    font-weight:400;
    line-height:1.2rem;
    margin-bottom:24px;
    border-bottom:1px solid #6E6E6E;
    padding-bottom:12px;
}
#articleBox{
    width:92vw;
    max-width:1080px;
    margin:0 auto;
}


/*---------------------------------
レビュー
---------------------------------*/
.reviewRate .reviewRateStar{
    display:inline-block;
    font-size:0;
}
.reviewRate .reviewRateStar:before{font-size:1.6rem;}
.reviewRate .reviewRateStar.starOff:before{
    content:"☆";
    color:#eee;
}
.reviewRate .reviewRateStar.starOn:before{
    content:"★";
    color:#f4d707;
}
#reviewBox .moreLink a{
	display:block;
	text-align:center;
	background-color:#560c06;
	color:#fff;
	line-height:1.0;
	font-weight:bold;
	transition:background-color 0.4s;
}
#reviewBox .moreLink a{margin:0 auto;}
#reviewBox .moreLink a:hover{background-color:#dc7f7f;}
#reviewBox .reviewCall{border-bottom:1px solid #560c06;}
#reviewBox .userName,
#reviewBox .viewStar,
#reviewBox .reviewWrite{line-height:1.0;}
#reviewBox .userName{font-size:1.6rem;}
#reviewBox .reviewTxt{line-height:1.785;}

@media screen and (max-width:1199.98px){
	#reviewBox .moreLink a{
		width:80%;
		max-width:345px;
		height:60px;
		padding:20px 2%;
		margin:0 auto;
		font-size:1.8rem;
	}
	#reviewBox{margin-top:70px;}
	#reviewBox h2.itemSec{margin-bottom:0;}
	#reviewBox .reviewCall{padding:35px 0;}
	#reviewBox .viewStar{
		width:128px;
		margin-top:16px;
	}
	#reviewBox .reviewWrite,
	#reviewBox .reviewTxt{font-size:1.4rem;}
	#reviewBox .reviewWrite{
		display:block;
		margin:12px 0 20px;
	}
	#reviewBox .moreLink{margin-top:42px;}
}
@media screen and (min-width:1200px){
	#reviewBox .moreLink a{
		width:250px;
		height:42px;
		padding:14px;
		font-size:1.4rem;
	}
	#reviewBox{margin-top:110px;}
	#reviewBox .reviewCall{padding:48px 5.18518% 50px;}
	#reviewBox .userName,
	#reviewBox .viewStar{
		display:inline-block;
		vertical-align:top;
	}
	#reviewBox .viewStar{
		width:120px;
		margin-left:40px;
	}
	#reviewBox .reviewWrite,
	#reviewBox .reviewTxt{
		display:block;
		margin-top:10px;
		font-size:1.4rem;
	}
	#reviewBox .moreLink{margin-top:42px;}
}

@media screen and (min-width: 1200px) {
    .br-pc {
        display: none;
    }
}
#mainContents > *{
	width:92vw;
	margin:0 auto;
}
.itemSec{
	width:100%;
	line-height:1.6;
	color:#560c06;
	font-weight:normal;
	border-bottom:1px solid #560c06;
}
.detailFg .slick-slide{position:relative;}
.detailFg #detailSliderThb{
    display:flex;
    flex-wrap:wrap;
}
.detailFg #detailSliderThb li{
    position:relative;
    overflow:hidden;
}
.detailFg #detailSliderThb li img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}
.detailFg #detailSliderThb li:after{
    content:"";
    display:block;
    width:100%;
    height:0;
    padding-top:100%;
}
.detailFg #detailSliderThb{margin-top:12px;}
.detailFg #detailSliderThb li{cursor:pointer;}
.detailFg .slick-slide a,
.detailFg #detailSliderThb li a{
    display:block;
    position:relative;
    width:100%;
}
.detailFg .slick-slide img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    object-fit:cover;
    object-position:center center;
}
.contentsSec .txtBox{color:#2d1e0f;}
.contentsSec .productName{
	line-height:1.5;
	font-size:2.4rem;
}
.contentsSec .productPrice{
	margin-top:12px;
	font-size:2.5rem;
	line-height:1.0;
}
.contentsSec .productPrice small{font-size:1.6rem;}
.productNum{display:table;}
.productNum label[for="productnum"],
.productNum #productnum,
.contentsSec .productNum > *{
	display:block;
	line-height:1.0;
}
.contentsSec .productNum label[for="productnum"]{font-size:1.4rem;}
.contentsSec .productNum dd{
	display:grid;
	grid-template-rows:50% 50%;
	grid-template-columns:auto auto;
}
.contentsSec .productNum #productnum{
	grid-row:1 / 3;
	grid-column:1 / 2;
	border:2px solid #e4e4e4;
	border-radius:6px;
	padding:18px 22px;
	font-size:2.0rem;
}
.contentsSec .productNum button{width:18px;}
.contentsSec .spinnerUp{
	grid-row:1 / 2;
	grid-column:2 / 3;
}
.contentsSec .spinnerDown{
	grid-row:2 / 3;
	grid-column:2 / 3;
}
.contentsSec #cartAddBtn a,
#reviewBox .reviewWriteBtn a,
#reviewBox .moreLink a{
	display:block;
	text-align:center;
	background-color:#560c06;
	color:#fff;
	line-height:1.0;
	transition:background-color 0.4s;
}
#reviewBox{position:relative;}
#reviewBox .reviewWriteBtn a{
	position:absolute;
	top:0;
	right:0;
}
#reviewBox .moreLink a{margin:0 auto;}
#reviewBox .noViews{
    margin-top:36px;
    text-align:center;
    font-size:1.6rem;
}
.contentsSec #cartAddBtn a:hover,
#reviewBox .reviewWriteBtn a:hover,
#reviewBox .moreLink a:hover{background-color:#dc7f7f;}
.contentsSec .sendHow{
	display:flex;
	align-items:center;
	font-size:1.4rem;
}
.contentsSec .sendHow dd{
	border:1px solid #7b7b7f;
	color:#111111;
	line-height:1.0;
	text-align:center;
}
.contentsSec .snsShareList li{
	display:inline-block;
	line-height:1.0;
}
.contentsSec .snsShareList li+li{margin-left:10px;}
.contentsSec .itemPoint{
    margin-top:12px;
    line-height:1.0;
}
.itemDetails{width:100%;}
.itemDetails p{
	font-size:1.6rem;
	line-height:1.785;
}
#reviewBox .reviewCall{border-bottom:1px solid #560c06;}
#reviewBox .userName,
#reviewBox .viewStar,
#reviewBox .reviewWrite{line-height:1.0;}
#reviewBox .userName{font-size:1.6rem;}
#reviewBox .reviewTxt{line-height:1.785;}
@media screen and (max-width:1199.98px){
	#mainContents > *{max-width:690px;}
    #mainContents > section:last-child{padding-bottom:70px;}
	h2.itemSec{
		margin-bottom:40px;
		padding-bottom:14px;
		font-size:2.0rem;
	}
	h3.itemSec{
		margin-bottom:8px;
		padding-bottom:10px;
		font-size:1.8rem;
	}
    .detailFg #detailSliderThb li{width:16.56vw!important;}
    .detailFg #detailSliderThb li:not(:nth-child(5n+1)){margin-left:2.3vw;}
    .detailFg #detailSliderThb li:nth-child(n+6){margin-top:2.3vw;}
	.contentsSec .txtBox{margin:16px auto 70px;}
	.contentsSec .productNum{margin:30px 0;}
	.contentsSec .productNum dd{margin-top:16px;}
	.contentsSec .productNum #productnum{
		width:280px;
		height:55px;
		margin-right:20px;
	}
	.contentsSec #cartAddBtn a,
	#reviewBox .moreLink a{
		width:100%;
		height:60px;
		padding:20px 2%;
		margin:0 auto;
		font-size:1.8rem;
	}
	.contentsSec .sendHow{
		margin:17px auto 32px;
		justify-content:center;
	}
	.contentsSec .sendHow dt{width:100px;}
	.contentsSec .sendHow dd{
		width:130px;
		padding:5px;
	}
	.contentsSec .snsShareList{
		margin:16px auto 0;
		text-align:center;
	}
	.contentsSec .snsShareList img{
		width:auto;
		height:20px;
	}
	.contentsSec .itemPoint{
			margin:-16px auto 24px;
			text-align: center;
			font-size:1.1rem;
	}
	.itemDetails section[class]:not(.halfColSec) figure,
	.itemDetails section.halfColSec figure span{
		width:100%;
		position:relative;
	}
	.itemDetails section[class]:not(.halfColSec) figure:before,
	.itemDetails section.halfColSec figure span:before{
		content:"";
		display:block;
		width:100%;
		padding-top:233.3%;
	}
	.itemDetails section[class] figure img{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		object-fit:cover;
		object-position:center center;
	}
	.itemDetails section[class] .txtBox,
	.itemDetails .tripleCol .itemTxt{margin:36px auto 47px;}
	.itemDetails section.halfColSec figure span{display:block;}
	.itemDetails section.halfColSec figure *+span{margin-top:40px;}
	#itemDetailData .itemSec{margin-top:50px;}
	#itemDetailData .detailAns .itemTxt+.itemTxt{margin-top:24px;}
	#reviewBox,
	#relationItem{margin-top:70px;}
	#reviewBox h2.itemSec{margin-bottom:0;}
	#reviewBox .reviewCall{padding:35px 0;}
	#reviewBox .viewStar{
		width:128px;
		margin-top:16px;
	}
	#reviewBox .reviewWrite,
	#reviewBox .reviewTxt{font-size:1.4rem;}
	#reviewBox .reviewWrite{
		display:block;
		margin:12px 0 20px;
	}
	#reviewBox .reviewWriteBtn a{
		padding:3px 8px;
		font-size:1.2rem;
	}
	#reviewBox .moreLink{margin-top:42px;}
	#checkedItem{margin-top:70px;}
	#relationItem .itemList,
	#checkedItem .itemList{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#relationItem .itemList li:nth-child(n+3),
	#checkedItem .itemList li:nth-child(n+3){margin-top:35px;}
}
@media screen and (max-width:599.98px){
	#relationItem .itemList li,
	#checkedItem .itemList li{
		max-width:220px;
		width:46.666%;
		margin-right:0;
		margin-left:0;
	}
}
@media screen and (min-width:600px) and (max-width:1199.98px){
	#relationItem .itemList,
	#checkedItem .itemList{width:480px;}
}
@media screen and (min-width:1200px){
	#mainContents > *{max-width:1080px;}
    #mainContents > section:last-child{padding-bottom:120px;}
	.itemSec{
		margin-bottom:12px;
		padding-bottom:8px;
		font-size:2.5rem;
	}
	.contentsSec{
		display:flex;
		justify-content:space-between;
	}
	.contentsSec > *{width:45.37%;}
    .detailFg #detailSliderThb li{width:88px!important;}
    .detailFg #detailSliderThb li:not(:nth-child(5n+1)){margin-left:12px;}
    .detailFg #detailSliderThb li:nth-child(n+6){margin-top:12px;}
	.contentsSec .txtBox{padding:15px 124px 0 0;}
	.contentsSec .productNum{margin:32px 0 38px;}
	.contentsSec .productNum dd{margin-top:16px;}
	.contentsSec .productNum #productnum{
		width:322px;
		height:56px;
		margin-right:16px;
	}
	.contentsSec #cartAddBtn a,
	#reviewBox .moreLink a{
		width:250px;
		height:42px;
		padding:14px;
		font-size:1.4rem;
	}
	.contentsSec .sendHow{margin-top:16px;}
	.contentsSec .sendHow dt{width:94px;}
	.contentsSec .sendHow dd{
		width:130px;
		padding:4px;
	}
	.contentsSec .snsShareList{
		width:100%;
		margin-top:44px;
	}
    .contentsSec .itemPoint{font-size:1.2rem;}
	#mainContents > .itemDetails{margin-top:100px;}
	.itemDetails section[class]{margin-top:46px;}
	.itemDetails .fullSec .txtBox,
	.itemDetails .halfColSec .txtBox{margin:52px 50px 0;}
	.itemDetails .halfColSec figure,
	.itemDetails .tripleColSec,
	.itemDetails .flexSec{
		display:flex;
		justify-content:space-between;
	}
	.itemDetails .halfColSec figure span{
		width:48.148%;
		display:block;
	}
	.tripleColSec .tripleCol{width:30.833%;}
	.tripleColSec .tripleCol .itemTxt{margin-top:20px;}
	.itemDetails .flexSec{align-items:center;}
	.itemDetails .flexSec[data-type="right"]{flex-direction:row-reverse;}
	.itemDetails .flexSec figure{width:50.9259%;}
	.itemDetails .flexSec .txtBox{width:41.111%;}
	.itemDetails .flexSec[data-type="left"] .txtBox{padding-right:4.259%;}
	.itemDetails .flexSec[data-type="right"] .txtBox{padding-left:4.259%;}
	#itemDetailData{
		width:860px;
		margin:60px auto 0;
	}
	#itemDetailData .itemSec{margin-top:50px;}
	#itemDetailData .detailAns .itemTxt+.itemTxt{margin-top:32px;}
	#reviewBox,
	#relationItem{margin-top:50px;}
	#reviewBox .reviewCall{padding:48px 5.18518% 50px;}
	#reviewBox .userName,
	#reviewBox .viewStar{
		display:inline-block;
		vertical-align:top;
	}
	#reviewBox .viewStar{
		width:120px;
		margin-left:40px;
	}
	#reviewBox .reviewWrite,
	#reviewBox .reviewTxt{
		display:block;
		margin-top:10px;
		font-size:1.4rem;
	}
	#reviewBox .reviewWriteBtn a{
		padding:4px 8px;
		font-size:1.4rem;
	}
	#reviewBox .moreLink{margin-top:42px;}
	#relationItem .itemList,
	#checkedItem .itemList{margin-top:42px;}
	#checkedItem{margin-top:50px;}
}

@media screen and (max-width: 1199.98px) {
    .br-sp {
        display: none;
    }
}