@charset 'utf-8';

@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
	margin: 0;
	padding: 0; }
html { height: 100%; font-size: 62.5%; }
body {
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;*/
	font-family: '游ゴシック','Yu Gothic',YuGothic,Hiragino Sans,'ヒラギノ角ゴシック',Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W1','Hiragino Kaku Gothic ProN W1','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #4e4e4e;
}

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
picture { display: block; position: relative; width: 100%; }
a { text-decoration: underline; color: #4e4e4e; }
.device-click a { transition: ease .6s; }
.device-click a:hover { text-decoration: none; }

.object-fit-img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;' }

.c-red { color: #f00; }

@media screen and (max-width: 768px) {
	.visible-sp { display: inherit !important; }
	.visible-pc { display: none !important; }
}

@media screen and (min-width: 769px) {
	.visible-sp { display: none !important; }
	.visible-pc { display: inherit !important; }
}

/* clearfix
------------------------------------------------ */
.clearfix { clear: both; *zoom: 1; }
.clearfix:before,.clearfix:after { content: ' '; display: table; }
.clearfix:after { clear: both; }

/* container
------------------------------------------------ */
#container { position: relative; padding-top: 50px; }
.page-home #container { padding-top: 0 !important; }

.wrap { position: relative; }

@media screen and (min-width: 769px) {
	#container { padding-top: 90px; }
	.wrap { margin: 0 auto; padding: 0 20px; max-width: 1240px; }
}

/* header
------------------------------------------------ */
#header { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }
#hd-top { position: relative; width: 100%; height: 0; background: rgba(255,255,255,.8); }
#hd-top > .wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#gnav {}
#hd-search { display: none; position: absolute; left: 0; width: 100%; background: rgba(255,255,255,.8); }

.hd-top-logo { text-align: center; font-size: 4.2vw; font-weight: 500; letter-spacing: 3px; line-height: 1.2; }
.hd-top-logo > a { display: block; width: 100%; text-decoration: none; }
.hd-top-logo > a span { display: block; font-size: 1.1rem; }
.hd-menu-btn { position: absolute; top: 3.2vw; right: 5.33333333333vw; width: 6.4vw; height: 6.4vw; }
.hd-menu-btn a,
.hd-menu-btn span { display: block; position: relative; width: 100%; height: 100%; }
.hd-menu-btn a {}
.hd-menu-btn span { text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.hd-menu-btn a:after,
.hd-menu-btn span:before,
.hd-menu-btn span:after { content: ''; position: absolute; left: 0; transition: ease .3s; width: 100%; height: .26666666666vw; background: #737373; border-radius: 6px; }
.hd-menu-btn a:after { top: 1.06666666667vw; }
.hd-menu-btn span:before { top: 3.2vw; }
.hd-menu-btn span:after { top: 5.33333333333vw; }
.hd-menu-btn a.active:after { display: none; }
.hd-menu-btn a.active span:before { transform: rotate(45deg); }
.hd-menu-btn a.active span:after { top: 3.2vw; transform: rotate(-45deg); }
.gnav-links { display: flex; }
.gnav-links-item { position: relative; margin-left: 1.71428571429vw; font-size: 1vw; line-height: 1.2; }
.gnav-links-item:first-child { margin-left: 0; }
.gnav-links-item > a { display: inline-block; text-decoration: none; vertical-align: top; letter-spacing: 2px; }
.gnav-links-sub { display: none; }
.gnav-links-sub--item { margin-left: 1.71428571429vw; font-size: 1vw; line-height: 1.2; }
.gnav-links-sub--item:first-child { margin-left: 0; }
.gnav-links-sub--item > a { display: inline-block; text-decoration: none; vertical-align: top; letter-spacing: 2px; }
.hd-info {}
.hd-links { display: flex; margin-right: 1.14285714286vw; }
.hd-links-item { margin-left: 2.714286vw; font-size: 1vw; line-height: 1.2; }
.hd-links-item:first-child { margin-left: 0; }
.hd-links-item > a { display: inline-block; text-decoration: none; vertical-align: top; }
.hd-btns { display: flex; }
.hd-btns-item { position: relative; margin-left: 1.14285714286vw; width: 1.42857142857vw; }
.hd-btns-item:first-child { margin-left: 0; }
.hd-btns-item > a { display: block; position: relative; width: 100%; }
.hd-btns-item > a img { width: 100%; max-width: inherit; }
.hd-btns-account {}
.hd-btns-search {}
.hd-btns-search a {}
.hd-btns-search a:before,
.hd-btns-search a:after { content: ''; position: absolute; top: .6vw; left: 0; transition: ease .3s; width: 100%; height: .26666666666vw; background: #737373; border-radius: 6px; opacity: 0; }
.hd-btns-search a img { transition: ease .3s; }
.hd-btns-search a.active img { opacity: 0; }
.hd-btns-search a.active:before,
.hd-btns-search a.active:after { opacity: 1; }
.hd-btns-search a.active:before { transform: rotate(45deg); }
.hd-btns-search a.active:after { transform: rotate(-45deg); }
.hd-btns-cart .num { position: absolute; top: -.57142857142vw; right: -.57142857142vw; width: 1.14285714286vw; height: 1.14285714286vw; background: #f00; border-radius: 50%; text-align: center; font-size: .63928571428vw; line-height: 1.14285714286vw; color: #fff; }

.page-home #header { background: none; }
.body-hd-fixed #hd-top { position: fixed; top: 0; left: 0; }

@media screen and (max-width: 768px) {
	#hd-top { padding-bottom: 13.3333333333vw; }
	#gnav { display: none; position: absolute; top: 13.3333333333vw; left: 0; width: 100%; background: rgba(255,255,255,.9); border-top: solid #ccc 1px; overflow-y: auto; }
	#hd-search { display: none !important; top: 13.3333333333vw; height: calc(100vh - 13.3333333333vw); }

	.hd-top-logo { position: absolute; top: 4.57142857143vw; left: 2.933333vw; }
	.hd-top-logo > a { color: #464646; }
	.hd-top-logo > a span { display: none; }
	.gnav-links { display: block; }
	.gnav-links-item { margin: 0; border-bottom: solid #ccc 1px; font-size: 3.8vw; }
	.gnav-links-item > a { display: block; position: relative; padding: 5.33333333333vw 10.6666666667vw; }
	.gnav-links-item > a.has-child:before,
	.gnav-links-item > a.has-child:after { content: ''; position: absolute; top: 50%; right: 6vw; transition: ease .3s; width: 4vw; height: .26666666666vw; background: #000; }
	.gnav-links-item > a.has-child:before {}
	.gnav-links-item > a.has-child:after { transform: rotate(90deg); }
	.gnav-links-item > a.active.has-child:after { transform: rotate(0); }
	.gnav-links-sub--item { margin: 0; border-top: solid #ccc 1px; font-size: 3.5vw; }
	.gnav-links-sub--item > a { display: block; padding: 4vw 14vw; }
	.hd-info { position: absolute; top: 3.73333333333vw; right: 15.4666666667vw; }
	.hd-links { display: none; }
	.hd-btns { position: absolute; top: 0; right: 0; }
	.hd-btns-item { display: none; }
	.hd-btns-cart { display: block; width: 6.4vw; height: 6.4vw; }
	.hd-btns-cart > a { height: 100%; background: url(//gigaplus.makeshop.jp/apupuhouse/_assets/img/icon/cart2.png) no-repeat center center; background-size: 100%; }
	.hd-btns-cart img { display: none; }
	.hd-btns-cart .num { display: none; }
}

@media screen and (min-width: 769px) {
	#hd-top { padding-bottom: 6.42857142857vw; }
	#hd-top > .wrap { padding: 0; max-width: inherit; }
	#gnav { display: block !important; position: absolute; top: 2.85714285714vw; left: 24.2857142857vw; height: auto !important; }
	#hd-search { top: 6.42857142857vw; height: calc(100vh - 6.42857142857vw); }

	.hd-top-logo { position: absolute; top: 1.85714285714vw; left: 1.42857142857vw; font-size: 1.35714285714vw; letter-spacing: 5px; }
	.hd-top-logo > a span { font-size: .78571428571vw; }
	.hd-menu-btn { display: none; }
	#gnav .blc-keyword { display: none; }
	.gnav-links-sub { display: none !important; }
	.hd-info { display: flex; align-items: center; position: absolute; top: 2.71428571429vw; right: 1.42857142857vw; }
}

@media screen and (max-width: 960px) and (min-width: 769px) {
	#gnav { right: 23vw; left: auto; }
	.gnav-links-item,
	.hd-links-item { margin-left: .85714285714vw; font-size: .85714285714vw; }
}

/* main
------------------------------------------------ */
#main { display: block; position: relative; width: 100%; }

/* topicpath */
.topicpath { position: relative; padding: 6px 20px; background: #fff; }
.topicpath-lists { display: flex; flex-wrap: wrap; }
.topicpath-lists-item { list-style: none; font-size: 1.2rem; line-height: 1.2; }
.topicpath-lists-item:after { content: '>'; display: inline-block; padding: 0 10px; vertical-align: top; }
.topicpath-lists-item:last-child:after { display: none; }
.topicpath-lists-item > a { display: inline-block; text-decoration: none; vertical-align: top; }

@media screen and (min-width: 769px) {
	.topicpath { padding: 15px 0 20px 0; }
	.topicpath-lists-item { font-size: 1.4rem; }
	.topicpath-lists-item:after { padding: 0 14px; font-size: 1.2rem; }
}

/* title */
.title-1 { position: relative; font-size: 1rem; line-height: 1.2; }
.title-1 .en,
.title-1 .ja { display: inline-block; position: relative; vertical-align: bottom; }
.title-1 .en { height: 18px; font-size: 1rem; line-height: 1.2; }
.title-1 .en img { width: auto; height: 100%; }
.title-1 .ja { margin-left: 25px; font-size: 1.2rem; font-weight: normal; }
.title-1 .ja:before { content: ''; position: absolute; top: 15px; left: -15px; transform-origin: left top; transform: rotate(-60deg); width: 25px; height: 1px; background: #ccc; }
.title-2 { position: relative; margin-bottom: 10px; font-size: 1.8rem; font-weight: 400; line-height: 1.2; color: #292929; }

@media screen and (max-width: 768px) {
	.title-1 { margin: 0 20px 30px; }
}

@media screen and (min-width: 769px) {
	.title-1 { margin-bottom: 40px; }
	.title-1 .en { height: 28px; }
	.title-1 .ja { margin-left: 40px; font-size: 1.4rem; }
	.title-1 .ja:before { top: 25px; left: -30px; width: 50px; }
	.title-2 { margin-bottom: 16px; font-size: 2.4rem; }
}

/* more */
.more-1 { position: relative; text-align: center; font-size: 1.2rem; line-height: 1.2; }
.more-1 > a { display: block; padding: 20px 0; width: 100%; border: solid #737373 1px; text-decoration: none; }

@media screen and (max-width: 768px) {
	.more-1 { margin: 28px 20px 0; }
}

@media screen and (min-width: 769px) {
	.more-1 { margin: 52px 0 0 auto; width: 215px; font-size: 1.4rem; }
	.more-1 > a { padding: 18px 0; }
}

/* lists */
.lists-1 { display: flex; flex-wrap: wrap; }
.lists-1-item { position: relative; }
.lists-1-item > a { display: block; position: relative; text-decoration: none; }
.lists-1-rank { position: relative; margin-bottom: 8px; padding-left: 16px; height: 12px; }
.lists-1-rank:before { content: ''; position: absolute; top: 50%; left: 0; width: 12px; height: 1px; background: #737373; z-index: -1; }
.lists-1-rank img { width: auto; height: 100%; }
.lists-1-photo { position: relative; padding-bottom: 100%; width: 100%; height: 0; overflow: hidden; }
.lists-1-photo img { position: absolute; top: 0; left: 0; }
.lists-1-info { position: relative; margin-top: 4px; padding-bottom: 38px; border-bottom: solid #eee 2px; }
.lists-1-price { font-size: 1.2rem; }
.lists-1-title { margin-top: 2px; font-size: 1.2rem; font-weight: normal; line-height: 1.16666666667; }
.lists-1-icon { margin-top: 8px; }
.lists-1-color { display: flex; position: absolute; bottom: 8px; left: 0; font-size: .8rem; line-height: 1; }
.lists-1-arrow { position: absolute; bottom: 14px; right: 0; width: 30px; height: 7px; }
.lists-1-arrow:before { content: ''; display: block; width: 100%; height: 100%; background: url(//gigaplus.makeshop.jp/apupuhouse/_assets/img/icon/arrow1.png) no-repeat center center; background-size: 100%; }
.lists-1-review { display: flex; align-items: center; margin-top: 10px; }
.lists-1-review--star {}
.lists-1-review--count { font-size: 1.2rem; }

@media screen and (max-width: 768px) {
	.lists-1-color { width: calc(100% - 30px); }
	.lists-1.line-sp-2 { margin: 0 20px; }
	.lists-1.line-sp-2 .lists-1-item { margin: 40px 3.880597015% 0 0; width: 48.0597014925%; }
	.lists-1.line-sp-2 .lists-1-item:nth-of-type(-n+2) { margin-top: 0; }
	.lists-1.line-sp-2 .lists-1-item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
	.lists-1-rank { margin-bottom: 6px; padding: 6px 0 0 10px; height: 24px; }
	.lists-1-rank:before { top: 0; left: 0; width: 18px; height: 18px; background: none; border-radius: 50%; }
	.lists-1-rank.rank1:before { background: #d0c256; }
	.lists-1-rank.rank2:before { background: #999; }
	.lists-1-rank.rank3:before { background: #8d6929; }
	.lists-1-info { margin-top: 14px; padding-bottom: 42px; }
	.lists-1-price { font-size: 1.4rem; }
	.lists-1-title { font-size: 1.4rem; }
	.lists-1-color { bottom: 14px; }
	.lists-1-arrow { right: 7px; }
	
	.lists-1.line-pc-4 .lists-1-item { margin: 5.11111111107% 5.11111111107% 0 0; width: 21.1666666667%; }
	.lists-1.line-pc-4 .lists-1-item:nth-of-type(-n+4) { margin-top: 0; }
	.lists-1.line-pc-4 .lists-1-item:nth-of-type(4n) { margin-right: 0; }
}

/* icon */
.color-icons { display: none; }
.i-n { display: inline-block; margin-left: 4px; padding: 3px 2px; min-width: 65px; background: #a6a6a6; border-radius: 4px; text-align: center; vertical-align: top; font-size: 1.2rem; font-style: normal; color: #fff; }
.i-n:first-child { margin-left: 0; }
.i-c { display: inline-block; margin: 0 4px 4px 0; width: 8px; height: 8px; border-style: solid; border-width: 1px; border-radius: 50%; vertical-align: top; font-size: 1rem; line-height: 1; }
.i-c:last-child { margin-right: 0; }
.i-c-black { background: #000; border-color: #000; }
.i-c-darkgray { background: #a9a9a9; border-color: #a9a9a9; }
.i-c-white { background: #fff; border-color: #cdcdcd; }
.i-c-yellow { background: #ff0; border-color: #ff0; }
.i-c-orange { background: #ffa500; border-color: #ffa500; }
.i-c-red { background: #f00; border-color: #f00; }
.i-c-pink { background: #ffc0cb; border-color: #ffc0cb; }
.i-c-violet { background: #ee82ee; border-color: #ee82ee; }
.i-c-purple { background: #800080; border-color: #800080; }
.i-c-blue { background: #00f; border-color: #00f; }
.i-c-navy { background: #000080; border-color: #000080; }
.i-c-deepskyblue { background: #00bfff; border-color: #00bfff; }
.i-c-burlywood { background: #deb887; border-color: #deb887; }
.i-c-green { background: #008000; border-color: #008000; }
.i-c-yokan { background: #383c3c; border-color: #383c3c; }
.i-c-yamabukitea { background: #c89932; border-color: #c89932; }
.i-c-kinari { background: #fafad2; border-color: #b9b9b9; }
.i-c-olive { background: #808000; border-color: #808000; }
.i-c-cadetblue { background: #5f9ea0; border-color: #5f9ea0; }
.i-c-brown { background: #762f07; border-color: #762f07; }
.i-c-wine { background: #640125; border-color: #640125; }
.i-c-charcoal { background: #312222; border-color: #312222; }
.i-c-bluegrey { background: #708090; border-color: #708090; }

/* slide */
.slide-1 { position: relative; }
.slide-1-frame { position: relative; overflow: hidden; }
.slide-1-move { display: flex; }
.slide-1-item {}
.slide-1-direct { position: absolute; top: 50%; margin-top: -6px; width: 8px; height: 12px; background-position: center center; background-repeat: no-repeat; background-size: 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.slide-1-direct--prev { left: 6px; background-image: url(//gigaplus.makeshop.jp/apupuhouse/_assets/img/icon/slide_prev1.png); }
.slide-1-direct--next { right: 6px; background-image: url(//gigaplus.makeshop.jp/apupuhouse/_assets/img/icon/slide_next1.png); }
.slide-1-bullets { display: flex; justify-content: center; margin-top: 30px; height: 5px; }
.slide-1-bullets > a { display: block; margin: 0 6px; width: 5px; height: 100%; background: #ccc; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.slide-1-bullets > a.active { background: #505050; }

@media screen and (max-width: 768px) {
	.slide-1-frame { margin: 0 20px; width: calc(100% - 40px); }
}

/* block
------------------------------------------------ */
/* keyword */
.blc-keyword { position: relative; background: #f2f2f2; }
.blc-keyword-frame { display: flex; position: relative; width: 100%; height: 30px; background: #fff; border: solid #dedede 1px; }
.blc-keyword input { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: none; border: none; border-radius: 0; box-shadow: none; font-family: inherit; }
.blc-keyword-input { width: calc(100% - 30px); height: 100%; }
.blc-keyword-input input { padding: 2px 10px; width: 100%; height: 100%; font-size: 1.6rem; }
.blc-keyword-submit { width: 30px; height: 100%; }
.blc-keyword-submit > button,
.blc-keyword-submit > a { display: block; position: relative; width: 100%; height: 100%; }
.blc-keyword-submit > button { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; font-family: inherit; cursor: pointer; }
.blc-keyword-submit > a { padding: 7px 0 0 7px; }
.blc-keyword-submit > button img,
.blc-keyword-submit > a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 13px; }
.blc-keyword-frame.focus { z-index: 101; }
.blc-keyword-hot { display: none; position: absolute; top: 32px; left: 0; padding: 10px; width: 100%; background: #fff; border-radius: 0 0 20px 20px; box-shadow: 0 4px 2px rgba(0,0,0,.2); }
.blc-keyword-hot > li { font-size: 1.2rem; }
.blc-keyword-hot > li a { display: block; padding: 8px 12px; text-decoration: none; }
.blc-keyword-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8); z-index: 100; }

.device-click .blc-keyword-hot > li a:hover { background: #efefef; }

@media screen and (max-width: 768px) {
	.blc-keyword { padding: 15px 30px; }
}

@media screen and (min-width: 769px) {
	.blc-keyword { padding: 26px 0; }
	.blc-keyword-frame { width: 500px; height: 44px; }
	.blc-keyword-input { width: calc(100% - 42px); }
	.blc-keyword-input input { padding: 4px 14px; font-size: 1.4rem; }
	.blc-keyword-submit { width: 42px; }
	.blc-keyword-submit > a { padding: 12px 0 0 12px; }
	.blc-keyword-submit > button img,
	.blc-keyword-submit > a img { width: 15px; }
	.blc-keyword-hot { top: 43px; padding: 20px; }
	.blc-keyword-hot > li { font-size: 1.4rem; }
}

/* search */
.blc-search { position: relative; }
.blc-search-trigger { position: absolute; top: 0; right: 0; font-size: 1.2rem; }
.blc-search-trigger > a { display: inline-block; position: relative; padding-right: 18px; vertical-align: top; text-decoration: none; }
.blc-search-trigger > a:before,
.blc-search-trigger > a:after { content: ''; position: absolute; top: 10px; transition: ease .3s; width: 8px; height: 2px; background: #000; }
.blc-search-trigger > a:before { right: 5px; transform: rotate(45deg); }
.blc-search-trigger > a:after { right: 0; transform: rotate(-45deg); }
.blc-search-trigger > a.active:before { transform: rotate(-45deg); }
.blc-search-trigger > a.active:after { transform: rotate(45deg); }
.blc-search-detail { display: none; }
.blc-search-box { margin-bottom: 18px; }
.blc-search-box:last-child { margin-bottom: 0; }
.blc-search-box--title { margin-bottom: 5px; font-size: 1.5rem; }
.blc-search-box__content {}
.blc-search input[type=text],
.blc-search input[type=search],
.blc-search input[type=number],
.blc-search select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: none; border: none; border-radius: 0; box-shadow: none; font-family: inherit; }
.blc-search select { padding: 12px 8px; width: 244px; background: url(//gigaplus.makeshop.jp/apupuhouse/_assets/img/icon/select_arrow1.png) no-repeat right 6px center #fafafa; background-size: 8px; border: solid #dedede 1px; border-radius: 4px; font-size: 1.6rem; }
.blc-search-tags { display: flex; flex-wrap: wrap; }
.blc-search-tags--item {}
.blc-search-tags--item label { display: block; position: relative; width: 100%; }
.blc-search-tags--item input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.blc-search-tags--item span { display: block; position: relative; padding: 4px; width: 100%; background: #fafafa; border: solid #dedede 1px; border-radius: 25px; text-align: center; font-size: 1.2rem; cursor: pointer; }
.blc-search-tags--item input:checked + span { background: #dedede; }
.blc-search-category { margin-bottom: 18px; }
.blc-search-category:last-child { margin-bottom: 0; }
.blc-search-category__children {}
.blc-search-category__children .blc-search-box { display: none; }
.blc-search-price { display: flex; justify-content: space-between; align-items: center; }
.blc-search-price--input { display: flex; align-items: center; width: 46.7164179104%; background: #fff; border: solid #dedede 1px; border-radius: 4px; }
.blc-search-price--input span { display: block; width: 20px; text-align: center; font-size: .9rem; }
.blc-search-price--input input { padding: 2px 4px; width: calc(100% - 20px); font-size: 1.6rem; }
.blc-search-price--from { font-size: .9rem; }
.blc-search-submit { width: 200px; }
.blc-search-submit > button,
.blc-search-submit > a { display: block; padding: 12px 0; width: 100%; background: #000; border-radius: 4px; text-align: center; text-decoration: none; font-size: 1.4rem; color: #fff; }
.blc-search-submit > button { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; border: none; box-shadow: none; font-family: inherit; cursor: pointer; }

@media screen and (max-width: 768px) {
	.blc-search { padding: 10px 20px 54px; }
	.blc-search-tags--item { margin: 1.49253731343% 3.880597015% 0 0; width: 48.0597014925%; }
	.blc-search-tags--item:nth-of-type(-n+2) { margin-top: 0; }
	.blc-search-tags--item:nth-of-type(2n) { margin-right: 0; }
	.blc-search-submit { margin: 40px auto 0; }
}

@media screen and (min-width: 769px) {
	.blc-search { padding: 16px 0 20px; }
	.blc-search-trigger { font-size: 1.4rem; }
	.blc-search select { font-size: 1.4rem; }
	.blc-search-box { margin-bottom: 34px; }
	.blc-search-box--title { font-size: 1.8rem; font-weight: 700; }
	.blc-search-tags { display: flex; flex-wrap: wrap; }
	.blc-search-tags--item {}
	.blc-search-tags--item span { padding: 8px; border-radius: 30px; font-size: 1.4rem; }
	.blc-search-tags--item { margin: .5% 1.25% 0 0; width: 20.4166666667%; }
	.blc-search-tags--item:nth-of-type(-n+4) { margin-top: 0; }
	.blc-search-tags--item:nth-of-type(4n) { margin-right: 0; }
	.blc-search-category { margin-bottom: 34px; }
	.blc-search-price { width: 524px; }
	.blc-search-price--input { width: 244px; }
	.blc-search-price--input span { width: 34px; font-size: 1.4rem; }
	.blc-search-price--input input { padding: 8px; width: calc(100% - 34px); font-size: 1.4rem; }
	.blc-search-price--from { font-size: 1.4rem; }
	.blc-search-submit { margin-top: 60px; width: 240px; }
	.blc-search-submit > button,
	.blc-search-submit > a { padding: 16px 0; border-radius: 6px; font-size: 1.6rem; }
}

/* prdcat
------------------------------------------------ */
.prdcat {}
.prdcat-name { margin-bottom: 20px; text-align: center; font-size: 1.6rem; font-weight: 700; }
.prdcat-photo { text-align: center; }

@media screen and (max-width: 768px) {
	.prdcat { margin: 0 20px 20px; }
}

@media screen and (min-width: 769px) {
	.prdcat { margin-bottom: 40px; }
	.prdcat-name { margin-bottom: 30px; font-size: 2rem; }
}

/* prdlists
------------------------------------------------ */
.prdlists {}
.prdlists-total { padding: 26px 0 6px; border-top: solid #eee 1px; }
.prdlists-total .num,
.prdlists-total .unit { display: inline-block; vertical-align: baseline; font-weight: 700; }
.prdlists-total .num { font-size: 2rem; }
.prdlists-total .unit { font-size: 1.5rem; }
.prdlists-btm { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 5px; border-bottom: solid #eee 1px; }
.prdlists-btm-num { font-size: 1.4rem; font-weight: 700; }
.prdlists-btm-direct {}
.prdlists-btm-direct--item { font-size: 1.4rem; }
.prdlists-btm-direct--item > a { display: inline-block; position: relative; text-decoration: none; vertical-align: top; }
.prdlists-btm-direct--item .lists-1-arrow { bottom: 10px; width: 15px; height: 6px; }
.prdlists-btm-direct--item.prev > a { padding-left: 20px; }
.prdlists-btm-direct--item.prev > a .lists-1-arrow { right: auto; left: 0; transform: scale(-1,1); }
.prdlists-btm-direct--item.next > a { padding-right: 20px; }
.prdlists .lists-1-info { border-bottom: none; }

@media screen and (max-width: 768px) {
	.prdlists-total { margin: 20px 20px 0; }
	.prdlists-btm { margin: 80px 20px 0; }
}

@media screen and (min-width: 769px) {
	.prdlists-total { margin-top: 20px; padding: 34px 0 10px; }
	.prdlists-total .num { font-size: 1.8rem; }
	.prdlists-total .unit { font-size: 1.4rem; }
	.prdlists-btm { margin-top: 62px; padding-bottom: 6px; }
	.prdlists-btm-direct { display: flex; }
	.prdlists-btm-direct--item { margin-left: 40px; }
	.prdlists-btm-direct--item:first-child { margin-left: 0; }
	.prdlists-btm-direct--item .lists-1-arrow { bottom: 8px; width: 30px; height: 7px; }
	.prdlists-btm-direct--item.prev > a { padding-left: 48px; }
	.prdlists-btm-direct--item.next > a { padding-right: 48px; }
}


/* review-result
------------------------------------------------ */
.review-result { padding-top: 40px; }
.review-result .lists-1 { display: block; }
.review-result .lists-1-item > a { display: flex; align-items: center; }
.review-result .lists-1-photo { padding-bottom: 40%; width: 40%; }
.review-result .lists-1-info { margin: 0 0 0 10%; padding-bottom: 0; width: 40%; border-bottom: none; }
.review-result-total { padding: 15px 20px; border: solid #000 1px; }
.review-result-total--average { display: flex; justify-content: center; align-items: center; font-size: 1.2rem; }
.review-result-total--average > dt {}
.review-result-total--average > dd { display: flex; align-items: center; margin-left: 1em; }
.review-result-total--average > dd span { display: inline-block; vertical-align: top; }
.review-result-total--average > dd .star {}
.review-result-total--average > dd .num { margin-left: 1em; }
.review-result-total--count { display: flex; justify-content: center; margin-top: 10px; font-size: 1.2rem; }
.review-result-total--count > dt {}
.review-result-total--count > dt:after { content: ':'; padding: 0 .2em; }
.review-result-total--count > dd {}
.review-result-lists {}
.review-result-lists--item { display: none; margin-top: 20px; }
.review-result-lists--item:first-child { margin-top: 0; }
.review-result-lists--name { font-size: 1.2rem; }
.review-result-lists--date { display: flex; font-size: 1.2rem; }
.review-result-lists--date > dt {}
.review-result-lists--date > dd { margin-left: 2em; }
.review-result-lists--star { margin-top: 5px; }
.review-result-lists--comment { font-size: 1.2rem; }
.review-result-pager { display: flex; justify-content: center; margin-top: 20px; }
.review-result-pager--item { font-size: 1.4rem; }
.review-result-pager--item > a { display: inline-block; margin: 0 4px; padding: 2px 8px; border: solid #6E6E6E 1px; border-radius: 4px; text-decoration: none; vertical-align: top; }
.review-result-pager--item > a.current { background: #f4a20a; border-color: #f4a20a; color: #fff; }
.review-result-pager--item > a.prev,
.review-result-pager--item > a.next { background: #6E6E6E; color: #fff; }

@media screen and (max-width: 768px) {
	.review-result .lists-1 { margin: 0 20px 39.9px; }
	.review-result-total { margin: 0 20px 40px; }
	.review-result-lists { margin: 0 20px; }
	.review-result-pager { margin: 20px 20px 0; }
}

@media screen and (min-width: 769px) {
	.review-result { padding-top: 80px; }
	.review-result > .wrap { max-width: 840px; }
	.review-result-total { margin-bottom: 40px; padding: 20px 40px; }
	.review-result-total--average { font-size: 1.6rem; }
	.review-result-total--count { font-size: 1.6rem; }
	.review-result-lists { margin: 0 20px; }
	.review-result-lists--item { margin-top: 60px; }
	.review-result-lists--name { font-size: 1.6rem; }
	.review-result-lists--date { display: flex; font-size: 1.6rem; }
	.review-result-lists--star { margin-top: 10px; }
	.review-result-lists--comment { font-size: 1.6rem; }
	.review-result-pager { margin-top: 40px; }
}

/* footer
------------------------------------------------ */
#footer { position: relative; margin-top: 120px; }
#ft-main { position: relative; padding: 56px 0 10px; background: #f2f2f2; }

.ft-pagetop { position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; z-index: 10; }
.ft-pagetop > a { display: block; width: 100%; height: 100%; background: #313131; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.ft-pagetop > a:before,
.ft-pagetop > a:after { content: ''; position: absolute; top: 24px; width: 12px; height: 1px; background: #fff; }
.ft-pagetop > a:before { left: 15px; transform: rotate(-45deg); }
.ft-pagetop > a:after { left: 23px; transform: rotate(45deg); }
.ft-sitemap { position: relative; }
.ft-site-box { position: relative; }
.ft-site-box--title { margin-top: 40px; height: 14px; font-size: 1rem; line-height: 1.2; }
.ft-site-box--title:first-child { margin-top: 0; }
.ft-site-box--title img { width: auto; height: 100%; }
.ft-site-box__content { margin-top: 10px; }
.ft-site-links { margin-top: 25px; }
.ft-site-links:first-child { margin-top: 0; }
.ft-site-links--item { position: relative; margin-top: 2px; padding-left: 20px; font-size: 1.2rem; font-weight: 700; }
.ft-site-links--item:before { content: ''; position: absolute; top: 9px; left: 0; width: 15px; height: 1px; background: #737373; }
.ft-site-links--item:first-child { margin-top: 0; }
.ft-site-links--item > a { display: inline-block; text-decoration: none; vertical-align: top; }
.ft-site-links__sub {}
.ft-site-links__sub--item { position: relative; margin-top: 2px; font-size: 1.2rem; font-weight: 700; }
.ft-site-links__sub--item:first-child { margin-top: 0; }
.ft-site-links__sub--item > a { display: inline-block; text-decoration: none; vertical-align: top; }
.ft-site-logo { margin: 15px 0 10px; width: 170px; font-size: 1rem; line-height: 1.2; }
.ft-site-logo > a { display: block; width: 100%; }
.ft-site-address {}
.ft-site-address--text { position: relative; margin-top: 2px; padding-left: 20px; font-size: 1.2rem; font-style: normal; font-weight: 700; }
.ft-site-address--text:before { content: ''; position: absolute; top: 9px; left: 0; width: 15px; height: 1px; background: #737373; }
.ft-site-address--text:first-child { margin-top: 0; }
.ft-site-sns {}
.ft-site-sns--item { position: relative; margin-top: 15px; padding-left: 20px; }
.ft-site-sns--item:before { content: ''; position: absolute; top: 9px; left: 0; width: 15px; height: 1px; background: #737373; }
.ft-site-sns--item:first-child { margin-top: 0; }
.ft-site-sns--item > a { display: inline-block; text-decoration: none; vertical-align: top; }
.ft-site-sns--item i,
.ft-site-sns--item span { display: inline-block; vertical-align: top; }
.ft-site-sns--item i { margin: 2px 6px 0 0; width: 14px; }
.ft-site-sns--item span { font-size: 1.2rem; font-weight: 700; }
.ft-copyright { margin-top: 40px; text-align: center; font-size: 1.05rem; line-height: 1.2; }
.ft-copyright small { font-size: inherit; }

@media screen and (max-width: 768px) {
	.ft-pagetop { display: none; }
	.ft-sitemap { margin: 0 20px; }
	.ft-site-box { margin-top: 40px; }
	.ft-site-box:first-child { margin-top: 0; }
}

@media screen and (min-width: 769px) {
	#ft-main { padding: 50px 0 25px; }
	.ft-sitemap { display: flex; justify-content: space-between; }
	.ft-site-box--title { margin-top: 35px; }
	.ft-site-box__content { margin-top: 32px; }
	.ft-site-links { margin-top: 20px; }
	.ft-site-links--item { margin-top: 10px; }
	.ft-site-links--item:before { top: 8px; width: 10px; }
	.ft-site-links__sub--item { font-size: 1.4rem; line-height: 2.3; }
	.ft-site-logo { margin: 0 0 15px; width: 180px; }
	.ft-site-address--text { margin-top: 10px; }
	.ft-site-address--text:before { top: 8px; width: 10px; }
	.ft-site-sns--item:before { top: 8px; width: 10px; }
	.ft-copyright { margin-top: 60px; font-size: 1.2rem; }
}

/* popup
------------------------------------------------ */
.page-popup .hd-menu-btn,
.page-popup #gnav,
.page-popup .hd-info,
.page-popup .ft-pagetop,
.page-popup .ft-sitemap { display: none !important; }
.page-popup #ft-main { padding: 10px 0; }
.page-popup .ft-copyright { margin-top: 0; }

@media screen and (min-width: 769px) {
	.page-popup #ft-main { padding: 25px 0; }
}

/*---------------------------------
base
---------------------------------*/
.contents-section { max-width: 1200px; margin: 80px auto 100px; padding: 0 8px; }
.contents-heading { display: flex; align-items: baseline; margin-right: 10px; margin: 0 auto 24px; }
.information-heading { padding-bottom: 25px; border-bottom: 2px dotted #707070; }
.heading-title { font-size: 24px; font-weight: normal; margin-right: 10px; }
.heading-sub-title { font-family: 'Marcellus', serif;  font-weight: 100; }
.item-title-wrap { width: 1200px; margin: 0 auto; padding-top: 130px; }
.item-title-wrap span { font-size: 1.4rem; display: inline-block; margin-bottom: 14px; }
.item-title { color: #6E6E6E; font-size: 32px; font-weight: 400; }
.section-title { font-size: 20px; font-weight: 700; color: #6E6E6E; padding-left: 8px; }
.contents-wrap p { line-height: 2.4em; }
.info-detail-section { font-size: 1.2rem; }
.info-detail-section p + p { margin-top: 1em; }
.reviewRateStar { display: inline-block; font-size: 0; color: #f4a20a; }
.reviewRateStar::before { font-family: 'Font Awesome 5 Free'; content: '\f005'; font-size: 1.5rem; font-weight: 900; }
.starOff::before { font-family: 'Font Awesome 5 Free'; content: '\f005'; font-weight: 400; }
.starHalf::before { font-family: 'Font Awesome 5 Free'; content: '\f5c0'; }

@media screen and (min-width: 769px) {
	.info-detail-section { font-size: 1.4rem; }
}

/*---------------------------------
button
---------------------------------*/
.btn-wrap { text-align: center; }
.btn { position: relative; z-index: 2; background: #fff; color: #6E6E6E; border: 1px solid #6E6E6E; display: inline-block; text-align: center; text-decoration: none; line-height: 54px; outline: none; border-radius: 5px; }
.btn { display: inline-block; width: 200px; height: 54px; text-align: center; text-decoration: none; line-height: 54px; outline: none; }
.btn::before,
.btn::after { position: absolute; z-index: -1; display: block; content: ''; }
.btn,
.btn::before,
.btn::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.btn:hover { background: #6E6E6E; color: #fff; text-decoration: none; opacity: .8; }
.product-list-btn { width: 230px; }
.mail-magazine-btn { width: 100%; }

/*---------------------------------
cart-button
---------------------------------*/
.add-btn { background: #af4233; font-size: 18px; font-weight: 700; text-align: center; width: 60%; border-radius: 3px; }
.add-btn:hover { background: #EB503C; }
.sold-btn { background: #adadad!important; }
.sold-btn:hover { background: #989898!important; }
.cart-btn { display: inline-block; border-radius: 2px; width: 100%; padding: 24px; }
.add-btn a { color: #fff; text-decoration: none; }
.add-btn a:hover { opacity: 1; }
.add-btn-right { width: 24%; }
.cart-option-area { font-size: 1.2rem; margin-top: 10px; }
.cart-option-area span { display: block; }
.sell-period-btn { background: #adadad!important; }
.sell-period-btn p { color: #fff; }

/*---------------------------------
header-dropmenu
---------------------------------*/
.navigation ul li a{ transition-property: border; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; }
.navigation>ul>li{ text-align:center; }
.navigation .drop-nv-wrap{ display: none; position: absolute; top: 16px; z-index: -1; }
.nav-item:first-child { margin-right: 16px; }
.navigation .drop-nv-wrap ul{ line-height: 1.4em; padding: 30px 0;    overflow: scroll; overflow-x: auto; max-height: 80%; position: fixed; background-color: #f5f5f5; }
::-webkit-scrollbar{ width: 10px; }
::-webkit-scrollbar-track{ background: #fff; border: none; border-radius: 10px; box-shadow: inset 0 0 2px #777; }
::-webkit-scrollbar-thumb{ background: #ccc; border-radius: 10px; box-shadow: none; }
.navigation .drop-nv-wrap ul li{ text-align: left; margin: 12px 32px 0 0!important; padding-left: 15px; }
.navigation .drop-nv-wrap ul li a{ padding: 0 0 0 12px!important; display: inline-block; }
.dropdown-menu-list a:hover { text-decoration: underline!important; }
.dropdown-menu-list a:before { content: "-"; padding-right: 6px; vertical-align: text-top; font-weight: 700; }
.article-title,
.article-title-pc { position: relative; }
.article-title:after { content: ""; position: absolute; right: -15px; top: 20%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #6E6E6E;; border-right: solid 2px #6E6E6E;; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.article-title-pc:after { content: ""; position: absolute; right: 0; top: 9px; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #6E6E6E;; border-right: solid 2px #6E6E6E;; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
@-moz-document url-prefix() {
	.article-title-pc:after { top: 3px; }
}
.article-title.open:after,
.article-title-pc.open:after{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 57%; }
@-moz-document url-prefix() {
	.article-title.open:after,
	.article-title-pc.open:after { top: 44%; }
}

/*---------------------------------
header-serch
---------------------------------*/
.search-link { display: inline-block; position: relative; float: right; padding: 0; }
.sp-header { display: none; }
.search { float: right; position: relative; }
.search-box { margin: 0; float: left; display: none; position: relative; right: 0; }
.search-icon { margin: 0; float: left; cursor: pointer; }
a.btn-go { text-decoration: none; position: absolute; right: -55px; background: #fff; }
.btn-go span { color: #6E6E6E; padding: 9px 12px!important; }
.search-box a:hover { opacity: 1; }
input[type="text"] { margin: 21px 9px 0 0; padding: 0 50px 4px 0px; border: none; border-bottom: 1px solid #6E6E6E; outline: none; }
.close { cursor: pointer; margin: 0 0 0 -20px; position: absolute; top: 27px; }

/*---------------------------------
top
---------------------------------*/
/*---------------------------------
main-visual
---------------------------------*/
.main-visual { margin-top: 78px; }
#M_slider { width: 100%; margin: 0 auto; overflow: hidden; }
.main-visual img { width: 100%; object-fit: cover; height: 80vh; }
.bx-wrapper .bx-pager { color: #666!important; bottom: 16px!important; padding-top: 0; }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover { background: #E57C6F!important; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff!important; }
.bx-wrapper .bx-pager.bx-default-pager a { width: 9px!important; height: 9px!important; margin: 0 7px!important; }
.scroll-down a { display: none; }
.bx-controls-direction { display: none; }

/*---------------------------------
side-nav
---------------------------------*/
.left-nav { width: 240px; margin-right: 56px; }
.left-nav-title { border-bottom: 1px solid #6E6E6E; border-top: 1px solid #6E6E6E; padding: 16px 0; font-weight: 700; }
.left-nav-item { font-size: 1.4rem; margin: 18px 0; line-height: 1.4em; }
.left-nav-item:last-child { margin-bottom: 40px; }
.left-nav-item a { display: block; }
.left-nav-item a:hover { opacity: .7; }
.left-nav-help { border-top: 1px solid #6E6E6E; padding: 16px 0; }
.nav-help-list { margin: 18px 0; line-height: 1.4em; font-size: 1.4rem; }

/*---------------------------------
information
---------------------------------*/
.information-list-wrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-bottom: 2px dotted #707070; }
.information-list { display: flex; align-items: baseline; margin: 0 0 32px; }
.information-label { font-size: 1.4rem; font-weight: 300; margin-right: 24px; }
.information-contents { line-height: 1.2em; }
.information-label:before { content: "-"; padding-right: 4px; }
.information-contents a:hover { text-decoration: underline; }

/*---------------------------------
product-container
---------------------------------*/
.product-container { display: flex; }
.product-contents-wrap { min-width: 500px; }
.product-wrap { margin-bottom: 72px; }
.new-product-wrap { border-bottom: 2px dotted #707070; }
.product-list { width: 888px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: baseline; }
.product-list-item { width: calc(100%/3 - 16px); min-width: 279px; margin: 0 24px 64px 0; }
.product-list-item:nth-child(3n) { margin-right: 0; }
.product-image-wrap { position: relative; width: auto; height: 0; padding-bottom: 100%; margin-bottom: 8px; }
.product-image-wrap img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }
.product-image-wrap img:hover { opacity: .5; }
.product-name-link { line-height: 1.6em; }
.product-list-item a div:hover { opacity: .7; }
.product-caption { font-weight: 500; }
.product-price { display: inline-block; margin-top: 8px; }
.product-discount { text-decoration: line-through; }
.product-sale-price { color: #EB503C; font-weight: 500; }
.sold-out { display: inline-block; font-size: 10px; font-weight: 100; background: #adadad; color: #fff; padding: 0 6px; border-radius: 2px; font-family: 'Marcellus', serif; margin-bottom: 5px; }

/*---------------------------------
category_list
---------------------------------*/
.category-image { position: relative; }
.category-image img { margin-top: 78px; height: 222px; width: 100%; object-fit: cover; }
.category-image:before { content: ""; background-color: #0000006b; position: absolute; width: 100%; height: 300px; top: 0; left: 0; z-index: 1; }
.category-title-wrap { width: 100%; position: absolute; top: 170px; z-index: 2; }
.category-title { color: #fff; font-size: 32px; font-weight: 400; text-shadow: 0px 0px 3px #f7f7f7; max-width: 1200px; margin: 0 auto; padding-left: 8px; }

/*---------------------------------
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; }

/*---------------------------------
detail
---------------------------------*/
.detail { margin-top: 200px; display: flex; justify-content: space-around; }
.detail-image { width: 630px; height: 100%; }
.detail-image img { width: 100%; }
.detail-right { padding-top: 40px; width: 40%; margin-left: 20px; }
.product-name { font-size: 32px; font-weight: 400; line-height: 1.2em; margin-bottom: 24px; }
.product-price-block { font-size: 40px; }
.product-price-block small { font-size: 24px; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance:textfield; }
input.productnum { font-size: 24px; color: #6E6E6E; width: 100px; height: 40px; float: left; text-align: right; padding: 0 5px; }
div.button { float: left; width: 16px; padding-left: 16px; }
.cart-add-btn { display: flex; align-items: center; }
input.spinner_up { margin-top: 3px; border: 0px; width: 13px; height: 13px; background: url("/view/images/template/6/up.png") no-repeat; cursor: pointer; }
input.spinner_down { margin-top: 3px; border: 0px; width: 13px; height: 13px; background: url("/view/images/template/6/down.png") no-repeat; cursor: pointer; }
.productnum-wrap { padding: 72px 0 40px; }
.purchase-num { font-size: 18px; font-weight: 500; margin-bottom: 8px; }
.option-area { margin: -20px 0 60px; }
.makeshop-option-wrap { margin: 8px 0; }
.makeshop-option-label { font-size: 1.4rem; margin-bottom: 6px; }
.makeshop-option-select { padding: 10px; width: 60%; }
.bg-section { background: #FCF8EC; padding: 100px 0; }
.detail-description { width: 1200px; margin: 0 auto; display: flex; justify-content:flex-end; padding: 0 16px; }
.left-detail-description,
.right-detail-description { width: 50%; }
.left-detail-description { margin-right: 140px; }
.description-title { font-size: 18px; font-weight: 700; margin-bottom: 24px; }
.description-text { line-height: 2em; }
.grid-multi-image { display: flex; flex-wrap: wrap; }
.multi-image { flex: 1 0 calc(100%/3); }
*::-ms-backdrop, .multi-image { width: 33.33%; /* IE11 */ }
.multi-image img { width: 100%; height: 60vh; object-fit: cover; }
.detail-sold-out { display: inline-block; font-size: 1.4rem; font-weight: 100; background: #adadad; color: #fff; padding: 6px; font-family: 'Marcellus', serif; margin-bottom: 5px; border-radius: 2px; }
.detail-product-discount { font-size: 20px; margin-bottom: 16px; text-decoration: line-through; }
.detail-product-sale-price { color: #EB503C; font-weight: 500; font-size: 38px; }
.detail-product-sale-price small { font-size: 28px; }

/*---------------------------------
cart
---------------------------------*/
.cart-title-wrap { width: 1200px; margin: 0 auto; padding-top: 130px; }
.cart-title { font-size: 20px; font-family: 'Marcellus', serif; font-weight: 700; color: #6E6E6E; letter-spacing: .2em; }
.cart { margin-top: 60px; font-size: 1.4rem; }
.cart-text-head { border-bottom: 1px dotted #6E6E6E; padding-bottom: 16px!important; display: flex; }
.cart-product { padding: 16px 0; display: flex; border-bottom: 1px dotted #6E6E6E; align-items: center; }
.cart .img-head { width: 20%; }
.cart-product img { width: 160px; }
.cart .name-head { width: 25%; padding-right: 40px; line-height: 1.4em; }
.cart .qty-head { width: 15%; }
.cart .price-head { width: 25%; }
.cart .remove-head { width: 15%; }
.cart-item-text { display: flex; justify-content: space-between; width: 76%; align-items: center; }
.cart .img { width: 20%; }
.cart .name { width: 25%; line-height: 1.4em; }
.cart .qty { width: 15%; display: flex; }
.cart .price { width: 25%; }
.cart .remove { width: 15%; padding-left: 14px; }
.remove-sp { display: none; }
.total { text-align: right; margin: 56px 0 32px; }
.total-text { font-size: 18px; }
.total-price { font-size: 32px; padding-left: 16px; }
.total-text-small { font-size: 1.4rem; }
.continue-shopping { padding-right: 40px; font-size: 1.4rem; }
.payment-add-btn { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }
.quantity-notification { width: 44px; height: 44px; text-align: center; }
.awesome a{ cursor: pointer !important; text-align: center !important; display: inline-block; vertical-align: middle !important; color: #fff!important; width: 85px!important; height: 100%!important; background: #6E6E6E!important; font-size: 1.2rem; margin-left: 6px; text-decoration: none; padding: 14px; }

/*---------------------------------
news-list
---------------------------------*/
.contents-wrap { max-width: 960px; margin: 0 auto 80px; }
.info-title-wrap { padding-top: 160px; }
h2.info-title { font-size: 24px; text-align: center; font-weight: 400; line-height: 1.8em; width: 60%; margin: 0 auto -30px; }

/*---------------------------------
guide
---------------------------------*/
.guide-section { margin-bottom: 64px; }
.guide-section-title { font-size: 20px; font-weight: 400; line-height: 1.2em; margin-bottom: 24px; border-bottom: 1px solid #6E6E6E; padding-bottom: 12px; }

/*---------------------------------
company
---------------------------------*/
.company-section img { margin-bottom: 20px; width: 100%; }

/*---------------------------------
contract
---------------------------------*/
.contract-section { margin-bottom: 64px; }
.contract-section-title { font-size: 20px; font-weight: 400; line-height: 1.2em; margin-bottom: 24px; border-bottom: 1px solid #6E6E6E; padding-bottom: 12px; }

/*---------------------------------
policy
---------------------------------*/
.policy-section pre { line-height: 2.4em; font-size: 1.6rem; font-family: "Noto Sans JP", sans-serif; color: #6E6E6E; white-space: pre-wrap; }

/*---------------------------------
responsive 
---------------------------------*/

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

	/*---------------------------------
	common
	---------------------------------*/
	.main-visual { position: relative; margin-top: 53px; }
	.scroll-down a { background: url(/view/images/template/6/scroll-down.png) no-repeat; background-size: 50px 50px; width: 50px; height: 50px; display: block; position: absolute; left: 0; right: 0; bottom: 60px; margin: auto; }
	#start-contents { margin-top: -70px; padding-top: 70px; position: relative; }
	span.cart-badge { top: -10px; right: -14px; }
	.header,
	.footer { width: 100%; }
	.top-bar { padding: 14px 2px; min-height: 54px; }
	.header-inner { padding: 0 10px; }
	.shop-logo { margin: 0; float: none; text-align: center; }
	.nav,
	.second-nav { display: none; }
	.side-bar { display: none; }
	.contents-section { margin: 50px auto 0; }
	.bx-wrapper .bx-pager { text-align: center!important; padding-left: 0; }
	/*------------------
	hamburger
	------------------*/
	.wrapper { height: 100%; overflow-x: hidden; position: relative; display: block; }
	.sp-nav-wrap { display: block; }
	.overlay { content: ""; display: block; width: 0; height: 0; background-color: rgba(0, 0, 0, 0.5)!important; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; transition: opacity .5s; }
	.overlay.open { width: 100%; height: 100%; opacity: 1; }
	.menu-trigger { display: inline-block; width: 28px; height: 28px; vertical-align: middle; cursor: pointer; position: fixed; top: 13px; left: 16px; z-index: 100; }
	.menu-trigger span { display: inline-block; box-sizing: border-box; position: absolute; left: 0; width: 80%; height: 4px; background-color: #6E6E6E; transition: all .5s; }
	.menu-trigger.active span { background-color: #6E6E6E; }
	.menu-trigger span:nth-of-type(1) { top: 4px; }
	.menu-trigger.active span:nth-of-type(1) { transform: translateY(12px) rotate(-45deg); }
	.menu-trigger span:nth-of-type(2) { top: 12px; }
	.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
	.menu-trigger span:nth-of-type(3) { bottom: 4px; }
	.menu-trigger.active span:nth-of-type(3) { transform: translateY(-4px) rotate(45deg); }
	.accordion-container { position: relative; width: 100%; cursor: pointer; }
	.accordion-container .article-title { display: block; position: relative; margin: 0; font-weight: normal; color: #6E6E6E;; cursor: pointer; }
	.accordion-container .article-title:hover,
	.accordion-container .article-title:active,
	.accordion-container .content-entry.open .article-title { color: #6E6E6E;; }
	.accordion-container .article-title:hover i:before,
	.accordion-container .article-title:hover i:active,
	.accordion-container .content-entry.open i { color: white; }
	.article-title{ position: relative; }
	.article-title:after { content: ""; position: absolute; right: 16px; top: 10%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #6E6E6E;; border-right: solid 2px #6E6E6E;; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
	.article-title.open:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 45%; }
	.accordion-content { display: none; padding: 24px 6px 0; font-family: 'Noto Sans JP', sans-serif; }
	.accordion-content p { position: relative; padding-bottom: 20px; margin-bottom: 20px; display: block; }
	.accordion-content a { position: absolute; display: inline-block; width: 100%; height: 100%; top: 0; left: 0; }
	.accordion-container { margin: 0; }
	dl.search1{ position:relative; background-color:#fff; border-bottom:1px solid #aaa; }
	dl.search1 dt{ padding:12px 0; }
	dl.search1 dt input{ border: none; border-radius: 0; outline: none; background: none; }
	dl.search1 dd{ position:absolute; top:0; right:0; }
	dl.search1 dd button{ display:block; padding:10px; background:none; border:none; }
	dl.search1 dd button span{ display:block; width:20px; height:20px; background:url('/view/images/template/6/search_icon.png') no-repeat scroll 0 0; }
	.search-link-sp { margin-bottom: 16px; }
	.sp-second-nav-wrap { display: flex; position: absolute; top: 13px; right: 16px; }
	.cart-link { margin-left: 16px; }
	.slider li img { height: 50vh; }
	.footer-contents { width: 90%; padding: 30px 0; margin-top: 60px; }
	.footer-menu-container { display: block; }
	.footer-menu { margin-bottom: 60px; }
	.footer-menu:last-child { margin-bottom: 0; }
	.footer-menu-list-item { margin-bottom: 20px; }
	.sns-link-list { margin-top: 20px; }
	.sns-link img { width: 24px; }
	.product-contents-wrap { min-width: 100%; }
	.information-list-wrap { white-space: inherit; }
	.information-list { display: block; margin-bottom: 32px; }
	.information-label { margin: 0 0 12px 0; }
	.product-list-item { width: calc(100%/2 - 8px); min-width: 0; margin-right: 16px; }
	.product-list-item:nth-child(even) { margin-right: 0; }
	.product-list { justify-content: space-between; width: 100%; }
	.product-list-item:nth-child(3) { margin-right: 16px; }

	/*------------------
	category_list
	------------------*/
	.banner-image { background-position: center; height: 20vh; }
	.item-title-wrap span { padding-left: 8px; }
	.item-title { font-size: 28px; padding-left: 8px; }
	.category-image:before { height: 198px; }
	.category-image img { height: 145px;     margin-top: 54px; }
	.category-title-wrap { top:115px; }
	.category-title { font-size: 20px; }

	/*------------------
	detail
	------------------*/
	.detail { margin-top: 130px; display: block; }
	.detail-image { width: 100%; }
	.detail-image img { width: 100%; }
	.detail-right { margin-left: 0; width: 100%; }
	.product-name { font-size: 24px; }
	.product-price-block { font-size: 32px; }
	.product-price-block small { font-size: 18px; }
	.productnum-wrap { padding: 32px 0 24px; }
	.add-btn { width: 100%; }
	.bg-section { margin-top: 60px; padding: 40px 0; }
	.detail-description { width: 100%; display: block; }
	.left-detail-description, .right-detail-description { width: 100%; margin-bottom: 48px; }
	.right-detail-description { margin-bottom: 0; }
	.grid-multi-image { display: block; }

	/*------------------
	cart
	------------------*/
	.cart-title { padding: 0 0 0 10px; }
	.cart-table { border-top:  1px dotted #6E6E6E; }
	.cart-text-head { display: none; }
	.cart .img { width: auto; }
	.cart .img img { padding-right: 16px; }
	.cart-item-text { display: block; }
	.cart-item-text div { width: 100%!important; margin-bottom: 10px; }
	.cart .remove { display: none; }
	.remove-sp { display: block; text-align: right; text-decoration: underline; }
	.cart-add-btn { display: block; margin-bottom: 54px; }
	.continue-shopping { padding: 0; margin-top: 24px; text-align: center; text-decoration: underline; }
	.awesome { height: 44px!important; }
	.cart-product { align-items: end; }
	.payment-add-btn { display: block; margin-bottom: 48px; }
    
	/*---------------------------------
	news-list
	---------------------------------*/
	.info-title-wrap { padding-top: 130px; }
	h2.info-title { font-size: 18px; line-height: 1.6em; width: 80%; }
}