/*
Theme Name: onukimokuzai Theme
Theme URI: http://www.www.www/
Description: This is my onukimokuzai theme.
*/
@import "css/foot.css";
@import "css/form.css";

@charset "UTF-8";
/* --------------------------------------------------
	ベース
-------------------------------------------------- */
html {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
	}

body {
	margin: 0;
	padding: 0;
	color: #555;
	font-size: 16px;
	line-height: 2.0;
    word-wrap: break-word;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 　
	-webkit-text-size-adjust: 100%;
	background-color: #fefefe;
	zoom: 1;
	text-align: left;
	font-family: "Noto Sans JP", sans-serif!important;
	} 

* {
	margin: 0;
	padding: 0;
	}

/* --------------------------------------------------
	TEXT
-------------------------------------------------- */
h1, h2 {
	font-size: 200%;
	font-weight: normal;
	color: #333;
	margin: 0 auto 30px;
	padding: 0 0 3px;
	letter-spacing: 1px;
	width: auto;
	text-align: center;
	border:none;
	}

.center{
	text-align: center;
}

div.blue-text{
		margin:45px 0 50px;
	}

div.blue-text-sp{
		display:none;
	}
div.green-text{
	color:forestgreen;
	text-align:left;
}
h3 {
	font-size: 170%;
	color: #333;
	margin: 0 0 0px;
	padding: 0;
	}

p.namae {
	font-size: 120%;
	font-weight: 700;
}
p.menutitle {
	font-size: 250%;
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 1.0;
	}

p.menutitle span {
	font-size: 40%;
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 1.0;
	font-weight:bold;
	}
	
h4 {
	font-size: 120%;
	color: #333;
	margin: 0 0 30px;
	padding: 0 0 2px;
	text-align: left;
	}

h5, h6 {
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 10px;
	text-align: left;
	color: #333;
	}
p {
	line-height: 2.0;
	color: #333;
	margin: 0 0 30px;
	padding: 0;
	}

p.price {
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 30px;
	text-align: center !important;
}

p.price span {
	font-weight: bold;
	font-size: 70%;
}

p.title {
	font-size: 230%;
	font-weight: normal;
	color: #333;
	margin: 0 auto 60px;
	padding: 0 0 3px;
	letter-spacing: 1px;
	width: auto;
	text-align: center !important;
	}
a {
	color: #333;
	text-decoration: none;
	cursor:pointer!important;
	}

a:hover {
	opacity: 0.6;
	color: #888;
	text-decoration: none;
		-webkit-transition: all 0.3s;
            transition: all 0.3s;
	}

a.redlink{
	display: block;
	padding: 0px 30px!important;
	background-color: #ff0000;
	color:#fff!important;
	border-radius: 30px;
	width:80px;
	height: 30px!important;
	position: absolute;
	top:20px;
	right:120px;
	line-height: 30px!important;
	vertical-align:middle;
	font-size:16px;
	text-align:center;
}

a.fb{
	position: absolute;
	right:70px;
	top:15px;
	width:32px;
	height: auto;
}

a.fb img{
	width:100%;
	height: auto;
}

li a.redlink:hover,a.fb:hover{
	opacity:0.6;
	background-color:#fff;
}

a:hover, a:active {
	color: #333;
	text-decoration: none;
	}
span {
	color: #333;
	}

/* --------------------------------------------------
	List
-------------------------------------------------- */
ul {
	margin: 0;
	padding: 0;
	color: #333;
	}

li {
	list-style: none;
	text-align: left;
	}

/* --------------------------------------------------
	container
-------------------------------------------------- */
#container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color:#fff;
	}

/* --------------------------------------------------
	ナビゲーション
-------------------------------------------------- */
header {
	position: fixed;
	left: 0;
	top: 0;
	height: 70px;
	width: 100%;
	margin: 0;
	padding: 0 0 0;
	z-index: 99999;
	background-color: #fff;
}

#navi ul.nav {
	position: absolute;
	left: 340px;
	width: 80%;
	height: 70px;
	margin: 0;
	padding: 0 0 0;
	text-align: center;
	}

