/* common css */
@charset "UTF-8";
@import url("reset.css");
@import url("config.css");
@import url('https://fonts.googleapis.com/css2?family=Bentham&display=swap');
/* default css
--------------------------------------------------------------------*/
html{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	width: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
html { overflow-y: scroll; }
li { list-style-type: none; }
:focus { outline:none; }
img {
	border: 0;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* form
----------------------------------------------- */
input[type="submit"],input[type="select"],input[type="text"],input[type="search"],input[type="tel"],input[type="button"],
input[type="url"],input[type="email"],input[type="datetime"],input[type="month"],input[type="week"],input[type="number"],
textarea,select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
select::-ms-expand {
	display: none;
}
/* link
----------------------------------------------- */
a,
a:link,
a:visited {
	text-decoration:underline;
	-webkit-transition:.3s;
	transition:.3s;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
}
a:hover {
	text-decoration:none;
}
a img,
input[type="image"],
input[type="submit"]{
	-webkit-transition:.3s;
	transition:.3s;
}
a:hover img,
input[type="image"]:hover,
input[type="submit"]:hover{
	opacity:.7;
}
.textLink,
.textLink:link,
.textLink:visited{
	text-decoration:none;
}
.textLink:hover{
	text-decoration:underline;
}
/* clearfix
----------------------------------------------- */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
/* parts
--------------------------------------------------------------------*/
/* ttl
----------------------------------------------- */
.secTtl{
	font-size: 24px;
	color:#000;
	text-align:center;
}
.secTtl.myFontB{letter-spacing:.08em;font-family: 'Bentham', serif;font-weight: normal;}

.secTtl.ttlAdjust{ white-space:nowrap; }
.secTtl.left{ text-align:left; }

/* page ttl
----------------------------------------------- */
.pageTtl{
	font-size:20px;
	color:#000;
	text-align:center;
	margin-top: 75px;
	display:block;
	width:100%;
}
#pankuzu + .pageTtl {
	margin-top: 32px;
}
.pageTtl + #main {
	margin-top: 80px;
}

