@charset "utf-8";

/* Layout
-------------------------------------------------- */
#container{
	padding-top:47px;
}

/* ヘッダー */
#header #head{
	-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
}

/* コンテンツ */
.contents-inner{
	padding:15px;
}
.contents-inner .contents-box .main{
	width:100%;
}

/* タイトル */
h2{
	font-weight:300;
	font-size:2.8rem;
	line-height:115%;
/*	margin-top:15px;*/
	text-align:left;
	padding:15px 15px 0 15px;
}
h2 span.title{
	float:left;
}
h2 span.btn-category{
	float:right;
}
h2 span.btn-category a{
	display:inline-block;
	font-size:1.2rem;
	color:#ffffff;
	background:#d90013;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	vertical-align:middle;
	padding:7px 15px;
	line-height:100%;
}
h3{
	font-weight:300;
	margin-bottom:10px;
}
h3 span{
	display:block;
	color:#d90013;
	border-bottom:1px solid #969696;
	padding-bottom:5px;
	font-size:2.6rem;
}


/* サイドメニュー */
.side-navi{
	z-index:2100;
	position:fixed;
	top:0;
	left:0;
	overflow:auto;
	height:100%;
	width:100%;
	background:#ffffff;
	display:none;
}
.close {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	z-index:2200;
}

/* 閉じるボタン */
.side-navi span.close{
	position:absolute;
	top:12px;
	right:12px;
	cursor:pointer;
}
.side-navi span.close-btn{
	height:20px;
	width:20px;
	display:block;
	position:relative;
} 
.side-navi span.close-btn:before,
.side-navi span.close-btn:after{
	content:'';
	height:2px;
	width:20px;
	display:block;
	background:#ffffff;
	position:absolute;
	top:10px;
	right:0;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
.side-navi span.close-btn:after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.side-navi dt{
	padding:15px;
	color:#ffffff;
	background:#d90013;
	border-bottom:1px solid #dcdcdc;
	position:relative;
}
.side-navi dd a,
.side-navi dd span{
	display:block;
	padding:15px;
	background:#ffffff;
	border-bottom:1px solid #dcdcdc;
}
.side-navi dd a:hover{
	background:#e0e0e0;
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {

	/* Layout
	++++++++++++++++++++++++++++++++++++++++++++++ */
	#container{
		padding-top:98px;
	}
	#container.scroll{
		padding-top:70px;
	}

	/* ヘッダー */
	#header #head{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.scroll #header #header-inner{
		-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
		-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
		box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
	}

	/* グローバルメニュー */
	.scroll #header #header-inner #globalnavi{
		background:#d90013;
		max-width:100%;
		margin:0;
	}
	.scroll #header #header-inner ul.global{
		background:#d90013;
		max-width:1024px;
	}
	.scroll #header #header-inner ul.global	li.global-parent > a{
		background:#d90013;
		color:#ffffff;
	}

	/* ドロップメニュー */
	.scroll #header #header-inner ul.global	ul.global-child{
		border-right:1px solid #dedede;
		border-left:1px solid #dedede;
		border-bottom:1px solid #dedede;
		top:32px;
	}
	.scroll #header #header-inner ul.global-child li,
	.scroll #header #header-inner ul.global-child li a{
		display:inherit;
	}

	/* コンテンツ */
	.contents-inner{
		padding:0 15px 30px 15px;
	}
	.contents-box{
		max-width:1024px;
		margin:0 auto;
	}
	.contents-inner .contents-box .main{
		float:left;
		max-width:800px;
	}

	/* タイトル */
	h2{
		font-size:36px;
		text-align:center;
		margin-bottom:40px;
		padding:0;
	}
	h2 span.title{
		float:none;
	}
	h2 span.btn-category{
		display:none;
	}
	h3 span{
		display:block;
		padding-bottom:7px;
		font-size:24px;
		font-weight:400;
	}

	/* サイドメニュー */
	.side-navi{
		display:block;
		float:right;
		width:200px;
		height:auto;
		margin-top:30px;
		z-index:inherit;
		position:relative;
		top:auto;
		left:auto;
		overflow:inherit;
		background:#f5f5f5;
	}
	.side-navi dl{
/*		position:fixed;*/
		width:200px;
/*		top:238px;*/
	}
	.side-navi span.close{
		display:none;
	}
}