@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:common.css */
/* creation date:2016年1月12日 */
/* last updated:2016年1月12日 */
/* -------------------------------------------------- */

/* --------------------------------------------------
	000.margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
	margin:0;
	padding:0;
}

article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
	display:block;
}

* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

/* --------------------------------------------------
	001.HTML, Body, Anchor
-------------------------------------------------- */

html {
	overflow-y:scroll;
	* overflow-x:hidden;
	_overflow:auto;
}

html, body {
	width:100%;
	min-height:100%;
}

body {
	font-family:'Montserrat','noto',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体","Yu Gothic", YuGothic,sans-serif;
	font-size:14px;
	*font-size:88%;
	line-height:1.6;
	color:#333;
	letter-spacing:2px;
}
@media only screen and (min-width: 641px){
	.nopc {
		display:none;
	}
}
@media only screen and (max-width: 640px){
	body {
		letter-spacing:0;
	}
	.nopc {
		display:block;
	}
}

span.link ,
a {
	color:#000;
	text-decoration:none;
	transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
	-webkit-transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	cursor:pointer;
}
a:hover {
	color:#23AB39;
	text-decoration:none;
}

img.grow {
	-webkit-transition:500ms ease;
	-moz-transition:500ms ease;
	-ms-transition:500ms ease;
	-o-transition:500ms ease;
	transition:500ms ease;
}

img.grow:hover {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}

/* --------------------------------------------------
	002.Heading, Paragraph
-------------------------------------------------- */
dt , h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:700;
}

p {
	line-height:1.6;
}

/* --------------------------------------------------
	003.List
-------------------------------------------------- */
ol , ul , li {
	list-style:none;
	zoom:1;
	overflow:hidden;
}

/* --------------------------------------------------
	004.Table
-------------------------------------------------- */
table {
	font-size:100%;
	border-collapse:collapse;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}

dl, dt, dd {
	zoom:1;
	overflow:hidden;
}

/* --------------------------------------------------
	005.Form
-------------------------------------------------- */
fieldset {
	border:none;
}

input, textarea, select, label {
	font-size:100%;
	font-family:'Montserrat','noto',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体","Yu Gothic", YuGothic,sans-serif;
	vertical-align:middle;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

button {
	font-family:'Montserrat','noto',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体","Yu Gothic", YuGothic,sans-serif;
}

label {
	cursor:pointer;
}

textarea {
	overflow:auto;
}

legend {
	display:none;
}


/* --------------------------------------------------
	006.Other
-------------------------------------------------- */
img {
	border:none;
	vertical-align:middle;
}

object {
	vertical-align:middle;
	outline:none;
}

em {
	font-style:italic;
}

b,
strong {
	font-weight:700;
}

small {
	font-size:100%;
}

i {
	font-style:normal;
}

u {
	text-decoration:none;
}

abbr, acronym {
	border:none;
	font-variant:normal;
}

address, caption, cite, code, dfn, var {
	font-weight:normal;
	font-style:normal;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

hr {
	display:none;
}

/* ------------------------------------------------------------
	007.For IE6/7
------------------------------------------------------------ */
*:first-child + html body,
*:first-child + html br {
	letter-spacing:0;
}

/* --------------------------------------
		101 outline
-------------------------------------- */
@media only screen and (min-width: 641px){
	#wrap {
		min-width:1000px;
		position:relative;
		border-top:5px solid #FFB218;
	}
}
@media only screen and (max-width: 640px){
	#wrap {
		width:100%;
		position:relative;
		border-top:5px solid #FFB218;
	}
}