/* status color
----------------------------------------------- */
.new{background: #f77373;color: #fff;}
.pre{background: #4791db;color: #fff;}
.coming{background: #fbb46c;color: #fff;}
.soldout{background: #787878;color: #fff;}
.sale{ color:#ff4c4c; }
.restock{background: #7cca88;color: #fff;}

.preC{color: #4791db;}

/* itemList
----------------------------------------------- */
.itemList{
	margin-top:40px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
/* ----- */
.itemList li{
	margin-bottom:55px;
	overflow:hidden;
}
.itemList.listAjacent li{ margin-bottom:0; }

/* カラム数 */
.itemList.list3Clm li{ width:calc(100% / 3); }
.itemList.list4Clm li{ width:calc(100% / 4); }
.itemList.list5Clm li{ width:calc(100% / 5); }
.itemList.list6Clm li{ width:calc(100% / 6); }
.itemList.list8Clm li{ width:calc(100% / 8); }

/* IE11 */
*::-ms-backdrop, .itemList.list3Clm li{ width:33.33%; }
*::-ms-backdrop, .itemList.list4Clm li{ width:25%; }
*::-ms-backdrop, .itemList.list5Clm li{ width:20%; }
*::-ms-backdrop, .itemList.list6Clm li{ width:16.66%; }
*::-ms-backdrop, .itemList.list8Clm li{ width:12.5%; }

/* ----- */
.itemList li a{
	position:relative;
	display:block;
	text-decoration:none;
}
.itemList img{
	width:100%;
	vertical-align:top;
}

.itemList li .status{
	text-align: center;
	margin:15px 8px 0;
	font-size:11px;
}
.itemList li .status span{
	padding: 2px 7px;
	white-space:nowrap;
	font-size: 10px;
	/* font-weight: bold; */
	letter-spacing: 1.2px;
}
.itemList li .status + .data{ margin-top:0; }

.itemList li .data{
	margin-top:20px;
	color:#444;
}
.itemList li .data > span{
	display:block;
	margin:10px 8px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}
.itemList li .data .name .brand{
	display: block;
	margin-bottom: 5px;
	display: none;
}
.itemList li .data .price{
	line-height:1.35;
	font-size: 13px;
}

/* 二重価格表示時 */
.itemList li .data del{
	color:#444;
	text-decoration:none;
}
.itemList li .data del:after{
	content:'→';
	font-size:12px;
	font-family:'myFontN','myFontB', sans-serif;
}

/* ranking  */
.itemList.ranking li{
	counter-increment: cnt;
}
.itemList.ranking li a:before{
	content: counter(cnt);
	position: absolute;
	left: 5px;
	top: 5px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #333;
	font-weight:400;
	font-family: 'myFontR', sans-serif;
	font-size:13px;
	text-align:center;
	color: #fff;
	z-index: 1;
	border-radius: 21px;
}
/*
.itemList.ranking li:nth-child(1) a:before{background:#fdbe00;}
.itemList.ranking li:nth-child(2) a:before{ background:#fbac62; }
.itemList.ranking li:nth-child(3) a:before{ background:#74cfe6; }
*/
/* btn
----------------------------------------------- */
/* base */
.btn a,
.btn input{
	position: relative;
	display: inline-block;
	width:235px;
	height:60px;
	line-height:58px;
	padding: 0 10px;
	color:#666;
	border:1px solid #ccc;
	font-size:14px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	text-decoration:none;
}
.btn a:hover{
	opacity:.7;
}
/* 配置※defultはcenter */
.btn{ text-align:center;cursor:pointer; }
.btn.btn-left{ text-align:left; }
.btn.btn-right{ text-align:right; }

/* size */
.btn.smallBtn a,
.btn.smallBtn input{
	width:76px;
	height:36px;
	font-size:13px;
	line-height:34px;
}
/* type */
.btn.clearBtn a, /* グレー背景黒文字 */
.btn.clearBtn input{
	background:#ccc;
}
.btn.secondaryBtn a, /* 濃グレー背景白文字 */
.btn.secondaryBtn input{
	color:#fff;
	background:#666;
	border-color:#666;
	font-weight:bold;
}
.btn.primaryBtn a, /* 青背景白文字 */
.btn.primaryBtn input{
	color:#fff;
	background:#e16f5e;
	border-color:#e16f5e;
	font-weight:bold;
}
/* font-weight */
.btn.boldBtn a,
.btn.boldBtn input{ font-weight:bold; }

.btn.normalBtn a,
.btn.normalBtn input{ font-weight:normal; }

/*btn Box*/
.btnBox{
	margin-top: 60px;
}
@media all and (min-width: 641px) {
.customBtn{
	width: 510px;
	margin: 0 auto;
}
.customBtn span:nth-child(1){
	float:right;
}
.btnBox a,
.btnBox input{
	margin:10px;
}
}
@media all and (max-width: 640px) {
.btnBox a,
.btnBox input{
	margin:5px 0;
}
}


/* form
----------------------------------------------- */
/* もともとある要素を非表示 */
.iconHide{
	position: absolute;
	visibility: hidden;
}
/* ---- input[textタイプ] --- */
.inputText{
	width: 100%;
	padding: 13px 20px 12px;
	font-size: 13px;
	border: 1px solid #ccc;
	vertical-align: middle;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 45px;
}
/* text-align */
.inputText.posRight{ text-align:right }
.inputText.posLeft{ text-align:left }
.inputText.posCenter{ text-align:center }

/* 高さ */
.inputText.h27{
	height:27px;
	padding: 0 10px;
}
/* textarea
----------------------------------------------- */
textarea.inputText{
	width:100%;
	padding:10px 20px;
	border: 1px solid #ccc;
	vertical-align:middle;
	background: #fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
/* checkbox
----------------------------------------------- */
input[type=checkbox] + .checkBox{
	display: inline-block;
	width: 15px;
	height: 15px;
	line-height: 15px;
	margin-right: 7px;
	border: 1px solid #666;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	vertical-align:-3px;
	background:#fff;
}
input[type=checkbox]:checked + .checkBox{
	position:relative;
	cursor:default;
	background:#1e8dfd;
	border: 1px solid #1e8dfd;
}
input[type=checkbox]:checked + .checkBox:after{
	content: '';
	position: absolute;
	left: 3px;
	top: 3px;
	width: 8px;
	height: 4px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
/* radio
----------------------------------------------- */


input[type=radio] + label .radio,
input[type=radio] + .radio{
	display: inline-block;
	width: 19px;
	height: 19px;
	line-height: 19px;
	margin-right: 5px;
	border: 1px solid #666;
	color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	vertical-align:-3px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
}
input[type=radio]:checked + label .radio,
input[type=radio]:checked + .radio{
	border: 1px solid #1e8eff;
	background:#1e8eff;
	cursor:default;
}
/* select
----------------------------------------------- */
.selectBox {
	position: relative;
}
.selectBox:after {
	content: '';
	position: absolute;
	right: 15px;
	top: calc(50% - 3px);
	width: 0;
	border: 5px solid transparent;
	border-top: 8px solid #666;
	pointer-events: none;
}
.selectBox select {
	border: none;
	width: 100%;
	padding: 16px 35px 14px 3px;
	font-size:13px;
	color:#666;
	white-space: inherit;
	background:#fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.selectBox.border select {
	padding: 13px 35px 13px 20px;
	border: 1px solid #ccc;
}
.selectBox.borderBtn select {
	padding: 13px 0 13px 3px;
	border-bottom: 1px solid #ccc;
}
/* ---- select複数形（.js-custSelect使用時） --- */
.selectText{
	border: none;
	width: 100%;
	padding: 16px 35px 14px 3px;
	font-size:13px;
	color:#666;
	white-space: inherit;
	background:#fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.selectBox.border .selectText {
	padding: 13px 35px 13px 20px;
	border: 1px solid #ccc;
}
.selectBox.borderBtn .selectText {
	padding: 13px 0 13px 3px;
	border-bottom: 1px solid #ccc;
}
.selectText + select{
	position: absolute;
	left: 0;
	top: 1px;
	opacity: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	padding: 16px 35px 14px 3px;
}

/* ---- emailサジェスト（iOS以外） --- */
.ac_results{
	z-index:52;
}
.ac_results ul{
	margin:-1px -42px 0 0;
	border:1px solid #ccc;
}
.ac_results ul li{
	padding:8px 20px 7px;
	background:#fff;
	cursor:pointer;
}
.ac_results ul .ac_over{
	background:#efefef;
}
/* ---- emailサジェスト（iOS） --- */
.completer-container {
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	background: #fff;
	border:1px solid #ccc;
	border-top:none;
	max-height:150px;
	overflow-y:scroll;
	z-index:1004 !important;
}
.completer-container li {
	overflow: hidden;
	margin: 0;
	padding:8px 20px 7px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.completer-container .completer-selected,
.completer-container li:hover {
	background: #eee;
}
/* pager
----------------------------------------------- */
#pager {
	clear: both;
	margin: 25px 9.5%;
	text-align: center;
}
#pager ul{
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding:0 70px;
}
#pager ul li {
	margin: 0 5px;
	line-height:50px;
	vertical-align:top;
	font-size:24px;
	letter-spacing: normal;
}
#pager ul .dotted {
	padding: 0 3px;
	font-weight: normal;
	color: #bababa;
}
#pager ul li a {
	padding: 0 3px;
	color:#ccc;
	text-decoration:none;
}
#pager ul li a:hover {
	text-decoration:underline;
}
#pager ul li .thisPage {
	color: #666;
	padding: 0 3px;
	text-decoration: none;
}
#pager ul .prev {
	position:absolute;
	left:0;
	text-align: left;
}
#pager ul .next {
	position:absolute;
	right:0;
	text-align: right;
}
#pager ul .prev a,
#pager ul .next a {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 1px;
	color: #fff;
	vertical-align:top;
	-webkit-transition: .3s;
	transition: .3s;
}
#pager ul .prev a:before,
#pager ul .next a:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 50px;
	height: 50px;
	background: #f0f0f0;
	border-radius: 50%;
	-webkit-transition: inherit;
	transition: inherit;
}
#pager ul .prev a:before {
	left: 0;
	right: auto;
}
#pager ul .prev a:after,
#pager ul .next a:after {
	content: '';
	position: absolute;
	right: 11px;
	top: 19px;
	display: block;
	height: 0;
	width: 0;
	border: 6px solid transparent;
	border-left: 10px solid #666;
}
#pager ul .prev a:after {
	right: auto;
	left: 19px;
	border-left: 6px transparent;
	border-right: 10px solid #666;
}
#pager ul .prev a:hover,
#pager ul .next a:hover {
	opacity:.8;
}

