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

/* 
font-family: 'Meie Script', cursive;
font-family: 'Vidaloka', serif;
font-family: 'Amiri', serif;
font-family: 'Diplomata SC', cursive;
font-family: 'Lancelot', cursive;
*/
img{
	width:100%;
	height:auto;
}
.cate_btn{
	width:420px;
	height:470px;
	float:left;
	margin:55px 55px 0 0;
}
.cate_btn:nth-of-type(odd){
	margin-left:50px;
}
.cate_btn a:hover img{
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	
}
#main_img{
	width:1000px;
	height:600px;
	background-image:url(../../img/home_mainimg.jpg);
	background-repeat:no-repeat;
}
.top_box02{
	width:418px;
	height:100px;
	border:#aaa solid 1px;
	padding:10px;
	float:left;
	margin-top:30px;
	margin-bottom:50px;
}
#slide_contents{
	position:relative;
	width:auto;
	height:800px;
	max-width:2500px;
	min-width:1000px;
	color:#fff;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
#slide_box{
	width:1000px;
	margin:0 auto;
	position:relative;
}
#slide_txt{
	text-align:left;
	position:absolute;
	left:60px;
	top:100px;
}
#slide_txt img{
	width:340px;
	height:auto;
}
#slide_txt2{
	width:650px;
	text-align:right;
	position:absolute;
	right:0;
	top:150px;
}
#slide_txt2 img{
	width:100%;
	height:auto;
}
#slide_txt2 p{
	margin:30px 0 0 0;
	text-align:right !important;
}
#slide_txt2 p img{
	width:300px;
	height:auto;
}
.slide_01{
	background-image:url(../../img/top_slide_04.jpg);
}
.slide_02{
	background-image:url(../../img/top_slide_05.jpg);
}
.slide_03{
	background-image:url(../../img/top_slide_06.jpg);
}
.slide_04{
	background-image:url(../../img/top_slide_07.jpg);
}
.slide_05{
	background-image:url(../../img/top_slide_08.jpg);
}
.slide_06{
	background-image:url(../../img/top_slide_09.jpg);
}
.slide_07{
	background-image:url(../../img/top_slide_13.jpg);
	background-size: auto 100% !important;
	background-color:#000;
}
div.slide_07 p{
	width:75%;
	max-width:850px;
	position:absolute;
	left:6%;
	top:150px;
}
.slide_08{
	background-image:url(../../img/top_slide_10.jpg);
	background-size:auto 100% !important;
	background-color:#000;
}
.top_txt01{
	width:340px;
	margin-top:60px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#fff;
	font-size:12px;
	letter-spacing:0.12em;
	line-height:20px;
	text-align:left;
	font-family: 'Noto Serif JP', serif;
	font-weight:300;
}
.top_txt01 p{
	font-size:20px;
	letter-spacing:4px;
	margin:30px 0 10px -10px;
	font-family:'hare';
}

.top_txt02{
	width:100%;
	margin:50px auto 150px auto;
	text-align:center;
	color:#eee;
	font-size:18px;
	letter-spacing:0.1em;
	font-family: 'Noto Serif JP', serif;
	font-weight:400;
}
.top_txt02 span{
	margin:0 auto;
	padding: 10px 20px;
	display:inline-block;
	border-bottom:#eee solid 1px;
}
.top_box01{
	width:900px;
	margin:150px 0 0 50px;
	text-align:center;
	letter-spacing:0.08em;
	color:#fff;
	font-size:14px;
	font-family: 'Noto Serif JP', serif;
}
.top_box01 ul{
	margin-top:80px;
	padding:0;
	list-style:none;
}
.top_box01 li{
	width:320px;
	height:380px;
	margin:0 0 70px 0;
	padding:20px 20px 30px 20px;
	border:#B5B5B6 solid 6px;
	border-radius:0.8em;
	float:left;
	color:#B5B5B6;
}
.top_box01 li img{
	width:90%;
	height:auto;
	padding:5% 5% 2% 5%;
}
.top_box01 li p{
	margin-top:20px;
	font-size:14px;
	font-family: 'Noto Sans JP', sans-serif;
}
.top_box01 li:nth-child(even){
	width:70px;
	height:210px;
	padding:160px 0 0;
	font-size:60px;
	text-align:center;
	border:none;
}
.top_box01 dl{
	height:200px;
	padding:20px;
	background-color:#fff;
	margin:80px 0 0 0;
	color:#000;
}
.top_box01 dt{
	width:230px;
	float:left;
}
.top_box01 dt img{
	width:100%;
	height:auto;
}
.top_box01 dd{
	margin:0 0 0 260px;
	text-align:left;
	line-height:2em;
}
.top_box01 dd p{
	padding:10px 0 12px 0;
	margin:0 0 20px 0;
	font-size:23px;
	font-family: 'Noto Serif JP', serif;
	font-weight:500;
	text-align:left;
	border-bottom:#000 solid 1px;
	line-height:1;
}
.top_box01 dd p span{
	margin:0 0 0 15px;
	font-size:13px;
	font-weight:300;
}
.top_box01 h3{
	margin:0 0 20px 0;
	font-size:60px;
	font-family: 'Pinyon Script', cursive;
	font-weight:normal;
	letter-spacing:0;
	color:#888;
	background: linear-gradient(0deg, #999 0%, #fff 40%, #666 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top_box01 h3 p{
	margin:0 0 50px 0;
	font-size:27%;
	font-family: 'Noto Serif JP', serif;
	font-weight:300;
}
/*ロンナー*/
#lonner_box{
	padding:50px;
	background-image:url(../../img/top_lonner_bg.jpg);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#lonner_box img{width:100%; height:auto;}
#lonner_box dl{
	width:55%;
	padding:30px;
	margin:0;
	background-color:#fff;
}
#lonner_box dt{
	width:100%;
	height:75px;
	background-color:#000;
	position:relative;
}
#lonner_box dt p{
	position:absolute;
	top:3px;
}
#lonner_box dd{
	width:100%;
	margin:0;
	text-align:left;
	font-family: "Zen Old Mincho", serif;
	font-weight:400;
	font-size:15px;
}
#lonner_box h4{
	margin:25px 0 10px 0;
	font-weight:700;
	font-size:38px;
	text-align:center;
}
#lonner_box h4 span{
	line-height:1;
	display:block;
	font-size:25px;
}
#lonner_box  h5{
	width:95%;
	margin:30px auto 15px auto;
	padding-bottom:8px;
	border-bottom:#000 solid 1px;
	font-size:18.5px;
	font-weight:700;
	text-align:center;
	letter-spacing:0.15em;
}
@media (max-width: 1000px) {
#slide_contents{
	height:60vh;
}
.slide_07{
	background-size: auto 100%  !important;
	background-position:center center;
}
div.slide_07 p{
	width:80%;
	position:absolute;
	left:5%;
	top:150px;
}
}