@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");
	}


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;
	}

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


/* =======================================
    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";
	}

#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 ul li{
	width:142px;
	float:left;
	text-align:center;
	font-family:"Blogger Sans Bold";
	font-size:20px;
	}
nav{
	line-height:0.7em;
	margin-bottom:0px;
	}	
nav li a{
	text-decoration:none;
	display:block;
	color:#412B12;
	}
nav li a:hover{
	color:#ad997b;
	}

	
/* =======================================
    main
======================================= */	
#main{
	height:200px;
	background-color:#ad997b;
	background-image:url(../images/pattern_usume.png);
	}
#main p{
	text-align:center;
	font-family:"Blogger Sans Bold";
	font-size:50px;
	padding:80px;
}


/* =======================================
    contents
======================================= */
#contents{
	width:1000px;
	margin:50px auto 0px auto;
	}
#text{
	float:left;
	width:535px;
	}
#image{
	float:right;
	width:425px;
	margin-left:40px;
	}

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

#concept{
	margin-bottom:60px;
	}
#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;
	}
#concept 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;
	}
#concept p a:hover{
	background-color:#ad997b;
	}	
	
	
#story h1{
	font-family:"Blogger Sans Bold";
	font-size:30px;
	border-bottom:#412B12 3px solid;
	width:95px;
	margin-bottom:60px;
	}
#story h2{
	font-size:20px;
	margin-bottom:60px;
	font-weight:bold;
	}
#story #text02 a{
	background-color:#9c2724;
	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;
	}
#story #text02 a:hover{
	background-color:#ad997b;
	}
	
#other-link{
	width:956px;
	padding:20px;
	border:#d3b937 2px dashed;
	border-radius:6px;
	margin-top:70px;
	}
#other-link h2{
	font-size:18px;
	margin-bottom:15px;
	font-weight:bold;
	}
#other-link ul{
	width:300px;
	float:left;
	}
#other-link ul li{
	}
#other-link ul li a{
	color:#412B12;
	}
#other-link ul li a:hover{
	color:#d3b937;
	}

#other-link02{
	width:956px;
	padding:20px;
	border:#d3b937 2px dashed;
	border-radius:6px;
	margin-top:20px;
	}
#other-link02 h2{
	font-size:18px;
	margin-bottom:15px;
	font-weight:bold;
	}
#other-link02 ul{
	width:300px;
	float:left;
	}
#other-link02 ul li{
	}
#other-link02 ul li a{
	color:#412B12;
	}
#other-link02 ul li a:hover{
	color:#d3b937;
	}
	
	
/* =======================================
    footer
======================================= */
footer{
	clear:both;
	background-color:#412B12;
	color:#d3b937;
	padding:30px 0px 25px 0px;
	}
#footer_b{
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
#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;
	}
#text03{
	width:238px;
	float:right;
	margin-left:70px;
	}
#text03 a:hover{
	opacity:0.7;
	}
#image03{
	float:left;
	margin-left:200px;
	}

#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;
	}
#footer_a{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	}

#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;
	}
.coutya{
	color:#ad997b;
	}



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

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

#slider_back{
	width: 100%;
	}