@charset "utf-8";

.pc {display:initial;}
.sp {display:none;}

#main_space {}
#main_space * {
	font-family:Yu Gothic, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight:500;
	box-sizing:border-box;
}
#main_space .container {
	width:100%;
	max-width:100%;
	padding:0;
}
#main_space .container .inner {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	line-height:1.8;
}
#main_space .container .inner a {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-opacity:1.0;
	opacity:1.0;
	filter:alpha(opacity=100);
}
#main_space .container .inner a:hover {
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#main_space .container.x3 .inner {
	padding:48px 0;
	background-color:#f6f4f0;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
#main_space .container.x3 .inner ul {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	flex-wrap:wrap;
}
#main_space .container.x3 .inner ul li {
	width:300px;
	height:162px;
	background-color:#6c998b;
	margin:0 15px 25px;
	position:relative;
	border:solid 3px #6d998b;
	flex-direction:column;
	text-align:center;
	line-height:1.2;
}
#main_space .container.x3 .inner ul li p {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	z-index:10;
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
}
#main_space .container.x3 .inner ul li span {
	font-size:44px;
	font-weight:bold;
	color:#fdcc37;
	line-height:1;
	padding:5px 0;
}
#main_space .container.x3 .inner ul li:after {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:solid 3px #fff;
	box-sizing:border-box;
	z-index:10;
}
#main_space .container.x3 .inner ul li:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:solid 3px #61897d;
	box-sizing:border-box;
	z-index:0;
	clip-path:polygon(0 100%, 100% 0%, 100% 100%);
	background:#61897d;
}
#main_space .container.x3 .inner ul+img {
	max-width:1039px;
}

#main_space .container.x4 .inner {
	padding:80px 0;
}
#main_space .container.x4 .inner h3 {
	text-align:center;
}
#main_space .container.x4 .inner h3 img {width:auto;}
#main_space .container.x4 .inner h4 {
	text-align:center;
	background:#314c68;
	font-size:28px;
	color:#fff;
	font-weight:bold;
	padding:8px 0;
	margin:50px 0 0;
}
#main_space .container.x4 .inner .flexbox01 {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:start;
	margin:30px 0 0;
}
#main_space .container.x4 .inner .flexbox01>div {
	width:100%;
	max-width:600px;
}
#main_space .container.x4 .inner .flexbox01 .left {
	margin:45px 0 0;
}
#main_space .container.x4 .inner .flexbox01 .right {
	position:relative;
	width:100%;
	display:flex;
	justify-content:center;
}
#main_space .container.x4 .inner .flexbox01 .right h5 {
	text-align:center;
	z-index:10;
	position:relative;
}
#main_space .container.x4 .inner .flexbox01 .right ul {
	display:flex;
	width:100%;
	max-width:555px;
	justify-content:center;
	align-items:start;
	flex-direction:column;
	border:solid 3px #000;
	position:absolute;
	top:65px;
	z-index:1;
	padding:35px 0 15px;
}

#main_space .container.x4 .inner .item_wp {
	background-color:#f6f4f0;
	margin:0 0 120px;
	padding:0 0 67px;
}
#main_space .container.x4 .inner .item_wp ul {
	display:flex;
	justify-content:space-between;
	align-items:start;
	flex-wrap:wrap;
	width:100%;
	max-width:1080px;
	margin:0 auto 0;
}
#main_space .container.x4 .inner .item_wp ul li {
	width:25vw;
	max-width:300px;
	margin:60px 25px 0;
}
#main_space .container.x4 .inner .item_wp ul li a {
	display:flex;
	justify-content:center;
	align-items:start;
	flex-direction:column;
	text-align:center;
	text-decoration:none;
	font-size:20px;
	color:#000;
}
#main_space .container.x4 .inner .item_wp ul li a img {
	width:100%;
	padding:25px;
	background-color:#fff;
}
#main_space .container.x4 .inner .item_wp ul li a b {
	display:block;
	width:100%;
	font-size:20px;
	font-weight:bold;
	line-height:1.4;
	margin:1em 0 0;
}
#main_space .container.x4 .inner .item_wp ul li a .btn {
	width:90%;
	background-color:#ff7e00;
	margin:1em auto 0;
	padding:0.5em 0;
	position:relative;
	border:solid 3px #fe7f25;
}
#main_space .container.x4 .inner .item_wp ul li a .btn:before {
	content:"";
	width:100%;
	height:100%;
	border:solid 1px #fff;
	display:block;
	position:absolute;
	top:0;
	left:0;
	box-sizing:border-box;
	z-index:10;
}
#main_space .container.x4 .inner .item_wp ul li a .btn:after {
	content:"";
	background-color:#e57100;
	clip-path:polygon(0 100%, 100% 0%, 100% 100%);
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	z-index:1;
}
#main_space .container.x4 .inner .item_wp ul li a .btn span {
	color:#fff;
	font-weight:bold;
	font-size:20px;
	position:relative;
	z-index:5;
}

