@charset "utf-8";
/*
Theme Name:ga_zonoNews
Theme URI:
Description:シンプルなテーマ
Author:株式会社ガハハ
Author URI:http://gahaha.co.jp/
Version:1.3
*/

/* メインカラー 青　#A3CDBF*/
/* 本文内の水色文字　#0497e6 */
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

PC・スマホ共通の設定

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
html,body {
	margin: 0;
	padding: 0;
}

body {
    font-family:
		'游ゴシック',
		'游ゴシック体',
		'Yu Gothic',
		YuGothic,
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		'メイリオ',
		Meiryo,
		Osaka,
		'ＭＳ Ｐゴシック',
		'MS P Gothic',
		sans-serif;
    line-height: 140%;
   	word-wrap: break-word;
}
img {max-width: 100%;height: auto;}
a {word-break: break-all;}
a:focus{outline:none;}/* 点線削除 */
/* caption100% */
.wp-caption{max-width: 100%!important;}


.ppp:hover {
opacity: 0.5 ;
}


/*****************

スタッフスライド

*****************/

#staff_slide ul , #staff_slide li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*****************

トップページの各セクション

*****************/

/* トップページのコンテンツを囲んでいるところ */
#top_contents h2{
	text-align: center;
}

/* トップ4つのコンテンツ */
#about ul{
	padding: 0px;
	list-style: none;
}


#about ul li{
	float:left;
	background-color: #A3CDBF;
	color: #fff;
	text-align: center;
    position:relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

 
#about ul li a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}

.otoiawase{
	margin-top: 20px;
	text-decoration: none;
	color: #A3CDBF;
	font-size: 1.8em;
	font-weight: bold;
	border: #A3CDBF solid 2px;
	border-radius: 2px;
	display: inline-block;
	padding:10px 15px;
	line-height: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}


/* トップの画像３つ */
#top3 a {
	text-decoration: none;
	color: inherit;
}

.top1 img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
	margin-bottom:10px;
/* 	border: solid 1px #ddd; */	
}

.top1 h2 {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding: 10px 0 10px 0;
	text-align: center;
	margin: 6px 0;
}



/* ニュースリスト */
.news_list {
	padding-bottom: 30px;
}

.news_list h1 {
	padding-bottom: 3px;
	border-bottom: dotted 2px #ddd;
}

.news_list ul {
	padding-top: 5px;
	padding-left: 0;
	list-style: none;
		color:#333;
}
.news_list ul a{
	text-decoration: none;
	color: inherit;
}

.news_list li {
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 0 ;
}

.news_list ul a:hover{
	color: #F3A6A9;	
}


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

.news_list time {
	float: left;
	width: 100px;
}  

.news_list .text {
	float: none;
	width: auto;
	margin-left: 100px;
	padding-left: 25px;
	
}



/* ラインピンク */
#line_pink{
	background-color:#F3A6A9;
	height:50px;

}


/* ムービー */
#movie{
	background-color:#A3CDBF;

}
.m_center{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* マップ */
#map{
	background-color:#A3CDBF;

}

/* ブログ */
#blog{
	min-height: 200px;
}

#blog ul{
	padding: 0px;
	list-style: none;
}

#blog ul li{
	text-align: center;
}

#blog ul li img{
	border-radius: 50%;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#blog ul li img:hover{
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);	
}

#blog ul li h3{
	margin: 5px 0px;
}

#blog ul li h3 a{
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;

}


