@charset "UTF-8";



/*
	--------------------------------
	更新日: 2017-12-27
	--------------------------------
*/

@import "global.css";
@import "pages.css";

@font-face {
  font-family: 'FontAwesome';
  src: url('wp-content/themes/beorange/common/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('wp-content/themes/beorange/common/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('wp-content/themes/beorange/common/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('wp-content/themes/beorange/common/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('wp-content/themes/beorange/common/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('wp-content/themes/beorange/common/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
    .noPc { display:none; }
    .noSmp { display:block; }

@media only screen and (max-width: 1080px) {
    .noPc { display:block; }
    .noSmp { display:none; }
}

/* --------------------------------
	body
-------------------------------- */
html {}
body {}

a, a:link, a:visited { text-decoration: none; }

a:hover {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50); /* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}

.fa:before {
	font-family: 'FontAwesome' ;
	padding-right: 5px ;
}

.fa-circle:before {
	content: '\f111' ;
	color: #D35153;	
}


/* --------------------------------
	コンテナ
-------------------------------- */

article#all_warp {
	position: relative;
}

article#all_container { 
	width: 100%;
	margin:0 auto;
	position: relative;
}


article#all_container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html article#all_container {
    height: 1em;
    overflow: visible;
}
/**/

.inner { width: 980px; margin: 0 auto;}
span.orange { color:#ea5413; }


#mainWrap { 
	margin-top: 105px;
}

	
#mainWrap { 
	width: 100%;
}


/* --------------------------------
	ヘッダ
-------------------------------- */

header { 
	top: 0;
	width: 100%;
	height: 95px;
	margin: 0 auto;
	background:#fff;
	border-top: solid 10px #ef7d32;
	border-bottom: solid 3px #e9dccc;
	padding: 0;
}

div.head-box{
	position: relative;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;	
}

#logo { 
	position: absolute;
	width: 326px;
	top: 20px;
	left: 0;
}
.headerNav{
	position: absolute;
	top: 30px;
	right: 0;
}
.headerNav li{
	display: inline-block;
	padding-left: 15px;
}
.headerNav li:nth-of-type(1){
	padding-left: 0;
}

@media only screen and (min-width: 781px) and (max-width: 900px) {
	.headerNav{
		top: 25px;
		width: 350px;
		text-align: right;
	}
	.headerNav li{
		width: 150px;
		text-align: left;
		line-height: 1;
	}
}

.pcMenu {
	position: absolute;
	left: 50%;
	margin-left: -520px;
	z-index: 500;
}

div#pcmenuLogo{ 
	float:left;
	width: 380px;
	padding:0 75px 0 0;
}
div#pcmenuLogo p {
	padding-top: 10px;
	font-size: 0.7em;
	line-height: 1.5em;	
}	

div#nav-content {
    display:table;
    font-size:0; /*ul,liが親のfont-sizeを継承して隙間が空くのをリセット*/
    line-height:0;
	color: #333;
	padding-top: 20px;
	}

div#nav-content ul {
 	font-size:15px;
    line-height:1;
    margin: 0;
}
	
div#nav-content ul li.gnav-icon {
    margin-left:3px;
    display:inline-block;
	font-weight: bold;
	line-height:1.2em;
}

div#nav-content ul li::after {content:' '}
div#nav-content ul li:last-child::after {content:''}

nav {
    display:table-cell;
    text-align:right;
    vertical-align:bottom
	}

/*
nav#global-nav-pc { 
	width:525px;
	margin:0 auto;
}


.global-nav-wrap,
.global-nav-wrap-pc{
	width: 100%;
	background: url(../img/nav_bg.png) repeat;
}
.global-nav-wrap-pc ul{ float:right; width: 505px;}
.global-nav-wrap-pc ul li a{
	width: 75px;
	float: left;
	padding:10px 0;
	color:#333;
	text-align:center;
	font-weight:bolder;
	text-decoration:none;
	line-height:1.2em;
}
.global-nav-wrap-pc ul li a:hover{
	-moz-opacity:0.60; opacity:0.60;
}
*/

/* 画面サイズが750px以下の場合に適用 ---------------------------------------------------------------- */
@media only screen and (max-width: 750px) {
	
header { height: 70px;}	
	
}


/* --------------------------------
	グロナビ
-------------------------------- */

	
.fixed { position: fixed; z-index: 500;}
	
/*header menu*/
　/*nav要素は絶対位置指定にして、ビューの外側に置いて見えなくします。
　　nav の中の ul li は横並びを解除して縦組みにレイアウトし直します。*/
header nav {
    position: absolute; /*bodyに対しての絶対位置*/
    right:0;
    top: -300px; /*通常時はビュー外*/
    background:rgba(255,255,255,.7);
    width:50%;
    padding:0 10px;
    -webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    text-align:left}