#main_space .container.x4 .inner .item_wp.single {
	width:fit-content;
	padding:0 50px 67px;
	margin:0 auto;
}
#main_space .container.x4 .inner .item_wp.single ul {
	width:fit-content;
}


/* アンカーリンク */
#main_space .container.x4 .inner .ancer_wp {
	display:flex;
	justify-content:center;
	align-items:flex-start;
	background-color:#f6f4f0;
	width:90%;
	width:fit-content;
	max-width:100%;
	margin:25px auto 0;
	padding:25px 65px;
}
#main_space .container.x4 .inner .ancer_wp a {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	width:240px;
	text-decoration:none;
	line-height:1.2;
	background-color:#1b8e7e;
	margin:0 20px;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	position:relative;
	padding:0.5em 0.3em 1em;
	box-sizing:border-box;
	border:double 3px #fff;
}
#main_space .container.x4 .inner .ancer_wp a:after {
	content:"▼";
	font-size:10px;
	position:absolute;
	bottom:3px;
}
#main_space .container.x4 .inner .ancer_wp a span {
	font-size:0.8em;
}

/* 4Kアイコン追加 */
#main_space .container.x4 .inner .item_wp ul li a {position:relative;}
#main_space .container.x4 .inner .item_wp ul li a.yonk::after {
	content:"";
	position:absolute;
	top:-10px;
	right:-10px;
	width:80px;
	height:auto;
	aspect-ratio:67 / 39;
	display:block;
	background:url(https://gigaplus.makeshop.jp/denmart/new/pickup/maxzen01/icon_4k.png) no-repeat;
	background-size:contain;
}

/* 特集サイドメニューcss
------------------------------------------------------------------*/
#main_space #side_space {
	clear:both;
	width:100%;
	margin:25px 0 0 0;
	padding:25px 0;
	background-color:#fff;
}
#main_space #side_space h2 {
	width:100%;
	max-width:1500px;
	min-width:751px;
	margin:0 auto;
}
#main_space #side_space ul {
	width:100%;
	max-width:1500px;
	min-width:751px;
	margin:20px auto 0 auto;
}
#main_space #side_space ul li {
	width:24%;
	float:left;
	margin:0 0.5%;
}

