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

	Style for COMMON PAGE
	/common/css/common.css

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


/* contents
***************************************************** */

html {
	-webkit-text-size-adjust: 100%;
}
body {
}
.page-wrap {
	position: relative;
	margin: 0 auto;
	width: 960px;
}
@media screen and (min-width: 768px) {
	body { min-width: 960px; }
}


/* header
***************************************************** */

.header-area {
	position: relative;
	margin: 0 auto;
	height: 86px;
	width: 960px;
}
.header-area .logo {
	float: left;
	padding: 21px 0 0 20px;
}
.header-area .ani40 {
	float: left;
	padding: 11px 0 0 20px;
}
.header-area .head-wrap {
	float: right;
	padding: 12px 10px 0 0;
}

.headnav {
}
.headnav li {
	display: inline;
	margin-left: 25px;
}
.headnav li a {
	color: #626262;
	text-decoration: none;
}
.headnav li a:hover {
	color: #009944;
}

.header-area .spmenu {
	display: none;
}
.header-area .spsearchmenu {
	display: none;
}
.header-area .search-wrap {
	clear: both;
	float: right;
	margin-top: -47px;
	padding: 15px 0 0 0;
	width: 240px;
}

.search-wrap .cse .gsc-control-cse, .gsc-control-cse {
	padding: 0 !important;
}
.header-area .spmenu-wrap {
	display: none;
}

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

	.header-area {
		position: relative;
		margin: 0 auto;
		height: 45px;
		width: 100%;
	}
	.header-area .logo {
		padding: 10px 0 0 10px;
	}
	.logo img {
		width: 89px;
	}
	.header-area .ani40 {
		padding: 6px 0 0 10px;
	}
	.header-area .ani40 img {
		width: 48px;
	}

	.header-area .headnav {
	}
	.headnav ul.pcsubmenu {
	}
	.headnav ul.pcsubmenu li {
		display: none;
	}

	.header-area .headnav .spmenu {
		display: block;
		position: absolute;
		top: 15px;
		right: 5px;
		width: 80px;
	}
	.header-area .headnav .spmenu .icn {
		padding: 15px 0 12px 23px;
		background: url(/common/img/sp/icn_menu_sp.png) no-repeat center left;
		background-size: 15px 15px;
		color: #636363;
		font-size: 11px;
		text-decoration: none;
	}
	.header-area .headnav .spsearchmenu {
		display: block;
		position: absolute;
		top: 15px;
		right: 90px;
		width: 60px;
	}
	.header-area .headnav .spsearchmenu .icn {
		padding: 15px 0 12px 23px;
		background: url(/common/img/sp/icn_search_sp.png) no-repeat center left;
		background-size: 15px 15px;
		color: #636363;
		font-size: 11px;
		text-decoration: none;
	}
	.header-area .spmenu-wrap {
		position: absolute;
		top: 45px;
		width: 100%;
		z-index: 500;
	}
	.header-area .spmenu-wrap .spmenu-list li {
		float: left;
		width: 50%;
	}
	.header-area .spmenu-wrap .spmenu-list li a {
		display: block;
		border-bottom: 1px solid #737373;
		padding: 12px 0;
		background: #000000;
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}
	.header-area .spmenu-wrap .spmenu-list li.recruit a {
		background-image: url(/common/img/icn_brank.png);
		background-repeat: no-repeat;
		background-position: 90% center;
		background-size: 16px 14px;
	}
	.header-area .spmenu-wrap .spmenu-list li:nth-child(2n) a {
		border-left: 1px solid #737373;
	}
	.header-area .spmenu-wrap .other-list {
	}
	.header-area .spmenu-wrap .other-list li {
		width: 100%;
	}
	.header-area .spmenu-wrap .other-list li a {
		display: block;
		border-bottom: 1px solid #737373;
		padding: 12px 0;
		background: #ffffff;
		color: #000000;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}
	.header-area .spmenu-wrap .other-list li:last-child a {
		border-bottom: 3px solid #000000;
	}
	.header-area .spmenu-wrap .other-list li.hall a,
	.header-area .spmenu-wrap .other-list li.group a {
		background-image: url(/common/img/icn_brank.png);
		background-repeat: no-repeat;
		background-position: 95% center;
		background-size: 16px 14px;
	}

	.header-area .search-wrap {
		display: none;
		margin-top: 0;
		float: none;
		padding: 5px 10px 12px 15px;
		position: absolute;
		top: 45px;
		width: 100%;
		background: #ffffff;
		border-bottom: 1px solid #000000;
		z-index: 500;
	}

	/* overwrite */
	.gsc-input-box {
		height: 30px !important;
	}


}


