@charset "UTF-8";

html{font-size: 15px;}
body{
line-height: 1.6;
font-size: 15px;
background: #ffffff;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
margin: 0;
}
a, a:visited{
	color: #3388cc;
	font-weight: bold;
	text-decoration: none;
}
h1, h2, h3, h4{
line-height: 1.5;
font-size: 16px;
}
p{
margin:0;
}
header{
	width: 100%;
	height:164px;
	position: fixed;
	top: 0;
	left:0;
	z-index: 1001;
}
main{
	background-color: #f9f9f9;
	display: flex;
	margin: 0 auto;
	margin-top:164px;
	flex-wrap: wrap;
	align-items: flex-start;
}
footer{
	background-color: #f9f9f9;
	margin: 0 auto;
	display: block;
}
@media screen and (min-width: 751px) {
	main{
		width: 1000px;
		border-left: 1px solid #8cc63f;
		border-right: 1px solid #8cc63f;
	}
	footer{
		width: 1000px;
		border-top: 1px solid #f9f9f9;
		border-left: 1px solid #8cc63f;
		border-right: 1px solid #8cc63f;
	}
}
div#header {
	display: block;
	width: 1000px;
	height:164px;
	text-align: center;
	background-color: #8cc63f;
	border-left: 1px solid #8cc63f;
	border-right: 1px solid #8cc63f;
	z-index: 1001;
	margin: 0 auto;
}
div#content {
	width: 750px;
	margin: 0 auto;
	background-color: #f9f9f9;
}
div#right-box {
	width: 200px;
	margin: 20px auto;
	border: 1px solid #006600;
	border-radius: 10px;
	margin-top:10px;
}
div#footer {
	max-width: 700px;
	background-color: #8cc63f;
	margin: auto;
}
.address-box{
	width: 400px;
	margin: 20px auto;
}
.bottom-menu-box{
	margin: 0 auto;
}
.sns-menu {
	display: flex;
	width: 80%;
	margin : 15px auto 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}
.sns-menu li {
	width: 25%;
}

.menu-footer{
	display: flex;
	width: 100%;
	margin : 0 auto;
	padding: 0;
	border: 0;
	background-color: #8cc63f;
	list-style-type: none;
	text-align: center;
}
.menu-footer li {
	list-style: none;
}
.menu-footer li a {
	display: flex;
	padding: 3px;
	height: 32px;
	text-align: center;
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	box-sizing: border-box;
	vertical-align:middle;
	border-top: 1px solid #fff;
	justify-content: center;
	align-items: center;
}
.t-page {
	width:33%;
	background-color: #ffffff;
}
.q-page {
	width:34%;
	background-color: #ffffff;
}

.bottom-box{
	background-color: #006600;
	text-align: center;
}
.link-button {
	display: block;
	width: 400px;
	padding: 10px 0;
	margin: 20px auto;
	background: #569f3c;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border-radius: 10px;
}
.link-button::after{
	content: "";
	display: inline-block;
	margin-left: 1em;
	vertical-align: 1px;
	width: 7px;
	height: 7px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}
.lbl::after{
	transform: rotate(135deg);
}
.link-button:visited {
	color: #fff;
}
.menu-title {
	display: block;
	width: 400px;
	padding: 15px 0;
	margin: 10px auto;
	background: #569f3c;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
}
.menu-allow {
	display: block;
	width:50px;
	height: 50px;
	padding: 0;
	margin: 10px auto;
	color: #569f3c;
	font-size: 46px;
	text-align: center;
}

