@charset "UTF-8";
/* CSS Document */

@import url("basic.css");
@import url("reset.css");

@font-face{
	font-family:'Blogger Sans Bold';
	src: url("Blogger Sans-Bold.ttf") format("truetype");
	}
@font-face{
	font-family:'Blogger Sans Medium';
	src: url("Blogger Sans-Medium.ttf") format("truetype");
	}

#all{
	overflow:hidden;
}
body{
	background-color:#fcf5ea;
	background-image:url(../images/sannkaku_img.png);
	background-repeat:repeat-x;
	color:#412B12;
	font-size:15px;
	line-height:2em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
/* =======================================
    header
======================================= */
header{
	width:1000px;
	margin:70px auto 30px auto;
	}
#hed01{
	float:left;
	text-align:center;
	width:450px;
	margin-left:275px;
	}
#hed01 p{
	font-family:"Hiragino Maru Gothic ProN W4";
	}
#hed01 img{
	margin-left:auto;
	margin-right:auto;
}

#hed02{
	float:right;
	width:200px;
	padding-left:10px;
	border-left:#412B12 solid 2px;
	font-family:"Blogger Sans Medium";
	line-height:1.5em;
	font-size:16px;
	}
#hed02 a:hover{
	opacity:0.7;
}
	
	
nav{
	line-height:0.7em;
	margin-bottom:0px;
	clear:both;
	}
nav ul li{
	width:142px;
	float:left;
	text-align:center;
	font-family:"Blogger Sans Bold";
	font-size:20px;
	}	
nav li a{
	text-decoration:none;
	display:block;
	color:#412B12;
	}
nav li a:hover{
	color:#ad997b;
	}
	

	
/* =======================================
    contents
======================================= */

#contents{
	width:1000px;
	margin:50px auto 0px auto;
	}
	
#news{
	background-color:#ad997b;
	padding:12px 0px 10px 0px;
	font-family:"Blogger Sans Medium";
	font-size:20px;
	background-image:url(../images/pattern_usume.png);
	}
#news p{
	width:1000px;
	margin:0px auto 0px auto;
	padding-left:15px;
	}
#news p a{
	text-decoration:none;
	display:inline;
	color:#412B12;
	}
#news p a:hover{
	color:#9c2724;
	}
	

#concept{
	margin-bottom:40px;
	}
#concept h1{
	font-family:"Blogger Sans Bold";
	font-size:30px;
	border-bottom:#412B12 3px solid;
	width:130px;
	margin-bottom:60px;
	}
#concept h2{
	font-size:20px;
	margin-bottom:60px;
	font-weight:bold;
	}

#menu{
	margin-bottom:100px;
	}
#menu h1{
	padding-bottom:5px;
	text-align:center;
	font-family:"Blogger Sans Bold";
	font-size:30px;
	border-bottom:#412B12 3px solid;
	margin-bottom:25px;
	width:90px;
	margin:0px auto 0px auto;
	}
.yellow_line{
	padding:5px 0 5px 10px;
	border-left:#d3b937 solid 10px;
	border-bottom:#d3b937 dashed 1px;
	border-top:#d3b937 dashed 1px;	
}
dl{
	width:235px;
	float:left;
	line-height:1.5em;
	font-size:14px;
	}
.mr20-res{
	margin-right:20px;
}
dt{
	margin-bottom:10px;
	}
dd{
	margin-left:0px;
	}
dd a{
	text-decoration:none;
	font-weight:bold;
	color:#d3b937;
	}
dd a:hover{
	display:block;
	color:#ad997b;
	}
#menu p a{
	float:right;
	background-color:#d3b937;
	width:80px;
	padding:7px 5px 4px 5px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Blogger Sans Medium";
	text-align:center;
	font-size:17px;
	border-radius:3px;
	margin-top:30px;
	}
#menu p a:hover{
	background-color:#ad997b;
	}
#menu dt a:hover{
	opacity:0.7;
}
	
#event{
}
#event h1{
	font-family:"Blogger Sans Bold";
	font-size:30px;
	border-bottom:#412B12 3px solid;
	width:95px;
	margin-bottom:60px;
	}
#event h2{
	font-size:20px;
	margin-bottom:60px;
	font-weight:bold;
	}
#event #text02 a{
	background-color:#9c2724;
	width:auto;
	padding:7px 5px 4px 5px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Blogger Sans Medium";
	text-align:center;
	font-size:17px;
	border-radius:3px;
	}
#event #text02 a:hover{
	background-color:#ad997b;
	}


#image{
	float:left;
	width:535px;
	margin-right:40px;
	}
#text{
	float:right;
	width:425px;
	}
#image02{
	float:right;
	width:535px;
	text-align: right;
	}

#text02{
	float:left;
	width:425px;
	}



/* =======================================
    footer
======================================= */
footer{
	clear:both;
	background-color:#412B12;
	color:#d3b937;
	padding:30px 0px 25px 0px;
	}

#footer_b ul li a{
	text-decoration:none;
	color:#d3b937;
	font-family:"Blogger Sans Medium";
	font-size:16px;
	}
#footer_b p{
	clear:both;
	margin-top:30px;
	}
#footer_a{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	}
#text03{
	width:238px;
	float:right;
	margin-left:70px;
	}
#text03 a:hover{
	opacity:0.7;
}
#image03{
	float:left;
	margin-left:200px;
	}
#image03 a:hover{
}
	
#footer_b{
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
#footer_b ul{
	height:30px;
	width:1000px;
	text-align:center;
	}
#footer_b ul li{
	width:119px;
	float:left;
	}
#footer_b ul li a:hover{
	opacity:0.7;
	}

#return{
	clear:both;
	padding-top:70px;
	width:1000px;
	height:37px;
	}
#return img{
	float:right;
	}



.font{
	font-family:"Blogger Sans Medium";
	font-size:16px;
	}
.border{
	border-right:1px #d3b937 dashed;
	border-left:none;
	border-bottom:none;
	border-top:none;
	}

.main-image{
	display:block;
}
.main-image02{
	display:none;
	}


/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
}
.slick-prev {
  left: 15px;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color:#C2C2C2;
}
/*スライド画像の横幅可変*/
#slider_back img {
  width: 100%;
  max-width:100%;
  height: auto;
  margin-bottom:0px;
}

.slider {
  width: 100%;
  height:auto;
}

#slider_back{
	margin-bottom:0px;
	width: 100%;
	}
	
#slider_back02 img {
  width: 100%;
  max-width:100%;
  height: auto;
}

.slider02 {
  width: 100%;
  height:auto;
}

#slider_back02{
	margin-bottom:0px;
	width: 100%;
	}