@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho');
html,body {
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
	text-align:center;
background: -moz-linear-gradient(top right, #d60707, #380000); 
background: -webkit-linear-gradient(top right, #d60707, #380000); 
background: linear-gradient(to bottom left, #d60707, #380000);

}
.minchou{
	font-family: 'Sawarabi Mincho', sans-serif;
}
a:link { text-decoration:none; color: #000;}
a:visited { text-decoration:none; color: #000;}
a:active { text-decoration:none; color: #000;}
a:hover { text-decoration:none; color: #000;}

p {
	font-size: 16px;
	line-height: 200%;
}

ul li,ol li {
	font-size: 14px;
	line-height: 200%;
}

dt,dd {
	font-size: 14px;
	line-height: 200%;
}

table {
	font-size: 14px;
	line-height: 200%;
}

hr {
	margin: 100px 0;
}

	
img {
	vertical-align: bottom;
	max-width:100%;
	height:auto;
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -175px;
}
.header{
	width: 100%;
}
.contents {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}

.inner{
	padding: 20px 0px;
	box-sizing: border-box;
	margin: 50px auto;
	max-width:1200px;
	overflow:hidden;
}
.inner2{
	padding: 20px;
	box-sizing: border-box;
	margin: 50px auto;
	max-width: 1200px;
	background-image: url(../image/japanese-paper_00030.jpg);
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
}
.flexbox{
	 display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.don{
	z-index:1;
	margin-bottom:-150px;
	position:relative;

}
h1{
position:relative;
	width: 80%;
	margin: 0px;
	padding: 0px;
	margin: 0px auto;
	z-index:99;
	
}
h1 a:before {
    content:"";
    display: block;
    padding-top: 24.5%; /* 高さを幅の75%に固定 */
}
h1 a{
	background-size:cover;
	width:100%;
	height:100%;
	background-image: url(../image/logo.png);
	display:block;
}
h1 a span{
	display:none;
}
h2{
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size:26px;
	font-weight:normal;
	border-bottom:1px solid #380000;
}
h3{
	font-size:20px;
}
h4{
	font-size:18px;
}

footer {
	width: 100%;
	height: auto;
	z-index: 9999;
	clear: both;
	margin: 0px;
	background-color: #000000;
	padding: 50px 0px;
	box-shadow: 0 0 6px #fff;
	color: #FFF;
}
.push{
	width:100%;
	clear:both;
	height:175px;
}

footer h3{
	width: 300px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	margin: 10px auto;
}

footer h3 a{
	width: 300px;
	height: 75px;
	background-image: url(../image/footer_logo.png);
	background-size: 300px 75px;
	display: block;
	font-size: 0.1em;
	text-indent: -1000em;
}
footer p a{
	color:#fff!important;
	text-decoration:none;
}
copy {
	text-align: center;
	justify-content: center;
	display: flex;
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
	font-size: 10px;
}
.fuda{
	width:14.28%;
	padding:0.5%;
	box-sizing:border-box;
	float: left;
}


.column100{
	width: 98%;
	margin: 1%;
	float: left;
}
.column50{
	width:48%;
	margin:1%;
	float:left;
}
.column33{
	width:31.333%;
	margin:1%;
	float:left;
}
.column25{
	width:23%;
	margin:1%;
	float:left;
}
.column75{
	width:73%;
	margin:1%;
	float:left;
}
.column80{
	width: 80%;
	margin:0px 10%;
	float: left;
}
.half{
	width:48%;
	margin:1%;
	float:left;
	font-family: 'Sawarabi Mincho', sans-serif;
}
.half img{
	display:block;
	margin:0px auto;
}
.map{
	width:100%;
	height:800px;
}
.map500{
	width:100%;
	height:500px;
}
.pagetop{
	padding:0px;
	margin:0px;
	
}
.pagetop a{
	width: 100%;
	display: block;
	padding: 20px 0px;
	background-color: #640002;
	color:#FFF;
}
.root{
	padding:0px;
	margin:0px;
	clear:both;
	font-family: 'Sawarabi Mincho', sans-serif;
	
}
.root a{
	width: 100%;
	display: block;
	padding: 20px 0px;
	background-color: #470011;
	color:#FFF;
}
@media (max-width: 768px) {
.flexbox{
	display: inline-block;
}


.wrapper {
	width:100%;
}

footer ul li a span{
	display:none;
}

.column50,.column33,.column80,.column100,.column75{
	width:98%;
	margin:1%;
	float:left;
}
.column25,.column75{
	width:98%;
	margin:1%;
	float:left;
}
.half{
	width:98%;
}
.fuda{
	width:25%;
	padding:0.5%;
	box-sizing:border-box;
	float: left;
}
}


@media (min-width: 768px) and (max-width: 980px) {

.br-sp { display:none; }


}
@media (max-width: 980px) {


#navTgl {
	display: none;
}

label.close {
  	background-color: rgba(0,0,0,0);
}

label.open,
label.close {
  	cursor: pointer;
  	position: fixed;
  	top: 0;
  	right: 0;
}
 
.open {
  	z-index: 2;
	margin-top:10px;
 	width: 50px;
  	height: 50px;
  	color: #fff;
  	font-size: 2em;
  	line-height: 50px;
  	text-align: center;
  	-webkit-transition: background-color .6s, -webkit-transform .6s;
  	transition: background-color .6s, transform .6s;
}
 
#navTgl:checked + .open {
  	-webkit-transform: translateX(-240px);
  	transform: translateX(-240px);
}
 
.close {
  	pointer-events: none;
  	z-index: 1;
  	width: 100%;
  	height: 100%;
  	transition: background-color .6s;
}
 
#navTgl:checked ~ .close {
  	pointer-events: auto;
  	background-color: rgba(0,0,0,0.6);
}
 

.menu {
  	z-index: 9999;
  	position: fixed;
  	top: 0;
  	right: 0;
  	width: 240px;
  	height: 100%;
  	background-color: #514a47;
  	-webkit-transform: translateX(100%);
  	transform: translateX(100%);
  	-webkit-transition: -webkit-transform .6s;
  	transition: transform .6s;
}
 
#navTgl:checked ~ .menu {
  	-webkit-transform: translateX(0);
  	transform: translateX(0);
}
 
.menu p,
.menu li a {
  	color: #fff;
}
 
.menu p {
  	text-align: left;
}
 
.menu ul {
  	padding: 0;
  	list-style-type:none;
	float:left;
	width:100%;
}
 
.menu li {
  	border-bottom: 1px solid rgba(255,255,255,.6);
  	line-height: 2.9;
} 
.menu li a {
  	font-size: 14px;
  	display: block;
  	text-align: left;
  	padding: 0.2em 2em;/*1em 2em*/
  	text-decoration: none;
  	transition: background-color .6s;
}

.menu li a:hover {
  	background-color: rgba(255,255,255,0.6);
}



 
.contents{
	width: 100%;
	margin: 0px auto;
	padding: 1%;
	box-sizing: border-box;
}
}


@media (min-width:981px) {

#navTgl,label.close,label.open,.root a {
	display: none;
}
.contents,.header{
	width:100%;
	margin:0px auto;
}
h1{
	margi:0px;
}
.wrapper {
	width:100%;
}
.menu{
	width:100%;
	z-index:99999;
}
.menu ul {
	padding: 5px 0px;
	margin: 0;
	list-style-type: none;
	width: 100%;
	background-color: #e2e1af;
	position: relative;
}
.menu ul li{
	 display: inline-block;
	 font-size:80%;
	 margin:0px;
	 padding:5px 30px;	 
}
.menu ul li a{
	display: block;
	color: #514a47;
}
.menu ul li i{
	 display:none;
}
.menu ul li:last-child{
	 border:none;
}

.max800{
	max-width:800px;
	margin:0px auto;
}
.contents_wrap{
	width:1200px;
}
.br-sp { display:none; }
@media (min-width: 981px) and (max-width: 1200px) {
.contents_wrap{
	width:1000px;
}

}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	
}