@charset "shift_jis";

h2.pagetitle {
}
.title_lead {
	display:block;
	font-size:65%;
	padding-bottom:20px;
	display:inline-block;
}
.title_main {
	display:block;
	font-size:140%;
	line-height:1.0;
	letter-spacing:3px;
}
.title_notice {
	display:block;
	padding:20px 10px 0 10px;
	font-size:50%;
	letter-spacing:3px;
	line-height:1.5 !important;
	font-weight:normal;
}


ul.tab {
	padding:0;
	width:90%;
	margin:30px auto;
}
ul.tab li {
	list-style-type:none;
	float:left;
}
.tabs3 li { width:30%;margin:4px 1.5%; }
.tabs4 li { width:24%;margin:4px 0.5%; }
.tabs5 li { width:19%;margin:4px 0.5%; }
.tabs6 li { width:15.5%;margin:4px 0.5%; }
.tabs6 li:last-child { width:32%;margin:4px 0.5%; }

ul.tab li a {
	display:block;
	box-sizing:border-box;
	text-align:center;
	width:100%;
	font-weight:bold;
	text-decoration:none;
	font-size:100%;
	background-color:#C9CACA;
	color:#111111;
	padding:12px 0;
	border-bottom:0px;
		transition-duration:0.3s;
}
ul.tab li a:hover {
	background-color:#f8f8f8;
}
ul.tab li a.active {
	background-color:#221815;
	color:#ffffff;
}

/* ----------- */
.panel_title {
	font-size:140%;
	line-height:1;
	padding:6px 14px;
	border-bottom:1px #666666 solid;
}

.nolist {
	margin:120px 0 !important;
	text-align:center
}
.item_view {
	display:block;
	float:left;
	width:23%;
	margin:10px 1%;
	border:1px #cccccc solid;
	border-radius:8px;
	padding:10px 10px 10px 10px;
	text-decoration:none;
	font-size:90%;
	line-height:1.3;
	color:#111111;
		box-sizing:border-box;
/*		background-image:url('../images/common/menu_arrow.gif');	*/
		background-position:right center;
		background-repeat:no-repeat;
}
.item_view:hover {
	background-color:#f8f8f8;
}
.item_view_img {
	display:block;
/*	width:80px;	*/
	height:160px;
/*	float:left;
	margin-right:10px;*/
	margin-bottom:6px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}


/* --------- item detail ---------- */
.item_spec_title {
	margin-top:40px;
	padding:6px;
	border-bottom:1px #444444 solid;
	font-size:140% !important;
	font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r –¾’©", serif;
}
.item_photo {
	text-align:center;
}
.item_photo div.imgbox {
	height:500px;
	width:96% !important;
	margin:10px auto 6px auto;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}
.item_notice {
	width:96%;
	margin:0 auto 30px auto;
	font-size:90%;
	line-height:1.5;
}


/* # Tablet & Mobile Landscape 480-767px
========================================================================================= */   
@media only screen and (max-width: 767px) {
	.tabs4 li { width:32.3%;margin:4px 0.5%; }
	.tabs6 li { width:19%;margin:4px 0.5%; }
	.tabs6 li:last-child { width:39%;margin:4px 0.5%; }

	.item_view { font-size:90%; }


	.item_view {
		width:48%;
		margin:10px 1%;
		font-size:90%;
	}

	.item_photo img {
		height:400px;
	}

}

/* # Mobile 320-479px
========================================================================================= */   
@media only screen and (max-width: 479px) {

	.tabs3 li { width:47%;margin:4px 1.5%; }
	.tabs3 li:last-child { width:97%;margin:4px 1.5%; }


	.tabs6 li { width:24%;margin:4px 0.5%; }
	.tabs6 li:last-child { width:49%;margin:4px 0.5%; }
	ul.tab li a { font-size:80%; }

	.title_main {
		font-size:110%;
		letter-spacing:0px;
	}
	.title_notice { text-align:left;font-size:50%; }



	.item_photo img {
		height:300px;
	}

}