#navi ul.nav li {
	display: inline-block;
	margin: 0;
	text-align: center;
	width: auto;
	height: 70px;
	padding: 0 15px;
	vertical-align: middle;
	line-height: 70px;
	}

	#navi ul.nav li:hover {
		background-color: #028419;
		color: #fff!important;
		}
#navi ul.nav li.first a {
	margin-top:0px;
	line-height: 1.1!important;
	}
		
#navi ul.nav li a {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	text-shadow: none;
	padding: 20px 0 20px;
	height:50px;
	display: block;
	}

	#navi ul.nav li a:hover {
		color: #fff;
		}

#navi ul.nav li:last-child a {
	}
	
#navi ul.nav li:hover　a {
	background-color:#014d1a!important;
	color:#fff!important;
	display: block;
	-webkit-transition: all 0.3s;
            transition: all 0.3s;
			opacity: 1.0;
	}

.navbar {
	border: none;
	}

.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{text-decoration:none !important; text-shadow:none !important;color: #333 !important;border-bottom: 1px solid #333;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}

.navi-logo {
	position: absolute;
	bottom: 20px;
	left: 7%;
	width: 200px;
	margin: 0px auto 0;
	padding: 0;
	text-align: center;
	float: right;
	}

.navi-logo a {
	width: 320px;
	height: 60px;
	margin: 0;
	text-align:left;
	}

.navi-logo a img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}

#navi a,
#navi {
    color: #fefefe;
    text-decoration: none;
}

.icon-space {
	width: 98px;
	height: 26px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 16px;
	right: 20px;
	}

.icon-left {
	float: left;
	width: 26px;
	height: 26px;
	margin: 0 10px 0 0;
	padding: 0;
	}

.icon-right {
	float: right;
	width: 26px;
	height: 26px;
	margin: 0 0 0 0;
	padding: 0 0 10px;
	}

.icon-left img,.icon-right img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle
	}
/* --------------------------------------------------
	ページ
-------------------------------------------------- */
.topmess{
	position: absolute;
	top:38%;
	left: 50%;
	margin-top:-200px;
	margin-left:-600px;
}
.topmess img{
	width:1200px;
	height:auto;
}

#pageimage {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 50px 0 0;
	overflow: hidden;
}

#pageimage img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.box {
	clear: both;
	margin: 0 auto 0px;
	padding: 40px 0;
	text-align: left;
}

table.data{
float: left;
width: 70%;
}

table.data td {
	width:15opx;
}

table.data td.second{
	width:400px;;
}
td.koumoku{
	width:120px;
	padding-right:15px;
	vertical-align: top;
}

.mapimage{
	max-width: 680px;
	margin: auto;
	text-align: center;
}

p.servicecopy {
	clear: both;
	margin: 0 auto 10px;
	padding: 0;
}

.box ul {
	margin: 0 0 30px 0;
	padding: 0;
}

h2.left{
	text-align: left;
}

.box ul.half {
	float: left;
	margin: 0 4% 15px 0;
	padding: 0;
	clear: none;
	width: 46%;
}

.box ul li {
	clear: both;
	margin: 0 0 5px 15px;
	padding: 0;
	list-style: disc;
}

p.naviname {
	color: #333;
	font-size: 130%;
	line-height: 30px;
	letter-spacing: 0.5px;
	margin: 0 auto 50px;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #333;
	display: inline-block;
	}

.sectiontitle {
	margin: 0 auto 50px;
	padding: 0;
	width: 100%;
	max-width: 700px;
	height: auto;
	}

.sectiontitle img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	}
	
.mess {
	margin: 0 auto 70px;
	padding: 0;
	width: 100%;
	height: auto;
	}

.sectiontitle img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	}
	
/* --------------------------------------------------
	セクション0 TOP
-------------------------------------------------- */
#section0 {
	padding: 0;
	height: 100%;
	width: 100%;
	}

#section {
	padding: 0;
	height: auto;
	width: 100%;
	background-color: #fff;
	position: relative;
	}
	
.inner0 {
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #fff;
	}

.image {
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
}

.section-recruit {
	padding: 30px 0;
	width:80%;
	height:430px;
	margin-left:20%;
	overflow: hidden;
}

.image-left {
	width: 40%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float:left;
}