.moaaa{
	text-decoration: none;
	color: #fff;
	background-color: #A3CDBF;
	font-size: .8em;
	border: #A3CDBF solid 2px;
	border-radius: 2px;
	display: inline-block;
	padding:3px 5px;
	line-height: 1;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

.kako_moaaa{
	text-decoration: none;
	color: #A3CDBF;
	font-size: 1em;
	border: #A3CDBF solid 2px;
	border-radius: 2px;
	display: inline-block;
	padding:10px 15px;
	line-height: 1;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

/* Facebook */
#fb_me{
	background-color:#A3CDBF;
}

.fb_center{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* お問い合わせ */
#top_contact{
}


/* index.php共通レイアウト */
.oneburo{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #ddd;
}

.naiyou{
	padding-left: 200px;
	padding-top: 10px;
}

.naiyou h2{
	margin:15px 0;
	line-height: 1.429;
}
.naiyou h2 a{
	text-decoration: none;
	color: inherit;
}

.post-meta a{
	text-decoration: none;
	color: inherit;
}

.oneburo img{
	border-radius: 50%;
	width: 180px;
	height: auto;
}
/* サイドバーの共通設定 */

.ss_title{
	border-left: 5px solid #A3CDBF;
	padding-left: 5px;
	font-size: 20px;
	margin-top: 0;
}

#ga_side ul{
}

#ga_side a{
	text-decoration: none;
	color: inherit;
}

#side_menu ul{
	padding-left: 0;	
	list-style: none;
}

#side_menu ul li a{
	display: block;
	padding: 10px;
	background: #A3CDBF;
	color: #fff;
	margin-bottom: 2px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#side_menu ul li a:hover{
	background-color: #4f73df;
}

#side_menu ul li ul li{
	text-indent: 1em;
}
#side_menu ul li ul li a:before{
	content: "∟";
}
/* メインカラムの共通設定 */
.post_page h1{
	margin: 0 0 5px 0;
}

#main_kukuri{margin-top: 25px; position: relative;}

#breadcrumb{}

#breadcrumb ul{
	padding: 0;
	margin: 0;
}

#breadcrumb ul li{
	list-style: none;
	display: inline-block;
	font-size: 14px;
}

.p_policy li{
	margin-bottom: 10px;
}
/* 固定ページ */
.ph_title{
	text-align: center;
	padding: 20px 0;
	background-image: url(img/bg.png);
	font-size: 30px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
}

/* 見出しの装飾 */
.ga_post h1{
	margin-bottom: 5px;
	margin-top: 0;
}

.ga_page h1{
	position:relative;
	margin-top: 0;
	padding:0 10px 0 55px;
	font:bold 22px/40px Arial, Helvetica, sans-serif;
	background:#f3f3f3;
	z-index:1;
}
.ga_page h1:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 2px;
	background:#A3CDBF;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}
.ga_page h1:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}