header ul {margin:0}
header ul li {
    display: block;
    margin: 0;
    line-height: 3;
	}
header ul li a {display:block}
header ul li::after {content:''}
header ul li:last-child {border-bottom:none}

nav#global-nav{
	display: none;
}

@media only screen and (max-width: 780px) {

	ul.headerNav{
		display: none;
	}
 
	/* Toggle(Button) */
	/*display:noneだったボタンを display:blockにして表示します*/
	#nav-toggle {display:block}
	 
	/* Click Toggle(Button) */
	　/*ここから jQueryで header要素に付けた「.openNav」を利用します*/
	　/*.openNavが付いた要素内のボタン（#navToggle）内のspanへの指定*/
	　/*最初のspanをマイナス45度に*/
	.open #nav-toggle span:nth-child(1) {
	    top: 11px;
	    -webkit-transform:rotate(-45deg);
	    -moz-transform:rotate(-45deg);
	    transform:rotate(-45deg)}
	　/*2番目と3番目のspanを45度に*/
	.open #nav-toggle span:nth-child(2),
	.open #nav-toggle span:nth-child(3) {
	    top: 11px;
	    -webkit-transform:rotate(45deg);
	    -moz-transform:rotate(45deg);
	    transform:rotate(45deg)}
	 
	/*header menu*/
	　/*.openNavが付いた要素の中のnavを 縦方向に351px移動（=表示される）*/
	.open nav {
	    -moz-transform: translateY(351px);
	    -webkit-transform: translateY(351px);
	    transform: translateY(351px)}



	header .inner p {text-align:left; position: relative; top:0; left:0; margin:2% 0 2% 2%;  z-index:1000;font-size: 14px; font-weight: bold; color: #248b45;}
	header .inner p br { display:none; }

	#topBtn-Join { position: absolute; right: 55px; top:15px;}

	#topBtn-Join a img{ height:30px;}



	nav#gnav ul { width:100%; margin:0 auto ; text-align:center;display: block;}
	nav#gnav ul li { width:33.3%;display: block; float:left;background:#1c8b42; color:#ffffff; box-sizing: border-box; }
	nav#gnav ul li a { color:#ffffff;box-sizing: border-box;border-top:1px solid #adecc3;}
	nav#gnav ul li:nth-of-type(1) { width:30.3%;}
	nav#gnav ul li:nth-of-type(2) { width:39.3%;}
	nav#gnav ul li:nth-of-type(3) { width:30.3%;}
	nav#gnav ul li:nth-of-type(4) { width:50%;display: block; float:left;}
	nav#gnav ul li:nth-of-type(5) { width:50%;display: block; float:left;}
	nav#gnav ul li:nth-of-type(1) a { width:100%;display: block;border-right:1px solid #adecc3; }
	nav#gnav ul li:nth-of-type(2) a { width:100%;display: block;border-right:1px solid #adecc3;  }
	nav#gnav ul li:nth-of-type(4) a { width:100%;display: block;border-bottom:1px solid #adecc3;border-right:1px solid #adecc3;  }
	nav#gnav ul li:nth-of-type(5) a { width:100%;display: block;border-bottom:1px solid #adecc3;}
	nav#gnav a { width:100%; display:block; text-decoration:none; font-size: 12px;padding: 10px 0;}

	#global-nav ul {
	    list-style: none;
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    font-size: 14px;
	}
		
	#global-nav ul:nth-child(1){
		padding-top: 10px;
		background: url(../img/nav_wave.png) repeat-x top;
	}

		
	#global-nav ul li {
	    float: left;
	    position: relative;
		padding: 5px 0;
		background: url(../img/nav_wave.png) repeat-x bottom;
	}
	#global-nav ul li a {
		padding: 0 20px;
	}

	/* Btn Hover */
	#global-nav ul li:after {
	    position: absolute;
	    content: "";
	    display: block;
	    width: 100%;
	    height: 3px;
	    bottom: -20px;
	    transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	}
	#global-nav ul li:hover:after {
	    background: #fff;
	    bottom: -30px;
	}

	header.fixed #global-nav ul li a {
	    color: #333;
	    padding: 0 20px;
	}

	/* Fixed Btn Hover */
	header.fixed #global-nav ul li:after {
	    bottom: -10px;
	}
	header.fixed #global-nav ul li:hover:after {
	    background: #0062B8;
	    bottom: -20px;
	}

	/* Transition */
	/*
	header,
	header .logo,
	#global-nav ul li,
	#global-nav ul li a {
	    transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	}
	*/



	/* Toggle Button */

	#nav-toggle {
	    display: none;
	    position: absolute;
	    right: 5%;
	    top: 35px;
	    width: 28px;
	    height: 36px;
	    cursor: pointer;
	    z-index: 2000;
	}

	#nav-toggle div {
	    position: relative;
	}
	#nav-toggle span {
	    display: block;
	    position: absolute;
	    height: 3px;
	    width: 100%;
	    background: #4c4c4c;
	    right: 0;
	    -webkit-transition: .35s ease-in-out;
	    -moz-transition: .35s ease-in-out;
	    transition: .35s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {
	    top: 0;
	}
	#nav-toggle span:nth-child(2) {
	    top: 8px;
	}
	#nav-toggle span:nth-child(3) {
	    top: 16px;
	}

	#global-nav {
	    position: fixed;
	    /* 開いてないときは画面外に配置 */
	    top: 0;
	    background: url(../img/nav_bg.png) repeat;
	    width: 100%;
	    text-align: center;
	    padding: 10px 0;
	  opacity: 0;
	  -webkit-transition: all 1s;
	  -moz-transition: all 1s;
	  -ms-transition: all 1s;
	  -o-transition: all 1s;
	  transition: all 1s;
	  visibility: hidden;
	  z-index: 1200;
	    /*display: table;*/
	    width: 100%;
	    height: 100%;
	    min-height: 100%;
	}
	#global-nav ul {
	    list-style: none;
	    position: static;
	    right: 0;
	    bottom: 0;
	    font-size: 14px;
	}


	#global-nav ul li {
	    float: none;
	    position: static;
	    text-align:center;
		font-size: 15px;
	}
	#global-nav ul li:after  {
	    display: none;
	}
	header #global-nav ul li a,
	header.fixed #global-nav ul li a {
	    width: 70%;
	    display: block;
	    color: #fff;
	    padding: 8px 0;
	    margin: 0 auto;
	    text-decoration:none;
	}
	#global-nav ul li.lowBlank a {
	    padding-bottom:2em;
	    line-height: 2em;
	}
	#nav-toggle {
	    display: block;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
	    top: 11px;
	    -webkit-transform: rotate(315deg);
	    -moz-transform: rotate(315deg);
	    transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
	    width: 0;
	    left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
	    top: 11px;
	    -webkit-transform: rotate(-315deg);
	    -moz-transform: rotate(-315deg);
	    transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
	    /* #global-nav top + #mobile-head height
	    -moz-transform: translateY(556px);
	    -webkit-transform: translateY(556px);
	    transform: translateY(556px);*/
	  -webkit-transition: all 1s;
	  -moz-transition: all 1s;
	  -ms-transition: all 1s;
	  -o-transition: all 1s;
	  transition: all 1s;
	  opacity: 1;
	  overflow: scroll;
	  z-index: 1200;
	  visibility: visible;
		position: fixed;
	    display: table;
	    width: 100%;
	    height: 100%;
	    min-height: 100%;
	}
	.global-nav-wrap {
	   	display: table-cell;
	    width: 100%;
		vertical-align: middle;
	}

	}

	@media only screen and (max-width: 780px) {

	#logo { 
		width: 200px;
		left: 0;
		}
	#logo img { width: 140px; height: auto;}

	#nav-toggle {
	    top: 25px;
	}

	header ul li {
	    line-height: 2;
		}

	#global-nav ul {
		margin: 0;
	}
}


