@charset "UTF-8";
/*  Common */

@import url("layout.css");
@import url("nav-toggle.css");
@import url("font-awesome.css");
@import url('custom-fonts.css');
@import url("fonts.css");

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/*---------------------------------------------------- */
/*  Base */
/*---------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	background-color: #fff;
}

p {
	line-height: 1.6;
}

span.bf {
	visibility: hidden;
	text-indent: -9999px;
	display: none;
}


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

/*---------------------------------------------------- */
/* Social */
/*---------------------------------------------------- */
#social {
	margin: 0 auto;
	height: auto;
}

#social .share-box {
	padding: 0;
	margin: 0 auto;
	height: auto;
}


/* PC */
@media screen and (min-width: 981px) {
/*---------------------------------------------------- */
/* Only */
/*---------------------------------------------------- */
.sp-only {
	display: none;
	visibility: hidden;
	overflow: hidden;
}

/*---------------------------------------------------- */
/* Social */
/*---------------------------------------------------- */
#social {
	padding: 0 0 50px 0;
	width: 98%;
	max-width: 1080px;
}

#social .share-box {
	width: 60%;
	overflow: hidden;
}

/*---------------------------------------------------- */
/* Footer */
/*---------------------------------------------------- */
footer {
	padding: 0;
	margin: 0;
	width: 100%;
}

/* Waku */
#widget {/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------[色　背景]-- */
	padding: 50px 0;
	margin: 0;
	width: 100%;
	background-color: #2c2c2c;
}

#widget .waku-widget {
	padding: 0;
	margin: 0 auto;
	width: 1020px;
	overflow: hidden;
}

#widget .waku-widget .widget-box {
	padding: 0;
	margin: 0 20px 0 20px;
	width: 286px;
	display: inline;
	float: left;
}

/* h3 */
#widget .waku-widget .widget-box .widget-title {
	padding: 0;
	margin: 0 0 25px 0;
	width: 100%;
}

#widget .waku-widget .widget-box .widget-title h3 {/*----------------------------------------------------------------------------------------------------------------------- [ font-sizeを変更] --- */
	padding: 0 0 5px 0;
	margin: 0;
	width: 100%;
	font-size: 110%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
	border-bottom: #FFFFFF 1px double;
}

/* address */
#widget .waku-widget .widget-box address {
	padding: 0;
	margin: 0;
	width: 100%;
}

#widget .waku-widget .widget-box address .company-title {
	padding: 0 0 10px 0;
	margin: 0;
	width: 100%;
}

#widget .waku-widget .widget-box address .company-title h4 {/*---------------------------------------------------------------------------------------------------------- [ font-sizeを変更] --- */
	padding: 0;
	margin: 0;
	font-size: 110%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box address p {/*---------------------------------------------------------------------------------------------------------- [ font-sizeを変更] --- */
	padding: 0 0 10px 0;
	margin: 0;
	width: 100%;
	font-size: 90%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box .inquiry {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box .inquiry a {
	color: #FFFFFF;
	text-decoration: none;
}

#widget .waku-widget .widget-box .inquiry a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ul */
#widget .waku-widget .widget-box ul {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 110%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box ul.link-list {
	padding: 0;
	margin: 0;
	list-style:none;
}

#widget .waku-widget .widget-box ul.link-list li {
	padding: 0 0 10px 0;
	margin: 0;
	list-style:none;
	text-decoration: none;
}

#widget .waku-widget .widget-box ul.link-list li a {
	color: #fff;
	text-decoration: none;
}

#widget .waku-widget .widget-box ul.link-list li a:hover {
	color: #eee;
	text-decoration: underline;
}

/* Bottom */
#bottom {/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------[色　bottom]-- */
	padding: 20px 0;
	margin: 0;
	width: 100%;
	background-color: #5cc56f;
}

#bottom .waku-bottom {
	padding: 0;
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
}

#bottom .waku-bottom .bottom-left {/*---------------------------------------------------------------------------------------------------------- [ widthを変更] --- */
	padding: 0;
	margin: 0;
	width: 480px;
	display: inline;
	float: left;
}

#bottom .waku-bottom .bottom-right {/*---------------------------------------------------------------------------------------------------------- [ widthを変更] --- */
	padding: 0;
	margin: 0;
	width: 460px;
	display: inline;
	float: right;
}

#bottom .waku-bottom .bottom-left .copyright {
	padding: 0;
	margin: 0;
	width: 100%;
}

#bottom .waku-bottom .bottom-left .copyright p {/*---------------------------------------------------------------------------------------------------------- [ font-sizeを変更] --- */
	padding: 0;
	margin: 0;
	font-size: 90%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#bottom .waku-bottom .bottom-right ul {
	padding: 0;
	margin: 0;
	width: 100%;
	
}

