.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/****************************
　　  フォントサイズ
****************************/
h2{
	font-size: 20px;
	font-weight: bold;
}
h3{
	font-weight: bold;
	font-size: 17px;
}
h4{
	font-weight: bold;
	font-size: 15px;
}
th,dt{
	font-weight: bold;
	font-size: 13px;
	line-height: 2em;
}
p,li,dd,td{
	font-size: 13px;
	line-height: 2em;
}
input[type="submit"]
{
  cursor:pointer;
}


/****************************
　　  装飾など
****************************/
#left h2{
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
}
a{
	transition: background-color 0.1s,background-position 0.2s;
	text-decoration: underline;
	color:#666;
}
a:hover
{
	text-decoration: none;
	color:#999;
}
img{
	width:100%;
	display:block;
}
a img{
	transition:transform 0.2s,opacity 0.2s;
}
a:hover img{
	opacity: 0.8;
	transform: scale(1.1);
}
ol{
	margin-bottom: 20px;
}

/****************************
　　  モジュール単位(g_を先頭につける)
****************************/
/*frexbox*/
.flexbox{display: flex;}
/*flex-direction*/
.row-reverse{flex-direction:row-reverse;}
.column{flex-direction: column;}
.columun-reverse{flex-direction: column-reverse;}
/*flex-wrap*/
.wrap{flex-wrap: wrap;}
.wrap-reverse{flex-wrap: wrap-reverse;}
/*justiry-content*/
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}
/*align-items*/
.align-items-start{align-items: flex-start;}
.align-items-end{align-items: flex-end;}
.align-items-center{align-items: center;}
.align-items-baseline{align-items: baseline;}
/*align-content*/
.align-content-start{align-content: : flex-start;}
.align-content-end{align-content: : flex-end;}
.align-content-center{align-content: : center;}
.align-content-between{align-content:space-between;}
.align-content-around{align-content:space-around;}

/*flexboxの小要素*/
.flex-order-1{order: 1;}
.flex-order-2{order: 2;}
.flex-order-3{order: 3;}
.flex-order-4{order: 4;}
.flex-order-5{order: 5;}
.flex-order-6{order: 6;}
.flex-order-7{order: 7;}
.flex-order-8{order: 8;}
.flex-order-9{order: 9;}
.flex-order-10{order: 10;}
.align-self-start{align-self: flex-start;}
.align-self-start{align-self: flex-end;}
.align-self-center{align-self: center;}
.align-self-stretch{align-self: stretch;}
.align-self-baseline{align-self: baseline;}

/* 詳細ページへ行くボタン　*/
.g_more a{
	position: absolute;
	right: 20px;
	top: 0;
	border:1px solid #848CC8;
	border-radius: 5px;
	text-align: center;
	background: no-repeat 73px center url('../_img/common/arrow_bl.png');
	background-size: 6px;
	width: 80px;
	padding-right: 5px;
	color: #848CC8;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.g_more a:hover{
	background-color: #ABB3EA;
	background-position: 76px center;
}
.g_more.re a{
	border:1px solid #DF7C84;
	background: no-repeat 73px center url('../_img/common/arrow_re.png');
	background-size: 6px;
	color: #DF7C84;
}
.g_more.re a:hover{
	background-color: #FFE5E5;
	background-position: 76px center;
}


/* アンカー */
.g_anchor a{
	display: inline-block;
	float: left;
	width: auto;
	padding-left: 16px;
	padding-right: 8px;
	margin-right: 10px;
	margin-bottom: 10px;

	border:1px solid #666;
	border-radius: 5px;

	text-align: center;
	color: #666;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;

	background: no-repeat 7px center url('../_img/common/arrow_bk2.png') #fff;
	background-size: 6px;

}
.g_anchor.re a{
	background: no-repeat 7px center url('../_img/common/arrow_re2.png') #fff;
	border:1px solid #DF7C84;
	color: #DF7C84;
	background-size: 6px;
}
.g_anchor.bl a{
	background: no-repeat 7px center url('../_img/common/arrow_bl2.png') #fff;
	border:1px solid #848cc8;
	color: 
}

.g_anchor a:hover{
	background-color: #ccc;
	background-position: 7px 13px;
}
.g_anchor.re a:hover{
	background-color: #FFE5E5;
	background-position: 7px 13px;
}
.g_anchor.bl a:hover{
	background-color: #C5C9E4;
}


/*　電話番号表記*/
.g_tel{
	width: 225px;
	line-height: 1.5em;
	padding-top: 10px;
	font-weight: bold;
}
.g_tel span{
	display: block;
}
.g_tel span.row1{
	font-size: 11px;
	line-height: 1em;
}
.g_tel span.row2{
	background: no-repeat left center url('../_img/common/icon_tel.png');
	background-size: 24px 20px;

	padding-left: 30px;

	font-size: 25px;
	color: #C90613;
	line-height: 1em;
}

/*通常ボタン*/
.g_btn a{
	background: no-repeat 10px center url('../_img/common/arrow_bk.png') #666;
	background-size: 6px;
	border-radius: 4px;

	display: block;
	padding:10px 0 10px 20px;

	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.g_btn a:hover{
	background-color: #999;
	background-position: 10px 6px;
}
.g_btn.re a{
	background: no-repeat 10px center url('../_img/common/arrow_wh.png') #C90915 ;
	background-size: 6px;
}
.g_btn.re a:hover{
	background-color: #F7656C;
	background-position: 13px center
}


/* 問い合わせボタン */
.g_application{margin-bottom: 1em;}

.g_application a{
	background: no-repeat 10px center url('../_img/common/icon_calendar.png') #C90915 ;
	background-size: 29px 30px;
	border-radius: 4px;

	display: block;
	padding:10px 0 10px 50px;

	text-decoration: none;
	font-weight: bold;
}
.g_application a:hover{
	background-color: #F7656C;
	background-position: 10px 6px;
}
.g_application span{
	display: block;
	color: #fff;
	line-height: 1em;
}
.g_application span.row1{
	font-size: 12px;
}
.g_application span.row2{
	font-size: 18px;
}

/* 問い合わせボタン */
.g_inquiry{margin-bottom: 1em;}
.g_inquiry a{
	background: no-repeat 10px center url('../_img/common/icon_fukidashi.png') #848cc8 ;
	background-size: 32px 25px;
	border-radius: 4px;

	display: block;
	padding:10px 0 10px 50px;

	text-decoration: none;
	font-weight: bold;
}
.g_inquiry a:hover{
	background-color: #abb3ea;
	background-position: 10px 6px;
}
.g_inquiry span{
	display: block;
	color: #fff;
	line-height: 1em;
}
.g_inquiry span.row1{
	font-size: 12px;
}
.g_inquiry span.row2{
	font-size: 18px;
}