/* --------------------------------
	ページ共有
-------------------------------- */





/* --------------------------------
	記事一覧
-------------------------------- */

.blogList{
	display: inline-block;
	width: 323px;
	min-height: 394px;
	margin-right: 10px;	
	margin-bottom: 30px;
	background: #ffffff;
	vertical-align: top;
}

.blogList:nth-child(3n){
	margin-right: 0;	
}

div.blogInfo h2{
	width: 293px;
	padding: 10px 15px 10px;
	border-bottom: solid 1px #A9A9A9;
	color: #594b3a;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
}

div.blogInfoInner{
	padding: 15px 15px 20px;
	line-height: 20px;
}

div.blogInfo div ul li{
	display: inline-block;
	vertical-align: middle;	
}

div.blogInfo div ul li:nth-child(1){
	width: 90px;	
}

div.blogInfo div ul li img{
	vertical-align: middle;	
}

div.blogInfo div ul li.post-text{
	padding: 5px 0 0 20px;	
}

.thumbImg img{
	width: 323px;
	height: auto;
}

div.blogInfoInner div.content-date p{
	padding-top: 15px;
	font-size: 13px;
	line-height: 22px;
}



/* 画面サイズが750px以下の場合に適用 ---------------------------------------------------------------- */
@media only screen and (max-width: 750px) {
	
.blogList{
	display: block;
	width: 90%;
	margin: 0 auto 30px;
	background: #ffffff;
}

.blogList:nth-child(3n){
	margin: 0 auto 30px;
}


div.blogInfo h2{
	width: 94%;
	padding: 15px 3% 10px;
	border-bottom: solid 1px #000000;	
}

.thumbImg img{
	width: 100%;
	height: auto;
}

div.blogInfoInner{
	padding: 15px 6% 20px;
	line-height: 20px;
}

}