#bottom .waku-bottom .bottom-right ul.social-network {
	padding: 0;
	margin: 0;
	list-style:none;
	overflow: hidden;
}

#bottom .waku-bottom .bottom-right ul.social-network li {
	padding: 0;
	margin: 0 0 0 1%;
	width: 9%;
	list-style:none;
	text-decoration: none;
	display: inline;
	float: right;
}

#bottom .waku-bottom .bottom-right ul.social-network li a {/*-------------------------------------------------------------------------------------------------------------[色　SNSのアイコン]-- */
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
}

#bottom .waku-bottom .bottom-right ul.social-network li a:hover {/*-------------------------------------------------------------------------------------------------------------[色　SNSのアイコン]-- */
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
}

#bottom .waku-bottom .bottom-right ul.social-network li i {/*-------------------------------------------------------------------------------------------------------------[SNSのアイコン]-- */
	padding: 0;
	margin: 0;
}

}

/* Tablet */
@media screen and (max-width: 980px) and (min-width: 641px)  {
/*---------------------------------------------------- */
/* Only */
/*---------------------------------------------------- */
.sp-only {
	display: none;
	visibility: hidden;
	overflow: hidden;
}

/*---------------------------------------------------- */
/* Social */
/*---------------------------------------------------- */
#social {
	padding: 0 0 40px 0;
	width: 96%;
}

#social .share-box {
	width: 70%;
	overflow: hidden;
}

/*---------------------------------------------------- */
/* Footer */
/*---------------------------------------------------- */
footer {
	padding: 0;
	margin: 0;
	width: 100%;
}

/* Waku */
#widget {/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------[色　背景]-- */
	padding: 40px 0 45px 0;
	margin: 0;
	width: 100%;
	background-color: #2c2c2c;
}

#widget .waku-widget {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	overflow: hidden;
}

#widget .waku-widget .widget-box {
	padding: 0;
	margin: 0 2% 0 2%;
	width: 28%;
	display: inline;
	float: left;
}

/* h3 */
#widget .waku-widget .widget-box .widget-title {
	padding: 0;
	margin: 0 0 20px 0;
	width: 100%;
}

#widget .waku-widget .widget-box .widget-title h3 {
	padding: 0 0 5px 0;
	margin: 0;
	width: 100%;
	font-size: 120%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
	border-bottom: #FFFFFF 1px double;
}

/* address */
#widget .waku-widget .widget-box address {
	padding: 0;
	margin: 0;
	width: 100%;
}

#widget .waku-widget .widget-box address .company-title {
	padding: 0 0 8px 0;
	margin: 0;
	width: 100%;
}

#widget .waku-widget .widget-box address .company-title h4 {
	padding: 0;
	margin: 0;
	font-size: 110%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box address p {
	padding: 0 0 8px 0;
	margin: 0;
	width: 100%;
	font-size: 90%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box .inquiry {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 90%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box .inquiry a {
	color: #FFFFFF;
	text-decoration: none;
}

#widget .waku-widget .widget-box .inquiry a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ul */
#widget .waku-widget .widget-box ul {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box ul.link-list {
	padding: 0;
	margin: 0;
	list-style:none;
}

#widget .waku-widget .widget-box ul.link-list li {
	padding: 0 0 8px 0;
	margin: 0;
	list-style:none;
	text-decoration: none;
}

#widget .waku-widget .widget-box ul.link-list li a {
	color: #fff;
	text-decoration: none;
}

#widget .waku-widget .widget-box ul.link-list li a:hover {
	color: #eee;
	text-decoration: underline;
}

/* Bottom */
#bottom {/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------[色　bottom]-- */
	padding: 18px 0;
	margin: 0;
	width: 100%;
	background-color: #5cc56f;
}

#bottom .waku-bottom {
	padding: 0;
	margin: 0 auto;
	width: 94%;
}

#bottom .waku-bottom .bottom-left {
	padding: 8px 0 0 0;
	margin: 0;
	width: 100%;
	height: auto;
	display: block;
}

#bottom .waku-bottom .bottom-right {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	display: block;
}

#bottom .waku-bottom .bottom-left .copyright {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

#bottom .waku-bottom .bottom-left .copyright p {
	padding: 0;
	margin: 0;
	font-size: 90%;
	line-height: 1.4;
	font-weight: 400;
	color: #FFFFFF;
}

#bottom .waku-bottom .bottom-right ul {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#bottom .waku-bottom .bottom-right ul.social-network {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	list-style:none;
	text-align: center;
}

#bottom .waku-bottom .bottom-right ul.social-network li {
	padding: 0;
	margin: 0 0.25%;
	width: 12%;
	height: 28px;
	text-decoration: none;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

#bottom .waku-bottom .bottom-right ul.social-network li a {/*-------------------------------------------------------------------------------------------------------------[色　SNSのアイコン]-- */
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
}

