@charset "UTF-8";

body{margin:0px;
display: flex;
flex-direction: column;
min-height: 100vh;
-webkit-text-size-adjust:100%;
}

img{
vertical-align:top;
image-rendering:-webkit-optimize-contrast;
}
*{
backface-visibility: hidden;/
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale;
}
video{vertical-align:top;}

html{scroll-padding-top:120px;}

a{text-decoration:none;}

.fll{float:left;}
.flr{float:right;}
.cf{clear:both;}

.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}

.whp{width:100%;}
.w90p{width:90%;margin:0 5%;}
.bora1{border-radius:10px;}
.bdsa{border:1px solid #aaa;}
.fsdem{font-size:1.8em;}
.ls0{letter-spacing:0em;}
.shad{box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.5);}
.str{font-weight:bold;font-size:1.2em;letter-spacing:.1em;background-image:linear-gradient(transparent 60%,#bcfa89 60%);}

.fwb{font-weight:bold;}
.fcfff{color:#fff;}
.fc000{color:#000;}

.w1{width:100px;}
.w2{width:200px;}
.w3{width:300px;}
.w4{width:400px;}
.w5{width:500px;}
.w6{width:600px;}
.w7{width:700px;}
.w8{width:800px;}
.w9{width:900px;}

.mtlit{margin-top:15px !important;}
.mtmid{margin-top:30px !important;}
.ptlit{padding-top:15px !important;}
.ptmid{padding-top:30px !important;}
.mblit{margin-bottom:15px !important;}
.mbmid{margin-bottom:30px !important;}

.mllit{margin-left:15px !important;}
.mrlit{margin-right:15px !important;}

p.tyu{ 
padding-left:1.25em;
text-indent:-1.25em;
}
p.tyu span{
display:inline-block;
width:1.25rem;
text-indent:0;
}

.fff{font-family:"M PLUS 1p";}

.iv:hover{filter:brightness(120%);transition:all 0.5s;}
.sv:hover{margin-top:5px;transition:all 0.4s;}
.bgsiro{background:#fff;color:#333;}.bgkuro{background:#000;color:#fff;}.bg1{background:#fff7e5;}.bg2{background:#fff5f4;}.bg3{background:#e07060;}.bg4{background:#cfbb8e;}.bg5{background:#f1a842;}.bg6{background:#e7c55c;}.bg7{background:#d6b5aa;}.bg8{background:#fef6f9;}.bg9{background:#f2e986;}
p{
font-size:1em;
line-height:1.6em;
color:#333;
margin:0;
padding:0 0 10px 0;
}

ul{list-style:none;margin:0;padding:0;}
ul li:before{
content:"";
width:12px;
height:12px;
display:inline-block;
background-color:#f16d45;
position:relative;
top:0px;
border-radius:50%;
margin-right:5px;
}
ul li{
padding:4px 10px;
margin-bottom:0px;
color:#333;
font-size:1em;
line-height:1.6em;
padding-left: 1em;
text-indent: -1em;
}

ol{margin:0px 0 0 30px;padding:0;}
ol li{
padding:4px 10px;
margin-bottom:0px;
color:#333;
font-size:1em;
line-height:1.6em;
}

#alst a{color:#333;}
#alst a:hover{color:#888;text-decoration:underline;}
.naka{width:940px;padding:20px 10px;margin:auto;}.naka_d{width:1280px;padding:20px 10px;margin:auto;}.nwaku{background:#fff;border-radius:8px;margin:10px;padding:10px;}
div#head{
background:#d6b5aa;
color:#fff;
z-index:9999;
position: -webkit-sticky;
position: sticky;
top: 0;
border-bottom:1px solid #aaa;
opacity:0.9;
}

	#hn{width:1280px;height:70px;padding:0px;margin:auto;}
	#hl{float:left;width:700px;text-align:left;}
	#hr{float:right;width:580px;}
	#hr div{float:left;margin:5px;}
	#hr img{border-radius:8px;}
	
#hn a{color:#333;}
#hn a:hover{color:#ffff00;border-bottom: solid 2px #fff;transition:.3s;}

#foot{
font-family:"M PLUS 1p";
font-size:1.2em;
background:#c19c8f;
color:#fff;
text-align:center;
padding:40px;
margin-top:auto;
}
#foot a{color:#fff;text-decoration:none;}
#foot a:hover{color:#fff;text-decoration:underline;transition:.3s;}

.link_w{
text-align:center;
width:300px;
background:#225a22;
border:1px solid #fff;
border-radius:8px;
margin:0px auto;
padding:20px;
}

#cori{
padding:20px;
text-align:center;
background:#9a7568;
color:#fff;
}

.f3bot{
float:left;
width:calc(33.3% - 30px);
height:290px;
text-align:center;
background:#fff;
color:#333;
padding:10px;
margin:10px 5px;
border-radius:8px;
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.f3bot h4{
font-size:1.2em;
color:#875c4d;
}
.f3bot p{
color:#623728;
margin:20px;
padding:0;
line-height:1.2em;
}

.f4bot{
float:left;
width:calc(25% - 30px);
height:290px;
text-align:center;
background:#fff;
color:#333;
padding:10px;
margin:10px 5px;
border-radius:8px;
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.f4bot h4{
font-size:1.2em;
color:#875c4d;
}
.f4bot p{
color:#623728;
margin:20px;
padding:0;
line-height:1.2em;
}

#fbot{width:600px;margin:auto;}
#fbot div{
float:left;
width:calc(33.3% - 12px);
background:#875c4d;
color:#fff;
margin:3px;
padding:20px 0;
border:3px solid #9a7568;
border-radius:8px;
}
#fbot div:hover{
border:3px solid #e9ccc2;
}

.ff{opacity:0;transform:translateY(30px);transition:all 1s;}
.ad1{transition-delay:0s;}
.ad2{transition-delay:0.2s;}
.ad3{transition-delay:0.4s;}
.ad4{transition-delay:0.6s;}
.ad5{transition-delay:0.8s;}
.ad6{transition-delay:1.0s;}

h1{margin:0;padding:0;}

h2{
font-family:"M PLUS 1p";
color:#666;
color:#ea555e;
font-size:1.4em;
text-align:center;
letter-spacing:0.1em;
padding:10px 0px 14px 0px;
margin:0px auto;
}

div.mmtit{
text-align:center;
background:#d76f00;color:#fff;
border-bottom:1px solid #999;
}

h3{
font-family:"M PLUS 1p";
letter-spacing:0.1em;
margin:0px;
padding:20px 0px 5px 0px;
text-align:center;
font-size:20px;
font-weight:bold;
color:#882f20;
border-bottom:1px solid #ebdcb9;
}

h4{
font-size:18px;
letter-spacing:0.1em;
color:#c03830;
margin:10px 0px 0px 0px;
padding:3px 0px;
}

.toiw{width:804px;margin:30px auto;}
.toi{
border:2px solid #bbb;
border-radius:10px;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2));
}
.toi img{width:100%;border-radius:10px;}

table{width:100%;border-spacing:0;}
th{border-bottom:dotted 1px #007832;padding:20px;font-size:1.1em;color:#666;}
td{border-bottom:dotted 1px #007832;padding:20px;}

input.bb{
	-webkit-appearance: none;
	width:400px;
	height:80px;
	margin:20px 0px;
	font-size:24px;
    color: #ffffff;
    background:#46760e;
	border-radius:10px;
	border:3px solid #fff;
    font-weight: bold;
}
input.bb:hover{background:#639825;border:3px solid #b3f06b;}

input[type="text"]{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	border-radius:4px;
	font-size:16px;
}
input[type="tel"]{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	border-radius:4px;
	font-size:16px;
}
input[type="email"]{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	border-radius:4px;
	font-size:16px;
}
textarea{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	border-radius:4px;
	font-size:16px;
}
select{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	font-size:16px;
}
input[type=radio]{
width:20px;
height:20px;
vertical-align: middle;
}
input[type=checkbox]{
width:20px;
height:20px;
vertical-align: middle;
}
::placeholder{color:#999;font-size:18px;}

#page-top{
	width:100px;
	height:110px;
	display:none;
	position:fixed;
	right:30px;
	bottom:60px;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:url(im/pt.png);
}
#page-top p:hover{opacity: 0.7;}
 
#move-page-top{
	color:#fff;
	line-height:110px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

.hvr-float{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}

//トピックス
.topiw{
border-radius:4px;
background:#fff;
padding:20px;
}

	.tipihi{
	float:left;
	width:120px;
	color:#333;
	margin:15px 0px 10px 0px;
	font-size:1.1em;
	}
	.topitit{
	float:left;
	width:1100px;
	margin:15px 0px 10px 0px;
	padding:0px;
	font-size:1.1em;
	}
	
.topiul{clear:both;border-bottom:1px solid #aaa;}
.topiw a{color:#00642a;text-decoration:none;}
.topiw a:hover{color:#000;text-decoration:underline;transition:.3s;}

#kcw{width:1210px;margin:auto;}

#kcw h3{
color:#882f20;
margin:0;
padding:0;
border-bottom:1px solid #dbc0bb;
font-size:20px;
}

#ckimgw{
float:left;
width:710px;
padding:10px;
margin:10px 5px;
background:#ffeaba;
border-radius:8px;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2));
}
.ckimg{
	text-align:center;
	float:left;
	width:12.5%;
}

.ckimg img{width:calc(100% - 6px);border:1px solid #ecce8a;border-radius:6px;margin:2px;}
.ckimg img:hover{
border:1px solid #c6a967;
transform:scale(1.05,1.05);
}

.ckimg p{margin:10px 0 0 0;padding:0;font-size:16px;color:#882f20;}

.ckimg a{color:333;text-decoration:none;}
.ckimg a:hover{text-decoration:none;}

#cjimgw{
float:left;
width:370px;
padding:10px;
margin:10px 5px;
background:#ffe6e2;
border-radius:8px;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2));
}

.cjimg{
	text-align:center;
	float:left;
	width:25%;
}
.cjimg img{width:calc(100% - 6px);border:1px solid #e7bcb5;border-radius:6px;margin:2px;}
.cjimg img:hover{
border:1px solid #bb8d85;
transform:scale(1.05,1.05);
}

.cjimg p{margin:10px 0 0 0;padding:0;font-size:16px;color:#882f20;}

.cjimg a{color:333;text-decoration:none;}
.cjimg a:hover{text-decoration:none;}

#roop{
    width:100%;
    height:260px;
    background:url(im/main5.gif) repeat-x;
    background-position:0 0;
    -webkit-animation:bgroop 80s linear infinite;
    animation:bgroop 80s linear infinite;
    text-align:center;
}
@-webkit-keyframes bgroop{
    from{background-position:0  0;}
    to{background-position:-1920px 0;}
}
@keyframes bgroop{
    from{background-position:0 0;}
    to{background-position:-1920px 0;}
}

#roop img{
margin-top:60px;
filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.3));
}