/* --------------------------------------
		102 header
-------------------------------------- */
@media only screen and (min-width: 641px){
	header#header {
		width:100%;
		height:120px;
		text-align:center;
		min-width:1000px;
	}
}
@media only screen and (max-width: 640px){
	header#header {
		width:100%;
		text-align:center;
		padding-bottom:5px;
	}
}
header#header .logoArea {
	padding-top:10px;
}
header#header .logoArea > p {
	font-size:86%;
	line-height:1.2;
	position:relative;
	display:inline-block;
}
header#header .logoArea > p:before {
	content:"＼";
	font-size:250%;
	color:#FFD78B;
	position:absolute;
	left:-1.5em;
	top:0;
}
header#header .logoArea > p:after {
	content:"／";
	font-size:250%;
	color:#FFD78B;
	position:absolute;
	right:-1.5em;
	top:0;
}
@media only screen and (max-width: 640px){
	header#header .logoArea > p {
		font-size:64%;
		line-height:1.2;
	}
}
header#header .logo {
	padding:10px 0px 5px;
}
header#header .logoArea span {
	font-size:71%;
	display:block;
	color:#f38200;
}
@media only screen and (max-width: 640px){
	header#header .logo {
		width:200px;
		margin:0 auto;
		padding:0;
	}
	header#header .logo img {
		width:100%;
		height:auto;
	}
	header#header .logoArea span {
		font-size:64%;
	}
}
header#header nav {
	width:140px;
	background:url(../images/common/bg_gra@2.png) repeat-y left #FFC600;
	background-size:135px auto;
	background:url(../images/common/bg_gra.png) repeat-y left #FFC600 /9;
	height:100%;
	right:0px;
	top:0;
	position:fixed;
	padding:0 10px;
	z-index:9999;
	-webkit-transition: 600ms ease 300ms;
	-moz-transition: 600ms ease 300ms;
	-ms-transition: 600ms ease 300ms;
	-o-transition: 600ms ease 300ms;
	transition: 600ms ease 300ms;
}
@media only screen and (min-width: 641px){
	header#header nav.move {
		right:-140px;
	}
	header#header nav.movef {
		right:-260px;
	}
	header#header nav.width-on {
		width:260px;
	}
	header#header nav ul li a {
		width:110px;
		height:110px;
	}
	header#header nav ul li {
		float:left;
		padding:10px 5px;
	}
}
header#header nav ul li a i {
	font-size:240%;
	line-height:55px;
	color:#FFB902;
	text-align:center;
	letter-spacing:0;
	display:block;
}
header#header nav ul li a {
	line-height:1.3;
	text-align:center;
	display:block;
	position:relative;
	padding:10px 0px;
	border:3px solid #FFB902;
	background:#fff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 640px){
	header#header nav ul {
		padding-top:15px;
	}
	header#header nav ul li {
		display:inline-block;
		margin:1px;
	}
	header#header nav ul li a {
		width:110px;
		height:110px;
	}
}
header#header nav ul li.news a span {
	font-size:71%;
	letter-spacing:0;
	line-height:1;
	display:block;
}
header#header nav ul li.news a {
	padding:0px 0 10px 0px;
}
header#header nav ul li a:hover {
	border-color:#23AB39;
}
header#header nav ul li a small {
	font-size:71%;
	letter-spacing:0;
	display:block;
	color:#FFB902;
}
header#header nav ul li.wanted a {
	color:#00561f;
	line-height:1.2;
	background:url(../images/common/bg_border@2.png) #22A236;
	background-size:28px auto;
	background:url(../images/common/bg_border.png) #22A236 /9;
	border:none;
	padding:5px 0;
}
header#header nav ul li.wanted a:hover {
	background-color:#FFA900;
}
header#header nav ul li.wanted a small {
	color:#fff;
	display:block;
	margin-top:5px;
}
header#header nav ul li.wanted a span {
	font-size:71%;
	letter-spacing:0;
	color:#fff;
	line-height:1.2;
	display:block;
	margin-bottom:5px;
}
header#header nav .changeBtn {
	width:30px;
	height:30px;
	letter-spacing:0;
	line-height:30px;
	text-align:center;
	position:absolute;
	top:10px;
	left:-15px;
	border-radius:50%;
	background:#FFDE00;
	padding-right:15px;
	color:#FF8303;
	z-index:-1;
	cursor:pointer;
}
header#header nav .changeBtn.on .icon-dl ,
header#header nav .changeBtn .icon-dr {
	display:none;
}
header#header nav .changeBtn .icon-dl ,
header#header nav .changeBtn.on .icon-dr {
	display:block;
}
@media only screen and (max-width: 640px){
	header#header nav {
		width:100%;
		right:0%;
	}
	header#header nav.move {
		right:-100%;
	}
	header#header nav.movef {
		right:-100%;
	}
	header#header nav .changeBtn {
		width:36px;
		height:36px;
		line-height:36px;
		padding-right:0px;
		left:-40px;
		z-index:1000;
	}
	header#header nav .changeBtn.on {
		left:auto;
		right:10px;
	}
	header#header nav .changeBtn.on {
		color:#fff;
		background:#00A61B;
	}
	header#header nav .changeBtn .icon-dr:before {
		content:"\e80f";
	}
	header#header nav .changeBtn .icon-dl:before {
		content:"\e80e";
	}
}
header#header .aboutBtn {
	top:0;
	left:30px;
	position:absolute;
}
header#header .aboutBtn a {
	width:240px;
	height:55px;
	font-size:129%;
	line-height:1.1;
	text-align:left;
	color:#fff;
	background:url(../images/common/bg_about_btn@2.png) repeat-x top;
	background-size:1px auto;
	background:url(../images/common/bg_about_btn.png) repeat-x top /9;
	display:block;
	padding:15px 30px 0 80px;
}
@media only screen and (max-width: 640px){
	header#header .aboutBtn {
		display:none;
	}
}
header#header .aboutBtn a:before {
	border-top: 0px solid transparent;
	border-right: 0px solid #fff;
	border-bottom: 55px solid #fff;
	border-left:30px solid transparent;
	content:"";
	position:absolute;
	right:0px;
	top:0;
}
header#header .aboutBtn a:after {
	border-top: 0px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 55px solid #fff;
	border-left: 0px solid #fff;
	content:"";
	position:absolute;
	left:0px;
	top:0;
}
header#header .aboutBtn a i {
	width:36px;
	height:36px;
	font-size:150%;
	line-height:1.2;
	line-height:36px;
	text-align:center;
	letter-spacing:0;
	border-radius:50%;
	background:#fff;
	color:#F38202;
	display:block;
	position:absolute;
	left:30px;
	top:50%;
	margin-top:-18px;
}
header#header .aboutBtn a small {
	font-size:63%;
	color:#FF4900;
	letter-spacing:0;
	display:block;
}
header#header .aboutBtn a span {
	font-size:83%;
}
@media only screen and (max-width: 640px){
	header#header .aboutBtn a span {
		font-size:80%;
		line-height:1;
		display:block;
	}
	header#header .aboutBtn a small {
		display:none;
	}
	header#header .socialBtn {
		text-align:center;
	}
	header#header .socialBtn a {
		font-size:129%;
		line-height:30px;
		letter-spacing:0;
		color:#F38202;
		display:inline-block;
		margin:0 5px;
	}
}
@media only screen and (min-width: 641px){
	header#header .socialBtn {
		position:absolute;
		top:90px;
		left:60px;
	}
	header#header .socialBtn a {
		font-size:129%;
		line-height:20px;
		letter-spacing:0;
		color:#F38202;
		display:inline-block;
		margin:0 0px;
	}
}