/* color */
#itemSearch .colorSearch .color01 a , .colorchips .c1 {background:#fff; border:1px solid #ccc; box-sizing: border-box;}
#itemSearch .colorSearch .color02 a , .colorchips .c2 { background:#4c4948; }
#itemSearch .colorSearch .color03 a , .colorchips .c3 { background:#a0a0a0; }
#itemSearch .colorSearch .color04 a , .colorchips .c4 { background:#885d34; }
#itemSearch .colorSearch .color05 a , .colorchips .c5 { background:#f5e2c5; }
#itemSearch .colorSearch .color06 a , .colorchips .c7 { background:#338d33; }
#itemSearch .colorSearch .color07 a , .colorchips .c8 { background:#486aee; }
#itemSearch .colorSearch .color08 a , .colorchips .c9 { background:#8666c9; }
#itemSearch .colorSearch .color09 a , .colorchips .c10 { background:#fce06b; }
#itemSearch .colorSearch .color10 a , .colorchips .c11 { background:#ffa1a1; }
#itemSearch .colorSearch .color11 a , .colorchips .c12 { background:#ed4141; }
#itemSearch .colorSearch .color12 a , .colorchips .c13 { background:#f99959; }
#itemSearch .colorSearch .color13 a , .colorchips .c14 { background:#cacaca; }
#itemSearch .colorSearch .color14 a , .colorchips .c15 { background:#e1c85a; }
#itemSearch .colorSearch .color15 a , .colorchips .c16 { background:#fff;border:1px solid #ccc; box-sizing: border-box; overflow: hidden;}
#itemSearch .colorSearch .color15 a:after , .colorchips .c16:after {
	content:'';
	position:absolute;
	left: 0px;
	top:50%;
	display:block;
	width:20px;
	height:1px;
	background:#ccc;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.colorchips .c16:after {
	left: -2px;
}
.colorchips .c1 ,.colorchips .c16 {
	display: none;
}

/* animation
--------------------------------------------------------------------*/

@keyframes rubberBand {
	from { transform: scale3d(1, 1, 1); }
	30% { transform: scale3d(1.25, 0.75, 1); }
	40% { transform: scale3d(0.75, 1.25, 1); }
	50% { transform: scale3d(1.15, 0.85, 1); }
	65% { transform: scale3d(.95, 1.05, 1); }
	75% { transform: scale3d(1.05, .95, 1); }
	to { transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes rubberBand {
	from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
	40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
	50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
	65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); }
	75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); }
	to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}


/* PC/SP切り替え
--------------------------------------------------------------------*/

@media all and (min-width: 641px) { .d-sp{ display:none!important; } }
@media all and (max-width: 640px) { .d-pc{ display:none!important; } }


/*--------------------------------------------------------------------
 ページ共通要素
--------------------------------------------------------------------*/
.wrap{
	min-width:960px;
}
.open .wrap{ padding-right:0; }

/* header
----------------------------------------------- */
#header{
	position:relative;
	width:100%;
	height:180px;
}
#header a{ text-decoration:none; }