/* --------------------------------
	メインラップ
-------------------------------- */

div#mainVI img{
	width: 100%;
}

div#mainVI:after {
	content: "";
    display: block;
    height: 45px;
	background: url(../img/top_wave01.png) no-repeat 50% 0;
	position: relative;
	margin: -45px 0 0;
}


div#contents-box01{
	margin-top: -30px;	
}

div#contents-ttl01{
	width: 100%;
}

div#contents-ttl01 h2{
	width: 1000px;
	margin: 0 auto;
	padding: 32px 0 22px 0;
}

div.contents-menu01{
	width: 100%;
	background: url(../img/top_con1_bg.png) repeat;	
}

div.contents-menu01 ul{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
}

div.contents-menu01 ul a:hover{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}

div.contents-menu01 ul a:hover li{
	position: relative;
	top: 3px;
}

div.contents-menu01 ul li{
	float: left;
	width: 326px;
	height: 65px;
	vertical-align: top;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

div.contents-menu01 ul li.menu-btn01{
	background: url(../img/1yearsold_btn.png) repeat;
	margin-right: 10px;
	padding-top: 30px;
	padding-bottom: 5px;
	box-shadow: 0 5px 0 #d79595;
  	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

div.contents-menu01 ul li.menu-btn02{
	background: url(../img/2yearsold_btn.png) repeat;	
	margin-right: 10px;
	padding-top: 35px;
	box-shadow: 0 5px 0 #3382a6;
  	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

div.contents-menu01 ul li.menu-btn03{
	background: url(../img/3yearsold_btn.png) repeat;
	padding-top: 35px;
	box-shadow: 0 5px 0 #bc6948;
  	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

div.contents-menu01 ul li img{
	display: block;
	margin: 0 auto;	
}

div#contents-ttl02{
	border-bottom: solid 5px #16639e;	
}

div#contents-ttl03{
	border-bottom: solid 5px #1f7319;
}

div#contents-ttl05{
	border-bottom: solid 5px #ffa245;
}

div#contents-ttl02,
div#contents-ttl03,
div#contents-ttl05{
	width: 100%;
	height: 70px;
}

div#contents-ttl02 h2,
div#contents-ttl03 h2,
div#contents-ttl05 h2{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}

div#contents-ttl02 img,div#contents-ttl03 img,div#contents-ttl05 img{
	padding-top: 30px;	
}

div#contents-list01{
	width: 100%;
	background: url(../img/list01_bg.png) repeat;
}

div#contents-list01 div#list01-inner{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}

div#contents-search{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}

#searchform{
	position: relative;
	text-align: center;
}

.search-text{
	width: 400px;  
    height: 16px;  
    background: #fff;  
    border: solid 1px #555555;  
    margin-right: 127px;
	padding: 19px;  
	font-size: 18px;
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
}

input#searchsubmit{
	position: absolute;
	top: 0;  
    _top: 1px;  
    left: 655px; 
	width: 87px;
	height: 27px;
	textalign: center;
	padding: 15px 20px 14px;
	background: url(../img/search_bg.png) repeat;	
	-webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}

*:first-child + html #searchsubmit   {  
    top: 1px;  
}  

.event-info-inner p{
	font-size: 18px;
	text-align: center;	
}


@media only screen and (max-width: 750px) {

div#mainVI:after {
	margin: -15px 0 0;
}


div#contents-ttl01 h2{
	width: 90%;
	margin: 0 auto;
	padding: 35px 0 20px;
	text-align: center;
}

div.contents-menu01 ul{
	width: 90%;
	margin: 0 auto;
	padding: 50px 0;
}