#listc_w{width:1160px;margin:auto;padding:10px 0;}

#listc{
margin-top:14px;
width:840px;
float:left;
}
#listc div{
float:left;
text-align:center;
width:calc(25% - 10px);
margin:4px;
padding:24px 0;
background:#fff;
text-align:center;
border-radius:8px;
border:1px solid #fff;
}
#listc div:hover{border:1px solid #e5c8c5;}

#listc img{}
#listc p{
font-size:14px;
color:#666;
margin:10px 0 0 0;
padding:0;
line-height:16px;
}

#listc_ad{
float:right;
margin-top:14px;
width:320px;
height:800px;
background:#ddd;
}
div#keyken{width:820px;margin:auto;padding:20px 0;}
	#keyken input[type="text"]{
		font-size:18px;
		width:700px;
		padding:6px;
		height:30px;
		border:2px solid #b89e64;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	}
	#keyken input[type="submit"]{
		font-size:14px;
		margin:2px 0px;
		width:100px;
		height:46px;
		font-weight:bold;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	}
	.ss1{width:296px !important;}
	.ss2{width:304px !important;}
	.ss3{width:400px !important;}
	
#slick01 div{
background:#fff;
padding:10px 30px;
text-align:center;
}
#slick01 div{
background:#fff;
text-align:center;
}
#slick01 p{
color:#666;
font-size:16px;
line-height:20px;
margin:2px 0;
padding:0;
}