.image img .image-left img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	margin-bottom:15px;
}

.image50-left{
	width:48%;
	float:left;
	margin-bottom:10px;
}

.image50-right{
	width:48%;
	float:right;
	margin-bottom:10px;
}

.text-right{
	width:60%;
	background-color: #add8e6 ; 
	text-align: left;
	float:right;
}


.text-right .inner {
	padding:15px;
}
.section {
	clear: both;
	width: 100%;
	height:auto;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}

.section .inner {
	position: relative;
	margin: 0 auto 0;
	padding: 60px 5% 70px;
	width: 90%;
	max-width: 880px;
	height: auto;
	}

hr {
	color: inherit;
	border: none;
	clear: both;
}

.daihyouimage {
	margin: 0;
	float: left;
	width:40%;
}

.daihyouimage img {
	margin: 0;
	width:100%;
}

.daihyoutext {
	margin: 0;
	float: right;
	width:55%;
	text-align: left;
}

.form {
	margin-bottom: 100px;
}
	
ul.news {
	width: 100%;
	max-width: 780px;
	height: auto;
	margin: 0 auto 60px;
	padding: 0;
}

ul.news li {
	border-bottom: 1px solid #aaa;
	padding: 10px 0 7px;
}
#section-green {
	width: 100%;
	max-width: 70%;
	background-color: #90d690;
	background-repeat: repeat;
	margin: 0 0 0;
	padding: 0;
	}

------------------------------------------------
	セクション CONCEPT
-------------------------------------------------- */
.section-company {
	width: 100%;
	height:auto;
	background-color:rgb(0, 128, 1/0.1);
	margin: 0 0 0;
	padding: 10px 0;
	z-index:9999999999999999;
	}

	.section-company .inner{
		width:75%;
		margin: 0px auto;
		padding: 20px 0;
	}

.text-left{
	float:left;
	width:50%;
}

.image-right{
	float:right;
	width:50%;
}

.image-right img{
	width:100%;
}

.text-left h2 img,.image-right h2 img{
	width:95%;
}

.linkbtn{
	padding:15px;
	background-color: darkgreen;
	width:80%;
	max-width: 800px;
	color:#fff;
	clear:both;
	margin-top:30px;
}

.linkbtn-b{
	padding:15px;
	background-color: #0051ff;
	max-width: 380px;
	color:#fff;
}

.linkbtn-g{
	padding:15px;
	background-color: #008001;
	max-width: 380px;
	width:85%;
	color:#fff;
}
.linkbtn a,.linkbtn-b a,.linkbtn-g a{
	color:#fff;
	font-size:115%;
	font-weight:700;
}

h2.title {
	width: 100%;
	margin: 0 0 30px;
	color: #333;
	text-align:left;
}

/* --------------------------------------------------
	セクション ACCESS
-------------------------------------------------- */
#section-product {
	clear:both;
	width: 100%;
	margin: 0;
	padding: 30px 0;
	background-color: rgb(0, 128, 1,0.1);
	}

	#section-setsubi {
		clear:both;
		width: 100%;
		margin: 0;
		padding: 30px 0;
		background-color: #fff;
		}

	#section-product .inner,#section-setsubi .inner{
		width:60%;
		margin:0px auto;
		padding:0;
		text-align: left !important;
	}

	#section-product ｐ,#section-setsubi ｐ{
		text-align: left !important;
		font-size: 16px;
		vertical-align: bottom!important;
	}

.section-green{
	width:80%;
	background-color:#90d690;
	margin: auto;
	padding: 40px 0;
}

.section-blue{
	width:80%;
	background-color:#c6e4ff;
	margin: auto;
	padding: 40px 0;
}

.inner-product{
	background-color: #fff;
	margin:30px auto;
	width:70%;
	border-radius: 20px;
	padding:20px 30px 2px;
}

.back-blue{
	background-color:#cce9ff;
	margin-bottom: 40px;
}

.back-green{
	background-color:#d5fcd5;
	margin-bottom: 40px;
}

.back-gray{
	background-color:#dedede;
	margin-bottom: 40px;
}

.back-orange{
	background-color:#f8e4a0;
	margin-bottom: 40px;
}