/* --- logo --- */
#header .logo{
	position:absolute;
	left:50%;
	top:50%;
	width:280px;
	/* height:38px; */
	margin: -40px 0 0 -140px;
}
/* --- headerNavigation --- */
#header .headerNavi{
	display: -webkit-flex;
	display:flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	font-size:11px;
	padding:12px 25px 0;
}
/* fav & cart */
.headerNavi .fav{ margin-top:4px; }
.headerNavi .cart{ position:relative; }

.headerNavi .fav a,
.headerNavi .cart a{
	display:block;
	padding:15px;
}
.headerNavi .cart .count{
	position:absolute;
	left: 26px;
	top: 6px;
	width:18px;
	height:18px;
	margin:0;
	background:#ff7272;
	font-size:11px;
	text-align:center;
	line-height:180%;
	border-radius:50%;
	color:#fff;
	box-sizing:border-box;
	font-family:arial, helvetica, sans-serif;
}
.headerNavi .fav img,
.headerNavi .cart img{ vertical-align:-3px; }

.headerNavi .fav img{ width:16px; }
.headerNavi .cart img{ width:20px; }

.headerNavi .fav span,
.headerNavi .cart span{
	letter-spacing:.1em;
	-webkit-transition:.3s;
	transition:.3s;
}
.headerNavi .fav span{ margin-left:10px; }
.headerNavi .cart span{ margin-left:16px; }

.headerNavi .fav a:hover span,
.headerNavi .cart a:hover span{ opacity:.7; }

/* --- [PC]HMメニュー --- */
.headerNavi .accountNavi{
	position: relative;
	margin-top:2px;
}
/* トリガーボタン */
.headerNavi .accountNavi p {
	position: relative;
	width: 20px;
	height: 14px;
	padding:10px;
	margin: 7px 0 5px 0;
	cursor: pointer;
	-webkit-transition:.3s;
	transition:.3s;
	overflow: hidden;
}
.headerNavi .accountNavi p:hover{ opacity:.7; }

.headerNavi .accountNavi p:before,
.headerNavi .accountNavi p:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 20px;
	height: 2px;
	background: #707070;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}
.headerNavi .accountNavi p:after {
	top: auto;
	bottom: 10px;
}
.headerNavi .accountNavi p span {
	position: absolute;
	top: 16px;
	left: 10px;
	width: 20px;
	height: 2px;
	background: #707070;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}
.headerNavi .accountNavi p.open span {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
	opacity:0;
}
.headerNavi .accountNavi p.open:before {
	height:3px;
	-webkit-transform: translateY(5px) rotate(135deg);
	transform: translateY(5px) rotate(135deg);
}
.headerNavi .accountNavi p.open:after {
	height:3px;
	-webkit-transform: translateY(-6px) rotate(-135deg);
	transform: translateY(-6px) rotate(-135deg);
}
.headerNavi .accountWin{
	opacity:0;
	-webkit-transform-origin:top center;
	transform-origin:top center;
	-webkit-transition:.5s;
	transition:.5s;
	-webkit-transform:perspective(1000px) rotateX(-90deg);
	transform:perspective(1000px) rotateX(-90deg);
}
.headerNavi .accountNavi p.open + .accountWin{
	display:block;
	opacity:1;
	-webkit-transform:perspective(1000px) rotateX(0);
	transform:perspective(1000px) rotateX(0);
}
/* ドロップダウンウィンドウ */
.headerNavi .accountWin{
	position:absolute;
	right:0;
	top:60px;
	width:440px;
	padding:0 30px 30px;
	background:rgba(255,255,255,.9);
	border:1px solid #ccc;
	box-sizing:border-box;
	z-index:1;
}
#header .headerNavi .accountWin ul:not(.login) a:hover{
	text-decoration:underline;
}
.headerNavi .usrInfo{
	padding-top:25px;
}
.headerNavi .login{
	padding-top:35px;
	display: -webkit-flex;
	display:flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
/* moreViewBtn */
.headerNavi .login .btn a{
	width: 180px;
	height: 55px;
	line-height: 53px;
	font-size:15px;
	border: 1px solid #ccc;
}
.headerNavi .usrInfo dt{
	font-size:14px;
	font-weight:bold;
	color:#444;
}
.headerNavi .usrInfo dd{
	margin-top:20px;
	font-size:14px;
	font-weight:bold;
	color:#666;
}
.headerNavi .usrInfo dd span{
	float:right;
	line-height:1;
	font-size:20px;
	color:#111;
}
.headerNavi .usrInfo dd .unit{
	float:none;
	margin-left:5px;
	font-size:15px;
	font-weight:normal;
}
.headerNavi .helpLink{
	font-size:12px;
	margin-top:20px;
}
.headerNavi .login + .helpLink{ margin:35px 0 20px; }

.headerNavi .helpLink li{
	margin-top:10px;
}
.headerNavi .helpLink li a{
	color:#666;
}
/* [PC]globalMenu
----------------------------------------------- */
#globalMenu{
	display: -webkit-flex;
	display:flex;
	margin:0 auto;
	padding: 0 0 50px 0;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #fff;
}
#globalMenu ul{
	width:643px;
	display: -webkit-flex;
	display:flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	line-height: 1;
	font-size: 16px;
}
#globalMenu ul li a{
	position:relative;
	display:inline-block;
	text-decoration:none;
}
#globalMenu ul li a:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-10px;
	background:#333;
	width:100%;
	height:1px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}
#globalMenu ul li a:hover:after{
	-webkit-transition:.3s;
	transition:.3s;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