.ga_page h2,.ga_page2 h2,.ga_post h2{
	background-image: url(img/h2bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 89px 10px;
	padding-bottom: 18px;
	color: #A3CDBF;
}

.ga_page h3,.ga_post h3{
	background-image: url(img/h3bg.gif);
	background-repeat: no-repeat;
	background-position:0px -1px;
	background-size: 30px 20px;
	padding-left:35px;
	color: #A3CDBF;
}
/* single.php共通設定 */
.p_navi{
	margin-top:30px;
}

.p_navi a{
	text-decoration: none;
	color: #A3CDBF;
	border: #A3CDBF solid 2px;
	display: block;
	padding: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.kanren_title{
	border-left: 5px solid #A3CDBF;
	padding-left: 5px;
	font-size: 20px;
}

.single-post-meta{
	padding: 1px 3px;
	background-color: #A3CDBF;
	color: #fff;
	margin-top: 0;
}

.single-post-meta a{
	text-decoration: none;
	color: inherit;
}

.single-post-meta i{
	margin-right: 3px;
}
/* post.php */
/* よくある質問 */
.answer{
	padding: 15px;
	background-color: #E9F6FF;
}

.question span{
	margin-right: 5px;
	display: inline-block;
	padding: 3px;
	color: #fff;
	background-color: #A3CDBF;
}

/* archive.php共通レイアウト */
.a_h{margin-top: 0;}

/* トップコンテンツすべてに(幅はPCに設定) */
.tcnt_inner{
	padding: 25px 0 50px 0;
}
/* コピーライトのパディング */
#copyright{
	padding-left: 5px;padding-right: 5px;
}



/*****************

その他設定まとめ

*****************/
/* table */
table { margin:0 0 24px 0; padding:0; border-collapse:collapse; width:100%; border:0;}
td, th { border:1px solid #ccc; padding:10px 15px 7px; line-height:2; }
th { background:#f2f2f2; font-weight:normal; }
/* clearfix */
.clearfix:after {
	content: "";
	display:block;
	clear:both;
	height:0;
	font-size:0.1em;
	line-height:0;
	visibility:hidden;
	overflow:hidden;
}
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}

/* float関連 */
.l_flo {
	float: left;
}
.r_flo {
	float: right;
}
.clear {
	clear: both;
}
.t_center{
	text-align: center;
}

/* コンタクトフォーム */
input , textarea{
	max-width: 95%;
}

.wpcf7-submit{
	padding: 15px 30px;
	border-radius: 5px;
	background-color:#A3CDBF;
	color:#fff; 
	font-size: 18px;
}

.wpcf7-submit:hover{opacity: 0.8;}

/* 抜粋 */
blockquote{
background-color:#ddd;
padding:3em 1em;
position:relative;
margin-left: 0px;
margin-right: 0px;
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}
blockquote:after{
content:"”";
font-size:600%;
line-height:0em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
right:0;
bottom:0;
}

/* ページネーション（ページ下部の数字） */
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
    padding-left: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #A3CDBF;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/*  youtubeとGoogleMAPのiframe設定 */
iframe{max-width:100%}

.gmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.gmap iframe, .gmap object, .gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* the content内は以下のクラスが自動付与 */
.ga-tube-map {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.ga-tube-map iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* シェアボタン上の吹き出し */
.arrow_box {
	position: relative;
	background: #ddd;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 30px;
}

.arrow_box p {
	font-size: 18px;
	color: #a1a1a1
	
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #ddd;
	border-width: 19px;
	margin-left: -19px;
}
/* 各SNSのシェアボタン */
.share	{margin-top: 25px;margin-bottom: 20px;}

.share ul	{margin: 0;
	padding: 0;
	list-style: none}

.share li a	{display: block;
	padding: 10px 5px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	text-decoration: none}

.share-tw	{background-color: #55acee}
.share-fb	{background-color: #3b5998}
.share-li	{background-color: #00c300}

.share li a:hover	{opacity: 0.8}

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

.share li	{float: left;
	width: 33.3333%}


/* コンタクトフォーム */
.ga_contact7 th,.ga_contact7 td{border:solid 1px #c6c7c7;}

.ga_contact7 th{background-color: inherit;font-weight: bold;text-align: left;}

.ga_contact7 tr:nth-child(odd){
	background-color: #efefef;
}

.ga_contact7 .his{
	display: inline-block;
	padding:3px 5px ;
	background-color: #DE8686;
	border-radius:5px;
	color: #fff;
	margin-right: 3px
}

.ga_contact7 .nini{
	display: inline-block;
	padding:3px 5px ;
	background-color: #63c39f;
	border-radius: 5px;
	color: #fff;
	margin-right: 3px
}

.ga_contact7 span{font-weight: normal;line-height: 1}

.ga_contact7 .soushin{text-align: center;margin-left: 20px;}


input , textarea{
	max-width: 100%;
}

input{line-height: 2;}

.wpcf7-submit{
	padding: 8px 70px;
	border-radius: 5px;
	background-color: #63c39f;
	color: #fff;
	font-size: 18px;
	border: none;
}

.wpcf7-submit:hover{opacity: 0.8;}


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

スマホの設定（幅768px以下に適用）

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
@media screen and (max-width:768px) { 
/* PCのみ表示するクラス */
.pc_dake{display: none;}

/*****************

スマホヘッダー部分

*****************/
#main_logo{
	text-align: center;
	margin-top: 0px;
	padding: 25px 0 20px 0;
}

/*****************

メイン画像(スライドなし)の設定

*****************/
.mp100 img{
	vertical-align: bottom;
}

/*****************

レイアウト

*****************/
/* ヘッダーナビ、スライド以外の左右のパディング一括設定 */
#about,#t_news,#movie,#map,#blog,#fb_me,#top_contact,#main_kukuri,#breadcrumb{
	padding-left: 5px;padding-right: 5px;
}

/* margin-top */
#main_kukuri{}

/* トップ4つ */
#about ul{
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
#about ul li{
	width: 49%;
	margin-bottom: 2%;
}

#about ul li:nth-child(even){
	margin-left: 2%;
}

/* トップページブログ */
#blog ul{
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
#blog ul li{
	width: 49%;
	margin-bottom: 35px;
}

#blog ul li:nth-child(even){
	margin-left: 2%;
}
#blog ul li:nth-child(odd){
	clear: both;
}
/* index.php */


.naiyou{
	padding-left: 140px;
	padding-top: 3px;

}

.naiyou h2{
	font-size: 18px;
}

.oneburo img{
	width: 130px;
	height: auto;
}

.post-meta{
	font-size: 12px;
}

#ga_side{margin-top: 25px;}

/*****************

スマホ画面下固定ナビ

*****************/

.spf_bar{
	width: 100%;
	background-color: #2E86EA;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
}

.spf_bar a{
	box-sizing: border-box;
	display: inline-block;
	width: 33.33%;
	padding: 4px 15px 0px 15px;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	
}

.spf_bar a:nth-child(even){
	background-color: #A3CDBF;
}

.spf_bar a i{
	display: block;
	font-size:23px;
}

/* モーダルウインドウ風処理 */
.sf-menu-btn span:after {
    content: attr(data-txt-menu);
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .sf-menu-btn span:after {
    content: attr(data-txt-close);
}

/* モーダルウインドウ、クリックされた時など */
.sf-menu {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(46, 72, 110, 0.95);
    -webkit-transition: all .8s;
    transition: all .8s;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.sf-menu ul {
    display: block;
    /*display: table-cell;*/
    vertical-align: middle;
    list-style: none;
    padding-left: 0;
}

.sf-menu li {
    width: 300px;
    height: 60px;
    line-height: .5em;
    margin: 0 auto;
    text-align: center;
}

.sf-menu li a {
    display: block;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.sf-menu li a:hover {
    color: #999;
    cursor: pointer;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .sf-menu {
    -webkit-transition: all .8s;
    transition: all .8s;
    visibility: visible;
    opacity: 1;
}
/* コピーライト潜り込み防止 */
#copyright{
	margin-bottom: 55px;
}
/*****************

スマホその他の設定まとめ

*****************/
/* h3の位置設定 */
.ga_page h3,.ga_post h3{
	background-position: 0 0; 
}
/* SNSのシェアボタン、テキスト非表示 */
.share span	{display: inline-block;
	text-indent: -9999px}

/* トップに戻るボタン */
#sp_page-top {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

#sp_page-top a {
    background: #A3CDBF;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#sp_page-top a:hover {
    text-decoration: none;
	opacity: 0.8;
}
#footer{
	position: relative;
	margin-top: 70px;
}

/* コンタクトフォームSP */
.ga_contact7 th,.ga_contact7 td{
	display: block;
	width: 100%;
}
.ga_contact7{width: 100%}

.ga_contact7 tr{width:100%;}

.ga_contact7 th{border-bottom: none;box-sizing: border-box;}

.ga_contact7 td{border-top: none;box-sizing: border-box;}

.ga_contact7 input, textarea {max-width: 90%; width: 100%; box-sizing: border-box;}

input[type="submit"] {
  -webkit-appearance: none;
}

/* 404 */
.kao{font-size: 80px;}

.nf{font-size: 20px;}

.goho span{display: block;}


}/* /@media max-width:768px */

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

PCの設定（幅769px以上に適用）

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
@media screen and (min-width:769px) { 
/* スマホのみ表示するクラス */
.sp_dake{display: none;}

/*****************

レイアウト

*****************/
/* 2カラムの設定 */
#main_kukuri,#breadcrumb{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#ga_main{float: left; width: 680px;}
#ga_side{float: right;width: 300px;margin-left: 20px;}

/* トップ4つ */
#about ul li h2{
}


#about ul li{
	width: 24%;
}
#about ul li+li{
	margin-left: 1.33%;
}

