﻿@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* reset
-------------------------------------*/
html {background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td,figure {margin:0;padding:0;}
table {border-collapse:separate;border-spacing:0;}
fieldset,img {border:0;}
img,iframe {vertical-align:top;}
address,caption,em,strong,th {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th,td {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
sup {vertical-align:super; font-size:84%;}
sub {vertical-align:sub; font-size:84%;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {*font-size:100%;}

/* setting
-------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	background: url(../img/bg.png);
	color: #321709;
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 1px;
	min-width: 1100px;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
}
img,iframe{
	max-width: 100%;
	height: auto;
}
main {
	display: block; /* ie用 */
}

a,a:hover {
	text-decoration: none;
}
table {
	width: 100%;
}
input,textarea {
	padding: 3px;
}
input[type="submit"] {
	cursor: pointer;
}

.fixed{
	z-index: 10;
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	transition: .3s;
}
.priv-sec{
	margin-bottom: 30px;
}
.priv-list{
	margin: 8px 0;
}
.priv-list li{
	margin-left: 1.5em;
	text-indent: -1.5em;
	list-style: none;
}
.priv-list li:before {
	content: '・';
	margin-right: .5em;
}
.pc-none{
	display: none;
}
.show-560{
	display: none;
}
.show-425{
	display: none;
}
		.e404{
			text-align: center;
		}
		.e404 a{
			color: #758c20;
		}
/* clearfix
-------------------------------------*/
.clear:before,
.clear:after {
	content: '';
	display: table;
}
.clear:after {
	clear: both;
}
.clear {
	zoom: 1;
}@media screen and (max-width:560px){
.show-560{
	display: block;
}

}
@media screen and (max-width:425px){
.show-425{
	display: block;
}

}