#globalMenu .keywords{
	width:220px;
	margin-left:50px;
	padding-bottom:8px;
	border-bottom:1px solid #aaa;
	text-indent:4px;
}
#globalMenu .keywords input[type="text"]{
	margin-left:10px;
	width:180px;
	background:none;
	border:none;
}
/* footer
----------------------------------------------- */
#footer{
	margin-top:125px;
}
#footer ul{
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	font-size:13px;
}
#footer ul li{
	margin:10px;
}
#footer ul li a{
	color:#666;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#666;
	text-decoration:underline;
}
#footer .logo{
	width:172px;
	margin:75px auto 70px;
}
.windowFixBtn{ display:none; }

#footer .pageTop,
#footer .searchModalBtn{
	position:fixed;
	right:30px;
	bottom:30px;
	width:50px;
	height:50px;
	font-size: 0;
	line-height: 0;
	cursor:pointer;
	z-index:50;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#footer .searchModalBtn{
	right:100px;
	text-align:center;
}
#footer .searchModalBtn a,
#footer .pageTop a{
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;
	border:1px solid #ccc;
	background:rgba(255,255,255,.9);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#footer .searchModalBtn:hover,
#footer .pageTop:hover{
	opacity:.7;



}
#footer .pageTop:after{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width: 0;
	height: 0;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #ccc;
	}
#footer .searchModalBtn img{
	width:18px;
	height:18px;
	margin-top:14px;
}
#footer .copyright{
	padding:15px 0;
	color:#fff;
	font-size:12px;
	background:#ccc;
	line-height:1;
	letter-spacing:.05em;
	text-align:center;
}
/* contents
----------------------------------------------- */
.contents{
	max-width: 1096px;
	width:100%;
	margin:0 auto;
	padding:0 15px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* pankuzu
----------------------------------------------- */
#pankuzu{ margin-top:25px; }
#pankuzu ul{
	letter-spacing:-.4em;
}
#pankuzu ul.myFont{
	font-family: 'myFont','myFontN', sans-serif;
}
#pankuzu ul li{
	display:inline;
	letter-spacing:normal;
	color:#666;
}
#pankuzu ul li:not(:last-child):after{
	content:"/";
	padding:0 5px;
}
#pankuzu ul li a{
	text-decoration:none;
}
#pankuzu ul li a:hover{
	text-decoration:underline;
}
/* usrStep
----------------------------------------------- */
#usrStep{
	margin-top:75px;
}
#usrStep ul{
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: center;
	justify-content: center;
	font-size:20px;
	color:#ccc;
}
#usrStep ul .select{
	color:#000;
	font-weight:bold;
}
#usrStep ul li:not(:first-child):before{
	content:">";
	margin:0 10px;
	color:#ccc;
}

/* main
----------------------------------------------- */
#main{
	display:block;
}
#usrStep + #main{
	margin-top:80px;
}
/* --- checkItem  --*/
#checkItem{
	max-width:1064px;
	padding:0 15px;
	margin:120px auto 0;
}

/* error
----------------------------------------------- */
.errorHead{
	color: #F44336;
	font-weight: bold;
	margin-bottom: 30px;
	background-color: #ffe0e0;
	padding: 15px;
}

.errorHead span{
	display: block;
	font-size: 12px;
	margin-top:  2px;
}

.errorTxt{
	font-size: 12px;
	display: inline-block;
	margin-top: 7px;
	font-weight: bold;
	color: #F44336;
}
/* errorArea
----------------------------------------------- */
.errorArea{
	margin-bottom:30px;
	text-align:center;
}
.errorArea .message{
	margin:30px 0 30px;
	font-size:14px;
}
/* noData
----------------------------------------------- */
.noData{
	width:100%;
	margin:50px 0 120px;
	font-size:15px;
	text-align:center;

}
.noData .heading{ font-size:36px; }
.noData .note{
	margin-top:25px;
}
.noData .btn{ margin-top:35px; }
/*--------------------------------------------------------------------
 sp
--------------------------------------------------------------------*/
@media all and (max-width: 640px) {

/* parts
----------------------------------------------- */
	/* itemList */
	.itemList{ margin-top:30px; }
	.itemList li{ margin-bottom:25px; }

	.itemList li .status{
		margin-top:7px;
		font-size:10px;
		text-align: left;
	}
	.itemList li .data{
		margin-top:10px;
		color:#666;
	}
	.itemList li .data span{
		font-size: 13px;
		margin-top:3px;
		white-space: normal;
		text-overflow: inherit;
		overflow: auto;
	}
	.itemList li .data > span {
		text-align: left;
	}
	.itemList.list3Clm li{ width:100%; }
	.itemList.list4Clm li{ width:50% }
	.itemList.list5Clm li{ width:calc(100% / 3) }
	.itemList.list8Clm li{ width:calc(100% / 3) }

	*::-ms-backdrop, .itemList.list5Clm li{ width:20%; }
	*::-ms-backdrop, .itemList.list8Clm li{ width:12.5%; }

	/* colorchips */
	.colorchips {
		margin: 0px 8px;
		line-height: 1;
	}
	.colorchips .chip {
		width: 8px;
		height: 8px;
		display: inline-block;
		margin: 0 1px 2px 0;
		position: relative;
		border-radius: 10px;
	}

	.colorchips .c16:after {
		width:10px;
	}

	/* ranking */
	.itemList.ranking li a:before{
		width: 23px;
		height: 23px;
		line-height: 24px;
		font-size:10px;
	}
	/* secTtl */
	.secTtl{
		font-size: 25px;
		padding: 0 25px;
	}

	/* btn */
	.btn a,
	.btn input{
		width:100%;
		font-size:12px;
	}
	/* inputText */
	.inputText{
		font-size:11px;
	}
	/* ---- emailサジェスト --- */
	.ac_results ul li { font-size:11px; }

	/* select */
	.selectBox:after {
		border: 4px solid transparent;
		border-top: 7px solid #666;
	}
	.selectBox select { font-size:11px; }

	/* pager */
	#pager { margin: 25px 0; padding: 0 25px; }
	#pager ul{ padding:0 40px; }

	#pager ul li {
		margin:0 3px;
		line-height:38px;
		font-size:16px;
	}
	#pager ul .dotted {
		padding:0;
		margin:0;
	}
	#pager ul li .thisPage,
	#pager ul li a { padding:0 8px; }

	#pager ul .prev,
	#pager ul .next {
		margin:0;
		padding:0;
	}
	#pager ul .prev a,
	#pager ul .next a {
		width: 38px;
		height: 38px;
	}
	#pager ul .prev a:before,
	#pager ul .next a:before {
		width: 38px;
		height: 38px;
	}
	#pager ul .prev a:after{
		top: 15px;
		left: 11px;
		border: 4px solid transparent;
		border-right: 7px solid #666;
	}
	#pager ul .next a:after {
		top: 15px;
		right: 10px;
		border: 4px solid transparent;
		border-left: 7px solid #666;
	}