.back-blue .inner,.back-green .inner,.back-gray .inner,.back-orange .inner{
	padding:30px;
}

.linkbtn01-left a{
	float:left;
	display:block;
	width:45%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color: #29a6bd;
	margin-bottom: 20px;
	font-size: 1.25em;
	padding-left:10px;
}

.linkbtn01-right a{
	float:right;
	display:block;
	width:45%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color: #29a6bd;
	margin-bottom: 20px;
	font-size: 1.25em;
	padding-left:10px;
}

.linkbtn02 a{
	display:block;
	width:100%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color: #39b04a;
	margin-bottom: 20px;
	font-size: 1.25em;
	padding-left:10px;
}

.linkbtn03 a{
	display:block;
	width:100%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color: #949494;
	margin-bottom: 20px;
	font-size: 1.25em;
	padding-left:10px;
}

.linkbtn04 a{
	display:block;
	width:100%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color:#f28e1e;
	margin-bottom: 20px;
	font-size: 1.25em;
	padding-left:10px;
}

.bartitle{
	display:block;
	width:100%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color:#ffaa00;
	margin-bottom: 20px;
	font-size:1.25em;
}

a.bartitle-gray{
	display:block;
	width:100%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color:#989898;
	margin-bottom: 20px;
	font-size:1.25em;
}

a.bartitle-blue{
	display:block;
	width:100%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color:#29aae1;
	margin-bottom: 20px;
	font-size:1.25em;
}

a.bartitle-green{
	display:block;
	width:100%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color:#39b04a;
	margin-bottom: 20px;
	font-size:1.25em;
}

.syoujyou-left,.syoujyou-right{
	float: left;
	width: 40%;
	padding: 0 5%;
	text-align: center;
}

.syoujyou-left img,.syoujyou-right img{
	width: 100%;
	padding: 0;
}
.link04 img{
	width:25%;
	float:left;
}

.link03 img{
	width:33.333%;
	float:left;
}

.inner-company {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	}

。interview{
padding: 25px 0;
width: 100%;
}

.left-namae{
	width:45%;
	float:left;
}

.left-namae strong{
	font-size:150%;
	font-weight:400;
}


.left-namae p{
	margin:10px 0;
}

.left-namae span{
	font-size:10px;
	margin:0;
}
.right-message{
	width: 50%;
	float:right;
}
.formlink {
	width: 300px;
	height: 50px;
	margin: 20px auto 60px;
	}
		
.formlink a {
	display: block;
	color: #fff;
	font-size: 140%;
	line-height: 50px;
	letter-spacing: 0.5px;
	width: 300px;
	height: 50x;
	margin: 0;
	padding: 0;
	background-color:red;
	border-radius: 25px;
	text-align: center;
	}

.formlink2 {
	width: 600px;
	height: 50px;
	margin: 20px auto 60px;
	}
		
.formlink2 a {
	display: block;
	color: #fff;
	font-size: 140%;
	line-height: 50px;
	letter-spacing: 0.5px;
	width: 600px;
	height: 50x;
	margin: 0;
	padding: 0;
	background-color:red;
	border-radius: 25px;
	text-align: center;
	}

.formlink3 {
	width:100%;
	max-width: 740px;
	height: 50px;
	margin: 20px auto 60px;
	}
		
.formlink3 a {
	display: block;
	color: #fff;
	font-size: 120%;
	line-height: 50px;
	letter-spacing: 0.5px;
	width: 740px;
	height: 50x;
	margin: 0;
	padding: 0;
	background-color:red;
	border-radius: 25px;
	text-align: center;
	}

.formlink a:hover {
	-webkit-transition: all 0.3s;
            transition: all 0.3s;
			opacity: 0.6;
	}

.white-box{
	background-color: #fff;
	padding:10px;
	width:90%;
	margin: auto;
}

.oshigototitle{
	width:40%;
	margin: 5px auto;
}
.jinbutsuzou{
	width:55%;
	float: left;
	padding-left: 30px;
}
/* --------------------------------------------------
	 CONTACT
-------------------------------------------------- */
#section-contact {
	width: 100%;
	height: auto;
	background-color: #fff;
	margin: 0;
	padding: 0 auto;
	clear: both;
	}
	