/* gnav
***************************************************** */
.gnav-area {
	padding: 0;
	background: #000000;
}
.gnav-area ul {
	margin: 0 auto;
	width: 960px;
}
.gnav-area ul li {
	float: left;
	margin: 0;
	width: 12%;
}
.gnav-area ul li.contact {
	width: 16%;
}
.gnav-area ul li.pachinko a {
	background: url(/common/img/gnav_pachinko_1.png) no-repeat center center;
}
.gnav-area ul li.pachislot a {
	background: url(/common/img/gnav_pachislot_1.png) no-repeat center center;
}
.gnav-area ul li.myslot a {
	background: url(/common/img/gnav_myslot_1.png) no-repeat center center;
}
.gnav-area ul li.fun a {
	background: url(/common/img/gnav_fun_1.png) no-repeat center center;
}
.gnav-area ul li.contact a {
	background: url(/common/img/gnav_contact_1.png) no-repeat center center;
}
.gnav-area ul li.news a {
	background: url(/common/img/gnav_news_1.png) no-repeat center center;
}
.gnav-area ul li.company a {
	background: url(/common/img/gnav_company_1.png) no-repeat center center;
}
.gnav-area ul li.recruit a {
	background: url(/common/img/gnav_recruit_1.png) no-repeat center center;
}
.gnav-area ul li a {
	display: block;
	height: 40px;
	color: #ffffff;
	text-decoration: none;
	text-indent: -9999px;
}
.gnav-area ul li a:hover {
	background-color: #009944;
}


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

	.gnav-area {
		padding: 0;
		background: #000000;
	}
	.gnav-area ul {
		width: 100%;
	}
	.gnav-area ul li {
		margin: 0;
		vertical-align: middle;
		text-align: center;
	}
	.gnav-area ul li.pachinko {
		width: 20%;
	}
	.gnav-area ul li.pachislot {
		width: 20%;
	}
	.gnav-area ul li.myslot {
		width: 20%;
	}
	.gnav-area ul li.fun {
		width: 20%;
	}
	.gnav-area ul li.contact {
		width: 20%;
	}

	.gnav-area ul li.pachinko a {
		background: none;
	}
	.gnav-area ul li.pachislot a {
		background: none;
	}
	.gnav-area ul li.myslot a {
		background: none;
	}
	.gnav-area ul li.fun a {
		background: none;
	}
	.gnav-area ul li.contact a {
		background: none;
	}
	.gnav-area ul li.news { display: none; }
	.gnav-area ul li.company { display: none; }
	.gnav-area ul li.recruit { display: none; }
	.gnav-area ul li a {
		display: table-cell;
		width: 20%;
		color: #ffffff;
		font-size: 10px;
		text-align: center;
		text-decoration: none;
		text-indent: 0;
		vertical-align: middle;
	}

}