textarea:focus ,
a:focus ,
button:focus ,
input:focus {
	outline:none;
	box-shadow:none;
}



/* --------------------------------------
		104 footer
-------------------------------------- */

footer#footer {
	background:#EAEAEA;
	clear:both;
	overflow:hidden;
	zoom:1;
	padding:0px;
}
footer#footer .inner {
	margin:0 auto;
	padding:0px;
}
@media only screen and (min-width: 641px){
	footer#footer {
		min-width:1000px;
		padding:45px 0 30px;
	}
	footer#footer .inner {
		width:1000px;
		padding:0 0 0 20px;
	}
	footer#footer .fbArea {
		width:400px;
		text-align:center;
		float:left;
	}
	footer#footer .rightBox {
		width:565px;
		float:right;
	}
	footer .logoArea {
		text-align:right;
	}
}
@media only screen and (max-width: 640px){
	footer#footer .fbArea {
		width:100%;
		text-align:center;
		padding:10px;
	}
	footer#footer .fbArea iframe {
		width:100% !important;
	}
	footer .logoArea {
		text-align:center;
		padding-top:15px;
	}
}
footer#footer nav {
	font-size:86%;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}
footer#footer nav ul li {
	text-align:left;
}
@media only screen and (min-width: 641px){
	footer#footer nav ul {
		width:33%;
		float:left;
	}
	footer#footer nav ul li {
		padding-bottom:5px;
	}
	footer#footer nav {
		letter-spacing:0;
		padding:0 0 15px 15px;
		margin-bottom:15px;
	}
}
@media only screen and (max-width: 640px){
	footer#footer nav ul li {
		line-height:36px;
		border-top:1px solid #ccc;
	}
	footer#footer nav ul li a {
		padding:5px;
		display:block;
	}

}
footer#footer nav ul li i {
	color:#ff8400;
}
footer small {
	font-size:71%;
	letter-spacing:0;
	padding:10px 0;
	display:block;
}
footer span {
	font-size:80%;
}
footer .tel {
	font-size:129%;
}
footer .tel span {
	font-size:75%;
	color:#ff8400;
	letter-spacing:0;
	margin-right:10px;
}
footer .siteName {
	font-size:129%;
}

/* --------------------------------------
		105 other
-------------------------------------- */

a.fade img {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:500ms ease;
	-moz-transition:500ms ease;
	-ms-transition:500ms ease;
	transition:500ms ease;
}

a.fade:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-webkit-transition:500ms ease;
	-moz-transition:500ms ease;
	-ms-transition:500ms ease;
	transition:500ms ease;
}

.btn a {
	width:162px;
	line-height:46px;
	text-align:center;
	font-weight:900;
	display:block;
	margin:0 auto;
}

.wp-pagenavi {
	display:none;
}