@charset "utf-8";


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

COMMON STYLE

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

/****************************
  01 visible
****************************/

.hide	{ display: none; }



/****************************
  02 position
****************************/

.left	{ text-align: left; }
.right	{ text-align: right; }
.center	{ text-align: center; }

img.center { display: block; margin: 0 auto 0; }



/****************************
  03 font
****************************/

.bold		{ font-weight: bold; }

.smaller	{ font-size: 60%; }
.small		{ font-size: 80%; }
.large		{ font-size: 110%; }
.larger		{ font-size: 120%; }

.red		{ color: #C30D22; }
.blue		{ color: #250DC3; }
.green		{ color: #0DC33E; }
.gray		{ color: #9A9A9A; }


.serif		{ font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
        

/****************************
  04 over
****************************/

@media only screen and (min-width: 768px) {
	.over,
	.over img {
		transition: opacity 0.2s linear;
		backface-visibility: hidden;
	}
	.over:hover,
	.over:hover img {
		opacity: 0.6;
	}
}


/****************************
  05 link
****************************/

a:link,
a:visited {
	color: #43347d;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #43347d;
	text-decoration: none;
}


/****************************
  99 clearfix
****************************/

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

.clearfix {
	 min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}