@charset "utf-8";
/* 全ページ共通CSS 
------------------------------------------------------------------------------------------------------------------------------------------*/

/* ckearfix */
.cf {
	zoom:1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear:both;
}
/* ページ内CSS 
------------------------------------------------------------------------------------------------------------------------------------------*/
	
body {
	color:#555;
	font-size:13px;
	font-family:verdana, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height:1.5;
	-webkit-text-size-adjust:100%;
}
/* リンク設定
------------------------------------------------------------*/
a {
	color:#009999;
	text-decoration:none;
}
a:hover {
	color:#C19D06;
}
a:active, a:focus {
	outline:0;
}
/* m */
a.button {
	display: block;
	padding: 2px 0;
	color: #fff;
	font-weight: bold;
	width: 100%;
	border-radius: 5px;
	text-align: center;
	box-shadow: 0 4px 0 rgba(0,0,0,0.3);
	background-color: #DFB51B;
}
/* 全体
------------------------------------------------------------*/
#wrapper {
	width:98%;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 1%;
	padding-bottom: 0;
	padding-left: 1%;
}
.inner {
	margin:0 auto;
	width:100%;
}
/* ヘッダー
------------------------------------------------------------*/
#header {
	margin-top:0px;
	margin-bottom:0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
	height: 60px;
	max-width: 1000px;
}
#header h1 {
	max-width: 90%;
}
/* 電話番号
------------------------------------------------------------*/
.info {
	float:right;
	text-align:right;
}
.info .open {
	font-size:11px;
}
.info .tel {
	margin-top:6px;
	font-size:20px;
	font-weight:bold;
}
.info span {
	font-size:.6em;
	font-weight:normal;
}
/* メイン画像（トップページ+サブページ）
------------------------------------------------------------*/
#mainBanner {
	clear:both;
	margin:25px auto 40px;
	padding:0;
	position:relative;
	text-align:center;
}
#mainBanner img {
	max-width:100%;
	height:auto;
}
/* メイン コンテンツ
------------------------------------------------------------*/

	
/* アーカイブページ */

.alignleft {
	float:left;
	clear:left;
	margin:3px 10px 10px 0;
}
.alignright {
	float:right;
	clear:right;
	margin:3px 0 10px 10px;
}
.content h2.titleh2 {
	font-size: 135%;
	font-weight: normal;
	color: #000;
	line-height: 100%;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 20px;
	margin-top: 20px;
}
.m20 {
	margin-bottom: 20px;
}
.new {
	font-size: 80%;
	color: #F00;
}
.midashi {
	font-size: 120%;
	color: #009999;
	font-weight: bold;
}
/* テーブルフォーマット */
/* table共通 */
th {
	background: #009999;
	border: solid 1px #ccc;
	color: #fff;
	padding: 10px;
}
#wrapper td {
	border: solid 1px #ccc;
	padding: 10px;
	vertical-align: middle;
}
table {
	margin: 20px auto;
	width:100%;
	vertical-align: middle;
}
/* table .tbl-r05 */
.tbl-r05 td:first-child {
	background-color: #FFF6DC;
}

/*  画像レイアウト（4）
------------------------------------------------------------*/
.flexbox {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
   flex-direction:row;
	flex-wrap:wrap;

}
.item {
	border-radius: 4px;
	width:240px;
	text-align:center;
	margin-bottom: 20px;
}
.item h4.copy {
	color: #FFF;
	background-color: #000;
	font-size: 100%;
	padding-left: 10px;
	margin-bottom: 5px;
}
.item h3 {
	font-size: 150%;
	color: #009999;
	font-weight: bold;
}
 @media screen and (max-width: 896px) {
.flexbox {
	flex-direction: column;
	align-content:space-around;
}
.item {
	width:100%;
}
.item:nth-child(1) {
	order: 2;
}
.item:nth-child(2) {
	order: 3;
}
.item:nth-child(3) {
	order: 1;
}
.item:nth-child(4) {
	order: 4;
}
.item:nth-child(5) {
	order: 5;
}
 }

/* フッター
------------------------------------------------------------*/
#footer {
	clear:both;
}
ul.footnav ul {
	display:none;
}
ul.footnav li {
	float:none;
	display:inline-block;
	margin:10px 0 10px 0;
	padding:0 7px 0 8px;
	border-right:1px solid #ebebeb;
}
#footer .menu {
	width: 25em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
#copyright {
	clear:both;
	padding:20px 0 10px 0;
	text-align:center;
	font-style:normal;
	font-size:10px;
	color:#555;
}

/* ページTOPに戻る */
.pagetop{
    display: none;
    position: fixed;
    right: 15px;
    bottom: 60px;
}
.pagetop a{
	display: block;
	font-size: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	background: #009999;
	border-radius: 50%;
	line-height: 50px;
}
.pagetop a i{
    font-size: 20px;
    color:#fff;
    line-height: 50px;
}
.fa-size {
	font-size:1.5em;
}