/* カスタマイズ用CSS */
@charset "utf-8";
/* リセットCSS */

/* logo */
@media(min-width: 767px){
	.head-logo {
		display: flex;
		align-items: center;
	}
	.logo_main {
		width: 250px;
	}
	.logo_sub {
		width: 200px;
		margin-left: 10%;
	}
}

.customer_rank_label {
	color: #ff0000;
	font-size: 10px;
	margin: -1em 0 0.5em 0;
}


* html body, html[xmlns*=""] body:last-child #page {
	margin: 0 auto
}

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

blockquote, body, code, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, legend, li, ol, p, pre, span, td, textarea, th, ul {
	margin: 0;
	padding: 0
}

a img, body, fieldset, hr, html, img {
	border: 0
}

* html body, sub, sup {
	vertical-align: baseline
}

:focus, a {
	outline: 0
}

a, a:active, a:focus, a:hover, h1, ins {
	text-decoration: none
}

.cf, .clearfix, .div, address, article, aside, details, fieldset, figcaption, figure, footer, h1, header, hgroup, main, menu, nav, section {
	display: block;
	margin: 0;
	padding: 0;
}

a, input[type=button], input[type=submit] {
	cursor: pointer
}

input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	padding: 8px 10px;
}

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
	display: none;
}

input[type="submit"]::focus, input[type="button"]::focus {
	outline-offset: -2px;
}

pre, textarea {
	overflow: auto
}

sub, sup {
	position: relative
}

html {
	overflow-y: scroll
}

body, html {
	-webkit-text-size-adjust: none;
	height: 100%;
	min-height: 100%
}

* html body {
	letter-spacing: 1px
}

button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 5px 1%;
	padding: 0;
	vertical-align: baseline
}

a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, div, dl, dt, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strong, sub, sup, table, tbody, tfoot, th, thead, tr, ul {
	border: 0;
	font-style: inherit;
	margin: 0;
	padding: 0;
}

blockquote, cite, i {
	font-style: italic
}

code, pre {
	font-family: monospace;
	line-height: 100%
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 200;
}

dt, strong {
	font-weight: 700;
}

b, blockquote, blockquote cite, em, i {
	font-style: normal;
}

figure img, embed, iframe, object {
	max-width: 100%;
}

iframe, .iframe {
	line-height: 0;
}

#set-post-thumbnail img[src$=".svg"], img[src$=".svg"].attachment-post-thumbnail, td.media-icon img[src$=".svg"] {
	width: 100% !important;
	height: auto !important;
}

a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
}

a:hover{opacity:.8;}

blockquote:after, blockquote:before, q:after, q:before {
	content: "";
}

