@charset "UTF-8";

/* ===================================================================
	01 section-attention (Disable)
	02 hedaer
	03 section-title
	04 subNav01
	05 search
	06 subNav02
	07 subNav03
	08 gNav
	09 subNavBox01
	10 subNavBox02
	11 subNavBox03
	12 gNavBox01
	13 gNavBox02
=================================================================== */

/* 01 section-attention (Disable)
--------------------------------------------------------------------*/

	.section-attention {
		background:#e50019;
		height:50px;
		background:url(/static/full/images/headline/bnr_img_02.jpg) no-repeat center;
		background-size: auto 100% ;
	}
	.section-attention .box {
		width:1050px;
		text-align:left;
		margin:0 auto;
	}
	.section-attention ul {
		padding:10px 0 0 98px;
	}
	.section-attention ul li {
		float:left;
	}
	/*
	.section-attention .date {
		background:url(/static/full/images/header/header_bnr_01.jpg) no-repeat;
		width:68px;
		height:56px;
		padding:12px 10px 0 0;
		display:inline-block;
		margin:0 12px 0 0;
	}
	.section-attention .date span {
		display:block;
		font-family: 'Montserrat', sans-serif;
		font-size:12px;
		text-align:center;
	}
	.section-attention .btn {
		display:inline-block;
		margin:20px 0 0 22px;
	}
	.section-attention .btn a {
		background:url(/static/full/images/header/header_allow_01.jpg) no-repeat right center #fff;
		width:178px;
		height:24px;
		padding-top:8px;
		display:block;
		font-size:13px;
		font-weight:bold;
		letter-spacing:1px;
		border-radius:15px;
		text-align:center;
	}
*/


/* 02 hedaer
--------------------------------------------------------------------*/

#header {
	width:100%;
}
.header {
	background:#fff;
	border-bottom:1px solid #aeaeae;
}
.header.fixed {
	padding:79px 0 0;
}
.header .logo {
	font-size:38px;
	line-height:1em;
	font-family: 'Montserrat', sans-serif;
	padding: 67px 0 42px;
	line-height: 36px;
}
/*==== ブランドLogo配置分け ====*/
.header .logo.sm2,
.header .logo.tec,
.header .logo.ehk {
	padding: 67px 0 42px;
}
.header .logo.tet,
.header .logo.gre,
.header .logo.luc,
.header .logo.smb,
.header .logo.sml,
.header .logo.mnq,
.header .logo.tcc,
.header .logo.tsuharu {
	padding: 42px 0 31px;
}


/*==== 性別タブ分け ====*/
.header .mainTab {
	font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 55px;
}
.header .mainTab li {
	display: inline-block;
    padding: 0 40px;
}
.mainTab li a {
}
.mainTab li a:hover {
	opacity: 0.7;
}
.mainTab li.select a {
	background: #000;
    color: #fff;
    line-height: 0.8em;
    padding: 4px 12px;
    display: inline-block;
    border-radius: 10px;
}

/* 03 section-title
--------------------------------------------------------------------*/

.section-title {
/*	background:#272727;
	border-bottom:1px solid #dadada;*/
	margin: 0 auto;
	padding-bottom: 16px;
	min-height:65px;
	width:100%;
/*	min-height:78px;
	min-width:1050px;*/
}
.section-box{
	margin: 0 auto;
	width:1260px;
}