.explan{color: #ff8000;}
.explan2{color: #0000ff;}


.tel-logo{
	width:320px;
	height:64px;
}
.top-box{
	width: 1000px;
	height: 128px;
	display: flex;
}
.top-left{
	width:640px;
	height:128px;
}
.top-right{
	width:360px;
	height:128px;
}
.top-menu-box{
	width: 1000px;
	height: 28px;
	margin : 0 auto;
	background-color: #8cc63f;
	border: 0;

}
.top-menu{
	display: flex;
	flex-wrap: wrap;
	width: 320px;
	margin : 0 auto;
	padding: 0;
	border: 0;
	list-style-type: none;
	text-align: center;
}
.top-menu li a {
	width: 150px;
	padding: 5px;
	height: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	box-sizing: border-box;
	vertical-align:middle;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.top-menu-left{
	background: #09f;
	border-radius: 10px;
}


.top-menu-right{
	background: #f26522;
	margin-left:20px;
	border-radius: 10px;
}
.nav-menu{
	display: flex;
	flex-wrap: wrap;
	width: 1000px;
	margin : 0 auto;
	padding: 0;
	border: 0;
	background-color: #8cc63f;
	list-style-type: none;
	text-align: center;
}
.nav-menu li {
	list-style: none;
}
.nav-menu li a {
	width: 165px;
	height: 36px;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #8cc63f;
	text-decoration: none;
	box-sizing: border-box;
	border-top: 1px solid #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.nav-menu-midle {
	border-left: 1px solid #fff;
}
.nav-menu > li:hover > a {/*layer-1*/
  color: #666;
  background: #fff;
}
.top-icon{
	width:700px;
	height:700px;
	margin: 20px auto;
	display: block;	
}
.top-icon2{
	width:700px;
	height:800px;
	margin: 0px auto;
	display: block;	
}



.sfs-title, .sfs-content {
	font-size: 16px;
}
.h2title{
margin-top: 2px;
margin-bottom: 2px;
}
img.paper{
vertical-align: top;
margin-right: 3px;
}
.toptitle{
text-align: center;
}
/*footer css start*/
.bottomtitle{
	margin-top:2px;
	margin-bottom:2px;
	color: #ffffff;
	text-align: center;
}
/*footer css end*/
textarea{
max-width: 100%;
}
input{
max-width: 100%;
}
select{
max-width: 100%;
}
.sub_title {
	margin: 20px auto;
	border: 1px solid #006600;
	border-radius: 10px;
	background-color: #006600;
	color: #ffffff;
	padding: 5px;
}
.sub_title a {
color: #ffffff;
}
.semi_title {
	margin: 20px auto;
	border-radius: 10px;
	background-color: #006600;
	color: #ffffff;
	padding: 5px;
}
.semi_title a {
color: #ffffff;
}
.main_title {
	margin:10px auto;
	border: 1px solid #006600;
	border-radius: 10px;
	background-color: #006600;
	color: #ffffff;
	padding: 5px;
}

.top_mes {
	width: 100%;
	text-align:center;
	font-size: 16px;
}
.top_mes a {
color: #ff0000;
}
.top_mes span {
color: #ff0000;
}
.paper-list {
	padding-left:20px;
}
.paper-list li {
	line-height: 1.6;
	padding: 4px 0;
	background-repeat:no-repeat;
	background-position:0px 0px;
	list-style-position: inside;
	margin-left: 1.1em;
	text-indent: -1.1em;

}

.area-list {
padding-left:1em;
list-style-type:none;
}
.area-list li {
display: inline-block;
padding-right: 1em;
}
.twitter-img{
vertical-align: middle;
width:20px;height:20px;
}

.bc-list-s {
padding: 5px 0;
margin: 0 0 0 0;
}
.bc-list-s ol {
font-size: 15px;
margin: 0 auto;
padding: 0 0;
list-style-type: none;
overflow:hidden;
}

.bc-list-s li {
float: left;
}

.bc-list {
	width:100%;
	padding: 5px 20px 0;
	margin: 0 auto 0;
}

.bc-list ol {
	font-size: 15px;
	margin: 0 auto;
	padding: 0 0;
	list-style-type: none;
	overflow:hidden;
}
.bc-list li {
	float: left;
}
address{
	font-style:normal;
}

.price-box {
	width: 100%;
	border: 1px solid #8cc63f;
	border-radius: 10px;
	margin-bottom: 20px;
}
.title-box {
	width: 100%;
	border: 0;
}


.tb-title {
	background-color:#f26522;
	color: #ffffff;
	font-size: 16px;
	padding: 10px;
}
.tb-body {
	font-size: 16px;
	padding: 10px;
}
.pb-title {
	background-color: #006600;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	color: #ffffff;
	font-size: 16px;
	padding: 10px;
}
.pb-price {
	font-size: 16px;
	padding: 10px;
}
.pb-comment {
	border-top: 1px solid #006600;
	font-size: 16px;
	padding: 10px;
}
.h3-title {
	font-size: 16px;
	line-height: 1;
}
.h3-titleb {
	color: #0000ff;
	font-size: 16px;
	line-height: 1.6em;
}
.youtube {
	margin: 20px auto;
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.ui-grid-a {
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
}
.ui-block-a, .ui-block-b{
	width: 50%;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	min-height: 1px;
	box-sizing: border-box;
	text-align:center;
}
.ui-block-a {
	clear: left;
}


.sub_titlex {
	margin:0 auto;
	border: 1px solid #006c60;
	border-radius: 10px;
	background-color: #006c60;
	color: #ffffff;
	font-size: 16px;
	padding: 5px;
	margin-top:2px;
	margin-bottom:10px;
}
.sub_titlex a {
	color: #ffffff;
}
.sub_titley {
	margin:0 auto;
	border: 1px solid #f26522;
	border-radius: 10px;
	background-color: #f26522;
	color: #ffffff;
	font-size: 16px;
	padding: 5px;
	margin-top:2px;
	margin-bottom:10px;
}
.sub_titley a {
	color: #ffffff;
}
.sub_titlez {
	margin:0 auto;
	border: 1px solid #0099FF;
	border-radius: 10px;
	background-color: #0099FF;
	color: #ffffff;
	font-size: 16px;
	padding: 5px;
	margin-top:2px;
	margin-bottom:10px;
}
.sub_titlez a {
	color: #ffffff;
}
.sub_titlem {
	margin:0 auto;
	border: 1px solid #006600;
	border-radius: 10px;
	background-color: #006600;
	color: #ffffff;
	font-size: 16px;
	padding: 5px;
	margin-top:2px;
	margin-bottom:10px;
}
.sub_titlem a {
color: #ffffff;
}

.twitter-box{
	border-collapse: collapse;
	width:240px;
}
.twitter-box th{
	border:0;
	background-color: #000000;
}
.twitter-box td{
	border:0;
	width:156px;
	background-color: #000000;
	color:#ffffff;
}
.twitter-box td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight: bold;
	font-size: 16px;
}
.twitter-box td a:hover{
	color:#ffffff;
	font-weight: bold;
	font-size: 16px;
}
.instagram-box{
	border-collapse: collapse;
	width:240px;
}
.instagram-box th{
	border:0;
	background-color: #CF2E92;
}
.instagram-box td{
	border:0;
	width:156px;
	background-color: #CF2E92;
	color:#ffffff;
}
.instagram-box td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight: bold;
	2font-size: 16px;
}
.instagram-box td a:hover{
	color:#ffffff;
	font-weight: bold;
	font-size: 16px;
}
.line-box{
	border-collapse: collapse;
	width:240px;
}
.line-box th{
	border:0;
	background-color: #06C755;
}
.line-box td{
	border:0;
	width:156px;
	background-color: #06C755;
	color:#ffffff;
}
.line-box td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight: bold;
	font-size: 16px;
}
.line-box td a:hover{
	color:#ffffff;
	font-weight: bold;
	font-size: 16px;
}
.page-link{
	display: flex;
	width: 730px;
	margin : 20px auto;
	padding: 0;
	border: 0;
	list-style-type: none;
	justify-content: center;
}
.page-link a {
	width: 30px;
	height: 30px;
	margin : 0 5px;
	text-align: center;
	line-height:30px;
	color: #ffffff;
	border: 1px solid #a6a6a6;
	background-color: #a6a6a6;
	border-radius: 10px;
}
.nowlink{
	background-color: #f26522;
}

.cat-title {
	margin:0;
	border: 1px solid #006600;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #006600;
	color: #ffffff;
	font-size: 16px;
	padding: 5px;
}
.column-top-img, .img32 {
	display: block;
	width: 600px;
	height: 400px;
	margin: 20px auto;
	border-radius: 10px;
}
.img51 {
	width: 750px;
	height: 150px;
}
.column-square-img {
	display: block;
	width: 200px;
	height: 200ppx;
	margin: 20px auto;
	border-radius: 10px;
}
.movie-img {
	display: block;
	width: 700px;
	height: 394px;
	margin: 20px auto;
	border-radius: 10px;
}
.win-logo{
	width:640px;
	height:128px;
}

.img-menu{
	display: flex;
	flex-wrap: wrap;
	width: 700px;
	margin : 40px auto;
	padding: 0;
	border: 0;
	list-style-type: none;
	text-align: center;
	vertical-align:middle;
	justify-content: center;
	align-items: center;
}
.img-menu li a {
	display: flex;
	width: 250px;
	height: 250px;
	margin : 0 50px;
	text-align: center;
	vertical-align:middle;
	justify-content: center;
	align-items: center;
}
.img-menu-button{
	width:250px;
	height: 250px;
	border-radius: 10px;
}
.movie-img-menu-button {
	width:250px;
	height: 140px;
	border-radius: 10px;
}
.movie-img-menu-button {
	width:250px;
	height: 140px;
	border-radius: 10px;
}
#map_canvas {
	width: 600px;
	height: 600px;
	margin : 20px auto;
}
#map_canvas iframe {
	height: 100%;
	width: 100%;
}
.red {
	color: #ff0000;
}
.source{
color:#999;
}
.h3-title {
line-height: 1;
}
.h3-titleb {
color: #0000ff;
line-height: 1.6em;
}
.news-list{
	display: flex;
	flex-wrap: wrap;
	width: 750px;
	margin : 20px auto;
	padding: 0;
	border: 0;
	list-style-type: none;
	justify-content: space-between;
}
.news-list {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 750px;
	min-height: 80px;
	margin: 20px auto;
	border: 2px solid #006600;
	border-radius: 15px;
	background-color: #fff;
}
.news-list li a {
	display: flex;
	width: 750px;
}
.news-day {
	display: flex;
	width:150px;
	color: #000000;
	justify-content: center;
	align-items: center;
	order: 1;
}
.news-title {
	display: flex;
	width:600px;
	align-items: center;
	margin: 0;
	order: 2;
}
.news-list a:hover {
	opacity: 0.7;
	transition: all 0.3s ease;
}