#bottom .waku-bottom .bottom-right ul.social-network li a:hover {/*-------------------------------------------------------------------------------------------------------------[色　SNSのアイコン]-- */
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
}

#bottom .waku-bottom .bottom-right ul.social-network li .fa {/*-------------------------------------------------------------------------------------------------------------[SNSのアイコン]-- */
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}



}

/* SP */
@media screen and (max-width: 640px) {
/*---------------------------------------------------- */
/*  Only */
/*---------------------------------------------------- */
.pc-only {
	display: none;
	visibility: hidden;
	overflow: hidden;
}

/*---------------------------------------------------- */
/* Social */
/*---------------------------------------------------- */
#social {
	padding: 0 0 30px 0;
	width: 94%;
}

#social .share-box {
	width: 60%;
	overflow: hidden;
}

/*---------------------------------------------------- */
/* Footer */
/*---------------------------------------------------- */
footer {
	padding: 0;
	margin: 0;
	width: 100%;
}

/* Waku */
#widget {/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------[色　背景]-- */
	padding: 30px 0 15px 0;
	margin: 0;
	width: 100%;
	background-color: #2c2c2c;
}

#widget .waku-widget {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	overflow: hidden;
}

#widget .waku-widget .widget-box {
	padding: 0 0 20px 0;
	margin: 0;
	width: 100%;
	display: block;
}

/* h3 */
#widget .waku-widget .widget-box .widget-title {
	padding: 0;
	margin: 0 0 8px 0;
	width: 100%;
}

#widget .waku-widget .widget-box .widget-title h3 {
	padding: 0 0 3px 0;
	margin: 0;
	width: 100%;
	font-size: 110%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
	border-bottom: #FFFFFF 1px double;
}

/* address */
#widget .waku-widget .widget-box address {
	padding: 0;
	margin: 0;
	width: 100%;
}

#widget .waku-widget .widget-box address .company-title {
	padding: 0 0 6px 0;
	margin: 0;
	width: 100%;
}

#widget .waku-widget .widget-box address .company-title h4 {
	padding: 0;
	margin: 0;
	font-size: 100%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box address p {
	padding: 0 0 6px 0;
	margin: 0;
	width: 100%;
	font-size: 90%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box .inquiry {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box .inquiry a {
	color: #FFFFFF;
	text-decoration: none;
}

#widget .waku-widget .widget-box .inquiry a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ul */
#widget .waku-widget .widget-box ul {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 90%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#widget .waku-widget .widget-box ul.link-list {
	padding: 0;
	margin: 0;
	list-style:none;
}

#widget .waku-widget .widget-box ul.link-list li {
	padding: 0 0 6px 0;
	margin: 0;
	list-style:none;
	text-decoration: none;
}

#widget .waku-widget .widget-box ul.link-list li a {
	color: #fff;
	text-decoration: none;
}

#widget .waku-widget .widget-box ul.link-list li a:hover {
	color: #eee;
	text-decoration: underline;
}

/* Bottom */
#bottom {/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------[色　bottom]-- */
	padding: 18px 0;
	margin: 0;
	width: 100%;
	background-color: #5cc56f;
}

#bottom .waku-bottom {/*---------------------------------------------------------------------------------------------------------- [ widthを変更] --- */
	padding: 0;
	margin: 0 auto;
	width: 98%;
	
}

#bottom .waku-bottom .bottom-left {
	padding: 6px 0 0 0;
	margin: 0;
	width: 100%;
}

#bottom .waku-bottom .bottom-right {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#bottom .waku-bottom .bottom-left .copyright {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	text-align: center;
}

#bottom .waku-bottom .bottom-left .copyright p {
	padding: 0;
	margin: 0;
	font-size: 80%;
	line-height: 1.4;
	font-weight: 200;
	color: #FFFFFF;
}

#bottom .waku-bottom .bottom-right ul {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

#bottom .waku-bottom .bottom-right ul.social-network {
	padding: 0;
	margin: 0;
	list-style:none;
	text-align: center;
}

#bottom .waku-bottom .bottom-right ul.social-network li {
	padding: 0 2% 0 2%;
	margin: 0;
	width: 10%;
	height: 24px;
	list-style-type: none;
	text-decoration: none;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

#bottom .waku-bottom .bottom-right ul.social-network li a {/*-------------------------------------------------------------------------------------------------------------[色　SNSのアイコン]-- */
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
}

#bottom .waku-bottom .bottom-right ul.social-network li a:hover {/*-------------------------------------------------------------------------------------------------------------[色　SNSのアイコン]-- */
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
}

#bottom .waku-bottom .bottom-right ul.social-network li .fa {/*-------------------------------------------------------------------------------------------------------------[SNSのアイコン]-- */
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}



}