blockquote, q {
	quotes: """";
}

pre {
	margin: 30px 0;
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	padding: .75em 1.625em;
}

sub, sup {
	font-size: 85%;
	height: 0;
	line-height: 1;
}

sup {
	bottom: 1ex;
	top: .5ex;
}

blockquote {
	font-weight: 400;
	margin: 0 3em;
}

blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: .05em;
	text-transform: uppercase;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0;
}

li{list-style:none;}

hr {
	background-color: #ccc;
	height: 1px;
	margin-bottom: 1.625em;
}

.iebox {
	display: none;
}

/* オリジナルのcssから変更 ECCUBEのデザインに影響がありすぎるため制限 */
/* img{display:block;width:100%;max-width:100%;} */
img.org{display:block;width:100%;max-width:100%;}
dd figure img.org{display:none;width:100%;max-width:100%;}
dd.announcemen-open figure img.org{display:block;width:100%;max-width:100%;}


/* フォームリセットcss */
/* ラジオボタンが見えなくなってしまうので無効化する */
/*
input,
*/
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

/* ラジオボタンが見えなくなってしまうので無効化する */
/*
input[type='checkbox'],
input[type='radio'] {
  display: none;
}
*/

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.iebox {
		display: block;
		padding: 20px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 9999;
		text-align: center;
		background: red;
		color: #fff;
		font-weight: 800;
	}
}

/*-------------------------
 フォント css
--------------------------- */

body {
	color: #000;
	font-size: 16px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, Osaka, sans-serif;
}

/*-------------------------
 共通 css
--------------------------- */
.w-in{width:1200px;max-width:100%;margin:0 auto;}
.com-section{padding:40px 0;}
.ib{display:inline-block;}
#humbmenu{display:none;}
#humbmenu-nav{display:none;}

/* 見出し */
.com-tit-1{font-size:30px;text-align:center;padding-bottom:40px;}
.com-tit-1 h2{border-bottom:2px solid #fa6d76;font-family: muli, sans-serif;letter-spacing:5px;}
.com-tit-sub{display:block;font-size:14px;letter-spacing:8px;margin-top:4px;}

/* 文章 */
.com-txt{font-size: 100%;line-height: 1.9;letter-spacing: 2px;}

/* moreボタン */
.more-btn{text-align:center;border:1px solid #555;border-radius:10px;margin-top:50px;}
.more-btn a{display:block;padding:30px 0;font-size:24px;color:#555;font-weight:200;position:relative;}
.more-btn a::after{content:'';position:absolute;background:url(../img/common/arrow-right.svg)no-repeat;width:16px;height:24px;top:50%;transform:translateY(-50%);left:80%;}
.more-btn-jp{font-size:16px;margin-left:20px;}

/* ヘッダー */
.header-wrapper{background-color:#fff;padding:16px 0;}
.header-top{display:flex;align-items:center;justify-content:space-between;}
.head-logo{width:340px;}
.member_link{display:flex;}
.member_link li{width:auto;padding:0 40px 0 0;}
.member_link li:last-child{padding:0;}
.member_link li::before{content:'';display:inline-block;margin-right:8px;width:33px;height:27px;vertical-align:-7px;background-repeat:no-repeat;}
div.header-top div#member.member-tool{
	width: 60%;
}
div.induction{
	text-align: end;
}
.h-mypage::before{background-image:url(../img/common/icon1.svg);}
.h-search::before{background-image:url(../img/common/icon2.svg);}
.h-kart::before{background-image:url(../img/common/icon3.svg);}
.h-guide::before{background-image:url(../img/common/icon4.svg);}
.member_link li a{color:#90928f;}
.mainmenu{background-color:#f8f2e4;padding:14px 0;}
.mainmenu-list{display:flex;align-items:center;justify-content:center;}
.mainmenu-list li{width:auto;padding:0 30px;border-left:2px solid #808080;}
.mainmenu-list li:last-child{border-right:2px solid #808080;}
.mainmenu-list li a{display:block;color:#000;}

/* パンくず */
section.breadcrumbList {
}
.breadcrumbList {
	margin: 1em 0;
	padding: 0;
	list-style: none;
}
.breadcrumbList li {
	display: inline;
	/*横に並ぶように*/
	list-style: none;
}

.breadcrumbList li:after {
	/* >を表示*/
	content: '>';
	padding: 0 0.2em;
	color: #555;
}

.breadcrumbList li:last-child:after {
	content: '';
}

.breadcrumbList li a {
	text-decoration: none;
	color: gray;
}

/* フッター */
.footer-menu{padding:30px 0;background-color:#f8f2e4;border-bottom:2px solid #fff;}
.footer{background-color:#f8f2e4;padding:30px;}
.footer-logo{width:160px;margin:0 auto;}

.footer .footer-logo img{
	width: 100%;
}

#copy{padding:8px 0;text-align:center;font-size:14px;}

/*-------------------------
 トップページ css
--------------------------- */
/* top1 */
.top-slide{padding:30px 0;position:relative;
/*	background: -moz-linear-gradient(top, #FF99CC, #fff);
	background: -webkit-linear-gradient(top, #FF99CC, #fff);
	background: linear-gradient(to bottom, #FF99CC, #fff);*/}
.top-brand-list{width:1100px;max-width:100%;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;}
.top-brand-list li{width:calc(33.333% - 20px / 3);margin-right:10px;}
.top-brand-list li:nth-child(3n){margin-right:0;}
.top-brand-list li:nth-child(n+4){margin-top:10px;}

/* top2 */
.top-announcement{padding:40px 0 0;background-color:#f4f5f4;}
.top-announcement-list{color:#555;}
.top-announcement-list dt{padding:20px 8px;border-top:2px solid #fff;position:relative;}
.top-announcement-list dt::after{content:'';position:absolute;background-image:url(../img/common/maruarrow.svg);width:30px;height:30px;top:50%;transform:translateY(-50%);right:40px;}
.top-announcement-list dt h3{width:50%;}
.top-announcement-list dd{line-height: 0;opacity: 0;visibility: hidden;transition:border-top .3s ease-out,padding-top .3s ease-out,padding-bottom .3s ease-out;}
.top-announcement-list dd.announcemen-open{line-height: 1.5;opacity: 1;visibility: visible;padding: 20px 8px;
  transition:border-top .3s ease-out,padding-top .3s ease-out,padding-bottom .3s ease-out;
  transition:line-height .3s ease-out,opacity .1s linear .1s,visibility .1s linear .1s;}
.top-announcement-day{display:block;}

/* 商品一覧 */
.com-product-list{display:flex;flex-wrap:wrap;}
.com-product-list li{width:calc(25% - 60px / 4);margin-right:20px;transform:translateY(100px);transition:all 700ms;opacity:0;}
.com-product-list li:nth-child(4n){margin-right:0;}
.com-product-list li:nth-child(n+5){margin-top:60px;}
.com-product-list li.animated{transform:translateY(0);opacity:1;}
.com-product-list li.animated.delay1{transition-delay:50ms}
.com-product-list li.animated.delay2{transition-delay:100ms}
.com-product-list li.animated.delay3{transition-delay:150ms}
.com-product-name{letter-spacing:.4px;padding:8px 0;color:#555 !important;}
.com-product-num{display:block;}
.com-product-price{font-size:24px;color:#555;padding-top:4px;border-top:2px solid #fa6d76;margin-top:auto;}
.price-tax{font-size:14px;}
.com-product-list li img:hover{transform: scale(1.05,1.05);transition: .3s all;}

/* news & topics */
.com-news{background-color:#f8f2e4;border-bottom:2px solid #fff;}
.com-news .com-tit-1{color:#000;}
.com-news-list{display:flex;flex-wrap:wrap;}
.com-news-list li{width:calc(25% - 60px / 4);margin-right:20px;}
.com-news-list li:nth-child(4n){margin-right:0;}
.com-news-list li:nth-child(n+5){margin-top:30px;}
.com-news-list figure{overflow:hidden;cursor:pointer;}
.com-news-list figure img:hover{transform:scale(1.1,1.1);transition:.7s all}
.cat-name{font-size:14px;background-color:#999;display:inline-block;margin-top:8px;padding:2px 24px 2px 8px;position:relative;}
.cat-name::before{content:'';position:absolute;top:0;right:0;width: 0;height: 0;border-style: solid;border-width: 0 0 26px 20px;border-color: transparent transparent #000000 transparent;}
.cat-name a{color:#000;}
.news-tit{margin-top:8px;color:#000;}
.news-tit-day{display:block;font-weight:800;}
.com-news-list li:nth-child(4n+1) .news-tit-day{color:#fa6d76;}
.news-tit a{color:#000;}

/* search */
.com-search{background-color:#f8f2e4;}
.com-search .com-tit-1{color:#000;}
.com-search-box{margin-top:20px;}
.com-search-box + .com-search-box{margin-top:40px;}
.com-search-tit{font-size:24px;color:#000;text-align:center;}
.com-search-list{display:flex;flex-wrap:wrap;margin-top:20px;}
.com-search-list li{width:calc(25% - 60px / 4);margin-right:20px;background-color:#f4f5f4;border-radius:10px;}
.com-search-list li:nth-child(4n){margin-right:0;}
.com-search-list li:nth-child(n+5){margin-top:30px;}
.com-search-list li a{display:block;padding:30px 30px 30px 16px;color:#1a1a1a;font-size:18px;font-weight:200;position:relative;}
.com-search-list li a::after{content:'';position:absolute;background:url(../img/common/arrow-right.svg)no-repeat;width:16px;height:24px;top:50%;transform:translateY(-50%);right:16px;}
.com-search-list li.parent_tree a::after{content:'';position:absolute;background:none;width:16px;height:24px;top:50%;transform:translateY(-50%);right:16px;}
.search-name-sub{font-size:12px;margin-left:16px;}
.com-search .more-btn{border-color:#f4f5f4;}
.com-search .more-btn a{color:#000;}

/* カテゴリ階層化 START */
.ec-itemNav__navx {
	display: inline-block;
}
.ec-itemNav__navx li {
	float: left;
	/* width: auto; */
}
.ec-itemNav__navx li a {
	/* text-align: center; */
	border-bottom: none; }
.ec-itemNav__navx li ul {
	display: block;
	/* z-index: 100; */
	/* position: absolute; */
}
.ec-itemNav__navx li ul li {
	/* overflow: hidden; */
	height: auto;
}
.ec-itemNav__navx {
	/* display: block; */
	display: flex !important;
	margin: 0 auto;
	padding: 0;
	/* width: auto; */
	height: auto;
	/* list-style-type: none; */
	/* text-align: center; */
	vertical-align: bottom; }
  .ec-itemNav__navx li {
	/* float: none; */
	/* margin: 0;
	padding: 0; */
	/* width: 100%; */
	text-align: left;
	position: relative; }
  .ec-itemNav__navx li ul li {
	background-color: #fecbc7;
	position: relative;
	/* overflow: hidden; */
	/* width: 100%; */
	/* height: auto;
	transition: .3s;  */
}
  .ec-itemNav__navx li ul li ul {
	top: 0;
	/* left: 100%; */
	width: 100%; 
}
  .ec-itemNav__navx li ul li ul li a {
	background: #faddb2; }
  
.ec-categoryNaviRole{max-width: 100% !important;margin: 0 !important;padding: 0 !important;}

a.com-search-list2{display:block;padding:30px 30px 30px 16px !important;color:#1a1a1a;font-size:18px;font-weight:200;position:relative;border-radius:10px !important;}
a.com-search-list2::after{content:'';position:absolute;background:none;width:16px;height:24px;top:50%;transform:translateY(-50%);right:16px;}

.com-search-list2-child li{
	/* display:none; */
	width:100% !important; margin-top: 0 !important;
}
.tree_open_img {
	position:absolute;
	width:42px !important;
	padding: 10px 0 10px 10px !important;
	height:68px;top:50%;transform:translateY(-50%);right:16px;
	float: left;
}
/* カテゴリ階層化 END */

/* ranking */
.ranking-tab{display:flex;justify-content:space-around;border-bottom:2px solid #000;}
.ranking-tab li{width:46%;}
.ranking-tab li a{display:block;padding:30px;background-color:#f4f5f4;font-size:30px;font-weight:200;color:#000;border-radius:10px 10px 0 0;position:relative;}
.ranking-tab li a::after{content:'';position:absolute;background:url(../img/common/arrow-down.svg)no-repeat;width:24px;height:16px;top:50%;transform:translateY(-50%);right:30px;}
.ranking-tab-sub{font-size:16px;margin-left:16px;}
.ranking-item-list{display:flex;justify-content:space-around;margin-top:40px;}
.ranking-item-list li{width:30%;display:flex;flex-direction:column;}
.ranking-item-list li:last-child{margin-right:0;}
.ranking-item-list li .watch-img{border:1px solid #555;}
.rank-img{width:90px;margin-top:20px;max-width:40%;}
/* ranking　タブ切り替え */
.ranking-tab li a.active-tab{background-color:#f8f2e4;color:#999;}
.tab-box{display:none;}
.tab-box.show-tab{display:block;}

/* ご利用ガイド */
.com-guide{background-color:#f8f2e4;}
.com-guide .com-tit-1 h2{color:#000;border:none;}
.com-guide-list{display:flex;flex-wrap:wrap;}
.com-guide-list li{width:calc(33.3333% - 40px / 3);margin-right:20px;background-color:#f4f5f4;border-radius:10px;}
.com-guide-list li:nth-child(3n){margin-right:0;}
.com-guide-list li:nth-child(n+4){margin-top:20px;}
.com-guide-list li a{display:block;padding: 30px 8px 30px 16px;color:#1a1a1a;font-size:18px;font-weight:200;position:relative;}
.com-guide-list li a::after{content:'';position:absolute;background:url(../img/common/arrow-right.svg)no-repeat;width:16px;height:24px;top:50%;transform:translateY(-50%);right:16px;}

/*-------------------------
searchページ css
--------------------------- */
.search-boxes{margin-top:60px;}
.search-brand-initials{display:flex;justify-content:center;margin-top:20px;}
.search-brand-initials li{width:auto;padding:0 20px;border-left:1px solid #fa6d76;}
.search-brand-initials li:last-child{border-right:1px solid #fa6d76;}
.search-brand-initials li a{display:block;color:#000;}
.search-box{display:flex;margin-top:60px;}
.search-box dt{width:15%;font-size:20px;color: #000;text-align: center;}
.search-box dd{width:85%;}
.search-box dd ul{display: flex;flex-wrap: wrap;}
.search-box dd ul li{width: calc(25% - 60px / 4);margin-right: 20px;}
.search-box dd ul li:nth-child(4n){margin-right: 0;}
.search-box dd ul li:nth-child(n+5){margin-top: 20px;}
.search-box dd ul li::before{content: '';display: inline-block;background:url(../img/common/arrow-right.svg)no-repeat center center / contain;width: 10px;height: 18px;vertical-align: -2px;margin-right: 20px;}
.search-box dd ul li a{color:#000;}
.brand-name-sub{font-size:11px;margin-left: 16px;}

/*-------------------------
brandページ css
--------------------------- */
.brand-area1{margin-top: 40px;}
.brand-tit{font-size: 32px;}
.brand-tit-sub{font-size: 24px;margin-left: 16px;}
.brand-area1 figure{margin-top: 30px;}

/*-------------------------
newsページ css
--------------------------- */
.news-area1{background-color: #fff;color:#000;}
.news-area1 figure{margin-bottom: 30px;}
.news-area1 .news-tit-day{color:#fa6d76;margin-top: 8px;}

/*-------------------------
announcementページ css
--------------------------- */
.announcement-area1 figure{margin-bottom: 30px;}
.announcement-area1 .com-txt{color:#4d4d4d;}
.announcement-tit{font-size: 24px;;}
.announcement-txt{margin-top: 20px;}

/*-------------------------
typeページ css
--------------------------- */
.type-area-1{background-color:#000;}
.type-area-1 .com-tit-1{color:#000;}
.com-sort-select{display:flex;align-items:center;justify-content:flex-end;padding:30px 0;}
.com-sort-select label{margin-right:20px;}
.com-sort-select select{font-size:14px;padding:4px 60px 4px 14px;}
.select-icon{border:1px solid #999;border-radius:3px;position:relative;background:url(../img/common/arrow-select.svg)no-repeat right center / auto 100%;}
.com-sort-box{background-color:#333;padding:20px 0;color:#000;}
.com-sort-pagination{display:flex;align-items:center;justify-content:space-between;}
.sort-pagination-list{display:flex;background-color:#e6e6e6;border-radius:3px;}
.sort-pagination-list li{width:auto;}
.sort-pagination-list li.dotted a{background-color:transparent;}
.sort-pagination-list li a{display:block;color:#333;padding:4px 12px;background-color:#fff;margin:1px;}
.page-num,.page-count{padding:0 4px;}
.type-area-6{margin-bottom:40px;}

/*-------------------------
productページ css
--------------------------- */
.brand-tit {margin: 40px 0;}
.product-wrap {display: flex;justify-content:space-between;margin: 0 0 40px 0;}
.product-img {width: 45%;}
.product-mainimg{position:relative;}
.mainimg-box{position:relative;box-shadow: 2px 2px 3px rgba(0,0,0,.4);position: relative;display: block;overflow: hidden;text-align: center;}
.mainimg-box img{display: block;max-width:100%;max-height:100%;width:100%;padding:.5%;}
.product-like {position: absolute;top: 12px;left: 14px;width:32px;height:30px;text-align:center;z-index:111;}
.product-like img{width:32px;}
.like-num{color:#000;}
.product-img-list {display: flex;flex-wrap:wrap;margin-top:40px;}
.product-img-list li{margin:0 10px 0 0;width:calc(33.333% - 20px / 3)!important;border:2px solid #e1e1e1;padding:4px;}
.product-img-list li:nth-child(3n),.other ul li:nth-child(3n) {margin-right: 0;}
.product-img-list li:nth-child(n+4),.other ul li:nth-child(n+4) {margin-top: 10px;}
.product-img-list li img:hover,.other ul li:hover{transform: scale(1.05,1.05);transition: .3s all;}
.other {margin-top: 30px;}
p.other-color {padding: 0 0 20px 0;}
.product-subimg {margin-top:20px;}
.other ul {display: flex;}
.product-explanation {width: 50%;}
.product-title {border-bottom: 2px solid #fa6d76;margin: 0 0 20px 0;font-family: muli, sans-serif;}
.product-tag {font-size: 20px;background-color: #f5a300;color: #fff;display: inline-block;padding: 2px 16px;margin: 0 0 20px 0;font-style:italic;}
.product-name{font-size: 24px;}
p.model-number {margin: 0 0 20px 0;}
.yen,.tax {font-size: 20px;}
.price {font-size: 33px;padding: 0 0 0 5px;font-family: muli, sans-serif;font-weight:600;}
p.price-wrap {margin: 0;}
p.explanation-text {margin: 0 0 30px 0;line-height:1.6;}
.maker-hope,.maker-tax {font-size: 10px;}
.maker-price {font-size: 18px;margin: 0 0 30px 0;}
span.tax {padding: 0 0 0 5px;}
span.maker-prices {padding: 0 0 0 5px;font-family: muli, sans-serif;font-weight:500;}
span.maker-tax {padding: 0 0 0 5px;}
.maker-price span.yen {font-size: 16px;}
.catch-copy {color: #fa6d76;font-size: 32px;margin: 0 0 10px 0;}
/* .cart {background-color: #fa6d76;border-radius: 5px;margin: 0 0 30px 0;} */
.cart {background-color: #fa6d76;border-radius: 5px;margin: 0;}
/* .cart p {color: #fff;text-align: center;font-size: 24px;padding: 15px 0 10px;position: relative;} */
/* .cart a::before {content: "";display:inline-block;width: 40px;height: 40px;background-image: url(../img/common/kart.png);background-size: contain;vertical-align:middle;margin-right:16px;} */
.cart a {color: #fff;}
.specification {background-color: #f5f5f5;padding: 10px;letter-spacing: 0.7px;font-size:14px;color:#000;}
.specification .catch-copy {font-size: 14px;margin-bottom:0;}
.specification li{line-height:1.9;}
.liststyle-square::before {content: '';display:inline-block;width:8px;height:8px;background-color: #808080;vertical-align:2px;margin:0 4px 0 8px;;}

/* WordPress対応 */
div.wp_content img {
/*    width: auto !important;*/
}
figure.f-news-list img{
	object-fit:cover;
	height:200px;
	max-width:100%;
}

/*-------------------------
 Instagram
--------------------------- */
#instagram_grid {
    display: grid;
    grid-template-columns: 33% 33% 33%;
}
p.instagram {
    padding: 3px;
}
.instagram img {
    width:100%;
	object-fit: cover;
	height: 22vw;
}

/* レスポンシブ */

@media (max-width: 768px) {

@media (max-width: 768px) {

.instagram img {
	height: 30vw;
}

img {
	width: 100%;
}
.catch-copy {font-size: 24px;}
.product-wrap {flex-direction: column;margin: 0 0 40px 0;}
.product-img {width: 100%;margin: 0 auto;display: flex;flex-direction: column;}

.product-explanation {width:100%;margin: 30px auto 0;}
.product-tag{margin-bottom:10px;}
.brand-tit {width: 90%;margin: 40px auto 40px;}
.other {margin:0;}
.product-title {border-bottom: 2px solid #fa6d76;margin: 0;}
p.model-number {margin: 0 0 10px 0;}
p.price-wrap{margin:10px 0 0;}
.product-price {text-align: end;}
}
iframe#sns_instagram.snapwidget-widget.anime1.active{
	height: 64vw !important;
}


@media (max-width: 640px) {

	.product-tag {font-size: 16px;}
	.catch-copy {font-size: 20px;}
	.price{font-size:24px;}
	.maker-price{margin-bottom:20px;font-size:14px;}
	.cart p {font-size: 20px;padding: 10px 0 10px;}
	.specification {padding: 16px 2%;}
	section#sp_searchbox{
		background-color: #f8f2e4 !important;
	}
}

.product-area3 .com-search-tit{color:#000;margin-bottom:40px}

/*-------------------------
rankingページ css
--------------------------- */
.ranking-area1{background-color:#f8f2e4;padding-top:40px;}
.ranking-area1 .com-tit-1{color:#000;}
.ranking-tab-list{background-color:#fff;padding-top:30px;}
.ranking-area1 .ranking-tab li a{padding:10px 20px;font-size:32px}
.ranking-area1 .ranking-tab li a::after{display:none;}
.ranking-area1 .ranking-tab li:last-child a.active-tab{background-color:#eb6d8e;}
.ranking-area1 .ranking-tab-sub{font-size:20px;vertical-align:5px}
.ranking-area1 .ranking-tab{border:none;justify-content:space-between;}
.ranking-area1 .ranking-tab li{width:49%;z-index:1;}
.ranking-area1 .ranking-items{border-top:2px solid #000;}
.ranking-area1 .ranking-list{display:flex;flex-wrap:wrap;}
.ranking-area1 .ranking-list > li{width:25%;padding:30px 10px 20px;border-right:3px solid #fff;border-top:3px solid #fff;color:#000;}
.ranking-area1 .ranking-list > li:last-child{border-right:none;}
.ranking-area1 .ranking-list li.rank1{width:100%;padding:0;border:none;}
.ranking-area1 .mainimg-box{background-color:#fff;box-shadow:none;}
.ranking-area1 .product-img-list li{background-color:#fff;border:none;}
.rank-boxin figure{width:90px;margin:0 auto;}
.rank-txt{text-align:center;padding:30px 0}
.rank-txt span{display:block;font-size:24px;letter-spacing:8px;}
.ranking-area1 .com-product-price{color:#000;}

.ranking-area1 #tab-box1.show-tab{background-color:#f8f2e4;padding-top:40px;}
.ranking-area1 #tab-box2.show-tab{background-color:#ffd5d0;padding-top:40px;}
.ranking-area1 #tab-box2.show-tab li{color:#000;}
.ranking-area1 #tab-box2.show-tab .com-product-price{color:#000;}

/*-------------------------
jQuery css
--------------------------- */

/* slickページネーション */
.top-slide-dots{display:flex;align-items:center;justify-content:center;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);}
.top-slide-dots li{width:10px;height:10px;border-radius:10px;background-color:#fff;margin:0 5px;}
.top-slide-dots li.slick-active{background-color:#363637;}
/* slickアロー */
.slick-prev{content:'';position:absolute;background:url(../img/common/arrow-left-siro.svg)no-repeat center center / contain;width:16px;height:24px;top:50%;left:0;transform:translateY(-50%);z-index:11}
.slick-next{content:'';position:absolute;background:url(../img/common/arrow-right-siro.svg)no-repeat center center / contain;width:16px;height:24px;top:50%;right:0;transform:translateY(-50%);z-index:11}


@media(max-width: 1280px){
	.w-in{padding:0 2%;}
	.top-brand-list{padding:0 24px;}
	.slick-prev{left:-4px;}
	.slick-next{right:-4px;}
	.top-announcement-list dt h3{width:90%;}
	.com-search-list li {width:49% !important;margin-right: 2% !important;}
	.com-search-list li:nth-child(2n){margin-right:0 !important;}
	.com-search-list li:nth-child(n+3){margin-top:30px}
	.com-search-list2-child li:nth-child(n+3){margin-top:0px}
	.ranking-area1 .ranking-tab li a{font-size:24px;}
	.ranking-area1 .ranking-tab-sub{font-size:16px;vertical-align:middle;}

	li.child_tree{width:100% !important;margin-top:0}
}

@media(max-width: 980px){
	.member_link li::before{display:block;margin:0 auto 4px;}
	.mainmenu-list li{padding:0 20px;}
	.top-announcement-list dt::after{right:2%;}
	.ranking-tab li{width:48%;}
    .ranking-tab li a{padding:30px 16px;font-size:24px;}
    .ranking-tab li a::after{width:32px;right:8px;}
    .ranking-item-list{display:flex;justify-content:space-around;margin-top:40px;}
    .ranking-item-list li{width:calc(33.333% - 20px / 3);margin-right:10px;}
    .ranking-item-list li:last-child{margin-right:0;}
    .search-box dd ul li{width: calc(33% - 60px / 4);}
    .search-box dd ul li:nth-child(4n){margin-right: 20px;}
    .search-box dd ul li:nth-child(3n){margin-right: 0;}
    .search-box dd ul li:nth-child(n+4){margin-top: 20px;}
    .search-box dd ul li::before{margin-right:10px}
    .ranking-area1 .ranking-tab li a{font-size:16px;}
    .ranking-area1 .ranking-tab-sub{font-size:11px;}
    .rank-txt p{font-size:13px;}
    .com-sort-pagination{flex-direction:column;text-align:center;}
    .sort-pagination-list{margin-top:20px;}

	li.child_tree{width:100% !important;margin-top:0;}
}

@media(max-width: 767px){
	.header-wrapper{padding:20px 0;}
	/* .header-top{padding-right:70px;} */
	/* .head-logo{width:200px;max-width:45%;} */
	.h-guide{display:none;}
	.member_link li a{font-size:11px;}
	.member_link li{padding-right:20px;}
	.member_link li.h-kart{padding:0;}
	.top-slide{padding:20px 0;margin-bottom:40px;}
	.top-slide-dots{bottom:-45px;}
	.top-slide-dots li{background-color:#d8d8d9;}
	.slick-prev{width:10px;height:18px;}
	.slick-next{width:10px;height:18px;}
	.top-slide-dots li button{text-indent: -9999px;}
	.com-tit-1{font-size:24px;}
	.com-tit-sub{font-size:11px;}
	.com-search-tit{font-size:18px;}
	/*.mainmenu{display:none;}*/
	nav ul.mainmenu-list{
		column-count: 2;
		display:block;
	}
.mainmenu-list li:last-child{
	border-right:none;
}
	#humbmenu {display: inline-block;cursor: pointer;position: absolute;z-index:111;margin:0 8px;top:26px;right:2%;}
	.menuActive #humbmenu {position: fixed;}
	#humbmenu li{width: 40px;height:40px;}
	/* .menu-trigger{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 40px;height: 6px;background-color: #90928f;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
	.menu-trigger:before,.menu-trigger:after{content: '';position: absolute;display: block;width: 100%;height: 100%;background-color: #90928f;-webkit-transition: inherit;transition: inherit;-webkit-transition: inherit;transition: inherit;}
	.menu-trigger:before{top:-16px;}
	.menu-trigger:after{top:16px;} */
	.menuActive .menu-trigger{background-color: transparent;}
	.menuActive .menu-trigger:before,.sp-menuActive .menu-trigger:after{top: 0;}
	.menuActive .menu-trigger:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.menuActive .menu-trigger:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top:0}
	/* #humbmenu-nav{display:block;position:fixed;width:100%;height:100vh;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:-1111;opacity:0;
	-webkit-transition: opacity .3s cubic-bezier(.52, 0, .5, 1.8);
	-o-transition: opacity .3s cubic-bezier(.52, 0, .5, 1.8);
	-moz-transition: opacity .3s cubic-bezier(.52, 0, .5, 1.8);
    transition: opacity .3s cubic-bezier(.52, 0, .5, 1.8);} */
	#humbmenu-nav{display:block;position:fixed;width:100%;height:240px;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:-1111;opacity:0;
    -webkit-transition: opacity .3s cubic-bezier(.52, 0, .5, 1.8);
    -o-transition: opacity .3s cubic-bezier(.52, 0, .5, 1.8);
    -moz-transition: opacity .3s cubic-bezier(.52, 0, .5, 1.8);
    transition: opacity .3s cubic-bezier(.52, 0, .5, 1.8);}
	.menuActive #humbmenu-nav{z-index:11;opacity:1;}
    /* #menu-spmenu{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;} */
	#menu-spmenu{width:100%;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
	#menu-spmenu li{font-family:TCBI,sans-serif;font-size:16px;padding:8px 0;border-bottom: #ccc 1px solid;}
	#menu-spmenu li a{color:#000;}
	.com-product-list li{width:49%;margin-right:2%}
	.com-product-list li:nth-child(2n){margin-right:0;}
	.com-product-list li:nth-child(n+3){margin-top:40px;}
	.com-product-list li.animated.delay1{transition-delay:100ms}
	.com-product-list li.animated.delay2{transition-delay:0s}
	.com-product-list li.animated.delay3{transition-delay:100ms}
	.com-product-name{font-size:14px;}
	.com-product-price{font-size:18px;}
	.com-news-list li{width:49%;margin-right:2%;}
	.com-news-list li:nth-child(2n){margin-right:0;}
	.com-news-list li:nth-child(n+3){margin-top:30px;}
	.com-search-list li a{font-size:13px !important;padding:20px 6vw 20px 16px !important;}
	.com-search-list li:nth-child(n+3){margin-top:10px !important;}
	.com-search-list2-child li:nth-child(n+3){margin-top:0px !important;}
	.search-name-sub{display:block;margin:0;font-size:11px;}
	.com-guide-list li{width:49%;margin-right:2%;}
	.com-guide-list li:nth-child(2n){margin-right:0;}
	.com-guide-list li:nth-child(3){margin-right:2%;}
	.com-guide-list li:nth-child(n+3){margin-top:20px;}
	.com-guide-list li a{font-size:0.9rem;padding:20px 8px 20px 16px}
	.com-guide-list li a::after{width:10px;height:18px;right:6px;}
	.com-search-list li a::after{width:10px;height:18px;right:6px;}
	.ranking-tab li a{font-size:18px;}
	.ranking-tab-sub{font-size:11px;margin-left:8px;}
    .ranking-tab li a::after{width:18px;height:10px;right:6px;}
	.more-btn{margin-top:30px;}
	.more-btn a{padding:20px 0;font-size:18px;}
	.more-btn a::after{width:10px;height:18px;left:auto;right:8px;}
	.more-btn-jp{font-size:14px;margin-left:8px;}
	.search-brand-initials li{padding:0 10px;}
	.search-box dd ul li{width: calc(50% - 20px / 2);}
    .search-box dd ul li:nth-child(3n){margin-right: 20px;}
    .search-box dd ul li:nth-child(2n){margin-right: 0;}
    .search-box dd ul li:nth-child(n+3){margin-top: 20px;}
    .search-box dt{font-size:16px;}
    .search-box dd ul li a{font-size:14px;}
    .ranking-area1 .ranking-list li{width:50%;}
    .ranking-area1 .specification li{width:100%;}
    .ranking-area1 .ranking-list li:nth-child(3){border-right:none;}

	li.child_tree{width:100% !important;margin-top:0;}
	.tree_open_img {
		position:absolute;
		width:34px !important;
		padding: 10px 0 10px 10px !important;
		height:46px;top:50%;transform:translateY(-50%);right:6px;
		float: left;
	}
}

@media(max-width: 640px){
	.ranking-tab-sub{display:block;margin-left:0;}
	/* .com-product-list li:nth-child(n+7){display:none;}
	.com-news-list li:nth-child(n+5){display:none;}
	.com-search-list li:nth-child(n+11){display:none;}
	.search-box dd ul li:nth-child(n+9){display:none;} */
	.brand-tit{font-size:24px;}
	.brand-tit-sub{font-size:16px;}
	.com-txt{font-size:16px;}
	.announcement-tit{font-size:20px;line-height:1.6;}
	.news-tit-day{font-size:16px;}
}

@media(max-width: 415px){.w415none{display: none;}
	/* .header-wrapper{height:84px;} */
	/* .header-top{padding-right:56px;} */
	.member_link li{padding-right:10px;text-align:center;}
	.member_link li::before{width:20px;height:20px;margin-bottom:0;}
	#humbmenu{top:20px;}
	.menu-trigger{height:4px;width:32px;}
	.menu-trigger:before{top:-14px;}
	.menu-trigger:after{top:14px;}
	.top-slide{padding:10px 0}
	.top-slide-dots{bottom:-37px;}
	.top-brand-list{padding:0 16px;}
	.com-section{padding:20px 0;}
	.com-tit-1{font-size:20px;padding-bottom:16px;}
	.com-search-tit{font-size:16px;}
	.com-search-list li {width: calc(50% - 10px / 2) !important;margin: 0 10px 0 0;}
	.com-guide-list li a{font-size:11px;padding:16px;}
	/* .com-search-list li a{padding:20px 6vw 8px 16px} */
	.child_tree{ margin: 0 !important;}
	.com-search-list2-child{ margin: 0 !important;}
	.com-search-list li a{font-size:11px !important;}
	.com-product-name{font-size:11px;}
	.com-product-price{font-size:14px;}
	.price-tax{font-size:9px;}
	.ranking-tab{justify-content:space-between;}
	.ranking-tab li a{font-size:16px;padding:16px}
	.rank-img{margin-top:8px;}
	.search-name-sub{font-size:9px;}
	.more-btn{text-align:left;}
	.more-btn{padding-left:16px;}
	.more-btn-jp{display:block;margin-left:0;font-size:11px;}
	.footer{padding:20px 2%;}
	#copy{font-size:11px;padding:4px;}
	.search-brand-initials li{font-size:11px;}
	.search-brand-initials li:first-child{border-left:none;}
	.search-brand-initials li:last-child{border-right:none;}
	.search-box dd ul li::before{width:8px;height:12px;}
	.search-box dd ul li a{font-size:11px;}
	.brand-name-sub{font-size:9px;margin-left:4px;}
	.ranking-area1 .ranking-tab li a{font-size:14px;}
	.ranking-area1 .ranking-tab-sub{font-size:9px;}
	.ranking-area1 .ranking-tab li a{padding:10px 8px;}
	.rank-txt p{font-size:11px;}
	.sort-pagination-list li a{font-size:14px;}

	li.child_tree{width:100% !important;margin-top:0;}
	.tree_open_img {
		position:absolute;
		width:36px !important;
		padding: 10px 0 12px 10px !important;
		height:46px;top:50%;transform:translateY(-50%);right:6px;
		float: left;
	}
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

/* logo */
@media(min-width: 767px){
	.head-logo {
		display: flex;
		align-items: center;
	}
	
	.logo_main {
		width: 250px;
	}
	.logo_sub {
		width: 55%;
		margin-left: 10%;
	}
}

@media(max-width: 767px){
	.header-top {
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}
	.head-logo {
		display: flex;
		align-items: center;
		width: 100% !important;
		margin-bottom: 0.5em;
	}
	.head-logo h1 {
		text-align: right;
		width: 50% !important;
		padding-right: 1em;
	}
	.head-logo a {
		text-align: left;
		width: 50% !important;
		padding-left: 2em;
	}
	.logo_sub {
	/*	width: 50% !important;*/
	}

div.header-top div#member.member-tool {
  flex: 0 0 60%;
}
div.induction {
  flex: 0 0 40%;
}
.logo_sub {
  width: 100%;
}

}
@media(max-width: 640px){
	.header-top {
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}
	.member-tool {
		text-align: center;
		width: 100%;
	}
	.member_link {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		width: 100%;
	}
	.member_link li{
		width:50%;
		margin: 0.5em 0;
	}
	.member_link form input{
		width:80% !important;
	}
	.h-mypage {
		text-align: center;
	/*	padding-left: 25% !important;*/
	}
	.h-kart {
		text-align: center;
		padding-right: 25% !important;
	}
}