@charset "UTF-8";

body{margin:0px;background:#3c3c3c;}

.bgkuro{background:#000;color:#fff;}
.bgsh{background:#fffcdb;color:#333;}

.fll{float:left;}
.flr{float:right;}
.cf{clear:both;}
.tcen{text-align:center;}

.w5{width:500px;}
.w7{width:700px;}
.h1{height:300px;}
.wf{width:100%;}
.cobl{color:#000;}
.fcfff{color:#fff;}

.kmaru{border-radius:8px;}

div.mtxt{
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: 'Noto Serif JP', serif;*/
	padding:10px 0px;
	font-size:16px;
	text-align:center;
}

.ff{opacity:0;transform:translateY(30px);transition:all 1s;}
.iv:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

div#head{
	background:#000;
	color:#aaa;
	z-index:9999;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	border-bottom:1px solid #aaa;
	font-family: 'Josefin Sans', sans-serif;
	-webkit-text-size-adjust:100%;
	opacity:0.9;
}

	div#hn{width:940px;padding:10px 0px;margin:auto;}
	div#hl{float:left;width:200px;text-align:left;padding-top:5px;}
	div#hr{float:right;width:740px;font-size:16px;text-align:right;margin-top:6px;}
	p{letter-spacing:0.2em;font-size:16px;line-height:24px;}p.tyuu{text-align:center;font-size:14px !important;color:#666;}
p.pltm{font-size:16px;color:#ddd;margin:0px;}
p.pltf{font-size:20px;color:#fff9a8;font-weight:bold;}

div.dame{margin:0px;padding:0px;text-align:center;color:#ff0000;font-size:14px;line-height:14px;}


div#foot{
	background:#000;
	color:#fff;
	text-align:center;
	padding:40px;
}

div.naka{width:940px;padding:20px 10px;margin:auto;}div.katu{width:640px;margin:10px auto;}div.plw{float:left;width:450px;background:#333;color:#fff;border-radius:10px;margin:10px;text-align:center;}
hr{
	clear:both;
	border-bottom:none;
	border-top:1px dotted #aaa;
}

/*-----*/
h2{
	font-family: 'Sulphur Point', sans-serif;
	font-size:28px;
	color:#fff;
	text-align:center;
	letter-spacing:0.4em;
	padding:0px 0px 20px 0px;
	margin:0px auto;
}
.coly{color:#fff9a8;}
h3{
	letter-spacing:0.4em;
	margin:10px;
	padding:0px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#fff;
}
h4{
	font-family: 'Sulphur Point', sans-serif;
	letter-spacing:0.1em;
	margin:10px;
	padding:0px;
	text-align:center;
	font-size:18px;
	font-weight: lighter; 
	color:#ddd;
}

/*-----*/

#plan{
background:#fff9b0;
width:420px;
padding:10px 0;
margin:auto;
border-radius:10px;
}
#plan h2{
color:#514c09;
border-bottom:1px solid #d9d27b;
margin-bottom:0;
padding-bottom:6px;
}
#plan a{
color:#514c09;
text-decoration: none;
}
#rese{
background:#00b29c;
margin:4px auto;
padding:4px;
border-radius:4px;
color:#fff;
width:180px;
}
/*-----*/

a.unl{
  color:#ddd;
  position: relative;
  display: inline-block;
  text-decoration: none;
}
a.unl:after{
  color:#fff;
  position:absolute;
  bottom:-3px;
  left:0;
  content:'';
  width:100%;
  height:1px;
  background:#888;
  opacity:0;
  visibility:hidden;
  transition:.3s;
}
a.unl:hover:after {
  bottom:2px;
  opacity:1;
  visibility:visible;
}
/*-----*/
#mfch{color:#fff;}
/*-----*/
input.bb{
	-webkit-appearance: none;
	width:240px;
	height:80px;
	margin:20px 0px;
	font-size:24px;
    color: #ffffff;
    background:#000;
	border-radius:10px;
    font-weight: bold;
}
input.bb:hover{background:#999;}

input[type="text"]{
	border:1px solid #aaaaaa;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	/*font-size:16px;*/
	margin:2px;
	padding:2px;
	font-size:16px;}
textarea{
	border:1px solid #aaaaaa;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	/*font-size:16px;*/
	margin:2px;
	font-size:16px;}
/*-----*/
table{border-collapse:collapse;background:#f4f1cb;color:#333;margin:10px auto;}
th{border:solid 1px #b1ad85;padding:20px;text-align:center;font-weight:bold;}
td{border:solid 1px #b1ad85;padding:6px;text-align:left;}
.tbbg{background:#fdfbe8;}
/*-----*/
/* Float */
/*-----*/
.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);
}

/*-----*/
/* Sink */
/*-----*/
.hvr-sink {
  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.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
/*-----*/
#roop{
    width:100%;
    height:300px;
    background:url(im/topbg.jpg) repeat-x;
    background-position:0 0;
    -webkit-animation:bgroop 40s linear infinite;
    animation:bgroop 40s linear infinite;
    text-align:center;
}
@-webkit-keyframes bgroop{
    from{background-position:0  0;}
    to{background-position:-2700px 0;}
}
@keyframes bgroop{
    from{background-position:0 0;}
    to{background-position:-2700px 0;}
}

#roopp{margin:20px 0px;width:100%;text-align:center;}
#mmmm{margin:40px 0px;width:100%;text-align:center;}
/*-----*/