div.contents-menu01 ul li{
	width: 26%;
	height: auto;
	vertical-align: top;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

div.contents-menu01 ul li.menu-btn01{
	background: url(../img/1yearsold_btn.png) repeat;
	margin-right: 5%;
	padding: 5% 2%;
}

div.contents-menu01 ul li.menu-btn02{
	background: url(../img/2yearsold_btn.png) repeat;	
	margin-right: 5%;
	padding: 5% 2%;
}

div.contents-menu01 ul li.menu-btn03{
	background: url(../img/3yearsold_btn.png) repeat;
	padding: 5% 2%;
}

div.contents-menu01 ul li.img{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

div#contents-ttl01 h2 img,
div#contents-ttl02 h2 img,
div#contents-ttl03 h2 img,
div#contents-ttl04 h2 img{
	margin: 0 auto;
}

div#contents-ttl02,div#contents-ttl03{
	height: 50px;
}

div#contents-ttl02 img,div#contents-ttl03 img{
	padding-top: 15px;	
}

div#contents-ttl02 h2,div#contents-ttl03 h2{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

div#contents-list01{
	width: 100%;
	background: url(../img/list01_bg.png) repeat;
}

div#contents-list01 div#list01-inner{
	width: 90%;
	margin: 0 auto;
	padding: 50px 0;
}

div#contents-search{
	width: 90%;
	margin: 0 auto;
	padding: 50px 0;
}

#searchform{
	position: relative;
	margin: 0 auto;
	width: 282px; 
	text-align: center;
}

.search-text{
	width: 180px;  
    height: 16px;  
    background: #fff;  
    border: solid 1px #555555;  
    margin-right: 60px;
	padding: 15px 10px;  
	font-size: 15px;
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
}

input#searchsubmit{
	position: absolute;
	top: 0;  
    _top: 1px;  
    left: 203px; 
	width: 60px;
	height: 19px;
	textalign: center;
	padding: 15px 9px 14px;
	background: url(../img/search_bg.png) repeat;	
	-webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}

*:first-child + html #searchsubmit   {  
    top: 1px;  
}  

div#contents-ttl02 h2,
div#contents-ttl03 h2,
div#contents-ttl05 h2{
	width: 100%;
	margin: 0 auto;
}




}



/* --------------------------------
	フッタ
-------------------------------- */

footer { 
	position: relative; 
	width: 100%;
	margin: 0 auto; 
	padding-top: 40px; 
	background: url(../img/foot_bg.png) repeat-x;
}

.footer-sub{
	background: url(../img/foot_bg.png) repeat-x #f5f5f5;
}


#footer-nav{
	background: url(../img/nav_bg.png) repeat;
}

#footer-nav div {
	width: 100%;
	margin: 0 auto;	
}

#footer-nav div h2{
	padding-top: 20px;
	text-align: center;
}

#footer-nav div ul{
	padding: 20px 0 30px;
	text-align: center;
}

#footer-nav div ul li{
	display: inline-block;
	padding-right: 30px;
}

#footer-nav div ul li a{
	color: #ffffff;
}

#footer-nav div ul li:nth-child(4){
	padding-right: 0;
}

p#copy {
	position: relative; 
	clear: both;
	padding: 10px 0;
	background: #ffffff;
	text-align: center;
	color: #fb9d41;
	font-size:0.8em;
}

@media only screen and (max-width: 750px) {

#footer-nav{
	width: 100%;
	margin: 0;
	background: url(../img/nav_bg.png) repeat;	
}

#footer-nav div{
	width: 90%;
	margin: 0 auto;	
}

#footer-nav div ul{
	padding-top: 0;
	text-align: center;
}
	
#footer-nav div ul li{
	display: block;
	padding: 15px 0 0 0;
	text-align: center;
}	
	
}


/* --------------------------------
	お問い合わせ
-------------------------------- */

#contents-contact{
	width: 100%;
	background: #f5f5f5;	
}

#contents-contact h2{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 30px;
}

#contents-contact h3:before{
	content: url(../img/tel-icon.png);	
	display: inline-block;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 15px;
}

#contents-contact h3{
	font-size: 35px;
	text-align: center;
	color: #49a6e1;	
	margin-bottom: 10px;
	line-height: 2;
}

#contents-contact p{
	font-size: 18px;
	text-align: center;
	padding-bottom: 50px;
}

#contents-contact p:nth-of-type(1){
	padding-bottom: 15px;
}

#foot-kiddy{
    background: url(../img/foot_bg.png) repeat-x #F5F4F5;
}

@media only screen and (max-width: 750px) {

#contents-contact h2{
	width: 90%;
	margin: 0 auto 10px;
}

#contents-contact h3{
	width: 90%;
	margin: 0 auto 10px;
	font-size: 25px;
}

#contents-contact p{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 40px;
	font-size: 15px;
}

#contents-contact p br{
	display: none;
}

}







.clearfix:after {
    content:"";
    display:block;
    clear:both;
}