/* common
----------------------------------------------- */
	/* -- wrap -- */
	.wrap{
		position:relative;
		width:100%;
		padding-top:70px;
		min-width:320px;
	}
	html.open .wrap { padding-right:0; }

	/* -- header -- */
	#header{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		display: -webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		height:70px;
		padding:0 15px;
		background:#fff;
		box-sizing:border-box;
		z-index: 1001;
	}
	#header.fixed{
		position: fixed;
		height:54px;
		border-bottom:1px solid #fafafa;
		-webkit-transition:.2s;
		transition:.2s;
	}
	#header.hideHeader{
		-webkit-transform:translateY(-108px);
		transform:translateY(-108px);
	}
	#header .logo{
		top:50%;
		left:50%;
		width:160px;
		height: 45px;
		margin: -30px 0 0 -80px;
		-webkit-order:2;
		order:2;
	}
	#header .headerNavi{
		display: flex;
		width: 90px;
		padding:0;
		-webkit-order:3;
		order:3;
	}
	#header .headerNavi .searchModalBtn{ margin:0; }
	#header .headerNavi .searchModalBtn a{padding: 10px 8px;display: block;}
	#header .headerNavi .searchModalBtn a img{width: 19px;}
	#header .headerNavi .cart{ margin:0; }
	#header .headerNavi .cart a{ padding:10px; }

	#header .headerNavi .cart .count{
		left:21px;
		top:0;
	}
	#header .sideNavi {
		position: relative;
		display:block;
		width: 22px;
		height: 14px;
		padding:10px;
		cursor: pointer;
		overflow: hidden;
		-webkit-order:1;
		order:1;
	}
	#header .sideNavi:focus { outline:none; }
	#header .sideNavi:before,
	#header .sideNavi:after {
		content: '';
		position: absolute;
		top: 10px;
		left: 10px;
		width: 22px;
		height: 2px;
		background: #707070;
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		overflow: hidden
	}
	#header .sideNavi:after {
		top: auto;
		bottom: 10px;
	}
	#header .sideNavi span {
		position: absolute;
		top: 16px;
		left: 10px;
		width: 22px;
		height: 2px;
		background: #707070;
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
		-webkit-backface-visibility: hidden;

		backface-visibility: hidden;
		overflow: hidden
	}

	/* -- footer -- */
	#footer{ margin-top:60px; }

	#footer ul{
		display:block;
		font-size: 13px;
	}
	#footer ul li{ margin:15px 25px; }

	#footer .logo{
		width:97px;
		margin:50px auto;
	}
	#footer .copyright{ font-size:11px; }

	#footer .snsLink{
		margin:0 25px;
		padding:30px 0 15px;
		border-top:1px solid #ccc;
	}
	#footer .socialBtn{
		display: -webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		font-size:32px;
	}
	#footer .socialBtn a{
		color:#ccc;
		-webkit-tap-highlight-color:rgba(255,255,255,0);
	}

	#footer .socialBtn li{
		position:relative;
		width:40px;
		margin:0 12px;
		text-align:center;
	}
	#footer .socialBtn .facebook{ margin-top:-3px; }
	#footer .socialBtn .twitter{ margin-top:-1px; }

	#footer .socialBtn li:after{
		opacity:0;
		content:'';
		position: absolute;
		left: 17px;
		bottom: -10px;
		width: 0;
		height: 0;
		font-size: 0px;
		line-height: 1;
		border: 4px solid transparent;
		border-bottom: 6px solid #666;
		-webkit-transform:translateY(10px);
		transform:translateY(10px);
	}
	#footer .socialBtn li.open:after{
		opacity:1;
		-webkit-transition:.3s .5s;
		transition:.3s .5s;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	#footer .socialBtn li.open a{ color:#666; }

	#footer .socialBtn .twitter a i,
	#footer .socialBtn .facebook a i{
		font-size:25px;
	}
	#footer .socialBtn .line a i{
		position:relative;
		margin-top:11px;
	}
	#footer .socialBtn .envelop a i{
		font-size:28px;
	}
	#footer .socialBtn .line a i:before{
		content:'';
		display:block;
		position:relative;
		width:30px;
		height:28px;
		background:url(../img/line_ico.svg) no-repeat left top;
		background-size:cover;
		opacity:.20;
	}
	#footer .socialBtn .line.open a i:before{
		opacity:.60;
	}
	#footer .brandList{
		display:block;
		margin:0 -25px;
		padding:0;
		overflow:hidden;
		opacity:0;
		background:#666;
		-webkit-transition:opacity .5s;
		transition: .5s;
	}
	#footer .brandList li{
		background:#666;
		margin:0;
		max-height:0;
		-webkit-transform:translate(0, -25px);
		transform:translate(0, -25px);
	}

	#footer .brandList.open{
		margin:10px -25px 0;
		opacity:1;
	}
	#footer .brandList.open li{
		max-height:40px;
		transform:translate(0, 0);
		-webkit-transition:transform .5s;
		transition:transform .5s;
	}
	#footer .brandList.open li:first-child{ padding-top:15px; }
	#footer .brandList.open li:last-child{ padding-bottom:15px; }
