@charset "UTF-8";

/* !Base Fonts -------------------------------------------------------------- */
a {
	color:#231815;
	text-decoration: none;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

a:hover {
	text-decoration: underline;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

a img {
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

a:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

.op img,
.op input {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;	
}
.op:hover img,
.op:hover input {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fs10   { font-size: 10px;}
.fs11   { font-size: 11px;}
.fs12   { font-size: 12px;}
.fs13   { font-size: 13px;}
.fs14   { font-size: 14px;}
.fs15   { font-size: 15px;}
.fs16   { font-size: 16px;}
.fs17   { font-size: 17px;}
.fs18   { font-size: 18px;}
.fs19   { font-size: 19px;}
.fs20   { font-size: 20px;}
.fs21   { font-size: 21px;}
.fs22   { font-size: 22px;}
.fs23   { font-size: 23px;}
.fs24   { font-size: 24px;}
.fs25   { font-size: 25px;}

/* !Inline Align ------------------------------------------------------------ */
.tal { text-align: left   !important;}
.tac { text-align: center !important;}
.tar { text-align: right  !important;}
.vay { vertical-align: top    !important;}
.vam { vertical-align: middle !important;}
.vab { vertical-align: bottom !important;}

/* !Floats ------------------------------------------------------------------ */
.flimg {
	float:left;
}
.frimg {
	float:right;
}
.ftBox  { overflow: hidden; *zoom: 1;}

/* !JavaScript -------------------------------------------------------------- */
.over { /* ロールオーバー呼び出し用 */ }


.visiblepc {
	display: block;
}
.visiblets {
	display: none;
}
@media screen and (max-width: 767px) {
.visiblets {
	display: block;
}
.visiblepc {
	display: none;
}
}