/* ##############################################################
#
#    base
#    
############################################################## */
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: local('NotoSansJP-Regular.otf'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }

html, body {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
	font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    background-color: #fff;
}

* {
    box-sizing: border-box;
}

img {
    vertical-align: top;
}


/* ##############################################################
#
#    layout
#
############################################################## */
#wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

#toTop {
	position: fixed;
	z-index: 1;
	right: 0;
	bottom: 77px;
	width: 70px;
	height: 70px;
	background-color: rgba(184,13,0,0.65);
	-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
#toTop.hidden {
	right: -70px;
}

/* ##############################################################
#    #footer
############################################################## */
#footer {
	background-color: #1f1f1f;
}
#footer .copy {
	width: 377px;
	padding: 0 0 13px 15px;
}
#footer .copy img {
	vertical-align: middle;
}
#footer .sns {
	padding: 19px 0 5px 16px;
	line-height: normal;
	font-size: 0;
}
#footer .sns li {
	display: inline-block;
	margin-left: 22px;
	vertical-align: top;
}
#footer .sns li:first-child {
	margin-left: 0;
}


/* ##############################################################
#
#    responsive
#
############################################################## */

/* --------------------------------------------------------------
    pc
-------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
    .sp {
        display: none;
    }

	a, .ov {
		cursor: pointer;
		opacity: 1;
		transition: opacity 0.2s ease;
		-webkit-transition: opacity 0.2s ease;
		-moz-transition: opacity 0.2s ease;
	}
	a:hover, .ov:hover {
		opacity: 0.5;
		text-decoration: none;
	}
}



/* --------------------------------------------------------------
    sp
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    .pc {
        display: none;
    }

	img {
		width: 100%;
		height: auto;
	}


	/* ##############################################################
	#
	#    layout
	#
	############################################################## */
	#toTop {
		bottom: 70px;
		width: 35px;
		height: 35px;
	}

	/* ##############################################################
	#    #footer
	############################################################## */
	#footer {
		line-height: normal;
	}
	#footer .copy {
		float: none;
		width: 82.19%;
		margin: 0 auto;
		padding: 2px 0 13.5px;
	}
	#footer .sns {
		float: none;
		width: 93.75%;
		padding: 12px 0 0;
		text-align: center;
	}
	#footer .sns li {
		margin: 0 0 4px 11px;
	}
}




/* ##############################################################
#
#    common
#
############################################################## */