.inner-contact {
	margin: 0;
	padding: 40px 0 40px;
	width: 100%;
	
	text-align: center;
	}

.inner-contact p{
	font-size: 140%;
	margin-bottom:5px;
	padding-bottom:0;
}

.inner img{
	margin-bottom:10px;
}
/* --------------------------------------------------
	セクション6 CONTACT
-------------------------------------------------- */
#section-foot {
	width: 100%;
	background-color: #fff;
	margin: 0;
	padding: 0 auto;
	clear: both;
	border-top: 1px solid #ccc;;
	}
	
.inner-foot {
	margin: 0;
	padding: 40px 0 40px;
	width: 100%;
	font-size: 100%;
	text-align: center;
	}
	
.inner-foot p {
	font-size: 80%;
	color: #000;
	}
	
/* --------------------------------------------------
	トップに戻る
-------------------------------------------------- */
#back-top {
	position: fixed;
	right: 30px;
	bottom: 0;
	margin: 0;
	width: 60px;
	height: 60px;
	z-index: 9999999999999999999999;
	background-color: #000;
	}

#back-top a {
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	}

#back-top a:hover {
	opacity: 0.6;
	}

/* --------------------------------------------------
	事業紹介
-------------------------------------------------- */
.slider img {
	width: 20%;
	height:auto;
	float:left;
  }
  
.works-left {
	float: left;
	width: 45%;
	height: auto;
	margin: 0 0 50px;
	padding: 0;
	}

.works-right {
	float: right;
	width: 45%;
	height: auto;
	margin: 0 0 50px;
	padding: 0;
	}

.works-left .inner,.works-right .inner {
	padding: 35px;
}

.works-left p,.works-right p {
	text-align: left;
}

.linkbtn01-left a{
	width:47%;
	height: 50px;
	line-height: 50px;
	color:#fff;
	display: block;
}

.works-left li,.works-right li {
	list-style:circle;
	margin-left: 18px;
	margin-bottom: 10px;
}

/* --------------------------------------------------
	メンバー
-------------------------------------------------- */
#section-syain{
	background-color:#fff;
}
.member-left {
	width: 100%;
	height: auto;
	margin: 0 0 50px;
	padding: 0;
	overflow: hidden;
	}

.member-right {
	width: 100%;
	height: auto;
	margin: 0 0 50px;
	padding: 0;
	overflow: hidden;
	}

.member-left p,.member-right p {
	text-align: left;
}

p.name {
	text-align: left;
	font-size: 20px;
	margin: 0 0 15px;
	padding: 0;
	font-weight: 600;
	border-bottom: 1px solid #000;
}

/* --------------------------------------------------
	リンク
-------------------------------------------------- */
.link-btn {
	margin: 0 auto;
	width: auto;
	text-align: center;
	}

.link-btn a {
	display: inline-block;
	position: relative;
	background-color:#ff0000;
	color: #fff !important;
	text-decoration: none !important;
	padding: 2px 50px;
	text-align: center;
	font-size: 110%;
	margin: 0 auto;
	cursor: pointer;
	min-width: 120px;
	border-radius: 25px;
	}

.link-btn a:hover {
	background-color: #ccc;
	opacity: 1.0;
}

/* 次前のページ */
p.pagenation {
font-size: 10px;
overflow: hidden;
}

span.oldpage {
float: left;
}

span.newpage {
float: right;
}

.left-title{
	float: left;
	width: 40%;
}

.left-title img{
	width: 100%;
}


/* --------------------------------------------------
	投稿
-------------------------------------------------- */
.news-inner{
	width:80%;
	margin: 30px auto;
	border:none;
}

.newslist-inner{
	width:70%!important;
	margin: 30px auto!important;
	border:none;
}


.post-box{
	width:60%;
	margin: 0;
	float:left;
}

.side-box{
	width:35%;
	margin: 0;
	float:right;
}

.side-box h3{
	width:auto;
	margin: 0 auto 10px;
	font-size:17px;
	font-weight:400;
	border-bottom: 1px solid #aaa;
	text-align:center;
}

.side-box ul{
	margin-bottom:25px;
}