.contents-list{
	display: flex;
	flex-wrap: wrap;
	width: 730px;
	margin : 20px auto;
	padding: 0;
	border: 0;
	list-style-type: none;
	justify-content: space-between;
}
.contents-list li {
	width: 350px;
	margin: 0 0 40px;
	display: block;
	border: 2px solid #006600;
	border-radius: 10px;
	vertical-align: top;
}
.contents-list h3 {
	width: 330px;
	margin:0;
	padding: 10px;
	height :25px;
	color: #fff;
	background: #006600;
	border-top-left-radius : 7px;
	border-top-right-radius : 7px;
	text-align: center;
}
.contents-list p {
	display: block;
	margin: 20px;
}
.contents-list a, .contents-list a:visited {
	display: block;
	width: 290px;
	margin:20px auto;
	padding: 15px;
	height :25px;
	color: #fff;
	background: #f26522;;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
}

	.pci{display: inline;}


.img-120{width:750px;height:150px;margin: 20px auto;}
.img-250{width:750px;height:250px;margin: 20px auto;}
.img-150{width:750px;height:187.5px;margin: 20px auto;}

@media screen and (min-width: 751px) {
	.sp{display: none;}
	.pc{display: block;}
	.spi{display: none;}
	.spf{display: none;}
		div#content {
			min-height: 500px;
		}
	.bottom-menu{
		display: flex;
		flex-wrap: wrap;
		width: 1000px;
		margin : 0 auto;
		padding: 0;
		border: 0;
		background-color: #8cc63f;
		list-style-type: none;
	}
	.bottom-menu ul {
		margin: 0;
		padding: 0;
	}
	.bottom-menu li {
		list-style: none;
	}
	.bottom-menu li a {
		width: 199px;
		padding: 5px;
		display: block;
		height: 36px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		background: #8cc63f;
		text-decoration: none;
		box-sizing: border-box;
		vertical-align:middle;
		border-top: 1px solid #fff;
	}

	.bottom-menu-midle {
		border-left: 1px solid #fff;
	}
	.bottom-menu > li:hover > a {
		color: #666;
	  background: #fff;
	}
}


