@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;}