@charset 'utf-8';

/* Common Setting
------------------------------------------------------ */
[class^="mainWrap"]:last-child {padding-bottom:0!important;}

#main a,
.mainWrapper .hoverBtn{
    text-decoration: none;
	cursor: pointer;
}
#main a:hover,
.mainWrapper .hoverBtn:hover{
    opacity: .7;
}


/* style
------------------------------------------------------ */
#main .mainWrapper {
	overflow:hidden;
}

#main .mainWrapper * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}
.mainWrapper a,
.mainWrapper a:visited {color: #000;}
.mainWrapper a:focus{outline: none;}

.mainWrapper .sp-only,
.mainWrapper img.sp-only {display: none;}

.mainWrapper .clearfix:after {
	content: "";
	display: block;
	clear: both;
}


/* commonBox
------------------------------------------------------ */
.mainWrapper .commonBox p,
.mainWrapper .commonBox ul li,
.mainWrapper .commonBox ol li,
.mainWrapper .commonBox dl dt,
.mainWrapper .commonBox dl dd {
	line-height: 1.833;
	font-size: 1.2em;
	letter-spacing: .05em;
	color: #e71a35;
}




@media screen and (max-width: 768px){
	/* Common Setting
	------------------------------------------------------ */
	[class^="mainWrap"]:first-child {
		margin-top: 0!important;
	}
	#main{
		font-size: 93.8%;
	}
	#contents:after {display:none;}

	#main a:hover,
	.mainWrapper .hoverBtn:hover{
    	opacity: 1;
	}


	/* style
	------------------------------------------------------ */
	.mainWrapper .pc-only,
	.mainWrapper img.pc-only {display: none;}
	.mainWrapper .sp-only {display: block;}
	.mainWrapper img.sp-only {display: inline;}
	
	
	/* commonBox
	------------------------------------------------------ */
	.mainWrapper .commonBox p,
	.mainWrapper .commonBox ul li,
	.mainWrapper .commonBox ol li,
	.mainWrapper .commonBox dl dt,
	.mainWrapper .commonBox dl dd {
		font-size: 1em;
	}

}

@media screen and (max-width: 480px){

}