/* メディアクエリ
------------------------------------------------------------------*/
@media screen and (max-width:1300px){
	#main_space {
		padding:30px 25px 0;
		box-sizing:border-box;
	}
	#main_space .container.x3 .inner {
		padding:48px 25px;
		box-sizing:border-box;
	}
}
@media screen and (max-width:1200px){
	#main_space .container.x4 .inner .item_wp {padding:0 25px 67px;}
}
@media screen and (max-width:1100px){
	#main_space .container.x4 .inner .item_wp ul {justify-content:center;}
	#main_space .container.x4 .inner .item_wp ul li {
		width:24vw;
		margin:60px 20px 0;
	}
}
@media screen and (max-width:1000px){
	#main_space .container.x4 .inner .item_wp ul li a b {font-size:18px;}
	#main_space .container.x4 .inner .flexbox01 {margin:30px 0;}
}
@media screen and (max-width:900px){
	#main_space .container.x4 .inner .item_wp ul li {width:23vw;}
	#main_space .container.x4 .inner .item_wp ul li a b {font-size:16px;}
}
@media screen and (max-width:768px){
	.pc {display:none;}
	.sp {display:initial;}

	#main_space {padding:0;}
	#main_space .pank {
		padding:3px 13px;
		line-height:1.2;
		margin:8px 0;
		text-align:left;
	}
	#main_space .pank li {
		display:inline;
		padding-top:10px;
		font-size:12px;
	}

	#main_space .container.x3 .inner {padding:25px 15px;}
	#main_space .container.x3 .inner ul {margin:15px 0 0;}
	#main_space .container.x3 .inner ul li {
		width:46%;
		height:6.5em;
		margin:0 auto 10px;
		border-width:1px;
	}
	#main_space .container.x3 .inner ul li:after {border-width:1px;}
	#main_space .container.x3 .inner ul li p {font-size:4.5vw;}
	#main_space .container.x3 .inner ul li p span {font-size:6.5vw;}
	#main_space .container.x4 .inner {padding:40px 8px;}
	#main_space .container.x4 .inner h4 {
		margin:25px 0 0;
		font-size:22px;
		line-height:1.2;
		padding:13px 8px;
	}
	#main_space .container.x4 .inner .flexbox01 {
		margin:15px 0;
		flex-direction:column;
	}
	#main_space .container.x4 .inner .flexbox01 .left {margin:0;}
	#main_space .container.x4 .inner .flexbox01 .right {display:block;}
	#main_space .container.x4 .inner .flexbox01 .right h5 {margin:-25px 0 0;}
	#main_space .container.x4 .inner .flexbox01 .right h5 img {width:auto;}
	#main_space .container.x4 .inner .flexbox01 .right ul {
		position:initial;
		margin:-25px 0 0;
	}
	#main_space .container.x4 .inner .item_wp {
		margin:0 0 60px;
		padding:0 8px 0;
	}
	#main_space .container.x4 .inner .item_wp ul li {
		width:48%;
		margin:15px 1%;
	}
	#main_space .container.x4 .inner .item_wp.single ul li {width:56%;}
	#main_space .container.x4 .inner .item_wp ul li a b {font-size:3.8vw;}
	#main_space .container.x4 .inner .item_wp ul li a .btn {
		margin:8px auto 0;
		border-width:2px;
		border-radius:0;
		background:#ff7e00;
	}
	#main_space .container.x4 .inner .item_wp ul li a .btn span {font-size:16px;}
	#main_space .container.x4 .inner .item_wp.single {padding:10px 0 15px;}


	/* トップに戻るボタン */
	#main_space section.btm {
		background-color:#eee;
		padding:15px;
		background:#eee;
		-moz-box-shadow:0 3px 4px -2px #999 inset, 0 -3px 4px -2px #999 inset;
		-webkit-box-shadow:0 3px 4px -2px #999 inset, 0 -3px 4px -2px #999 inset;
		box-shadow:0 3px 4px -2px #999 inset, 0 -3px 4px -2px #999 inset;
		padding:0 8px;
		overflow:hidden;
		margin:0 0 10px;
	}
	#main_space section.btm a {
		width:60%;
		display:block;
		width:fit-content;
		margin:0 auto;
	}
	#main_space section.btm a span {font-weight:bold;}

	#main_space .container.x4 .inner .ancer_wp {
		width:100%;
		padding:25px 5px;
		align-items:stretch;
	}
	#main_space .container.x4 .inner .ancer_wp a {
		margin:0 1%;
		width:45%;
		line-height:1;
		font-size:4.8vw;
	}
	#main_space .container.x4 .inner .ancer_wp a span {
		font-size:3.4vw;
		margin:0 0 2px;
	}

	/* 4Kボタン */
	#main_space .container.x4 .inner .item_wp ul li a.yonk::after {
		width:14vw;
		top:-1vw;
		right:-1vw;
	}
}