@charset "utf-8";
 @import url('library.css');


 h1 {
   text-align: center;
   font-weight: bold;
 }

h1 a {
	text-decoration: none;
	color: #000;
}

 .line0 {
   font-size: 18px;
 }

 .line1 {
   font-size: 20px;
 }

 .line2 {
   font-size: 42px;
 }
body {
	width: 100%;
	margin: 0;
	float: left;
	font-size: 62.5%;
	color: #555;
	border-top: 7px solid #fcdf03;
	font-family: 'Meiryo', sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}

.insta {
	text-align: center;
	display: 	block;
	font-size: 	2.5em;
	line-height: 	2em;
}

.eiji{
font-size: 16px!important;
line-height: 105%!important;
font-weight: bold;
color: #000000!important;
}
.eiji2{
font-size: 24px!important;
line-height: 105%!important;
font-weight: bold;
color: #000000!important;
}
.clear{
	clear: both;
}
#bg-header, #bg-content, #bg-footer {
	width: 100%;
	float: left;
}
#header, #content, #footer {
	width: 100%;
	float: left;
}
.rows {
	width: 100%;
	float: left;
}
.rows-mini {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.txt-head {
	padding: 12px 0px 23px 0px;
	box-sizing: border-box;
	font-size: 1.2em;
}

.logo {
	width: 30%;
	float: left;
}

.logo-tel img{
	max-width:100%;
}
.logo img{
	max-width:100%;
}
.logo-tel {
	width: 100%;
	float: left;
}

.tel {
	width: 70%;
	float: left;
}
.tel {
	font-size: 3em;
	text-align: right;
}
.show-sp {
	display: none;
}
.show-tb {
	display: none;
}
.menu-slide {
	width: 100%;
	float: left;
	margin-top: 30px;
	height: 350px;
}
.menu {
	width: 34%;
	float: left;
}
.menu-sp {
	width: 100%;
	float: left;
}
a.menu-item {
	width: 100%;
	height: 69.8px;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	background: #ffec57;
	line-height: 33px;
	float: left;
	text-decoration: none;
	font-size: 1.8em;
	color: #000;
	padding: 15px 20px 0px 30px;
}
a.acitve, a.menu-item:hover {
	background: #fcdf03;
	color: #333;
}
.ico-menu {
	cursor: pointer;
}
.slide {
	width: 66%;
	float: left;
	position: relative;
	text-align: center;
}
.slide img {
	width: 100%;
}
.txt-slide {
	width: 100%;
	position: absolute;
	float: left;
	z-index: 999;
	
}
.slide div._edEdit div img{
	position: inherit !important;
}
.txt-slide1 {
	font-size: 2.5em;
	color:#FFF;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 120%;
	margin-top: 8%;
	letter-spacing: 1px;
	font-weight: bold;
	-webkit-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-moz-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-o-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-ms-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
}
.txt-slide2 {
	font-size: 2em;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 140%;
	margin-top: 2%;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 2px;
	-webkit-text-shadow: 1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
	-moz-text-shadow: 1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
	-o-text-shadow: 1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
	-ms-text-shadow: 1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
	text-shadow: 1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
}
.txt-slide3 {
	font-size: 2.5em;
	color:#FFF;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 120%;
	margin-top: 2%;
	letter-spacing: 1px;
	font-weight: bold;
	-webkit-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-moz-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-o-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-ms-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
}
.content {
	margin-top: 30px;
}
.title-h2 {
	width: 100%;
	float: left;
	font-size: 2.5em;
	border-bottom: 2px solid #FFEC57;
	padding: 0px 0px 7px 0px;
	box-sizing: border-box;
}
.title-h3 {
	width: 100%;
	float: left;
	font-size: 2em;
	background:#fcdf03;
	color:#333;
	padding: 5px;
	border-radius:5px;
	box-sizing: border-box;
}
.col-left {
	width: 76%;
	float: left;
	padding-right: 30px;
	box-sizing: border-box;
}
.col-right {
	width: 24%;
	float: left;
}
.col-right .imgmaxfull{
	margin-top:10px;
}
.col-right img {
	width: 100%;
}
.col-right img:hover {
	opacity: 0.8;
}
.right1 {
	width: 100%;
	float: left;
}
.right2 {
	width: 100%;
	float: left;
	margin-top: 10px;
}
iframe {
	width: 100% !important;
	height: 420px;
}
.img-link {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.img-item {
	width: 25%;
	float: left;
	padding: 1%;
	box-sizing: border-box;
	position: relative;
}
.img-item img {
	width: 100%;
}
a.bxbx {
}
.img-item ._edEdit{
	border:1px #ccc solid;
}
.txt-img {
	position: absolute;
	bottom: 0;
	padding: 2% 2% 7% 2%;
	box-sizing: border-box;
	font-size: 1.7em;
	width: 100%;
	float: left;
	text-align: center;
	color: #FFF;
	font-weight:bold;
	text-shadow: 1px 1px 3px #000;
}
.hvi {
	border-left: 1px solid #fff;
    position: absolute;
    opacity: 0;
    z-index: 99;
    height: 80%;
    left: 10%;
    top: 10%;
    box-sizing: border-box;
}
.hvi2 {
	border-right: 1px solid #fff;
    position: absolute;
    opacity: 0;
    z-index: 99;
    height: 80%;
    right: 8%;
    top: 10%;
    box-sizing: border-box;
}
.hvi3{
	border-top: 1px solid #fff;
    position: absolute;
    opacity: 0;
    z-index: 99;
    width: 82%;
    top: 10%;
    left: 10%;
    box-sizing: border-box;
}
.hvi4{
	position: absolute;
    opacity: 0;
    z-index: 99;
    width: 82%;
    bottom: 10%;
    left: 10%;
    box-sizing: border-box;
    border-bottom: 1px #fff solid;
}
.img-item:hover .hvi, .img-item:hover .hvi2, .img-item:hover .hvi3, .img-item:hover .hvi4{
	opacity: 1;
}
#bg-footer {
	width: 100%;
	height: auto;
	min-height: 50px;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 80px;
	background: #ffec57;
	position: relative;
}
.footer {
	width: 100%;
	float: left;
	font-size: 1.2em;
	color: #000;
}
.pagetop {
	position: absolute;
	right: 0;
	bottom: 0;
}
 @media screen and (max-width: 1366px) {
}
 @media screen and (max-width: 980px) {
.slide img {
	width: 100%;
	height:350px;
	max-height: 350px;
}
}
 @media screen and (max-width: 890px) {
a.menu-item {
	font-size: 1.3em;
}
}
 @media screen and (max-width: 768px) {
#bg-header, #bg-content {
	padding: 0% 2% 0% 2%;
	box-sizing: border-box;
}
a.menu-item {
	padding: 20px 20px 0px 20px;
}
.txt-slide1 {
	font-size: 1.7em;
	margin-top: 10%;
}
.txt-slide2 {
	font-size: 1.3em;
	margin-top: 2%;
}
.txt-slide3 {
	font-size: 1.7em;
	margin-top: 2%;
}
.col-left {
	width: 100%;
	padding-right: 0;
}
.col-right {
	width: 100%;
}
.right1 {
	width: 50%;
	margin-top: 0;
	padding: 4% 4% 4% 12%;
	box-sizing: border-box;
}
.right2 {
	width: 50%;
	margin-top: 0;
	padding: 4% 12% 4% 4%;
	box-sizing: border-box;
}
.hide-tb {
	display: none;
}
.show-tb {
	display: inline-block;
}
}
 @media screen and (max-width: 640px) {
.slide img {
	width: 100%;
	height:auto;
}
a.menu-item {
	font-size: 1.8em;
}
#bg-header, #bg-content {
	padding: 0% 2% 0% 2%;
	box-sizing: border-box;
}
.txt-head {
	font-size: 2em;
	text-align: center;
	padding: 20px 30px 30px 52px;
}
.logo, .tel {
	text-align: center !important;
	width: 100%;
}
.show-sp {
	display: inline-block;
}
.show-sp2 {
	display: inline-block;
}
.hide-sp {
	display: none;
}
.menu-slide {
	height: auto;
}
.menu {
	width: 100%;
}
.slide {
	width: 100%;
	overflow: hidden;
}
.title-h2 {
	font-size: 3em;
	text-align: center;
	border-bottom: 3px solid #fafa80;
}
.title-h3 {
	text-align: center;
}
.right1 {
	padding: 4%;
}
.right2 {
	padding: 4%;
}
.footer {
	font-size: 1.8em;
	line-height: 160%;
}
.pagetop {
	width: 92%;
	float: left;
	text-align: center;
	padding: 0% 0% 2% 0%;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
	background: #333333;
	margin: 0% 4% 4% 4%;
	position: relative;
}
/* add for raku */

.imgmaxfull {width:100%;float:left;text-align:center !important;}
.imgmaxfull div div img {width:100% !important;display:inline-block !important;max-width:none !important;height:auto !important;left:0 !important; }
.imgmaxfull div  img {width:100% !important;display:inline-block !important;max-width:none !important;height:auto !important;left:0 !important; }
.imgmaxfull  img {width:100% !important;display:inline-block !important;max-width:none !important;height:auto !important; }
.imgmaxfull div div {width:100% !important;display:inline-block !important;height:auto !important; }
.imgmaxfull div {width:100% !important;display:inline-block !important;height:auto !important; }
}
.tel .fml-rt div{
	float:right;
}
.annotation {
	font-size: 0.5em !important;
	text-align: right;
}

.annotation-sp {
	font-size: 0.6em !important;
	text-align: center;
	text-indent: 9.5em;
}
.data-wrap{width:inherit !important;left:0;}
._edEdit .data-wrap{width:100% !important;width:inherit !important;left:0;}
/*._edEdit .data-wrap img{max-width: 100% !important;position:relative;left:0 !important;width:100% !important;height:auto !important}*/