#slick02{width:620px;padding:0 60px;margin:auto;}
#slick02 div{text-align:center;}
#slick02 div img{height:360px;text-align:center;}

#lib_w{width:1160px;margin:auto;padding:20px 0;}
#lib{width:840px;float:left;}
#lib_s{
top:90px;
position: sticky;
float:right;
width:320px;
margin-top:14px;
text-align:center;
}

#libim{
width:780px;
margin:10px;
padding:20px;
border-radius:10px;
background:#fff;
text-align:center;
}
#libim img{
width:480px;
height:480px;
}

#illno{
text-align:center;
width:160px;
background:#ea555e;
color:#fff;
border-radius:30px;
padding:8px;
margin:20px auto;
margin-bottom:8px;
font-weight:bold;
}
#ibh2{
margin:0;
padding:0;
}
#bgill{
border:none;
margin:0;
}

#kiyakubot{
text-align:center;
width:160px;
background:#39aad3;
color:#fff;
border-radius:30px;
padding:12px;
margin:20px auto;
font-weight:bold;
filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.6));
}
#kiyakubot:hover{background:#007ac1;}

#nuribot0{
text-align:center;
width:320px;
background:#666;
color:#fff;
border-radius:30px;
padding:12px;
margin:20px auto;
font-weight:bold;
filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.6));
}
#nuribot0:hover{background:#888;}