.movie-img {
	width: 100%;
	height: auto;
}
.column-top-img, .img32 {
	width: 100%;
	height: auto;
}
.color0 {
	background: #8cc63f;
}
.color1 {
	background: #569f3c;
}
.color2 {
	background: #f26522;
}
.color3 {
	background: #005A94;
}
.colorx {
	background: #999999;
}
.bcolor0 {
	border: 1px solid #8cc63f;
	background: #8cc63f;
}
.bcolor1 {
	border: 1px solid #569f3c;
	background: #569f3c;
}
.bcolor2 {
	border: 1px solid #f26522;
	background: #f26522;
}
.bcolor3 {
	border: 1px solid #005A94;
	background: #005A94;
}
.bcolorx {
	border: 1px solid #999999;
	background: #999999;
}

.img200x150{width: 200px;height:150px;}
.img360x270{width: 360px;height:270px;}
.img320x180{width: 320px;height:180px;}
.img240x180{width: 240px;height:180px;}
.img240x135{width: 240px;height:135px;}
.img600x340{width: 600px;height:340px;}
.img640x480{width: 640px;height:480px;}
.img-x180{}

.img-40{width:100%;height:auto;}
.img-100{width:100%;height:auto;}
.img-130{width:100%;height:auto;}
.img-140{width:100%;height:auto;}
.img-150{width:100%;height:auto;}
.img-160{width:100%;height:auto;}
.img-180{width:100%;height:auto;}
.img-210{width:100%;height:auto;}
.img-300{width:100%;height:auto;}
.img-400{width:100%;height:auto;}
.img-540{width:100%;height:auto;}
.img-550{width:100%;height:auto;}
.img-600{width:100%;height:auto;}

