@charset "utf-8";


#post-2 label {
    display: block;
}

/* =基本スタイル変更
------------------------------------------------------------------------------ */

article h1.page,
section h1.page {
	border-top: 1px solid #ddd;
	background-color: #f5f4eb;
}
section.stripe {
	background-color: #f5f4eb;
}

/* =テーブル
------------------------------------------------------------------------------ */

/* =基本 */

section table.matrix {
    line-height: 1.2;
    font-size: 90%;
}
section table.matrix th {
	background-color: transparent;
    padding: 0.5em;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    border: 1px solid #333;
}
section table.matrix th a {
    display: block;
    font-weight: 500;
    color: #333;
}
section table.matrix th a:hover {
    color: #22ac38;
}

section table.matrix .tb-rl {
	display: inline-block;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: mixed;
	text-orientation: mixed;
	/* Safari は直交フローの auto インラインサイズをビューポート高に
	   フォールバックさせるため、nowrap で max-content に固定する */
	white-space: nowrap;
	width: 1em;
	height: -webkit-max-content;
	height: max-content;
	line-height: 1;
}
section table.matrix thead td {
    text-align: center;
    vertical-align: top;
	background-color: transparent;
}
section table.matrix td {
    padding: 0.5em;
    text-align: center;
    vertical-align: middle;
    border: none;
    border: 1px solid #333;
}
section table.matrix .on {
    font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
section table.matrix tr:nth-child(odd) {
	background-color: #fff;
}
section table.matrix tr:nth-child(even) {
    /*
	background-color: transparent;
    */
    background-color: #fafafa;
}
section table.matrix thead tr:nth-child(odd),
section table.matrix thead tr:nth-child(even) {
	background-color: transparent;
}

/* =FixedMidashi */

.fixed_midashi {
	/*
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: none;
	-webkit-overflow-scrolling: auto;
	overflow-scrolling: auto;
	overflow-x: auto;
	*/
	overscroll-behavior: none;
	overflow: auto;
	width: 100%;
	height: 568px;
	margin: 0 0 2em;
}
.fixed_midashi,
.fixed_midashi table,
.fixed_midashi table tr,
.fixed_midashi table th,
.fixed_midashi table td,
.fixed_midashi table thead,
.fixed_midashi table .tb-rl,
.fixed_midashi table a
{
	-webkit-box-sizing: content-box;
		 -moz-box-sizing: content-box;
		 -o-box-sizing: content-box;
		-ms-box-sizing: content-box;
			box-sizing: content-box;
}
section .fixed_midashi table {
	width: 1280px;
	margin: 0;
}
section .fixed_midashi.sec table {
	width: 2640px;
}
section .fixed_midashi table th.blank {
	width: 240px;
}
section .fixed_midashi table tbody th {
	text-align: left;
	width: 240px;
}


/* =カラー */

table.matrix .c1 {background-color: #3f3a39; color: #fff;}
table.matrix .c2 {background-color: #dce1e3;}
table.matrix .c3 {background-color: #3962ad; color: #fff;}
table.matrix .c4 {background-color: #e4e6f4;}
table.matrix .c5 {background-color: #fffded;}
table.matrix .c6 {background-color: #fffde4;}
table.matrix .c7 {background-color: #fffcdb;}
table.matrix .c8 {background-color: #fffcd1;}
table.matrix .c9 {background-color: #fffabc;}
table.matrix .c10 {background-color: #fff9b0;}
table.matrix .c11 {background-color: #727171; color: #fff;}

/* =記入凡例 */

section dl.ex {
    padding: 0.5em;
    margin: 0 0 0.5em;
    float: right;
    font-size: 80%;
    line-height: 1.2;
    border: 1px solid #7fb3db;
}

/* =詳細ページ */

section table.matrix.single td {
    color: #ddd;
}

section table.matrix.single td.own {
    color: #333;
    background-color: #feff25;
}
section table.matrix.single td.link {
    font-weight: 600;
    color: #333;
}

/* =検索フォーム（全体のチェックボックス）
------------------------------------------------------------------------------ */

input[type=button].button,
input[type=submit].button,
button.button {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	font: inherit;
}
button[type=submit].button {
}

.button {
	display: block;
	padding: 0.5em;
	text-align: center;
	color: #333;
	background-color: #dce1e3;
	cursor: pointer;
    height: 100%;
    width: 100%;
    line-height: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.button:hover {
	background-color: #e5e8ea;
}
.button:disabled {
	cursor: not-allowed;
	opacity: .6;
	color: #def;
}
.toggle-buttons {
}
.toggle-buttons.vertical {
}
.toggle-buttons label {
	display: flex;
	position: relative;
}
.toggle-buttons [type=radio],
.toggle-buttons [type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
/* appearance: none for IE11 */
_:-ms-lang(x)::-ms-backdrop, .toggle-buttons [type=radio],
_:-ms-lang(x)::-ms-backdrop, .toggle-buttons [type=checkbox] {
	visibility: hidden;
}
.toggle-buttons .button {
	z-index: 1;
}
.toggle-buttons.vertical .button {
	width: 100%;
}
.toggle-buttons :checked + .button {
	background-color: #fff100;
    color: #000;
    font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.toggle-buttons :checked + .button::before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	content: "\ea10";
	margin-right: 0.25em;
}
.toggle-buttons :disabled + .button {
	cursor: not-allowed;
	opacity: .6;
	color: #def;
}

/* =検索フォーム（地域）
------------------------------------------------------------------------------ */

section ul.area {
    margin: 0 0 2em;
}
section ul.area li {
    margin: 0 0 1em;
}
section ul.area li:nth-child(1) {
    float: left;
    height: 80px;
    width: 40%;
    margin-right: 1em;
}
section ul.area li:nth-child(2),
section ul.area li:nth-child(3) {
}
section ul.area li:nth-child(4) {
    clear: both;
}

section ul.area li:nth-child(1) .button {
    padding-top: 3em;
    padding-bottom: 3em;
}
section ul.area .button {
    padding: 1em;
}


/* =検索フォーム（送信ボタン）
------------------------------------------------------------------------------ */

/* =固定ボタン */

#footFix {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	width: 100%;
	z-index: 1000;
	background-color: rgba(0,0,0,0.75);
    height: 80px;
    padding: 1em 0;
    display:none;
}

/*
.submitWrap {
    clear: both;
    text-align: center;
    padding: 1em;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
}
*/
div.feas form input[type="submit"] {
	display: block;
	margin: 0 auto;
 	cursor: pointer;
	font-weight: 600;
	padding: 0.25em 4em;
	border: 1px solid #cc0000;
	background-color: #cc0000;
	color: #fff;
	line-height: 1;
	font-family: 'Noto Sans Japanese', 'Noto Sans JP',sans-serif;
	font-size: 150%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

div.feas form input[type="submit"]:active,
div.feas form input[type="submit"]:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}


/* =
------------------------------------------------------------------------------ */
/* =
------------------------------------------------------------------------------ */
/* =
------------------------------------------------------------------------------ */







/* =カラー変更
------------------------------------------------------------------------------ */

dl.phone .num,
dl.phone .num a {
}
/*
#nav {
	background-color: #fff;
}
ul#primary li a {
	color: #333;
}
article h1.page,
section h1.page {
	border-top: 1px solid #ddd;
}
*/
a.btn.order {
}
a.btn.mail {
}
section.stripe,
section.stripe h2.horizon .name,
section.stripe h3.horizon .name {
}
section h2.under .name,
section h3.under .name {

}

/* =コラム */

.solidLine {

}
.dotLine {

}

/* =その他
------------------------------------------------------------------------------ */

/* =文字サイズ */

.big,
.bigger,
.biggest {
	font-weight: 900;
}
.big {
	font-size: 120%;
}
.bigger {
	font-size: 150%;
}
.biggest {
	font-size: 200%;
	color: #2cb5a9;
}

/* =コラム */

div.centerBox {
	clear: both;
	text-align: center;
}
div.centerBox div {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
}
div.centerBox div.half {
	display: block;
	margin: 0;
}

/* =段落 */

section p.mt1 {
	margin-top: 1em;
}
section p.mt2 {
	margin-top: 2em;
}

/* =画像 */

img.icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.25em;
}

/* =境界線 */

hr {
	clear: both;
	padding: 0;
	margin: 4em 2em;
	overflow: hidden;
	height: auto;
}
hr.dot {
	border-top: 4px dotted #ccc;
}


/* =空白 */

.spL05 {
	padding-left: 0.5em;
}
.spLR1 {
	padding-left: 1em;
	padding-right: 1em;
}
.spLR05 {
	padding-left: 0.5em;
	padding-right: 0.5em;
}


/* =吹出し */

.balloon {
	display: inline-block;
	padding: 8px 24px;
	margin:  0 auto;
	border-bottom: none;
	background-color: #22ac38;
	color: #fff;
	position: relative;
}
.balloon:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #22ac38 transparent transparent transparent;
}

/* =コラム */

div.indt {
	margin-right: 1em;
	margin-left: 1em;
}

/* =リスト（連結） */

section ul.join {
	clear: both;
	padding: 0;
	margin: 0 auto 2em;
	display: table;
	width: 100%;
}
section ul.join li {
	padding: 0;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}
section ul.join li img {
	height: auto;
	width: 100%;
}



/* =レスポンシブ
------------------------------------------------------------------------------ */

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

}

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

}

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

}


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

}

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


/* =検索フォーム（地域） */

section ul.area .button {
    line-height: 1.2;
}
section ul.area li:nth-child(1) .button {
    padding-top: 1em;
    padding-bottom: 1em;
}
section ul.area li:nth-child(1) {
    float: none;
    clear: both;
    height: auto;
    width: auto;
    margin-right: 0;
}


}

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

/* =テーブル */

section .fixed_midashi table th.blank,
section .fixed_midashi table tbody th {
    width: 120px;
}
section .fixed_midashi table thead td {
	height: 240px;
}
section .fixed_midashi.sec table thead td {
	height: 160px;
}

/* =検索フォーム（送信ボタン） */

#footFix {
    padding: 1.5em 0;
}
div.feas form input[type="submit"] {
	font-size: 120%;
}


}

/* =320px以下
------------------------------------------------------------------------------ */

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


}