/* main title
***************************************************** */
.title-area {
	height: 54px;
	background: #6eba2c;
}
.title-area .page-wrap {
	position: relative;
}
.title-area .ttl {
	padding-top: 12px;
	color: #ffffff;
	font-size: 183.3%;
	text-align: center;
}
.title-area .btn-year {
	position: absolute;
	display: table;
	right: 0;
	top: 0;
	width: 96px;
	height: 54px;
	background: #37a938;
}
.title-area .btn-year span {
	display: table-cell;
	position: relative;
	height: 54px;
	padding-right: 25px;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.title-area .btn-year span:after {
	position: absolute;
	display: block;
	content: '';
	top: 20px;
	left: 60px;
	width: 20px;
	height: 13px;
	background: url(/common/img/icn_arrow2_w.png) no-repeat 50% 50%;
	background-size: 15px 10px;
}
.show .title-area .btn-year span:after {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.ie8 .title-area .btn-year span:after {
	background-image: url(/common/img/ie8/icn_arrow2_w_1.png);
}
.ie8 .show .title-area .btn-year span:after {
	background-image: url(/common/img/ie8/icn_arrow2_w_2.png);
}

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

	.title-area {
		height: 45px;
		background: #6eba2c;
	}
	.title-area .page-wrap {
		position: relative;
	}
	.title-area .ttl {
		padding-top: 6px;
		color: #ffffff;
		font-size: 23px;
		text-align: center;
	}
	.title-area .btn-year {
		position: absolute;
		right: 0;
		top: 0;
		background: #37a938;
		width: 64px;
		height: 45px;
	}
	.title-area .btn-year span {
		display: table-cell;
		position: relative;
		top: -7px;
		padding-right: 0;
		height: 45px;
		color: #ffffff;
		cursor: pointer;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	.title-area .btn-year span:after {
		position: absolute;
		display: block;
		content: '';
		top: 32px;
		left: 22px;
		width: 20px;
		height: 13px;
		background: url(/common/img/icn_arrow2_w.png) no-repeat 50% 50%;
		background-size: 15px 10px;
	}
	.show .title-area .btn-year span:after {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		transform:rotate(180deg);
	}

}


/* select area
***************************************************** */
.snav-area {
	display: none;
	height: 82px;
	background: url(/common/img/bg_select_area.gif) repeat-x;
}
.snav-area-inner {
	margin: 0 auto;
	width: 961px;
	width: 966px\0/;
	height: 82px;
	background: url(/common/img/bg_select_area2.gif) repeat;
}
.snav-area .yaer-list {
}
.snav-area .yaer-list li {
	display: table;
	float: left;
	margin-bottom: 1px;
	width: 96px;
	height: 40px;
	text-align: center;
}
.snav-area .yaer-list li a {
	position: relative;
	display: table-cell;
	padding-left: 1px;
	padding-top: 1px;
	width: 95px;
	height: 39px;
	color: #313131;
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
	vertical-align: middle;
}
.snav-area .yaer-list li.act,
.snav-area .yaer-list li a:hover {
	background: #edf7e5;
}
.snav-area .yaer-list li a span {
	vertical-align: middle;
}


@media screen and (max-width: 767px) {
	.snav-area {
		display: none;
		height: auto;
		background: none;
	}
	.snav-area-inner {
		width: 100%;
		height: auto;
		background: none;
	}
	.snav-area .yaer-list {
		background: #dbeeca;
	}
	.snav-area .yaer-list li {
		float: left;
		margin-bottom: 0;
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		width: 20%;
		background: #dbeeca;
		text-align: center;
	}
	.snav-area .yaer-list li:nth-child(n+11) {
		border-bottom: none;
	}
	.snav-area .yaer-list li a {
		position: relative;
		display: block;
		padding: 10px 0;
		width: 100%;
		color: #313131;
		font-weight: bold;
		text-decoration: none;
	}
	.snav-area .yaer-list li.older a {
		padding: 2px 0;
	}
	.snav-area .yaer-list li a:hover {
		background: #edf7e5;
	}
	.snav-area .yaer-list li a span {
		position: relative;
	}

}



/* select area
***************************************************** */
.breadcrumbs {
}
.breadcrumbs .breadcrumbs-inner {
	margin: 0 auto;
	width: 960px;
	padding: 10px 0 20px;
}
.breadcrumbs .breadcrumbs-inner ul {
}
.breadcrumbs .breadcrumbs-inner ul li {
	float: left;
	margin-right: 10px;
	line-height: 1;
	white-space: nowrap;
}
.breadcrumbs .breadcrumbs-inner ul li:after {
	content: '>';
}
.breadcrumbs .breadcrumbs-inner ul li.last-child:after,
.breadcrumbs .breadcrumbs-inner ul li:last-child:after {
	content: none;
}
.breadcrumbs .breadcrumbs-inner ul li a {
	padding-right: 15px;
	color: #7d7d7d;
	font-size: 83.3%;
	text-decoration: none;
}
.breadcrumbs .breadcrumbs-inner ul li a:hover {
	color: #6eba2c;
}
.breadcrumbs .breadcrumbs-inner ul li span {
	color: #7d7d7d;
	font-size: 83.3%;
}

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

/* sns button */
.bc-sns-area {
	margin-top: -30px;
	margin-bottom: 4px;
}
.bc-sns-area .sns-btn {
}
.bc-sns-area .sns-btn li {
	float: right;
	margin-left: 10px;
}
.bc-sns-area .sns-btn li iframe.twitter-share-button {
	width: 70px !important;
}
@media screen and (min-width: 768px) {
.bc-sns-area .sns-btn li.ln {
	display: none;
}
}

@media screen and (max-width: 767px) {
	.bc-sns-area {
		margin: 13px auto 0;
		width: 100%;
	}
	.bc-sns-area .sns-btn {
		width: 100%;
		text-align: center;
	}
	.bc-sns-area .sns-btn li {
		float: none;
		display: inline-block;
		margin-left: 0;
		margin-right: 10px;
		text-align: left;
		vertical-align: top;
	}
	.bc-sns-area .sns-btn li:last-child {
		margin-right: 0;
	}

}


/* title
***************************************************** */
.ttl-cts {
	position: relative;
	color: #000000;
	font-size: 250%;
	text-align: center;
}
.ttl-cts span {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 0 20px;
	position: relative;
	z-index: 5;
}
.ttl-cts + p {
	border-top: 1px solid #000000;
	margin-top: -20px;
	padding-top: 40px;
}
@media screen and (max-width: 767px) {
	.ttl-cts {
		margin-top: 10px;
		padding: 0 10px;
		letter-spacing: 0;
	}
	.ttl-cts + p {
		padding-top: 25px;
	}
	.ttl-cts span {
		font-size: 20px;
	}
}


/* main
***************************************************** */
.contents-area {
}
.contents-main-area {
	float: left;
	width: 637px;
	border-left: 1px solid #bfbfbf;
}
.contents-side-area {
	float: right;
	width: 320px;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}

.contents-side-area .news_ttl {
	border-bottom: 1px solid #e5e5e5;
}
.contents-side-area .news_ttl a {
	display: block;
	padding: 10px;
	text-decoration: none;
}
.contents-side-area .news_list {
}
.contents-side-area .news_list li {
	padding: 10px 20px 10px 30px;
	border-bottom: 1px solid #e5e5e5;
}
.contents-side-area .news_list li a {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	.contents-area {
	}
}


/* page navi */
.page-nav {
	margin-top: 40px;
	border-top: 1px solid #818181;
	padding-top: 20px;
}
.page-nav a {
	display: block;
	border: 1px solid #9a9a9a;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
}
.page-nav a:link {
	text-decoration: none;
}
.page-nav .prev {
	float: left;
	width: 100px;
}
.page-nav .prev a {
	position: relative;
	color: #313131;
	background: #f0f0f0;
}
.page-nav .prev a:after {
	display: block;
	content: '';
	position: absolute;
	top: 4px;
	left: 7px;
	width: 20px;
	height: 20px;
	background: url(/common/img/icn_arrow.png) no-repeat 10% 50%;
	background-size: 20px 20px;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.page-nav .prev a:hover {
	background: #ffffff;
}
/* IE8 */
.ie8 .page-nav .prev a:after {
	background-image: url(/common/img/ie8/icn_arrow_l.png);
}

.page-nav .next {
	float: right;
	width: 100px;
}
.page-nav .next a {
	position: relative;
	color: #313131;
	background: #f0f0f0;
}
.page-nav .next a:after {
	display: block;
	content: '';
	position: absolute;
	top: 4px;
	right: 7px;
	width: 20px;
	height: 20px;
	background: url(/common/img/icn_arrow.png) no-repeat 10% 50%;
	background-size: 20px 20px;
}
.page-nav .next a:hover {
	background: #ffffff;
}
/* IE8 */
.ie8 .page-nav .next a:after {
	background-image: url(/common/img/ie8/icn_arrow_r.png);
}

.select-list {
	margin-top: -30px;
	text-align: center;
}
.select-list li {
	display: inline-block;
}
.select-list li a {
	display: block;
	border: 1px solid #9a9a9a;
	width: 28px;
	line-height: 28px;
	color: #313131;
	text-align: center;
	text-decoration: none;
}
.select-list li.act a,
.select-list li a:hover {
	background-color: #9a9a9a;
	color: #ffffff;
}

@media screen and (max-width: 767px) {
	.page-nav {
		margin-top: 40px;
		border-top: 1px solid #818181;
		padding: 20px 10px 0;
	}
	.page-nav a {
		line-height: 40px;
	}
	.page-nav .prev {
		float: left;
		width: 26%;
	}
	.page-nav .next {
		float: right;
		width: 26%;
	}
	.page-nav .prev a {
		padding-left: 20px;
	}
	.page-nav .prev a:after {
		top: 10px;
	}
	.page-nav .next a {
		padding-right: 20px;
	}
	.page-nav .next a:after {
		top: 10px;
	}

	.select-list {
		margin-top: -42px;
	}
	.select-list li a {
		line-height: 40px;
		width: 40px;
	}

}


/* pagetop */
.pagetop {
	background: #ffffff;
	padding: 20px 0;
}
.pagetop .pagetop-inner {
	margin: 0 auto;
	width: 960px;
}
.pagetop .icon_top {
	float: right;
	width: 50%;
	text-align: right;
}
.pagetop .icon_top a {
	position: relative;
	display: inline-block;
	height: 30px;
	padding-right: 40px;
	line-height: 30px;
	color: #313131;
	text-decoration: none;
}
.pagetop .icon_top a:hover {
	/*color: #6eba2c;*/
}
.pagetop .icon_top a:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #9a9a9a;
	width: 20px;
	height: 20px;
	padding: 5px;
	background-image: url(/common/img/icn_arrow.png);
	background-repeat: no-repeat;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	background-position: 5px 5px;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	transform:rotate(270deg);
}
.pagetop .icon_top a:hover:after {
	background-color: #9a9a9a;
	background-image: url(/common/img/icn_arrow_w.png);
	background-repeat: no-repeat;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	background-position: 5px 5px;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	transform:rotate(270deg);
}
/* IE8 */
.ie8 .pagetop .icon_top a:after {
	background-image: url(/common/img/ie8/icn_arrow_t.png);
}
.ie8 .pagetop .icon_top a:hover:after {
	background-image: url(/common/img/ie8/icn_arrow_t_w.png);
}
.pagetop .icon_stop {
	display: none;
}

@media screen and (max-width: 767px) {
	.pagetop .pagetop-inner {
		width: 100%;
		padding: 0 10px;
	}
	.pagetop .icon_stop {
		display: block;
		float: left;
		width: 50%;
	}
	.pagetop .icon_stop a {
		position: relative;
		display: inline-block;
		height: 30px;
		padding-left: 40px;
		cursor: pointer;
		line-height: 30px;
		color: #313131;
		text-decoration: none;
	}
	.pagetop .icon_stop a:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 30px;
		height: 30px;
		background-image: url(/common/img/icn_arrow_sq.png);
		background-repeat: no-repeat;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
		-webkit-transform:rotate(270deg);
		-moz-transform:rotate(270deg);
		transform:rotate(270deg);
	}
}

/* footnav-area */
.footnav-area {
	padding: 10px 0;
	background: #959595;
}
.footnav-area ul {
	text-align: center;
}
.footnav-area ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 10px;
	border-right: 1px solid #e6e6e6;
}
.footnav-area ul li:last-child {
	border-right: none;
}
.footnav-area ul li a {
	color: #ffffff;
	text-decoration: none;
}

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

	.footnav-area {
		padding: 0;
	}
	.footnav-area ul {
	}
	.footnav-area ul li {
		display: block;
		float: left;
		width: 50%;
		padding: 0;
		border-bottom: 1px solid #cacaca;
		border-right: none;
		background: #959595;
	}
	.footnav-area ul li:nth-child(2n) {
		border-left: 1px solid #cacaca;
	}
	.footnav-area ul li:last-child,
	.footnav-area ul li:nth-last-child(2) {
		border-bottom: none;
	}
	.footnav-area ul li a {
		display: block;
		padding: 8px 5px 8px 15px;
		color: #ffffff;
		font-size: 14px;
		text-align: left;
		text-decoration: none;
	}

}