/*
	#footer .brandList.open li:nth-child(2){ transition-delay:.1s; }
	#footer .brandList.open li:nth-child(3){ transition-delay:.2s; }
	#footer .brandList.open li:nth-child(4){ transition-delay:.3s; }
	#footer .brandList.open li:nth-child(5){ transition-delay:.4s; }
	#footer .brandList.open li:nth-child(6){ transition-delay:.5s; }




	#footer .brandList.open li:nth-child(7){ transition-delay:.6s; }
	#footer .brandList.open li:nth-child(8){ transition-delay:.7s; }
	#footer .brandList.open li:nth-child(9){ transition-delay:.8s; }
	#footer .brandList.open li:nth-child(10){ transition-delay:.9s; }
	#footer .brandList.open li:nth-child(11){ transition-delay:1s; }
*/
	#footer .brandList li a{
		display:block;
		color:#fff;
		padding:10px 25px;
	}
	#footer .searchModalBtn,
	#footer .pageTop{
		right:10px;
		bottom:15px;
		width:46px;
		height:46px;
	}
	#footer .searchModalBtn{ right:65px; }

	#footer .pageTop:after{
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 9px solid #ccc;
	}
	#footer .pageTop.bottom,
	#footer .pageTop.bottom + .searchModalBtn{
		position:absolute;
		bottom:56px;
		-webkit-transition:.3s;
		transition:.3s;
	}
	/* -- contents -- */
	.contents{ padding:0; }
	#main { padding:0 25px; }

	/* -- pankuzu -- */
	#pankuzu{
		width:100vw;
		padding: 0 25px;
		margin:0;
		line-height:30px;
		background: #fff;
		overflow-x:scroll;
		box-sizing: border-box;
	}
	#pankuzu ul{
		white-space:nowrap;
	}
	#pankuzu ul li{
		white-space:nowrap;
	}

	/* -- usrStep -- */
	#usrStep{
		margin-top:25px;
	}
	#usrStep ul{
		font-size:13px;
		font-weight:normal;
	}
	#usrStep ul li:not(:first-child):before{
		margin:0 5px;
	}
	/* -- main -- */
	#usrStep + #main{
		margin-top:35px;
	}

	/* -- pageTtl -- */
	.pageTtl,
	#pankuzu + .pageTtl{ margin-top: 35px; }

	.pageTtl + #main { margin-top: 35px; }
	/* .noData */
	.noData{
		padding: 0 25px;
		box-sizing: border-box;
	}
	.noDta .heading{
		font-size:18px;
	}
	.noData .note {
	  font-size:12px;
	}
	/* -- checkItem -- */
	#checkItem{

		margin-top:70px;
		padding:0;
	}
	#checkItem .itemList li:nth-child( n+10 ){ display:none; }