/* トップ4つのホバー効果 */
#about ul li:hover {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}

.otoiawase:hover{
/*
	color: #fff;
	background-color: #A3CDBF;
*/
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);

}

/* トップページブログ */
#blog ul li h3{
	min-height: 3em;
}


#blog ul li{
	text-align: center;
	width: 24%;
	margin-bottom: 35px;
}
#blog ul li+li{
	margin-left: 1.33%;
}

/* ４つ以上表示の追加分 */
#blog ul li:nth-child(5){
	margin-left: 0;
	clear: both;
}
#blog ul li:nth-child(9){
	margin-left: 0;
	clear: both;
}

/* トップページブログのホバー効果 */
#blog ul li h3 a:hover{
	color: #A3CDBF;
}

#blog ul li img{
	max-width: 200px;
}

.moaaa:hover{
	color: #A3CDBF;
	background-color: #fff;
}

.kako_moaaa:hover{
	color: #fff;
	background-color: #A3CDBF;
}

/* single.phpのPC設定 */
.p_navi a:hover{
	color: #fff;
	background-color: #A3CDBF;
}

/* 業務内容 */
.gyoumu a:hover{opacity: 0.7;}

/*****************

ヘッダーメニュー

*****************/

#header{
	min-width: 1000px;
	box-sizing: border-box;
	padding: 10px 5px 10px 5px;
	height: 68px;
}