#nuribot1{
text-align:center;
width:320px;
background:#ff583f;
color:#fff;
border-radius:30px;
padding:12px;
margin:20px auto;
font-weight:bold;
filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.6));
}
#nuribot1:hover{background:#eb3014;}

div#kw{
width:1100px;
background:#fff;
text-align:center;
font-size:20px;
line-height:30px;
margin:auto;
margin-bottom:30px;
padding:10px;
border:1px solid #eed498;
border-radius:8px;
}
#kw a{color:#3370c3;text-decoration:none;}
#kw a:hover{color:#39aad3;text-decoration:underline;}
#kw h4{
border-bottom:1px solid #eed498;
color:#666;
font-size:20px;
text-align:center;
margin:0px 0px 10px 0px;
padding:6px;
font-weight:bold;
}

a#czpt{text-decoration:none;color:#fff;}
div#czpt{
font-family:"M PLUS 1p";
font-weight:bold;
width:100%;
background:#ff7c74;
padding:20px 0;
filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.6));
border-radius:8px;

}
div#czpt:hover{background:#ffb7a0;}
div#z4p{background:#fff;padding:20px;margin:10px 20px;border-radius:8px;}
div#z4p img{float:left;width:calc(25% - 20px);height:calc(25% - 20px);margin:10px;}
#chaall{}
.chaallw{
text-align:center;
float:left;
width:12.5%;
}

.chaallw img{width:(100% - 6px);border:1px solid #ffe6c4;border-radius:6px;margin:2px;}
.chaallw img:hover{
border:1px solid #c6a967;
transform:scale(1.05,1.05);
}

.chaallw p{margin:0 0 10px 0;padding:0;}
.chaallw a{color:333;text-decoration:none;}
.chaallw a:hover{color:333;}

#chaall h3{
text-align:center;
width:160px;
background:#fda42a;
color:#fff;
border-radius:30px;
padding:6px;
margin:20px auto 8px auto;
font-weight:bold;
}

.catw{
float:left;
width:calc(25% - 16px);
height:300px;
margin:8px;
}
.catw img{width:160px;}
.catw p{text-align:left;line-height:1.4em;}

.kotow{
float:left;
width:calc(25% - 16px);
height:240px;
margin:8px 8px 20px 8px;
border-bottom:1px solid #ebdcb9;
}
.kotow img{width:160px;}
.kotow h3{height:42px;line-height:1em;font-size:18px;margin-top:-12px;border-bottom:none;}
.kta{
background:#c06556;
color:#fff;
font-weight:bold;
border-radius:50%;
padding:3px 8px;
}

#kww{}
#kww a{
float:left;
margin:4px;
padding:10px;
background:#fff;
border-radius:10px;

}

	.iw1{width:200px;}
	.iw2{width:600px;}
	