#g-nav{
	/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
	position:fixed;
	z-index: 999;
	/*ナビのスタート位置と形状*/
	top:-120%;
	left:0;
	width:100%;
	height: 100vh;/*ナビの高さ*/
	background: #8cc63f;
	/*動き*/
	transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
top: 128px;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
	/*ナビの数が増えた場合縦スクロール*/
	position: fixed;
	z-index: 999; 
	width: 100%;
	height: 100vh;/*表示する高さ*/
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}



/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:fixed;
	z-index: 9999;/*ボタンを最前面に*/
	top:4px;
	right: 4px;
	cursor: pointer;
	width: 40px;
	height:60px;
}
	
/*×に変化*/	
.openbtn span{
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 0;
	width: 30px;
	height: 3px;
	background-color: #fff;
	border-radius: 2.5px;

}

.openbtn span:nth-of-type(1) {
	top:10px;	
}
.openbtn span:nth-of-type(2) {
	top:20px;
}

.openbtn span:nth-of-type(3) {
	top:30px;
}
.openbtn::after {
	content:"Menu";
	position: absolute;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	top: 38px;
	left: 1px;
}

.openbtn.active span:nth-of-type(1) {
	top: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 35px;
}
.openbtn.active span:nth-of-type(2) {
	top: 30px;
	transform: translateY(-6px) rotate(45deg);
	width: 35px;
}
.openbtn.active span:nth-of-type(3){
	opacity: 0;
}
.openbtn.active::after {
	content:"Close";
}


