@charset "Shift_JIS";

/***********************************************
　共通
***********************************************/
.Special_main div,.Special_main span,.Special_main applet,.Special_main object,.Special_main iframe,.Special_main h1,.Special_main h2,.Special_main h3,.Special_main h4,.Special_main h5,.Special_main h6,.Special_main p,.Special_main blockquote,.Special_main pre,.Special_main a,.Special_main abbr,.Special_main acronym,.Special_main address,.Special_main big,.Special_main cite,.Special_main code,.Special_main del,.Special_main dfn,.Special_main em,.Special_main img,.Special_main ins,.Special_main kbd,.Special_main q,.Special_main s,.Special_main samp,.Special_main small,.Special_main strike,.Special_main strong,.Special_main sub,.Special_main sup,.Special_main tt,.Special_main var,.Special_main b,.Special_main u,.Special_main i,.Special_main center,.Special_main dl,.Special_main dt,.Special_main dd,.Special_main ol,.Special_main ul,.Special_main li,.Special_main fieldset,.Special_main form,.Special_main label,.Special_main legend,.Special_main table,.Special_main caption,.Special_main tbody,.Special_main tfoot,.Special_main thead,.Special_main tr,.Special_main th,.Special_main td,.Special_main article,.Special_main aside,.Special_main canvas,.Special_main details,.Special_main embed,.Special_main figure,.Special_main figcaption,.Special_main footer,.Special_main header,.Special_main hgroup,.Special_main menu,.Special_main nav,.Special_main output,.Special_main ruby,.Special_main section,.Special_main summary,.Special_main time,.Special_main mark,.Special_main audio,.Special_main video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
.Special_main img{
	vertical-align: bottom;
	width:100%;
	height:auto;
}
.Special_main a:hover img{
	opacity: 1.0;
}


/***********************************************
　ページ設定
***********************************************/
.Special_main{
	width:100%;
	background: #ffffff;
	text-align: center;
	margin:0 auto 20%;
}


/***********************************************
　コンテンツ
***********************************************/
/* カテゴリー */ 
.Special_main p{
	background: #000000;
}
.Special_main p img{
	max-width:600px;
	width:70%;
	margin:1% auto;
}


/* シリーズ画像 */ 
.Special_main .grid {
	display: grid;
	grid-template-columns: repeat(5,auto);
	grid-template-rows: repeat(4,auto);
}
.Special_main .grid img{
	max-width:600px;
}
.Special_main .grid #cell1 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}
.Special_main .grid #cell2 {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
}
.Special_main .grid #cell3 {
	grid-column: 4 / 5;
	grid-row: 1 / 2;
}
.Special_main .grid #cell4 {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
.Special_main .grid #cell5 {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.Special_main .grid #cell6 {
	grid-column: 3 / 5;
	grid-row: 2 / 3;
}
.Special_main .grid #cell7 {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}
.Special_main .grid #cell8 {
	grid-column: 3 / 4;
	grid-row: 3 / 4;
}
.Special_main .grid #cell9 {
	grid-column: 4 / 5;
	grid-row: 3 / 4;
}


/* 各カテゴリバナー */ 
.Special_main .hole_tenga{
	background: url(../img/hole_maker/tenga1.png);
}
.Special_main .hole_tm{
	background: url(../img/hole_maker/tm1.png);
}
.Special_main .hole_gproject{
	background: url(../img/hole_maker/gproject1.png);
}
.Special_main .hole_toys{
	background: url(../img/hole_maker/toys1.png);
}
.Special_main .hole_aone{
	background: url(../img/hole_maker/aone1.png);
}
.Special_main .hole_ride{
	background: url(../img/hole_maker/ride1.png);
}
.Special_main .hole_kmp{
	background: url(../img/hole_maker/kmp1.png);
}
.Special_main .hole_magic{
	background: url(../img/hole_maker/magic1.png);
}
.Special_main .hole_npg{
	background: url(../img/hole_maker/npg1.png);
}
.Special_main .bn_hole{
	background-position: center;
	max-width:900px;
	width:100%;
	height: 490px;
	margin:10% auto 5%;
}
.Special_main .bn_hole img{
	max-width:800px;
	background-color:rgba(255,255,255,0.8);
	position:relative;
	top:220px;
}


/* フッター */
.Special_main .hole_footer{
	margin-top:10%;
}


/* 商品 */
.Special_main ul{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin:2%;
}
.Special_main li{
	width:calc((100% - 6%)/3);
	margin:2% auto;
}
.Special_main li a{
	display: block;
	text-decoration: none;
	padding: 3%;
}
.Special_main li strong{
	display: block;
	font-weight:bold;
	padding:2px 0;
	line-height: 15px;
}
.Special_main li dt{
	border:1px solid #c1adae;
  margin:2%;
}
.Special_main li .name{
	color:#000;
  margin:3%;
}
.Special_main li .price{
	margin:0;
	color:#ff000c;
	font-size:20px;
	text-align: center;
}


/***********************************************
　レスポンシブ
***********************************************/
@media screen and (max-width:768px){


	/* 各カテゴリバナー */ 
	.Special_main .bn_hole img{
		top:230px;
		padding:5% 0;
	}
	
	
	/* 商品 */
	.Special_main li{
	width:calc((100% - 5%)/2);
	}


}