.side-box ul li{
	list-style-type:disc;
	list-style-position: inside;
	font-size:90%;
}

.side-box select{
	margin: 5px auto!important;
	text-align:center;
	display: block;
  text-align-last: center;
  border-radius: 4px;
}

/* --------------------------------------------------
	スクロール
-------------------------------------------------- */
#scroll {
	position: fixed;
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -35px;
	width: 70px;
	height: 70px;
	z-index: 9999999;
	background-repeat: no-repeat;
	background-position: top;
	}

#scroll a {
	display: block;
	width: 70px;
	height: 70px;
	padding: 0;
	font-size: 14px;
	letter-spacing:3px;
	margin: 0 0 0 -35px;
	text-align: center;
	}

#scroll a img {
	width: 70px;
	height: 70px;
	margin: 0;
	padding: 0;
	}
	
#scroll a {
	padding-top: 0px;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	text-align: center;
	color: #fff;
}

#scroll a span {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2.0s infinite;
	animation: sdb 2.0s infinite;
	box-sizing: border-box;
}

.inner-foot{
	width: 80%;
	margin: 0 auto 30px;
}
.foot-logo{
	width:20%!important;
	float:left;
	display: block;
	padding-right:5%;
	padding-left:5%;
}

.foot-logo img{
	width:100%;
}

.foot-link{
	width;70%;
display: block;	
	float:right;
}

.foot-link ul li a{
	font-size:8px!important;
	margin-bottom:5px;
	line-height:1.8;
}

.footlist{
	width:auto!important;
	padding-right:4%;
	float:left!important;
	clear: none!important;
	font-size:14px!important;
}
.foot-link ul{
	width:100%!important;
	float:right!important;
	clear: none!important;
	display: flex;
}

.foot-link ul li{
	margin-bottom:10px;
}

.post p {
	text-align: left;
}

/* --------------------------------------------------
	 ギャラリー タブ
-------------------------------------------------- */
ul.tab {
	width: 80%;
	max-width:600px;
	padding: 0!important;
	margin: 0 auto!important;
	overflow: hidden;
	height: 80px;
	margin-bottom:-15px;
	}

ul.tab li {
	list-style-type:none;
	width: 33%;
	margin: 0 0 0 0;
	height: 80px;
	float:left;
	font-size: 120%;
	cursor:pointer;
	display:inline-block;
	}

ul.tab li a {
	width: 100%;
	margin: 0 auto 0;
	height: 80px;
	display:block;
}
	