/* Navimenu（SPのみ）
----------------------------------------------- */
	.naviWrapper {
		display:block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		pointer-events: none;
		z-index: 1001;
	}
	/* overlay */
	.naviOverlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(34,34,34,.5);
		opacity:0;
		pointer-events: none;
		-webkit-transform: translatez(0);
		transform: translatez(0);
	}
	.naviOverlay .dispChange {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 23px;
		height: 23px;
		opacity: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.naviOverlay .dispChange:before,
	.naviOverlay .dispChange:after {
		content: "";
		position: absolute;
		top: 22px;
		left: -1px;
		width: 25px;
		height: 1px;
		background: #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: .3s;
		transition: .3s;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.naviOverlay .dispChange:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	/* navi */
	.navi {
		display:block;
		position: relative;
		top: 0;
		left: -80%;
		width: 80%;
		height: 100%;
		background: #fff;
		font-size: 12px;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: .5s;
		transition: .5s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		will-change: transform, opacity;
	}
	.naviInner {
		position: relative;
		height: 100%;
		font-size: 13px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	/* open */
	.open,
	.searchOpen { overflow-y:scroll; }
	.open body,
	.searchOpen body { overflow:hidden }

	.open .naviWrapper,
	.searchOpen .naviWrapper {
		position: fixed;
		height: 100%;
		pointer-events: initial;
	}
	.open .naviOverlay {
		opacity:1;
		pointer-events: initial;
	}
	.open.disable .naviOverlay {
		background:rgba(34,34,34,.2);
	}
	.naviWrapper .navi.naviOpen {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	/* sideMenu */
	#sideMenu {
		display: block;
		padding: 10px 25px 80px;
	}
	#sideMenu > ul{
		padding:15px 0;
		border-bottom:1px solid #ccc;
	}
	#sideMenu .ttl{ margin:20px 0 0; }

	#sideMenu ul li a{
		display:block;
		text-decoration:none;
		padding:10px 0;
	}
	#sideMenu .favItem{
		display: -webkit-flex;
		display:flex;
	}
	#sideMenu .favItem li{
		padding:5px 0 10px;
		width:calc(100% / 3);
	}
	#sideMenu .favItem li a{ padding:0; }

	#sideMenu .account span{
		float:right;
		padding-right:15px;
		color:#f99;
	}
	#sideMenu .social{ border-bottom:none; }

	#sideMenu .social a i{
		display:inline-block;
		vertical-align:middle;
		font-size:18px;
		width:30px;
		text-align:center;
		margin-right:15px;
	}
	#sideMenu .social a{ color:#666; }
	#sideMenu .social a:not([href]){ color:#000 }
	#sideMenu .social a i{ color:#666; }
	#sideMenu .social .instagram a i{ font-size:22px; }

	#sideMenu .social .line a i{
		position: relative;
	}
	#sideMenu .social .line a i:before{
		content: '';
		position: relative;
		display: block;
		width: 21px;
		height: 23px;
		margin:0 auto;
		background: url(../img/line_ico.svg) no-repeat left top;
		background-size: 21px auto;
		opacity: .60;
	}
	#sideMenu .social .brandList{
		margin-top:-5px;
		padding-bottom:10px;
	}
	#sideMenu .social .brandList li a{
		padding:0 45px;
		max-height:0;
		color:#666;
		opacity:0;
		overflow:hidden;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-transition: .5s;
		transition: .5s;
		-webkit-transform: translate(0, -25px);
		transform: translate(0, -25px);
	}
	#sideMenu .social .brandList.open li a{
		max-height:45px;
		padding:5px 45px;
		opacity:1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

/* Navimenu（SPのみ）
----------------------------------------------- */
	#searchWindow {
		opacity:0;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		/* height:100%; */
		z-index: 1002;
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
		-webkit-transition:.3s;
		transition:.3s;
		pointer-events: none;
	}
	#searchWindow.open {
		opacity:1;
		pointer-events: initial;
		-webkit-transform:translateY(0%);
		transform:translateY(0%);
	}
	#searchWindow.scroll{ height:100%; }

	#searchWindow .inner{
		position:relative;
		height:100%;
		overflow-y:scroll;
		background: #fff;
		box-sizing: border-box;
		padding: 28px 12px 40px;
		-webkit-transform: translatez(0);
		-webkit-transform: translate3d(0,0,0);
	}
	#searchWindow .closeBtn {
		position: absolute;
		top: 24px;
		right: 19px;
		width: 23px;
		height: 23px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#searchWindow .closeBtn:before,
	#searchWindow .closeBtn:after {
		content: "";
		position: absolute;
		top: 10px;
		left: -1px;
		width: 25px;
		height: 1px;
		background: #666;
		-webkit-transition: .5s .5s ease;
		transition: .5s .5s ease;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	#searchWindow.open .closeBtn:before{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#searchWindow.open .closeBtn:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#searchWindow .ttl {
		font-size: 13px;
		text-align: center;
	}
	#searchWindow .searchBox { margin-top: 20px; }
	#searchWindow .searchBox .inputText {
		padding:16px 20px 14px;
		font-size:11px;
	}
	#searchWindow .selectBox { margin-top:10px; }
	#searchWindow .selectBox select { padding:16px 35px 14px 20px; border:1px solid #ccc; }

	#searchWindow .submitBtn {
		margin-top: 30px;
		text-align:center;
	}
	#searchWindow .submitBtn input {
		width:240px;
		height:45px;
		line-height:43px;
	}
}

/*増税*/
.upTax{
	display:block;


	font-size:13px;
	padding: 15px;
	border: #ccc solid 1px;
	margin-bottom: 25px;
}

.upTax strong{
	display:block;
	color:#ff4c56;
	margin-bottom:10px;
}

.upTax.UTitem{
	margin-bottom: -15px;
	margin-top: 20px;
}
/* ゲスト購入
----------------------------------------------- */

.amount .btn.secondaryBtn{
	margin-top: 10px !important;
}

.amount .btn.primaryBtnGuest{
    border-top: #ddd solid 1px;
    padding-top: 15px;
    margin-top: 15px;
}

.guestInfo{
    max-width: 750px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    border: solid 1px #666;
    margin-bottom: 35px;
    font-size: 14px;
    line-height: 1.5;
    margin-top: -30px;
    margin-bottom: 60px;
}

.guestInfo.gic{
    max-width: 100%;
    width: 100%;
    text-align: center;
}

@media (max-width: 640px) {
    .guestInfo{
        margin: 0 auto 35px auto;
        font-size: 12px;
        padding: 15px;
    }
}