@charset "euc-jp";
/*common*/
*{margin:0;padding:0;font-style:normal;box-sizing:border-box;}
li{list-style:none;}

html{font-size:62.5%;}
body{
	width:100%;
	min-width:1096px;
	overflow-x:hidden;
	font-size:1.0rem;
	line-height:1.5;
	color:#000;
	background-image:none!important;
	border-top:0;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
body:before{
	content:"";
	display:block;
	width:100%;
	height:102px;
}
.container{width:100%;max-width:initial;max-width:auto;font-size:1.4rem;}
h2.enTitle,h2 *.enTitle,#drasticaFooter .copyright{font-family:'Karla', sans-serif;}
#makebanner{width:100%;}
.container a{color:#000;}
.container a:hover{color:#de0010;}
.container *.hideEl{display:none!important;}


/* drasticaHeader */
#drasticaHeader{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	padding:12px 50px 10px;
	background-color:#fff;
	line-height:1.0;
	z-index:1000;
}
#drasticaHeader .logo{width:222px;}
#drasticaHeader .logo img{width:100%;}
#drasticaHeader ul{
	display:block;
	text-align:right;
}
#drasticaHeader li{display:inline-block;}
#drasticaHeader li a{
	color:#000;
	text-decoration:none;
}
#drasticaHeader li a,
#drasticaHeader li a img{width:100%;display:block;transition:all 0.4s;}
#drasticaHeader li a:hover{opacity:0.8;color:#de0010;}
#drasticaHeader ul.globalMenus{
	width:calc(100% - 484px);
	margin-right:100px;
	font-size:1.5rem;
}
#drasticaHeader ul.globalMenus li+li{margin-left:26px;}
#drasticaHeader .iconMenus{width:150px;}
#drasticaHeader .iconMenus li{width:28px;}
#drasticaHeader .iconMenus li+li{margin-left:15px;}
#drasticaHeader .iconMenus{width:164px;}
#drasticaHeader .iconMenus li+li{margin-left:13px;}
#drasticaHeader li a{transition:opacity 0.4s;}
#drasticaHeader li a:hover{opacity:0.7;}
#headerSearch{
	width:100%;
	position:fixed;
	top:102px;
	left:0;
	padding:20px 10px;
	text-align:center;
	background-color:#eee;
	transition:transform 0.4s;
	transform-origin:center top;
	transform:translateY(-68px);
	z-index:999;
}
#MakeShopTopSearchInput{
	width:800px;
	padding:0 8px 4px;
	margin:0 auto;
	border:none;
	border-bottom:2px solid #000;
	background-color:transparent;
	font-size:18px;
	line-height:1.0;
}
#MakeShopTopSearchInput:focus{outline:none;}
#MakeShopTopSearchButton{
	width:24px;
	height:24px;
	position:absolute;
	top:18px;
	left:calc(50% + 372px);
	background:url(https://gigaplus.makeshop.jp/drastica/img/common/search-btn-black.png) no-repeat center center/contain;
	font-size:0;
	transition:opacity 0.4s;
}
#MakeShopTopSearchButton:hover{opacity:0.7;}
.searchPopOpen #headerSearch{transform:translateY(0);}

/*drasticaFooter*/
#drasticaFooter{
	width:100%;
	padding:80px 0;
	padding-right:calc(50% - 540px);
	padding-left:calc(50% - 540px);
	background-color:#000;
	color:#fff;
}
#drasticaFooter *{line-height:1.0;}
#drasticaFooter a{
	color:#fff;
	text-decoration:none;
}
#drasticaFooter .ftShopData{
	width:340px;
	float:left;
	text-align:left;
}
#drasticaFooter .ftShopData p{
	margin-top:15px;
	font-size:1.5rem;
}
#drasticaFooter .ftLogo{
	width:222px;
	margin-bottom:30px;
}
#drasticaFooter .ftMenus{
	width:575px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	box-sizing:border-box;
	float:right;
	margin-top:112px;
	padding-right:170px;
	text-align:left;
}
#drasticaFooter .ftMenus li{
	display:block;
	width:50%;
	font-size:1.5rem;
}
#drasticaFooter .ftMenus li:nth-child(n+3){margin-top:14px;}
#drasticaFooter .copyright{
	display:block;
	clear:both;
	width:100%;
	padding-top:54px;
	text-align:left;
}

/*main-contents*/
.main-contents{overflow:hidden;}
#category.main-contents,
#search.main-contents{margin-bottom:60px;}
.main-contents h2{margin:0;}
.main-contents ul{margin:0;}