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

h2 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:10px;
}
a {
	text-decoration: underline;
}
a:hover {
	color:#FF6633;
}
.opa:hover {
	opacity:0.8;
}
.h_ho:hover {
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition:0.5s ease;
}
.h_ho_2:hover {
	-webkit-transition: 2.2s ease;
	-moz-transition: 2.2s ease;
	-o-transition: 2.2s ease;
	-ms-transition: 2.2s ease;
	transition:2.2s ease;
}
.sya {
	display: inline-block;
	box-shadow: 10px 0px 5px -5px rgba(0, 0, 0, 0.8);
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
.samokiti {
	position:fixed;
	bottom:10px;
	right:20px;
	z-index:20;
}
.samokiti img{
	position:absolute;
	bottom:0;
	right:0;
	shadow:
}
.drop-shadow {
  -webkit-filter: drop-shadow(0px 5px 2px rgba(0,0,0,.8));
  filter: drop-shadow(0px 5px 2px rgba(0,0,0,.8));
}
.drop-shadow_01 {
  -webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,.5));
  filter: drop-shadow(0px 5px 2px rgba(0,0,0,.5));
}
.drop-shadow_02 {
  -webkit-filter: drop-shadow(20px 20px 1px rgba(0,0,0,.5));
  filter: drop-shadow(20px 20px 1px rgba(0,0,0,.5));
}
.banner {
	width: 90%;
	background: #b13b1f;
	font-size: 15px;
	text-align: center;
	margin: 10px auto;
	padding: 28px 0;
	color: #fff;
	text-decoration: underline;
}
.banner:hover {
	text-decoration: none;
	opacity: .5;
	transition: .5s;
	text-decoration: none;
}
._01 {
	background: #ee441c;
}
._02 {
	background: #e38517;
}
.comment {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	width: 216px;
	height: 200px;
	font-size: 16px;
	font-weight: bold;
	margin: 29px auto;
	line-height: 2.0em;
}
.fukidasi {
	width:300px;
	height:200px;
	position:fixed;
	bottom:262px;
	right:21px;
	z-index:20;
	background:url(../images/fukidasi.png) no-repeat;
	background-size: contain;
	background-position: center;
}
.katakata img {
	-webkit-transition: 0.1s ease-in-out;
	-webkit-animation-name: rotateArea;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
}
.kadomaru {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
}
@-webkit-keyframes rotateArea {

	5% {-webkit-transform: rotate(5deg);}
	10% {-webkit-transform: rotate(10deg);}
	15% {-webkit-transform: rotate(15deg);}
	20% {-webkit-transform: rotate(20deg);}
	25% {-webkit-transform: rotate(15deg);}
	30% {-webkit-transform: rotate(10deg);}
	35% {-webkit-transform: rotate(5deg);}
	40% {-webkit-transform: rotate(0deg);}
	45% {-webkit-transform: rotate(-5deg);}
	50% {-webkit-transform: rotate(-10deg);}
	55% {-webkit-transform: rotate(-15deg);}
	60% {-webkit-transform: rotate(-20deg);}
	65% {-webkit-transform: rotate(-15deg);}
	70% {-webkit-transform: rotate(-10deg);}
	75% {-webkit-transform: rotate(-5deg);}
	80% {-webkit-transform: rotate(-0deg);}
}