.section-title.fixed {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:2000;
	background:#fff;
/*    border: #E6E6E6 1px solid;*/
}
.section-title .logo {
	color:#000000;
	font-size:36px;
	font-family: 'Montserrat', sans-serif;
	padding:26px 0 0 50px;
	float:left;
}
.section-title .logo a:link {color:#000000; text-decoration:none;}
.section-title .logo a:visited {color:#000000; text-decoration:none;}
.section-title .logo a:hover {color:#000000; text-decoration:none; cursor:pointer;}
.section-title .logo a:active {color:#000000;}


/* caution
--------------------------------------------------------------------*/

.section-title .header_caution {
	background: url(/static/full/images/header/header_icon_01.jpg) no-repeat 10px center;
	display: inline-block;
	margin: 20px 0 0 20px;
	padding: 6px 15px 6px 32px;
	border-radius: 5px;
	float: left;
	color: #000000;
	width: 298px;
	text-align: left;
}
.section-title .header_caution a {
	position: relative;
	display: inline-block;
	transition: .3s;
	color: #000000;
	text-decoration: underline;
}

.section-title .header_tagline_list {
	height: 32px;
	position: relative;
}
.section-title .header_tagline_item {
	display: block;
	width: 100%;
	color: #1e1e1e;
	font-size:12px;
	line-height:1.2;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.section-title .header_tagline_text {
	display: block;
	font-size:12px;
	line-height:1.2;
}

/* 04 subNav
--------------------------------------------------------------------*/

.subNav-box{
	background: #E8C352;
	width: 100%;
	padding:13px 0;
}
.subNav-box-wrap{
/*    display: flex;*/
    vertical-align: middle;
	width: 1260px;
    min-height: 23px;
	margin: 0 auto;
	padding: 0 0px;
/*	float: right;*/
/*    text-align: left;*/
}


/* subNav01 / cart fav
--------------------------------------------------------------------*/

.subNav01 {
	display: inline-block;
	vertical-align: middle;
    float: right;
    padding: 0 50px 0 0;
}
.subNav01 ul {
/*	display: flex;*/
}
.subNav01 li.nav01,
.subNav01 li.nav02,
.subNav01 li.nav03 {
	position:relative;
	float:left;
	width:25px;
	height:25px;
}
.subNav01 li .nav a {
	display:inline-block;
	width:25px;
	height:25px;
	text-indent:-9999px;
}


.subNav01 .nav01 {
	margin-right:22px;
}
.subNav01 .nav01 .nav a {
	background:url(/static/full/images/header/header_icon_03.svg) no-repeat left top;
}
.subNav01 .nav01 .nav a:hover {
	padding-bottom:42px;
}
.subNav01 .nav01 .no {
	position:absolute;
	display:block;
	padding-top:3px;
	width:18px;
	height:15px;
	top:-5px;
	right:-5px;
	font-family: 'Montserrat', sans-serif;
	font-size:10px;
	color:#fff;
	background:#333333;
	border-radius:50%;
	text-indent:0px;
}

.subNav01 .nav02 {
	margin-right:16px;
}
.subNav01 .nav02 .nav a {
	background:url(/static/full/images/header/header_icon_04.svg) no-repeat left top;
}

.subNav01 .nav03 .nav {
	position: relative;
    display: block;
}
.subNav01 .nav03 .nav a {
	background: url(/static/full/images/header/header_icon_05.svg) no-repeat center center;
    display: inline-block;
    position: absolute;
    left: -20px;
    top: -30px;
    padding: 30px 20px;
}
.subNav01 .nav03 .nav a:hover {
	/* padding-bottom:42px; */
}



/* 05 search
--------------------------------------------------------------------*/

.search {
	position:relative;
	display: flex;
	float:right;
	margin:23px 57px 0 0;
/*	width:274px;*/
}
.search .box {
/*	width:177px;*/
/*	float:left;*/
}
.search .box:hover {
/*	padding-bottom:24px;*/
}
.search form {
	display:inline-block;
	float:left;
	padding:2px;
	width: 184px;
	height:30px;
	font-size:12px;
	background:#fff;
	border:1px solid #CCCCCC;
	border-radius: 5px;
}
.search input[type="text"] {
	float:left;
	padding:5px 10px;
	border:none;
	color:#4D4D4D;
	width: 134px;
}
.search input.color::-webkit-input-placeholder {
	letter-spacing:1px;
	font-weight:bold;
	color:#7e7e7e;
	font-size:11px;
}

.search .search_btn {
	float:left;
    margin-right: 10px;
    padding: 0px;
	height:30px;
	width:20px;
	background:url(/static/full/images/header/header_icon_02.svg) no-repeat right center ;
	border:none;
	text-indent:-9999px;
}
.search .btn {
/*	float:right;*/
/*	width:71px;
	height:28px;*/
padding: 7px 35px 7px 18px;
}
.search .btn a {
	display:block;
	padding-top:6px;
	font-size:12px;
	text-align:center;
	border-bottom:1px solid #333333;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


/* 06 subNav02 / 会員
--------------------------------------------------------------------*/

.subNav02 {
	display: inline-block;
	vertical-align: middle;
    float: right;
}
.subNav02 ul {
	padding:0px 10px 0px 0;
/*	display: flex;*/
}
.subNav02 li {
	display: inline-block;
	vertical-align: middle;
/*	float:left;*/
}
.subNav02 li a {
	display:block;
	padding:0px 30px;
	height: 23px;
	color: #fff;
	text-decoration: underline;
}

.subNav02 .nav01 {
    display: inline-block;
    line-height: 23px;
	background:url(/static/full/images/header/header_icon_login.svg) no-repeat left center;
}
.subNav02 .nav02 {
    display: inline-block;
    line-height: 23px;
	background:url(/static/full/images/header/header_icon_reg.svg) no-repeat left center;
}

.subNav02 li a:link {color:#fff; text-decoration:underline;}
.subNav02 li a:visited {color:#fff; text-decoration:underline;}
.subNav02 li a:hover {color:#fff; text-decoration:underline; cursor:pointer;}
.subNav02 li a:active {color:#fff;}

/* 07 subNav03 / header SNS
--------------------------------------------------------------------*/

.subNav03 {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 0;
}
.subNav03 ul {
	display: grid;
    justify-content: start;
    align-items: center;
    gap: 0 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.subNav03 li a {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.subNav03 li a:hover {
	opacity: 0.8;
}


/* 08 gNav
--------------------------------------------------------------------*/
#gNav {
	display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 4px 0 0 50px;
}
#gNav .cat-all {
	display: flex;
}
#gNav .cat-all > li {
	display:block!important;
	padding-left: 30px;
	font-size:14px;
	text-align:left;
    position: relative;
}
#gNav .cat-all > li:first-child {
	padding-left: 0px;
}

#gNav .cat-all > li a {
	display:block;
	color: #fff;
}



/* 09 subNavBox01
--------------------------------------------------------------------*/

.subNavBox01 {
	position:absolute;
	top:44px;
	left:0;
	width:264px;
	background:#f6f6f6;
	border:1px solid #a7a6a7;
	padding:15px 17px 10px 17px;
	text-align:left;
	z-index:1000;
	border-radius:4px;
	display:none;
}
.subNavBox01:after, .subNavBox01:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.subNavBox01:after {
	border-color: rgba(0, 0, 0, 0);
	opacity: 1;
	border-bottom-color: #f6f6f6;
	border-width: 7px;
	margin-left: -7px;
}
.subNavBox01:before {
	border-color: rgba(224, 224, 224, 0);
	opacity: 1;
	border-bottom-color: #a7a6a7;
	border-width: 8px;
	margin-left: -8px;
}
.subNavBox01 h4 {
	background:url(/static/full/images/header/menu_icon_01.jpg) no-repeat left top;
	font-size:12px;
	padding:2px 0 16px 22px;
}
.subNavBox01 li {
	height:20px;
	float:left;
	margin:0 18px 8px 0;
	position: relative;
	background:#a7a6a7;
	box-shadow: 1px 1px #848484;
	border-radius:1px;
	position:relative;
}
.subNavBox01 li:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid #848484;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 1px;
    left: 100%;
	z-index:100;
}
.subNavBox01 li a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid #a7a6a7;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0px;
    left: 100%;
	z-index:200;
}
.subNavBox01 li a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid #a7a6a7;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0px;
    left: 100%;
	z-index:150;
	margin-left:-1px;
}
.subNavBox01 li a {
	padding:5px 2px 5px 8px;
	display:block;
	font-size:11px;
	line-height:1em;
}
.subNavBox01 li a:link {color:#fff; text-decoration:none;}
.subNavBox01 li a:visited {color:#fff; text-decoration:none;}
.subNavBox01 li a:hover {color:#fff; text-decoration:underline; cursor:pointer;}
.subNavBox01 li a:active {color:#fff;}


/* 10 subNavBox02
--------------------------------------------------------------------*/

.subNavBox02 {
	position:absolute;
	top:42px;
	left:-180px;
	width:254px;
	background:#F8F3E4;
	border:1px solid #a7a6a7;
	padding:25px 17px 28px 17px;
	text-align:center;
	border-radius:4px;
	z-index:1000;
	display:none;
}
.subNavBox02:after, .subNavBox02:before {
	bottom: 100%;
	left: 194px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.subNavBox02:after {
	border-color: rgba(0, 0, 0, 0);
	opacity: 1;
	border-bottom-color: #f6f6f6;
	border-width: 7px;
	margin-left: -7px;
}
.subNavBox02:before {
	border-color: rgba(224, 224, 224, 0);
	opacity: 1;
	border-bottom-color: #a7a6a7;
	border-width: 8px;
	margin-left: -8px;
}
/* カートが空 */
.subNavBox02 .empty {
	font-size:14px;
	color:#131313;
}
/* それ以外 */
.subNavBox02 .text {
	font-size:12px;
	margin-bottom:23px;
	font-weight:bold;
}
.subNavBox02 .text span {
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	color:#ef201e;
	padding-right:5px;
	display:inline-block;
}
.subNavBox02 .total {
	border:1px solid #cecece;
	background:#fff;
	padding:10px 5px;
	border-radius:5px;
	margin-bottom:23px;
}
.subNavBox02 .total .sub {
	padding-right:10px;
}
.subNavBox02 .total .price {
	color:#ef201e;
	display: inline;
}
.subNavBox02 .total .big {
	color:#ef201e;
	font-size:21px;
	font-weight:bold;
	letter-spacing:1px;
}
.subNavBox02 .btn a {
	width:162px;
	height:16px;
	background:url(/static/full/images/detail/addcart.svg) no-repeat 46px center #D8AB30;
	padding:10px 10px 10px 30px;
	margin:0 auto;
	font-size:14px;
	display:block;
	text-align:center;
	border-radius:5px;
}
.subNavBox02 .btn a:link {color:#fff; text-decoration:none;}
.subNavBox02 .btn a:visited {color:#fff; text-decoration:none;}
.subNavBox02 .btn a:hover {color:#fff; text-decoration:underline; cursor:pointer;}
.subNavBox02 .btn a:active {color:#fff;}


/* 11 subNavBox03
--------------------------------------------------------------------*/

.subNavBox03 {
	position:absolute;
	top:42px;
	right:-15px;
	width:234px;
	background:#f6f6f6;
	border:1px solid #a7a6a7;
	text-align:left;
	z-index:1000;
	border-radius:4px;
	display:none;
}
.subNavBox03:after, .subNavBox03:before {
	bottom: 100%;
	right: 19px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.subNavBox03:after {
	border-color: rgba(0, 0, 0, 0);
	opacity: 1;
	border-bottom-color: #f6f6f6;
	border-width: 7px;
	margin-left: -7px;
}
.subNavBox03:before {
	border-color: rgba(224, 224, 224, 0);
	opacity: 1;
	border-bottom-color: #a7a6a7;
	border-width: 8px;
	margin-left: -8px;
}
.subNavBox03 ul {
	padding:12px 19px 18px 19px!important;
}
.subNavBox03 li {
	border-bottom:1px solid #a7a6a7;
	margin-bottom:10px;
}
.subNavBox03 li a {
	width:100%;
	padding:18px 0;
	background:url(/static/full/images/header/menu_icon_03.jpg) no-repeat right center;
	text-indent:0;
	display:block;
}


/* 12 gNavBox01
--------------------------------------------------------------------*/

.gNavBox01 {
	position: absolute;
    top: 36px;
    left: 0;
    width: 800px;
    background: #fff;
    border: 1px solid #a7a6a7;
    text-align: left;
    z-index: 1000;
    margin-left: -165px;
    display: none;
}
.gNavBox01:after, .gNavBox01:before {
	bottom: 100%;
    left: 222px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.gNavBox01:after {
	border-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.gNavBox01:before {
	border-color: rgba(224, 224, 224, 0);
    opacity: 1;
    border-bottom-color: #a7a6a7;
    border-width: 11px;
    margin-left: -11px;
}
.gNavBox01 ul {
	padding:39px 0 11px 39px;
}
.gNavBox01 ul li {
	width:150px;
	display:inline-block!important;
	float:left;
	margin:0 40px 28px 0;
}
.gNavBox01 ul li a {
	padding:0!important;
}
.gNavBox01 ul li a:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}


/* 13 gNavBox02 / カテゴリー
--------------------------------------------------------------------*/

.subNav04 {
	display: inline-block;
	vertical-align: middle;
	float: left;
    margin: 4px 0 0 50px;
}
.subNav04 .nav04 .nav a {
	background:url(/static/full/images/header/header_icon_06.png) no-repeat left top;
	position: absolute;
    top: -9px;
    left: 3px;*/
	height: 34px;*/
}

.subNav01 .nav04 .nav.circle a {
	background:url(/static/full/images/header/header_icon_07.png) no-repeat left top;
    position: absolute;
    top: -9px;
    left: 3px;
    height: 34px;
    width: 34px;
}

.gNavBox02 {
	display: none;
    position: absolute;
    top: 36px;
    left: 0;
    width: 308px;
    background: #fff;
    border: 1px solid #a7a6a7;
    text-align: left;
    z-index: 1000;
    margin-left: -92px;
}
.gNavBox02:after, .gNavBox02:before {
	bottom: 100%;
	left:50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.gNavBox02:after {
	border-color: rgba(0, 0, 0, 0);
	opacity: 1;
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.gNavBox02:before {
	border-color: rgba(224, 224, 224, 0);
	opacity: 1;
	border-bottom-color: #a7a6a7;
	border-width: 11px;
	margin-left: -11px;
}
.gNavBox02 ul {
	padding:10px 28px 10px 28px;
}
.gNavBox02 ul li {
	display:block!important;
	border-bottom:1px solid #a7a6a7;
}
.gNavBox02 ul li.snav11 {
	border-bottom:none;
}
.gNavBox02 ul li a {
	padding:22px 0 22px 0;
	font-size:14px;
	display:block;
	text-align:left;
	color: #131313 !important;
}
/* .gNavBox02 ul li.snav01 a {
	background:url(/static/full/images/header/menu_icon_04.jpg) no-repeat left center;
}
.gNavBox02 ul li.snav02 a {
	background:url(/static/full/images/header/menu_icon_05.jpg) no-repeat left center;
}
.gNavBox02 ul li.snav03 a {
	background:url(/static/full/images/header/menu_icon_06.jpg) no-repeat left center;
}
.gNavBox02 ul li.snav04 a {
	background:url(/static/full/images/header/menu_icon_07.jpg) no-repeat left center;
}
.gNavBox02 ul li.snav05 a {
	background:url(/static/full/images/header/menu_icon_08.jpg) no-repeat left center;
}
.gNavBox02 ul li.snav06 a {
	background:url(/static/full/images/header/menu_icon_09.jpg) no-repeat left center;
}
.gNavBox02 ul li.snav07 a {
	background:url(/static/full/images/header/menu_icon_10.jpg) no-repeat left center;
}
.gNavBox02 ul li.snav08 a {
	background:url(/static/full/images/header/menu_icon_11.jpg) no-repeat left center;
}
.gNavBox02 ul li.snav09 a {
	background:url(/static/full/images/header/menu_icon_12.jpg) no-repeat left center;
} */
.gNavBox02 ul li a:link {text-decoration:none;}
.gNavBox02 ul li a:visited {text-decoration:none;}
.gNavBox02 ul li a:hover {text-decoration:none; cursor:pointer;}
.gNavBox02 ul li a:active {font-weight:bold;}