/* footer-area */
.footer-area {
	padding: 12px 0;
	background: #ffffff;
}
.footer-area ul {
	text-align: center;
}
.footer-area ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 10px;
	border-right: 1px solid #b5b5b5;
}
.footer-area ul li:last-child {
	border-right: none;
}
.footer-area ul li a {
	color: #535353;
	text-decoration: none;
}
.footer-area ul li a:hover {
	color: #6eba2c;
}
.footer-area .copyright {
	margin-top: 10px;
	color: #535353;
	text-align: center;
}

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

	.footer-area {
		padding: 0 0 12px;
		background: #ffffff;
	}
	.footer-area ul {
		border-bottom: 1px solid #c1c1c1;
	}
	.footer-area ul li {
		float: left;
		width: 33%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
		border-right: none;
	}
	.footer-area ul li:first-child {
		width: 100%;
		border-bottom: 1px solid #c1c1c1;
		border-left: none;
	}
	.footer-area ul li:last-child {
		border-right: none;
	}
	.footer-area ul li a {
		display: block;
		padding: 10px 0;
		color: #666666;
		text-decoration: none;
	}
	.footer-area ul li a span {
	}
	.footer-area .copyright {
		margin-top: 10px;
		color: #666666;
		text-align: center;
	}

}


/* google custam search
***************************************************** */
/* search btn */
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
	display: none;
}
.gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
	border: 2px solid #b5b5b5 !important;
	border-radius: 10px;
}
input.gsc-input {
	border: none !important;
}