li.media{background-color:#b6d998;opacity:1.0;}
li.kasyoko{background-color:#98b782;opacity:1.0;}
li.post{background-color:#8ba777;opacity:1.0;}

#tab1{background-color:#b6d998!important;width:100%;height:auto;opacity:1.0;}
#tab2{background-color:#98b782!important;width:100%;height:auto;opacity:1.0;}
#tab3{background-color:#8ba777!important;width:100%;height:auto;opacity:1.0;}

ul.tab li:first-child {
	border-left: none;
	margin: 0 0 0 ;
	}
	
ul.tab li:last-child {
	border-left: none;
	margin: 0 0 0 0;
	}
	
ul.tab li {
	outline:none;
	display:block;
	color:#fff;
	line-height:80px;
	text-align:center;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	opacity: 1.0;
	cursor:pointer;
	}

ul.tab li a {
	text-decoration:none;
	color:#fff;
	opacity: 1.0;
	font-size:18px;
	font-weight: 700;
	}

ul.tab li:hover {
	text-decoration:none;
	color:#fff;
	opacity: 1.0;
	}

ul.tab li.selected {
	text-decoration:none;
	cursor:default;
	opacity: 1.0;
	}

	ul.tab-b {
		width: 100%;
		max-width:980px;
		padding: 0;
		margin: 0 auto;
		overflow: hidden;
		height: 100px;
		}

	ul.tab-b li a {
		outline:none;
		display:block;
		color:#fff;
		background-color: #6Fc8F4;
		font-weight: 400;
		line-height:100px;
		text-align:center;
		width:50%;
		opacity: 1.0;
		float: left;
		}

	ul.tab-c {
		width: 100%;
		max-width:680px;
		padding: 0;
		margin: 0 auto;
		overflow: hidden;
		height: 80px;
		float: left;
		}

ul.tab-c li {
	outline:none;
	display:inline-block;
	color:#fff;
	line-height:80px;
	text-align:center;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	opacity: 1.0;
	cursor:pointer;
	width:33%!important;
	height:80px;
	margin:0;
	padding:0;
	}

ul.tab-c li a {
	text-decoration:none;
	color:#fff;
	opacity: 1.0;
	font-size:18px;
	font-weight: 700;
	}

ul.tab-c li:hover {
	text-decoration:none;
	color:#fff;
	opacity: 1.0;
	}

ul.tab-c li.selected {
	text-decoration:none;
	cursor:pointer;
	opacity: 1.0;
	}

	ul.tab-b li a:hover {
		text-decoration:none;
		color:#fff;
		background-color: #3fa4f0;
		opacity: 1.0;
		}
	
	ul.tab-b li a.selected {
		text-decoration:none;
		color: #fff;
		background-color:#3fa4f0;
		cursor:default;
		}

ul.panel-gallery {
	margin:0!important;
	padding:0!important;
	background-color:#b6d998!important;
	width:100%;
	opacity:1.0;
	clear:both;
	}

ul.panel-gallery-b {
	margin:0;
	padding: 0;
	background-color:#3fa4f0!important;
	width:100%;
	opacity:1.0;
	clear:both;
	}

	ul.panel-gallery .inner {
		margin:0 auto;
		padding: 25px 0;
		width:75%;
		max-width:600px;
		height:auto;
		}

.news {
	width:45%;
	padding: 0 2.5%;
	border:none!important;
	float:left;
}

.news li {
	border:none!important;
}

.news p {
	margin-top:5px;
	padding-top:0px;
}
	
.news-image{
	width: 100%;
	height:auto;
	max-height:200px;
	overflow:hidden;
	border:none!important;
}

.news-image img{
	width: 100%;
}

.news p.news-title{
	font-size:115%;
	font-weight:700;
	margin:0 0 5px!important;
	padding:15px 0 0!important;
	line-height:1.6;
}

.news p{
	line-height:1.6;
	padding:5px 0 20px;
	margin-top:0;
}
ul.panel-gallery li,ul.panel-gallery-b li {
	list-style-type:none;
	height: auto;
}

ul.panel-gallery-b,.box-b {
	margin:0;
	padding:30px 0;
	background-color: #3fa4f0;
	width:100%;
	}

ul.newslist{
	width:600px;
}

ul.newslist li{
	width:48%;
	float: left;
}

	@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	}
	  to {
	  transform: translateX(-100%);
	}
	}
	.scroll-infinity__wrap {
/* 	  display: block; */
	  overflow: hidden;
		display:flex;
	}
.scroll-infinity__wrap ul{
	  display: flex;
/* 	  overflow: hidden;
	float:left!important;
	clear:none!important; */
	}
	.scroll-infinity__list {
	  display: flex;
	  list-style: none;
	  padding-bottom: 30px;
	clear:none;
	float:left;
	}
	.scroll-infinity__list--left {
	  animation: infinity-scroll-left 40s infinite linear 0.5s both;
	clear:none;
	float:left;
	}
	.scroll-infinity__item {
	  width: calc(100vw / 6);
	}
	.scroll-infinity__item>img {
	  width: 100%;
		height:auto;
	}

	.scroll-infinity__list--left {
	animation: infinity-scroll-left 70s infinite linear 2.5s both;
	}


	@keyframes infinity-scroll-right {
	from {
	  transform: translateX(-100%);
	}
	  to {
	  transform: translateX(0%);
	}
	}
	.scroll-infinity__list--right{
	  animation :infinity-scroll-right 30s infinite linear both;
	
	}

table.enkaku{
	width:100%!important;
}

table.youkou{
	width:100%;
}

table.youkou td{
	padding:0 0 10px!important;
	padding-left:30px;
}

table.youkou td.koumoku{
	vertical-align:text-top;
	width:120px;
	text-justify: auto;
	text-align-last:justify;
	margin-right:30px!important;
}