#main_logo{float: left; margin: 0px; }
.main_menu ul{float: right; margin: 0px;padding: 0px;}
.main_menu ul li{
	display: inline-block;
	padding: 5px 10px 5px 10px;
}
.main_menu ul li a{
	text-decoration: none;
	color: inherit;
	vertical-align: middle;
	vertical-align:-webkit-baseline-middle;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.main_menu ul li a:hover{
	color: #A3CDBF;
}

.tsuiteku{
	width: 100%;
	position: fixed;
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.9)/* PC、ヘッダー付いてくる時のバックグラウンドカラー */
}

#menu-inokori{
	height: 68px;
	background-color: #fff;/* PC、ヘッダーのバックグラウンドカラー */
}
/*****************

PCメインスライド

*****************/

/* スライダー読み込み時のくるくる */
#honmono{display:none;}

#kari{
	height: 400px;
	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
/* PCトップスライダーの設定、ブラウザリセット */
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* PCトップスライダーの設定、メイン設定 */
#flexslider {
  margin: 0;
  padding: 0;
}
#flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
#flexslider .slides img {
  width: 100%;
  height: auto;
  min-width: 1000px;
  display: block;
}
#flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] #flexslider .slides {
  display: block;
}
* html #flexslider .slides {
  height: 1%;
}
.no-js #flexslider .slides > li:first-child {
  display: block;
}
/* スタッフスライド */
#staff_slide{min-width: 1000px;}

/*****************

PCトップページの各セクション

*****************/
/* pc、全コンテンツの幅を1000 pxに */
.tcnt_inner{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* お問い合わせ */
#top_contact h2{
	padding: 20px;
}


/*****************

その他の設定

*****************/

/* トップに戻るボタン */
#page-top { 
	z-index:999; 
	position:fixed; 
	right:10px; 
	bottom:25px; 
	margin:0; 
	display:block; 
	width:110px; 
	height:110px;
	 text-indent:-9999px; 
	 background:url(img/pagetop01.png) no-repeat center; 
}
	 
#page-top:hover {
	background:url(img/pagetop02.png) 
}

/* コンタクトフォームPC */
.ga_contact7 th{width: 32%;}

}

@media (min-width:769px){

#top3{
	margin-left: auto;
	margin-right: auto;
}

/* トップの画像３つ */
.top1 {
	width: 32%;	
}

.top1 + .top1 {
	margin-left: 2%;
}
}