/* layout
***************************************************** */

/* float */
.flLeft {
	float: left !important;
}
.flRight {
	float: right !important;
}
.flNone {
	float: none !important;
}

/* position */
.posRel {
	position: relative !important;
}
.posAbs {
	position: absolute !important;
}

/* display */
.disBlk {
	display: block !important;
}
.disIn {
	display: inline !important;
}
.disNone {
	display: none !important;
}
.disInBlk {
	display: inline-block !important;
}
.disTab {
	display: table !important;
}
.disTabCell {
	display: table-cell !important;
}

/* visiblity */
.visVbl {
	visibility: visible;
}
.visHdn {
	visibility: hidden;
}

/* vertical-align */
.vam {
	vertical-align: middle;
}
.vat {
	vertical-align: top;
}
.vab {
	vertical-align: bottom;
}

/* responsive display change */
@media screen and (min-width: 768px) {
	.pc_none {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.sp_none {
		display: none;
	}
}


/* margin padding
***************************************************** */

/* margin-bottom */
.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

/* padding-bottom */
.pb0 { padding-bottom: 0 !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb70 { padding-bottom: 70px !important;}
.pb80 { padding-bottom: 80px !important;}
.pb90 { padding-bottom: 90px !important;}
.pb100 { padding-bottom: 100px !important;}

/* margin-top */
.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt90 { margin-top: 90px !important;}
.mt100 { margin-top: 100px !important;}

/* padding-top */
.pt0 { padding-top: 0 !important;}
.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}
.pt50 { padding-top: 50px !important;}
.pt60 { padding-top: 60px !important;}
.pt70 { padding-top: 70px !important;}
.pt80 { padding-top: 80px !important;}
.pt90 { padding-top: 90px !important;}
.pt100 { padding-top: 100px !important;}

/* margin-right */
.mr0 { margin-right: 0 !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}

/* margin-left */
.ml0 { margin-left: 0 !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}

/* wrap */
.wrap10 { padding: 0 10px; }
.wrap20 { padding: 0 20px; }
.wrap30 { padding: 0 30px; }
.wrap40 { padding: 0 40px; }
.wrap50 { padding: 0 50px; }


/* font
***************************************************** */

/* font-size */
.fs0 { font-size: 0 !important; }
.fs10 { font-size: 83.3% !important; }
.fs11 { font-size: 91.7% !important; }
.fs12 { font-size: 100% !important; }
.fs13 { font-size: 108.3% !important; }
.fs14 { font-size: 116.7% !important; }
.fs15 { font-size: 125% !important; }
.fs16 { font-size: 133.3% !important; }
.fs17 { font-size: 141.7% !important; }
.fs18 { font-size: 150% !important; }

/* font-weight */
.fwBold { font-weight: bold; }

/* text */
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}
.tal {
	text-align: left !important;
}

/* sup sub */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

/* PIE.js */
.ie8 .rounded {
	position: relative;
	zoom: 1;
}


/* ClearFix
***************************************************** */
.bc-sns-area:after,
.cfx:after,
#container:after,
#gnav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.bc-sns-area,
.cfx,
#container,
#gnav {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .bc-sns-area,
* html .cfx,
* html #container,
* html #gnav {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .bc-sns-area,
*:first-child+html .cfx,
*:first-child+html #container,
*:first-child+html #gnav {
	display: inline-table;
}/* end hacks */



/* for smartphone util
***************************************************** */

@media screen and (max-width: 767px) {
	* {
		box-sizing: border-box;
	}
	.page-wrap {
		width: 100%;
	}
}