@media screen and (max-width: 750px) { 
	body, header, main, footer {
		width: 100%;
	}
	header{
		background: #8cc63f;
		background-color: #8cc63f;
		height:65px;
	}
	main{
		margin-top:65px;
	}
	footer{
	}
	.sp{display: block;}
	.spf{display: flex;}
	.spi{display: inline;}
	.pc{display: none;}
	.pci{display: none;}
}
@media screen and (max-width: 750px) {

	body{
		font-size: 16px;
	}
	h1, h2, h3, h4{
		font-size: 20px;
	}
	div#header {
		width: 100%;
		height:65px;
		border:0;
		margin:0;
	}
	.top-box{
		width: 100%;
		height: 64px;
	}
	.top-left{
		width:200px;
		height: 64px;
	}
	.top-right{
		width:60px;
		height: 64px;
	}
	.top-menu-box{
		width: 100%;
		height: 0;
		overflow:hidden;
		transition: .6s;
	}
	.top-icon{
		width:80%;
		height:auto;
	}
	.top-icon2{
		width:100%;
		height:auto;
	}
	div#content {
		width: 90%;
	}
	.bottom-menu-box{
		width: 90%;
		margin: 0 auto;
	}
	.bottom-box{
		width: 100%;
		height:55px;
		position: fixed;
		bottom: 0;
		left:0;
		z-index: 999;
	}
	div#right-box {
		width: 90%;
	}
	.page-link{
		width: 90%;
	}
	.link-button {
		font-size: 18px;
		width: 90%;
	}
	.nav-menu{
		margin-top:0px;
		width: 100%;
	}
	.nav-menu li {
	}
	.nav-menu li a {
		margin-top:15px;
		height:50px;
		width: 160px;
		background: #fff;
		border-radius: 10px;
		color: #000;
    margin-left: auto;
    margin-right: auto;
	}
	.minix {
		width: 50%;
		display: flex;
	}
	.miniy {
		width: 50%;
		display: flex;
	}
	.top-menu	{
		width:100px;
	}
	.top-menu-right	{
		margin:10px auto;
	}
	.top-menu li a{
		font-size: 16px;
		width: 80px;
		margin-left:0px;
		height: 40px;
	}
	.bottomtitle{
		height: 20px;
		font-size: 15px;
	}
	.top_mes{
		font-size:16px;
	}
	.main_title {
		margin:20px auto;
		border-radius: 15px;
		padding: 10px;
	}
	.sub_title {
		margin: 20px auto;
		padding: 10px;
	}
	.img51 {
		width: 100%;
		height: auto;
	}
	.menu-title {font-size: 20px;	width:90%;}
	.menu-allow {
		width:90px;
		height: 90px;
		font-size: 72px;
	}
	.link-button::after{
		content: "";
		display: inline-block;
		margin-left: 1em;
		vertical-align: 1px;
		width: 7px;
		height: 7px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg);
	}
	.twitter-img{width:20px;height:20px;margin-right:5px;}
	.address-box{
		width:90%;
	}
	.bottom-menu{
		display: flex;
		flex-wrap: wrap;
		width:100%;
		margin : 0 auto 150px;
		padding: 0;
		border: 0;
		list-style-type: none;
	}
	.bottom-menu ul {
		margin: 0;
		padding: 0;
	}
	.bottom-menu li {
		list-style: none;
		width: 48%;
	}
	.bottom-menu li a {
		display: block;
		width: 100%;
		text-decoration: none;
		box-sizing: border-box;
		vertical-align:middle;
		font-size: 15px;
	}
	.news-list{
		width: 100%;
	}
	.news-list li {
		width: 98%;
		min-height: 50px;
	}
	.news-list li a {
		vertical-align:top;
		width: 98%;
		min-height: 50px;
	}
	.news-title {
		font-size: 15px;
		width: auto;
	}
	.news-day {
		font-size: 15px;
		width: 100px;
	}

	.contents-list{
		width: 100%;
	}
	.contents-list li {
		width: 100%;
	}
	.contents-list h3 {
		width: 100%;
		height :30px;
		margin:0;
		padding: 10px 0;
		color: #fff;
		background: #006600;
		text-align: center;
	}
	.contents-list a, .contents-list a:visited {
		display: block;
		width: 90%;
		padding: 10px 0;
		color: #fff;
		background: #f26522;;
		text-align: center;
		font-weight: bold;
	}
	.contents-list a::after, .contents-list a:visited::after{
		content: "";
		display: inline-block;
		margin-left: 1em;
		vertical-align: 1px;
		width: 7px;
		height: 7px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg);
	}
	.nav-menu-midle {
		border-left: 0;
	}
	.win-logos{
		width:200px;
		height:64px;
	}
	.paper-list {
		padding-left:5px;
	}
	#map_canvas {
		width: 100%;
		height: 300px;
	}
	.menu-footer{
		background-color: #ffffff;
	}
}
@media screen and (max-width: 750px) {
.img200x150{width:100%;height:auto;}
.img360x270{width:100%;height:auto;}
.img320x180{width:100%;height:auto;}
.img240x180{width:100%;height:auto;}
.img240x135{width:100%;height:auto;}
.img600x340{width:100%;height:auto;}
.img640x480{width:100%;height:auto;}

.img-x180{width:100%;height:auto;}
.img-120{width:100%;height:auto;}
.img-250{width:100%;height:auto;}
.img-150{width:100%;height:auto;}
}

.tpb{
	height: 100vh;
}
.ul_color1 {
	background: linear-gradient(transparent 50%, #21ff00 50%);
}
.ul_color2 {
	background: linear-gradient(transparent 50%, #ffff00 50%);
}
.ul_color3 {
	background: linear-gradient(transparent 50%, #F66363 50%);
}