@charset "utf-8";
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 PC
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*=============================================================
 TTL
=============================================================*/
#categoryTtl{
	position:relative;
}
#categoryTtl .photo{
	position:relative;
	z-index:1;
}
#categoryTtl .photo:after{
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/bg_ttl.png) repeat center top;
	background-size:2px 2px;
}
#categoryTtl img{
	width:100%;
	height:auto;
}
#categoryTtl .boxh1{
	width:480px;
	padding:25px 0;
	background-color: rgba(255,255,255,0.9);
	position:absolute;
	bottom:50%;
	left:50%;
	-webkit-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	text-align:center;
	font-weight:normal;
	z-index:3;
	box-shadow:0px 0px 6px -1px rgba(0,0,0,0.6);
}
#categoryTtl h1{
	font-size:40px;
	position:relative;
}
#categoryTtl h1:before{
	display: block;
	content: "";
	position: absolute;
	top:50%;
	left:-30px;
	width:60px;
	height:2px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
#categoryTtl h1:after{
	display: block;
	content: "";
	position: absolute;
	top:50%;
	right:-30px;
	width:60px;
	height:2px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.pageTtlH2{
	padding:0 0 40px;
	position:relative;
}
.pageTtlH2 h2{
	font-size:36px;
	padding-bottom:10px;
	text-align:center;
	color:#333;
	border-bottom:1px solid #333;
}
.pageTtlH2:after{
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 6px;
	height: 40px;
	transform: translate(-50%, 0);
	background-color:#333;
}
.pageTtlH3{
	margin-top:40px;
	padding-left:5px;
}
.pageTtlH3 h3{
	display:inline-block;
	padding:5px 20px;
	background-color:#FFF;
	font-size:1.35em;
}

/*=============================================================
.section
=============================================================*/
.section{
	padding-top:70px;
	line-height:1.75;
}
.sectionInner{
	width:100%;
	max-width:1080px;
	margin:0 auto;
}
/*=============================================================
 footer
=============================================================*/
#footer{
	margin-top:60px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
/*=============================================================
 TTL
=============================================================*/
#categoryTtl .boxh1{
	width:200px;
	padding:10px 0;
	font-size:20px;
}
#categoryTtl h1{
	font-size:20px;
}
#categoryTtl h1:before{
	left:-15px;
	width:30px;
}
#categoryTtl h1:after{
	right:-15px;
	width:30px;
}
.pageTtlH2{
	padding:0 0 40px;
	position:relative;
}
.pageTtlH2 h2{
	font-size:24px;
}
.pageTtlH3 h3{
	font-size:15px;
}
/*=============================================================
.section
=============================================================*/
.sectionInner{
	width:auto;
	margin:0 15px;
}
}