.mfth{
float:left;
width:160px;
height:30px;
padding:10px 0px 0px 0px;
margin:4px 0px;
font-weight:bold;
font-size:1.1em;
color:#333;
}
.mftd{
float:left;
width:580px;
padding:0px;
margin:10px 0px;
font-size:1.1em;
}
.mfbd{
clear:both;
border-bottom:1px dotted #679c80;
margin-bottom:20px;
}

.mfni{
float:left;
width:50%;
height:90px;
font-size:1.1em;
}
.mfni img{margin:5px;border:1px solid #ddd;border-radius:4px;}
.mfni select{margin:10px 0 0 0;}

.mfele{
margin:4px 0px;
padding:5px;
background:#eee;
border-radius:4px;
}
.mffs{font-size:1.1em;}
p.dame{
margin:0px !important;
padding:0px !important;
font-size:20px !important;
color:#b20e0f !important;
font-weight:bold;
animation:updown .6s infinite ease-in-out alternate;
}
@keyframes updown{
  0% {transform: translateY(-4px)}
  100% {transform: translateY(4px);}
}

input.bigbot{
	width:100%;
	height:80px;
	margin:20px 0px;
	font-size:24px;
    color: #ffffff;
    background:#f97627;
	border-radius:10px;
    font-weight: bold;
    border:none;
}
input.bigbot:hover{background:#f1a945;}

div.txtwaku{
margin:10px 5px;
padding:10px;
border-radius:10px;
border:1px dotted #c4efff;
background:#f3fcff;
}

#sitano{
clear:both;
width:1160px;
margin:20px auto;
padding:30px 0;
text-align:center;
color:#af6d66;
border-radius:10px;
background:#d6b5aa;
}
#sitano a{
background:#fff;
border-radius:10%;
padding:10px 12px;
margin:5px;
color:#6d271f;
text-decoration:none;
font-weight:bold;
}
#sitano a:hover{
background:#ffe6e3;
}
#sitano span{
background:#6d271f;
color:#fff;
border-radius:8px;
padding:10px 20px;
margin:5px;
text-decoration:none;
}

.smad{
margin:20px 20px 20px 20px;
height:250px;
}
.smad div{
float:left;
width:300px;
margin:5px 15px;
}

.hywaku{
width:600px;
margin:auto;
}
.hywaku img{
border:1px solid #aaa;
border-radius:8px;
margin:40px 0;
}

#hytopbn{
width:600px;
margin:30px auto;
position: relative;
}
#hytopbn img{
width:100%;
border-radius:10px;
}
#hytopbn p{
position:absolute;
bottom:5px;
right:10px;
margin:0px;
padding:0px;
}

#reqtopbn{
height:200px;
padding:50px 0;
text-align:center;
}

#freqtopbn{
background:#fff;
margin:30px auto;
height:200px;
text-align:center;
}

.sillbb{
text-align:center;
width:320px;
margin:20px auto;
padding:20px;
font-size:18px;
color: #ffffff;
background:#46760e;
border-radius:10px;
border:3px solid #fff;
font-weight: bold;
}
.sillbb:hover{
background:#639825;
border:3px solid #b3f06b;
}

#gadpcbot{
clear:both;
width:810px;
height:230px;
margin:0 4px;
padding:0 10px;
background:#fff;
border-radius:10px;
}

#gadsmbot{
clear:both;
width:670px;
height:230px;
margin:0 4px;
padding:10px;
background:#fff;
border-radius:10px;
}

#gadslm{margin:0 0 0 10px;width:300px;height:40px;}
#gadslm img{border-radius:4px 4px 0 0;}
#gadsl{margin:0 0 20px 10px;width:300px;height:180px;}

#gadslsm{margin:auto;width:660px;height:190px;}
#gadslsm img{border-radius:8px;border:1px solid #aaa;}

#smllbb{width:700px;margin:auto;padding:20px 0;}

.hyscr{
float:left;
overflow:hidden;
width:120px;
height:180px;
background:#fff;
}
.hyscr img{
display:inline-block;
animation:scrollAnime 50s linear infinite;
}
@keyframes scrollAnime{
0%{transform: translateY(6%)}
100%{transform: translateY(-98%)}
}