@charset "UTF-8";
/*!
 *
 *
*/
/*============================================================
 * $Foundation
 * 初期設定
 * =========================================================*/
/*--------------------
 * Reset
 * CSSリセット
 * -----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
main {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	/*aタグとかをタップしたときに色が変わるのを防ぐ*/
	-webkit-tap-highlight-color: transparent;
	/*input系のデフォの設定を消す（適用したいそれぞれに書かないとだめなときも）*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*回転したときなど文字の大きさを調整*/
	-webkit-text-size-adjust: 100%;
	font-weight: normal; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main {
	display: block; }

ol, ul {
	list-style: none; }

blockquote, q {
	quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }

table {
	border-collapse: collapse;
	border-spacing: 0; }

/*============================================================
 * $
 * 全体の設定
 * =========================================================*/
/*-------------------------
 * 基本のタグ設定
 * ----------------------*/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }

html, body {
	height: 100%; }

body {
	background: #fff;
	color: #333333;
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-size: 1rem;
	line-height: 1.6;
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; }

img {
	width: 100%; }

a {
	color: #496397; }
	a:hover {
		color: #a6b5d3; }

/*--------------------
 * title&header
 * タイトル、ヘッダー
 * -----------------*/
/*
h1 {
	font-size: 3.5rem; }
*/
h2 {
	font-size: 1.8rem; }

h3 {
	font-size: 1.4rem;
	font-weight: bold; }

h4 {
	font-size: 1.4rem; }

h5 {
	font-size: 1rem;
	font-weight: bold; }

/*--------------------
 * strong em
 * 強調
 * -----------------*/
strong {
	font-size: 1.4rem;
	font-weight: bold; }

em {
	font-size: 1rem;
	font-weight: bold; }

/*--------------------
 * List
 * リスト
 * -----------------*/
ul li {
	list-style: inside disc; }

ul li:not(:first-child) {
	margin-top: .8rem;
}
ol li {
	list-style: inside decimal; }

ol li:not(:first-child) {
	margin-top: .8rem; }

dt {
	font-weight: bold; }
	dt:not(:first-child) {
		margin-top: .8rem; }

dd {
	margin-top: .4rem; }

/*--------------------
 * TABLE
 * テーブル
 * -----------------*/
table {
	width: 100%; }
	table th,
	table td {
		padding: .5rem 1rem;
		text-align: left; }
	table thead th {
		border-bottom: #A845BE solid 1px;
		color: #A845BE; }
	table tbody th {
		color: #6e3c79; }
	table tbody tr:not(:first-child) td,
	table tbody tr:not(:first-child) th {
		border-top: #bababa solid 1px; }
	table tbody tr {
		-webkit-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out; }
		table tbody tr:hover {
			background: rgba(186, 186, 186, 0.15);}

/*============================================================
 * $header
 * ヘッダー
============================================================*/
.index header {
	display: none;
	padding-top:0;
}
header {
	padding-top:0;
}
header img{
	vertical-align:bottom;
}
@media screen and (min-width: 769px) {
	header {
		display: block;
		padding-top:70px;
	}
	.index header {
		display:none;
		padding-top:0;
	}

}


/*============================================================
 * $GLOBAL NAVI
 * グロナビ
============================================================*/
.global_navi {
	display: none;
}
.global_navi a{
	text-decoration: none;
	color:#000;
}
@media screen and (min-width: 769px) {


	.global_navi {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #ffffff;
		z-index:9999;
		height:70px;
	}
	.global_navi div{
		text-align:right;
		width:1026px;
		margin:0 auto;
	}
	.global_navi ul{
		display:table;
		table-layout:fixed;
		width:1026px;
		float:right;
	}
	.global_navi ul li{
		display:table-cell;
		text-align:center;
		padding:10px 0;
	}
	.global_navi ul li a{
		display:block;
	}
	.global_navi ul li:nth-of-type(5) span{
		border-right:1px solid #ccc;
	}
	.global_navi ul li span{
		font-weight:bold;
		display:block;
		border-left:1px solid #ccc;
		font-size: 0.9rem;
	}
	.global_navi ul li.current,
	.global_navi ul li:hover{
		border-top:3px solid #36b9c2;
		color:#36b9c2;
	}
	.global_navi ul li a:hover{
		color:#36b9c2;
	}
	.global_navi ul li:not(:first-child) {
		width: 155px;
}

	.index .global_navi {
		display:none;
	}
	.global_navi .logo:hover{
		border:none;
	}
	.global_navi .logo{
		position:absolute;
		top:10px;
		width:80px;
		padding-top:0;
	}
}



/*============================================================
 * $MOBILE NAVI
 * モバイルナビ
 * =========================================================*/
/*--------------------
 * ボタン
 * ------------------*/
.mobile_navi_toggle {
	position: fixed;
	top: .5rem;
	right: .5rem;
	width: 2rem;
	height: 2rem;
}
.mobile_navi_toggle button {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	outline: none;
}

.mobile_navi_toggle img {
	vertical-align: middle;
}

/*--------------------
 * 全体
 * ------------------*/
.mobile_navi {
	/*display: flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content:flex-end;*/
	display: none;
	position: fixed;
	top: calc(2rem + .5rem);
	left: 0;

}

/*--------------------
 * ナビ
 * ------------------*/
.mobile_navi ul {
	width: 100vw;
	background: #36b9c3;
	border-top: 1px solid #fff;
}

.mobile_navi ul li {
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #fff;
}

.mobile_navi li a {
	display: block;
	padding: .5rem 1rem;
	background: url(../images/cmn/open_arrow.png) right .5rem center no-repeat;
	background-size: 1.8rem;
	color: #fff;
	text-decoration: none;
}


@media screen and (min-width: 769px) {
	.mobile_navi,
	.mobile_navi_toggle {
		display: none;
	}
}








/*============================================================
 * $
 * 追従する宣言ボタン
 * =========================================================*/
.declare_btn-floating {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
}
.declare_btn{
	width:240px;
	height:160px;
	position:relative;
	background: url(../images/cmn/btn_fixed_fairplay.png) no-repeat;
}
.declare_btn-floating .faireplay{
	width:105px;
	position:absolute;
	top:37px;
	left:14px;
}
.declare_btn-floating .close{
	width:20px;
	position:absolute;
	bottom:5px;
	right:5px;
}

/*============================================================
 * $footer
 * フッター
============================================================*/
/*--------------------
 * sponsor
 * スポンサーエリア
 * ------------------*/
.sponsor{
	background:url(../images/cmn/sponsor_bg.jpg) center top no-repeat #fff;
	padding:20px 0 10px;
}
.sponsor .inner{
	width:80%;
	margin:0 auto;
	text-align: center;
}
.sponsor .inner ul{
	letter-spacing:-0.4em;
}
.sponsor .inner ul li{
	width:16%;
	display:inline-block;
	list-style:none;
	padding:5px 10px;
	margin-top:0;
}
/*PC*/
@media screen and (min-width: 769px) {
	.sponsor{
		padding:30px 0 20px;
	}
	.sponsor .inner{
		width:760px;
	}
	.sponsor .inner ul li img{
		width:101px;
	}
}
/*640以下では幅を広く*/
@media only screen and (max-width: 640px) {
	.sponsor .inner{
		width:96%;
	}
}
/*500以下ではさらに少し大きく*/
@media only screen and (max-width: 500px) {
	.sponsor .inner{
		width:100%;
	}
	.sponsor .inner ul li{
	padding:5px;
	}
}
/*--------------------
 * member_area
 * 関係者エリア
 * ------------------*/
.member_area{
	background:#dddddd;
	padding:20px 0;
}
.member_area .inner{
	width:80%;
	margin:0 auto;
}
.member_area .inner ul{
	display:table;
	width:100%;
}
.member_area .inner ul li{
	display:table-cell;
	list-style:none;
	padding:0 10px;
}
.member_area .inner ul li img{
	vertical-align:bottom;
}
/*640以下では幅を広く*/
@media only screen and (max-width: 640px) {
	.member_area .inner{
		width:96%;
	}
}
/*500以下ではさらに少し大きく*/
@media only screen and (max-width: 500px) {
	.member_area{
		padding:10px 0;
	}
	.member_area .inner{
		width:100%;
	}
	.member_area .inner ul li{
	padding:5px;
	}
}
/*PC*/
@media screen and (min-width: 769px) {
	.member_area{
		padding:30px 0;
	}
	.member_area .inner{
		width:1026px;
	}
	.member_area .inner ul{
		display: flex;
		justify-content: center;
	}
	.member_area .inner ul li{
		/* float:left; */
		margin-top:0;
	}
	.member_area .inner ul li img{
		width:260px;
		padding:0 20px 0 0;
	}
}
/*--------------------
 * bottom_area
 * 最下部
 * ------------------*/

.bottom_area{
	padding:20px 0;
}
.bottom_area .inner{
	width:96%;
	margin:0 auto;
}
.bottom_area .footer_logo{
	float:left;
	width:20%;
}
.bottom_area .share_area{
	float:right;
	width:40%;
}

.bottom_area .share_area ul{
	display:table;
}
.bottom_area .share_area ul li{
	display:table-cell;
	list-style:none;
	padding:0 5px;
	margin-top:0;
}
.bottom_area .share_area ul li img{
	vertical-align:middle;
}
.bottom_area .copyright{
	font-size:.85rem;
	/* margin-top:10px; */
	text-align: center;
}
/*500以下ではさらに少し大きく*/
@media only screen and (max-width: 500px) {
	.bottom_area .footer_logo{
		width:40%;
	}
	.bottom_area .share_area{
		width:55%;
	}
	.bottom_area .share_area ul li{
		padding:0 2px;
	}
	.bottom_area .copyright{
		font-size:.7rem;
		margin-top:5px;
	}
}
/*PC*/
@media screen and (min-width: 769px) {
	.bottom_area{
	padding:30px 0;
	}
	.bottom_area .inner{
		width:1026px;
		margin:0 auto;
	}
	.bottom_area .footer_logo{
		width:155px;
		    margin-left: 300px;
	}
	.bottom_area .share_area{
		float:left;
		width:40%;
		margin-left:35px;
	}
}
/*============================================================
 * $INDEX PAGE
 * インデックス
============================================================*/
/*--------------------
 * carousel
 * カルーセル
 * ------------------*/
.carousel {
	margin-bottom: 10px;
}
.carousel_desktop {
	display: none;
}

@media screen and (min-width: 769px) {
	.carousel_mobile {
		display: none;
	}
	.carousel_desktop {
		display: block;
	}
}

/*--------------------
 *
 * Slider Pro 上書き
 * ------------------*/
.carousel .sp-horizontal .sp-arrows {
	margin-top: -31px;
}
.carousel .sp-arrow {
	position: absolute;
	display: block;
	width: 62px;
	height: 62px;
	cursor: pointer;
}
.carousel .sp-previous-arrow {
	background:url(../images/cmn/slider_btn_prev.png) no-repeat;
}
.carousel .sp-next-arrow {
	background:url(../images/cmn/slider_btn_next.png) no-repeat;
	transform: rotate(0deg);
}
.carousel .sp-next-arrow:after,
.carousel .sp-next-arrow:before,
.carousel .sp-previous-arrow:after,
.carousel .sp-previous-arrow:before {
	display: none;
}

/* ---------- ボタン ---------- */
.carousel .sp-buttons {
	position: absolute;
	width: 100%;
	text-align: center;
	padding-top: 0;
	top: auto;
	bottom: 20px;
	line-height: 1;
}
.carousel .sp-button {
	width: 10px;
	height: 10px;
	background-color: #bababa;
	border: none;
	border-radius: 50%;
	margin: 0 12px;
}
.carousel .sp-selected-button {
	background-color: #fff;
}


/*--------------------
 * mv
 * メインビジュアル（1枚）
 * 202105追記
 * ------------------*/
.mv {
  width: 100%;
  background: #d49c60;
  padding: 0;
  margin-bottom: 10px;
}
.mv a,
.mv a img {
  display: block;
}
.mv-sp {
  display: block;
}
.mv-pc {
  display: none;
}
@media screen and (min-width: 769px) {
.mv-sp {
  display: none;
}
.mv-pc {
  display: block;
  max-width: 1424px;
  margin: 0 auto;
} 
}




/*--------------------
 * modal
 * モーダル
 * ------------------*/
.modal {
	z-index: 100000;
	display: none;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	max-width: auto;
	max-height: auto;
	padding: 1rem;
	background: #ffffff;
}

@media screen and (min-width: 769px) {
	.modal {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		max-width: 80%;
		max-height: 80%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}



#modal_overlay {
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 769px) {
	#modal_overlay {
		width: 100%;
		height: 100%; }
}
/*============================================================
 * $
 * bxスライダー上書き
============================================================*/
.bx-wrapper{
	margin-bottom:10px;
	border:none;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{
	bottom:30px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background-color:#fff;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	background-color:#c7beb6;
	margin-left: 10px;
	margin-right: 10px;
}
.bx-wrapper .bx-prev{
	background:url(../images/cmn/slider_btn_prev.png) no-repeat;
	display:none;
}
.bx-wrapper .bx-next{
	background:url(../images/cmn/slider_btn_next.png) no-repeat;
	display:none;
}
.bx-wrapper .bx-controls-direction a{
	height: 62px;
	width:62px;
}
.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover{
	background-position-x:0;
}

@media screen and (min-width: 769px) {
	.bx-wrapper .bx-prev,
	.bx-wrapper .bx-next{
		display:block;
	}
	/*.slide_item:nth-of-type(1n) {
		width: 15vw !important;
	}
	.slide_item:nth-of-type(2n) {
		width: 70vw !important;
	}
	.slide_item:nth-of-type(3n) {
		width: 15vw !important;
	}*/
	/*.slide_item.active {
		width: 50vw !important;
	}*/
	/*.bx-viewport {
		overflow: visible !important;
	}*/



}

/*============================================================
 * $
 * メイン要素
============================================================*/


/*--------------------
フェアプレイ宣言人数ブロック
--------------------*/
.fairplay_block{
	background:url(../images/index/index_fairplay_bg.png) no-repeat center center;
	height:auto;
	padding:20px 0;
	margin-bottom:10px;
}
.inner3 img {
	width: 100%;
}
.fairplay_block .inner{
	margin:0 auto;
	width:80%;
}
.fairplay_block_left{
	float:left;
	width:70%;
	margin:20px 0;
}
.fairplay_btn{
	float:right;
	width:30%;
}
.fairplay_btn a{
	display:block;
}
.fairplay_btn img{
	vertical-align:bottom;
}
.fairplay_no{
	display:table;
	width:100%;
}
.fairplay_no span{
	display:table-cell;
}
.fairplay_block .why{
	display:none;
}

.fairplay_block .why_sp{
	display:none;
}

@media screen and (min-width: 769px) {
	.fairplay_block a img:hover{
		opacity: 0.8;
	}
	.fairplay_block{
		height:400px;
		padding-top:10px;
	}
	.fairplay_block .inner{
		width:1026px;
		margin:0 auto;
	}
	.fairplay_block_left{
		width:515px;
		margin-left:110px;
	}
	.fairplay_btn{
		width:245px;
		margin-right:125px;
	}
	.fairplay_block .why{
		position:relative;
		display:block;
	}
	.fairplay_block .why .detailBt{
		position:absolute;
		right:0;
		top:36px;
	}
	img.pc_None {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.fairplay_block .why_sp{
		position:relative;
		display:block;
	}
}
/*--------------------
ナビコンテンツブロック
--------------------*/
.nav_conts_block{
	background:url(../images/index/index_conts_bg.jpg) no-repeat center top #effafe;
	height:auto;
	padding:20px 10px 10px;
}
.nav_conts_block .inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

  
.conts_box{
	position: relative;
	border:1px solid #afcbe9;
	background:url(../images/index/index_conts_box_bg.png) no-repeat center top #fff;
	width: calc((100% - 10px) / 2);
	padding: 20px 20px 18px 20px;
	margin-bottom:10px;
}
.conts_box.kids{
	background-color:#ffffe7;
}

.icon_new:before{
	content: "NEW!";
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #FF0000;
	border-radius: 50%;
	color: #fff;
	font-size: .65rem;
}
/*
.tag_recruit_players:after{
	content: "今年度は大盛況の中、無事に開催終了！";
	position: absolute;
	bottom: 18px;
	left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 14px;
	background: #115DA8;
	color: #fff;
	font-size: .87rem;
	width: calc(100% - 40px);
}
*/
/*
.tag_episode:after{
	content: "フェアプレーエピソード募集中！";
	position: absolute;
	bottom: 18px;
	left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 16px;
	background: #115DA8;
	color: #fff;
	font-size: .87rem;
	width: calc(100% - 40px);
}
*/
.conts_box a{
	text-decoration: none;
	color:#000;
}
.conts_box img{
	vertical-align: bottom;
}
.conts_box:hover a{
	color:#36B9C2;
}
.conts_box:hover img{
	opacity: 0.8;
}
.conts_box h2{
	font-weight:bold;
	font-size:17px;
	margin-bottom:18px;
	margin-top:10px;
	/* background:url(../images/index/index_arrow.png) no-repeat right center; */
}
.conts_box h2 img{
	/* width:70%; */
	vertical-align:bottom;
}
/*640以下では一列に*/
@media only screen and (max-width: 640px) {
	.conts_box{
		float:none;
		width:100%;
		margin:0 auto 10px;
	}
	.conts_box:nth-of-type(2n){
		float:none;
	}
	img.sp_None {
		display: none;
	}
	img.pc_None {
		display: block;
		width: 100%;
	}
}

/*PC*/
@media screen and (min-width: 769px) {
	.nav_conts_block{
		padding:40px 10px;
	}
	.nav_conts_block .inner{
		width:1026px;
		margin: 0 auto;
	}
	.conts_box{
		width: calc((100% - 60px) / 3);
		margin-bottom:25px;
		background-size: 62.5% 2%;
	}

	.conts_box:nth-of-type(4) h2{
		margin-top:2px;
	}
	.nav_conts_block .inner::after{
	display: block;
	content: '';
	width: calc((100% - 60px) / 3);
}
}

/*--------------------
バナーブロック
--------------------*/
.bnr_block{
	background:#8adfee;
	padding:30px 0;
}
.bnr_block .inner{
	width:100%;
	margin:0 auto;
	display:table;
}

.bnr_block .inner2{
	margin:10px auto 0;
	display:table;
}
.bnr_block .inner3{
	margin:10px auto 0;
	display:table;
}
.bnr_block img{
	vertical-align:bottom;
}
.bnr_block a{
	display:table-cell;
	padding:0 10px;
}

/*PC*/
@media screen and (min-width: 769px) {
	.nav_conts_block{
		padding:40px 10px;
	}
	.bnr_block .inner{
		width:1026px;
		margin: 0 auto;
	}

	.bnr_block a:hover img{
		opacity: 0.8;
	}
	.bnr_block a{
		padding:0 10px 0 0;
	}
	.bnr_block a:nth-of-type(2){
		padding:0 0 0 10px;
	}

	.bnr_block .inner2 {
		margin-top:10px;
	}
}
/*640以下では一列に*/
@media only screen and (max-width: 640px) {
	.bnr_block{
		padding:10px;
	}
	.bnr_block .inner{
		display:block;
	}
	.bnr_block a{
		display:block;
		padding:0;
	}
	.bnr_block a:nth-of-type(1){
		margin-bottom:10px;
	}
	.bnr_block .inner2 {
		display:block;
	}

}

/*--------------------
正々堂々ちゃんのボタン
--------------------*/
.cmn_fairplay_btn{
	background:url(../images/cmn/fairplay_bg.png) no-repeat;
	background-size:contain;
	width:80%;
	margin:0 auto;
	text-align:center;
	padding-top:82px;
}
.cmn_fairplay_btn img{
	width:40%;
}
.fairplay_conts{
	background:url(../images/kids/kids_fairplay_bg.png) repeat-x bottom center;
}
.fairplay_conts .inner{
	width:80%;
	padding:20px 0;
	margin:0 auto;
}
/*500以下*/
@media only screen and (max-width: 500px) {
	.cmn_fairplay_btn{
		padding-top:50px;
	}
	.cmn_fairplay_btn img{
		width:45%;
	}
}
/*PC*/
@media screen and (min-width: 769px) {
	.fairplay_conts{
		background:url(../images/kids/kids_fairplay_bg.png) repeat-x bottom center;
		background-color: #fff;
	}
	.fairplay_conts .inner{
		width:1025px;
		padding:60px 0;
		margin:0 auto;
	}
	.cmn_fairplay_btn{
		background:url(../images/cmn/fairplay_bg.png) no-repeat;
		background-size:auto;
		width:459px;
		height:268px;
		margin:0 auto;
		text-align:center;
		/* padding-top:0px; */
	}
	.cmn_fairplay_btn img{
		width:196px;
	}
	.cmn_fairplay_btn img:hover{
		opacity: 0.8;
	}
}
/*--------------------
モーダル追加
--------------------*/
.modal .js-modal_close {
	cursor: pointer;
}

.modal .js-modal_close:hover{
	opacity: 0.8;
}
.modal .js-modal_close img{
	width:20px;
	cursor:pointer ;
}
.modal p.js-modal_close{
	text-align: right;
	margin: 0;
}

.moviebnr{
	width: 62%;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.modal .bottom img.js-modal_close{
	width: 40%;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.why-modal_wrap {
	width: 800px;
}

.why-modal_wrap p{
	text-align: center;
	font-size: 0.9rem;
	margin: 30px 0;
}

.why-modal_wrap p.img_ttl,
.why-modal_wrap .why_list p.ttl{
	font-size: 1.2rem;
	font-weight: bold;
}

.why-modal_wrap .modal_navi{
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

.why-modal_wrap li{
	list-style: none;
}

.why-modal_wrap .modal_navi :nth-child(2){
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.why-modal_wrap .modal_navi a{
	text-decoration: none;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.why-modal_wrap .modal_navi li{
	display: table-cell;
	width: 33%;
	text-align: center;
}

.why-modal_wrap #cont2 ul li{
	display: table;
	width: 100%;
	background-color: rgba(11, 162, 154, 0.4);
	padding: 30px 0;
}

.why-modal_wrap #cont2 ul li.list02{
	background-color: rgba(234, 96, 158, 0.4);
}

.why-modal_wrap #cont2 ul li.list03{
	background-color: rgba(255, 241, 0, 0.4);
}

.why-modal_wrap #cont2 .why_list .ttl{
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}

.why-modal_wrap #cont2 .why_list .txt{
	display: table-cell;
	width: 70%;
	vertical-align: middle;
	text-align: left;
}

.why-modal_wrap #cont3{
	background:url(../images/kids/kids_fairplay_bg.png) repeat-x bottom center;
	background-color: #fff;
	margin-bottom: 0;
}

.why-modal_wrap .why_ttl{
	background-color: #115DA8;
	text-align: center;
	color: #fff;
	padding: 20px 0;
	margin-bottom: 30px;
}

.why-modal_wrap .why_ttl p{
	margin: 0;
}

.why-modal_wrap .cont_area{
	margin-bottom: 50px;
}

.why-modal_wrap .cont_area:first-of-type .why_ttl{
	margin-bottom: 0;
}

.why-modal_wrap #cont2 img{
	width: 26%;
	margin: 0 auto;
	display: block;
}

.why-modal_wrap .bottom {
	padding: 50px 0;
	margin: 0;
}



.fairplayday_wrap {
	width: 100%;
}

.fairplayday_wrap p{
	font-size: 0.9rem;
	width:100%;
	margin: 30px auto;
}

.fairplayday_wrap .bottom {
	padding: 50px 0;
	margin: 0;
}

@media screen and (max-width: 768px) {
.why-modal_wrap {
    width: 100%;
}
}


/*--------------------
フラッシュのポップアップ
--------------------*/
.popupVideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 810px;
	height: 100%;
	display: none;
	z-index: 100;
}
.popupVideo .bg {
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
}
.popupVideo .wrap {
	width: 736px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.popupVideo .head {
	height: 36px;
	position: relative;
}
.popupVideo .head img{
	width: auto;
}
.popupVideo .head a {
	text-decoration: none;
	color: #333333;
}
.popupVideo .head .close {
	right: 0;
	top: 0;
	position: absolute;
}
.popupVideo .head .close img {
	width: 20px;
}
.popupVideo .content {
	background: #000;
}
.popupVideo .content span {
	display: block;
	width: 736px;
	height: 442px;
	background: #000;
}

.bnr_block a.cmBtn01{
	display:none;
}
.bnr_block a{
	text-align:center;
}
.bnr_block a img{
	width:70%;
}
/*500以下では2列に*/
@media only screen and (max-width: 500px) {
	.bnr_block a img{
		width:100%;
	}
	.bnr_block a:nth-of-type(1){
		margin-bottom:10px;
	}
}
/*PC*/
@media screen and (min-width: 769px) {
	.bnr_block a.cmBtn01{
		display:block;
	}

	.bnr_block a img{
		width:100%;
	}
}

/*============================================================
 * $
 * その他
============================================================*/

/*!
 *
 * ニュース用
*/


/*PC*/
@media screen and (min-width: 769px) {
	.news header {
		background:url(../images/news/hero_header_bg.jpg) no-repeat bottom center;
	}
	.news header .inner{
		width:1025px;
		margin:0 auto;
	}
}
.news_area{
	background:url(../images/cmn/sky_bg.jpg) no-repeat top center ;
	height:auto;
	padding:20px 10px 10px;
}
.news_area .news_box{
	border:1px solid #afcbe9;
	background:url(../images/news/news_box_bg.png) no-repeat center top #fff;
	width:49%;
	float:left;
	padding:20px;
	margin-bottom:10px;
	position:relative;
}
.news_area .news_box:nth-of-type(2n){
	float:right;
}
.news_area .news_box a{
	text-decoration: none;
	color:#000;
}
.news_area .news_box:hover a{
	color:#36B9C2;
}
.news_area .news_box:hover img{
	opacity: 0.8;
}
.news_area .news_box h2{
	font-weight:bold;
	font-size:17px;
	margin-bottom:20px;
	margin-top:10px;
	background:url(../images/cmn/icon_pdf.jpg) no-repeat right center;
}
.news_area .news_box h2 img{
	width:70%;
	vertical-align:bottom;
}
.news_area .news_box .txt{
	text-align:center;
	font-size:12px;
	margin-top:10px;
}
.news_area .news_box .new{
	top:-18px;
	text-align:center;
	position:absolute;
	width: 85%;
}
.news_area .news_box .new img{
	width:40px;
}
/*640以下では一列に*/
@media only screen and (max-width: 640px) {
	.news_area .news_box{
		float:none;
		width:100%;
		margin:0 auto 10px;
	}
	.news_area .news_box:nth-of-type(2n){
		float:none;
	}
}

/*PC*/
@media screen and (min-width: 769px) {
	.news_area{
		padding:40px 0;
	}
	.news_area .inner{
		width:1026px;
		margin: 0 auto;
	}
	.news_area .news_box{
		width:320px;
		margin-bottom:25px;
		margin-right:30px;
	}

	.news_area .news_box:nth-of-type(2n){
		float:left;
	}
	.news_area .news_box:nth-of-type(3n){
		margin-right:0;
		float:right;
	}
}
.news_page_btn{
		text-align:right;
		margin:0 auto 20px;
		width:100%;
	}
	.news_page_btn img{
		width:200px;
	}
/*PC*/
@media screen and (min-width: 769px) {
	.news_page_btn{
		text-align:right;
		margin:0 auto 20px;
		width:1025px;
	}
}

.news_page_btn2{
	width:100%;
	display: flex;
	justify-content: space-between;
	margin:0 auto 20px;
	height: 50px;
	align-items: center;
	}
/*PC*/
@media screen and (min-width: 769px) {
	.news_page_btn2{
		width:1025px;
	}
}




/*--------------------
モーダル追加
--------------------*/

.member-modal_wrap .member_ttl02 h2{
	color: #115DA8;
	font-weight: bold;
	font-size: 1.4rem;
	margin-bottom: 10px;
}

.member-modal_wrap .cont_area{
	margin-bottom: 50px;
}

.member-modal_wrap .member_ttl {
	background-color: #115DA8;
	text-align: center;
	color: #fff;
	padding: 20px 0;
	margin-bottom: 30px;
}
.member-modal_wrap .member_ttl p{
	margin: 0;
	text-align: center;
}

.member-modal_wrap p {
	text-align: left;
	font-size: 0.9rem;
	margin-bottom: 30px;
}

.member-modal_wrap a{
	color: #35B8C1;
}

.member-modal_wrap a:hover{
	opacity: 0.8;
}

/*pdfがあるエリア*/
.member-modal_wrap .pdf_area{
	margin: 10px 0 30px 0;
}

.member-modal_wrap .pdf_area p{
	display: inline-block;
	margin: 0;
	padding: 15px 30px;
	background-color: #eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.member-modal_wrap .pdf_area p:hover{
	opacity: 0.7;
}

.member-modal_wrap .pdf_area a{
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 20px;
	margin-top: 10px;
	color: #000;
	text-decoration: none;
}

.member-modal_wrap .pdf_area a.pdf{
	background: url(../images/index/icon_pdf.png) no-repeat left bottom;
	padding: 0 10px 0 30px;
}

.member-modal_wrap .pdf_area a.personal{
	background: url(../images/index/index_arrow_right.png) no-repeat right center;
	padding: 0 30px 0 20px;
}

.member-modal_wrap .top_list li{
	list-style-image: url(../images/index/index_arrow_down.png);
	font-weight: bold;
	padding-left: 5px;
}

/*li共通*/
.member-modal_wrap li{
	list-style: none;
}

.member-modal_wrap li p{
	margin: 0;
}

.member-modal_wrap li span,
.member-modal_wrap li p span{
	display: block;
	font-weight: bold;
	font-size: 0.9rem;
}

.member-modal_wrap .list_dot_area li{
	position: relative;
	margin-top: 0;
	padding-left: 15px;
	line-height: 1.7;
	font-size: 0.9rem;
}

.member-modal_wrap .list_dot_area li:before {
	background: #000;
	border-radius: 50%;
	content: " ";
	display: inline-block;
	height: 4px;
	width: 4px;
	left: 5px;
	position: absolute;
	top: 9px;
}


/*コンテンツ1のみ*/
.member-modal_wrap #cont1 .pdf_area{
	text-align: center;
}

.member-modal_wrap #cont1 .img_area{
	display: block;
	text-align: center;
}

.member-modal_wrap .top_list{
	padding-left: 30px;
	margin-bottom: 30px;
}

.member-modal_wrap #cont1 .img_area img{
	display: inline-block;
	width: 30%;
	margin: 0 10px;
}


/*コンテンツ2のみ*/
.member-modal_wrap #cont2 ul li{
	margin-bottom: 30px;
}

.member-modal_wrap #cont2 .pdf_area p:first-child{
	margin-right: 20px;
}

/*コンテンツ3のみ*/
.member-modal_wrap #cont3 .recommend_word{
	border: 1px solid #DDDDDD;
	padding: 20px;
}

.member-modal_wrap #cont3 .recommend_word li p,
.member-modal_wrap #cont3 .recommend_word li span{
	margin-top: 20px;
}

.member-modal_wrap #cont3 .recommend_word p{
	margin-top: 20px;
}

.member-modal_wrap #cont3 .recommend_word h3{
	font-size: 1.2rem;
	color: #115DA8;
}

/*コンテンツ4のみ*/
.member-modal_wrap #cont4>ul>li{
	margin-bottom: 25px;
}


/*PC*/
@media screen and (min-width: 769px) {
	/*member-modal_wrap共通*/
	.member-modal_wrap{
		width: 800px;
	}

}




/*!
 *
 * わたしもフェアプレイ宣言用
*/

.people header{
	margin-bottom:10px;
}
.news header{
	margin-bottom:10px;
}




/*PC*/
@media screen and (min-width: 769px) {
	.people header {
		background:url(../images/people/hero_header_bg.jpg) no-repeat bottom center;
	}
	.people header .inner{
		width:1025px;
		margin:0 auto;
	}
}
.people_area{
	background:url(../images/cmn/sky_bg.jpg) no-repeat top center ;
	height:auto;
	padding:20px 10px 10px;
}
.main_people_box_wrap{
	margin-bottom:30px;
}
.people_area .main_people_box{
	border:1px solid #afcbe9;
	background:url(../images/people/people_box_gr2_bg.jpg) no-repeat center top #fff;
	padding:20px 10px;
	margin-bottom:10px;
	display:table;
	width:100%;
}
.people_area .main_people_box .photo{
	display:table-cell;
	width:120px;
	vertical-align:top;
}
.people_area .main_people_box .detail{
	display:table-cell;
	padding-left:20px;
	vertical-align:top;
	font-size:14px;
}
.people_area .main_people_box .detail .name{
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px;
}
.people_area .people_box{
	border:1px solid #afcbe9;
	background:url(../images/people/people_box_bg.jpg) no-repeat center top #fff;
	width:24.5%;
	float:left;
	padding:20px 10px 10px;
	margin-bottom:10px;
	position:relative;
	margin-right:4px;
	text-align:center;
}
.people_area .people_box.gr{
	background:url(../images/people/people_box_gr_bg.jpg) no-repeat center top #fff;
}
.people_area .people_box:nth-of-type(4n-1){
	margin-right:0;
}
.people_area .people_box:nth-of-type(4n){
	float:right;
	margin-right:0;
}
.people_area .people_box a{
	text-decoration: none;
	color:#000;
}
.people_area .people_box:hover a{
	color:#36B9C2;
}
.people_area .news_box:hover img{
	opacity: 0.8;
}
.people_area .people_box .prof{
	margin-bottom:5px;
}
.people_area .people_box .genre{
	font-size:12px;
	margin-top:5px;
}
.people_area .people_box .name{
	font-weight:bold;
	font-size:12px;
}
.people_area .people_box .new{
	top:-18px;
	text-align:center;
	position:absolute;
	width: 85%;
}
.people_area .people_box .new img{
	width:40px;
}
/*500以下では2列に*/
@media only screen and (max-width: 500px) {
	.people_area .people_box{
		width:49%;
		margin:0 auto 10px;
	}
	.people_area .people_box:nth-of-type(2n){
		float:right;
	}
}

/*PC*/
@media screen and (min-width: 769px) {
	.people_area{
		padding:40px 0 0;
	}
	.people_area .inner{
		width:1026px;
		margin: 0 auto;
	}
	.people_area .people_box{
		width:160px;
		margin-bottom:25px;
		margin-right:13px;
	}
	.people_area .main_people_box{
		width:49%;
		float:left;
	}
	.people_area .main_people_box:nth-of-type(2){
		float:right;
	}
	.people_area .people_box .photo{
		width:120px;
		margin:0 auto;
	}

	.people_area .people_box:nth-of-type(4n-1){
		margin-right:13px;
	}
	.people_area .people_box:nth-of-type(2n),
	.people_area .people_box:nth-of-type(3n),
	.people_area .people_box:nth-of-type(4n){
		float:left;
		margin-right:13px;
	}
	.people_area .people_box:nth-of-type(6n){
		margin-right:0;
		float:right;
	}
}

.people-modal_wrap{
	display:table;
	width:100%;
}
.people-modal_wrap .photo{
	display:table-cell;
	width:20%;
	vertical-align:top;
}
.people-modal_wrap .detail{
	display:table-cell;
	padding-left:20px;
	vertical-align:top;
	font-size:14px;
}
.people-modal_wrap .prof{
	border-bottom:5px solid #115da8;
	margin-bottom:10px;
}
.people-modal_wrap .detail .genre{
	font-size:16px;
}
.people-modal_wrap .detail .name{
	font-size:20px;
	font-weight:bold;
	margin:10px 0 5px;
}

.people-modal_wrap .pdf{
	background:url(../images/cmn/icon_pdf.jpg) no-repeat left center;
	padding-left:25px;
	text-decoration:none;
	margin-top:10px;
	display:inline-block;
}
.interview_story{
	border:1px solid #ddd;
	background:#f4f4f4;
	padding:20px;
	margin-top:20px;
}
.interview_story p{
	margin-bottom:10px;
}
.interview_story .ttl img{
	width:260px;
}

.interview_story .img{
	margin-bottom:0;
}
.interview_story .img img{
	width:80%;
}

/*PC*/
@media screen and (min-width: 769px) {
	.people-modal_wrap{
		width:650px;
	}
}





/*============================================================
 * $
 * チーム8もフェアプレイ
 * =========================================================*/
body.team8 {
	text-align: center;
}

/*--------------------
 * HEADER
 * ヘッダー
 * -----------------*/
.team8 header{
	margin-bottom: 0;
}

/*--------------------
 *
 * コンセプト
 * -----------------*/
.team8_concept {
	background: #fbd9e7;
	background: -moz-linear-gradient(top, #fbd9e7 0%, #ffffff 20%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #fbd9e7 0%,#ffffff 20%,#ffffff 100%);
	background: linear-gradient(to bottom, #fbd9e7 0%,#ffffff 20%,#ffffff 100%);
	border-top: 1px solid #fff;
}
.team8_concept .inner {
	margin: 0 auto;
	padding: 28px 1rem 0;
}

/*--------------------
 *
 * コンテンツのラッパー
 * -----------------*/
.team8_contents {
	background: url(../images/cmn/sky_bg.jpg) no-repeat top center;
}

/*--------------------
 *
 * ムービー
 * -----------------*/
.team8_contents_movie {
	margin: 0 auto;
	padding: 30px 1rem 0;
}
.team8_contents_movie h2 img {
}
.team8_contents_movie iframe {
	width: 100%;
	min-height: 240px;
	margin-top: 20px;
	border: 5px solid #f382ae;
}


/*--------------------
 *
 * キャンペーン応援団にAKB48 チーム8 就任決定！！
 * -----------------*/
.team8_contents_campaign {
	margin: 40px auto 0;
	padding: 0 1rem;
}
.team8_contents_campaign h2 {
	border-bottom: 3px solid #f14472;
	color: #f14472;
	font-weight:bold;
	font-size:1.5rem;
}
.team8_contents_campaign h2 + p{
	margin-top: 25px;
}
.team8_contents_campaign p:nth-child(3){
	margin-top: 25px;
}
.team8_contents_campaign img{
	margin: 40px auto 0;
	padding: 0 1rem;
}
/*--------------------
 *
 * オリジナル宣言書を作成
 * -----------------*/
.team8_contents_declaration {
	margin: 40px auto 0;
	padding: 0 1rem;
}
.team8_contents_declaration h2 {
	border-bottom: 3px solid #f14472;
	color: #f14472;
	font-weight:bold;
	font-size:1.5rem;
}
.team8_contents_declaration h2 + p{
	margin-top: 25px;
}

/*--------------------
 *
 * フェアプレイって？
 * -----------------*/
.team8_contents_meaning {
	margin: 40px auto 0;
}
.team8 .team8_contents_meaning header {
	padding: 18px 0;
	background: none;
	background-color: #f382ae;
	color: #fff;
}
.team8_contents_meaning h2 {
	font-size: 2rem;
	font-weight: bold;
}
.team8_contents_meaning p {
	margin: 30px 1rem 0;
}
.team8_contents_meaning p + p {
	margin: 15px 1rem 0;
}




/*PC*/
@media screen and (min-width: 769px) {
	/*--------------------
	* HEADER
	* ヘッダー
	* -----------------*/
	.team8 header {
		background:url(../images/team8/hero_header_bg.jpg) no-repeat bottom center;
	}
	.team8 header .inner{
		width:1025px;
		margin:0 auto;
	}
	/*--------------------
	*
	* コンセプト
	* -----------------*/
	.team8_concept .inner {
		max-width: 1025px;
		padding: 54px 0 0;
	}


	/*--------------------
	*
	* ムービー
	* -----------------*/
	.team8_contents_movie {
		max-width: 854px;
		padding: 66px 0 0;
	}
	.team8_contents_movie h2 img {
		width: 405px;
	}
	.team8_contents_movie iframe {
		height: 480px;
		border: 10px solid #f382ae;
	}

	/*--------------------
	*
	* キャンペーン応援団にAKB48 チーム8 就任決定！！
	* -----------------*/
	.team8_contents_campaign {
		max-width: 900px;
		margin: 85px auto 0;
		padding: 0;
	}
	.team8_contents_campaign h2 {
		font-size:27px;
	}
	/*--------------------
	*
	* オリジナル宣言書を作成
	* -----------------*/
	.team8_contents_declaration {
		max-width: 900px;
		margin: 85px auto 0;
		padding: 0;
	}
	.team8_contents_declaration h2 {
		font-size:27px;
	}
	/*--------------------
	*
	* フェアプレイって？
	* -----------------*/
	.team8_contents_meaning {
		max-width: 800px;
		margin: 60px auto 0;
	}
	.team8 .team8_contents_meaning header {
		padding: 24px 0;
	}
	.team8_contents_meaning p {
		margin: 40px 0 0;
	}
	.team8_contents_meaning p + p {
		margin: 30px 0 0;
	}

}

@media screen and (max-width: 768px) {
#js-mobile_navi_body li{
	text-align: left;
}
}

/*500以下ではテキストを左寄せに*/
@media only screen and (max-width: 500px) {
body.team8 {
	text-align: left;
}
}



/*============================================================
 * $
 * フェアプレイスクール
 * =========================================================*/
.school header{
	background: linear-gradient(to bottom, #006fb9 90px, #fff);
}
.school_area{
	margin-top: 20px;
}
.school_area .inner{
	padding: 0 1rem;
}
@media screen and (min-width: 769px) {
	.school header .inner{
		width: 1025px;
		margin: 0 auto;
	}
	/*
	.school_area{
		margin-top: 40px;
	}
	*/
	.school_area .inner{
		width: 1025px;
		margin: 0 auto;
		padding: 0;
	}
}

/* フェアプレイスクールとは？ */
.school_desc_txt p{
	margin-top: 12px;
}
.school_desc_txt p.school_desc_txt_note{
	font-size: .8rem;
	margin-top: 30px;
}
.school_descHeading{
	color: #ff0000;
	font-size: 1.48rem;
	font-weight: 800;
}
.school_subHeading{
	color: #E50014;
	font-size: 1.3rem;
	margin-left: 10px;
}
.school_topicsList_item{
	background: #FFE9D2;
}
.school_topicsList li{
	list-style: none;
}

.school_topicsList_item a{
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 15px 10px 15px 45px;
}
.school_topicsList_item a::before{
	content: "";
	position: absolute;
	display: inline-block;
	top: 22px;
	left: 19px;
	width: 18px;
	height: 17px;
	background: url(../images/school/arrow_circle.png) 
}

.school_subHeading:before{
	content: "";
	position: relative;
	display: inline-block;
	top: 4px;
	left: 0px;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background: url(../images/school/topics_circle.png) 
}
ul li.school_topicsList_item:not(:first-child){
	margin-top: 2px;
}
.school_desc_topics{
	margin-top: 25px;
}

@media screen and (min-width: 769px) {
	.school_desc_txt p{
		font-size: 1.1rem;
		line-height: 1.6;
	}
	.school_desc_txt p.school_desc_txt_note{
		font-size: .8rem;
	}

	.school_desc{
		display: flex;
		justify-content: space-between;
	}
	/* .school_desc_txt{
		width: calc(100% - 420px);
	} */
	.school_desc_topics{
		margin-top: 0;
		width: 400px;
	}
}

/* フェアプレイスクールの様子 */
.school_photoListHeading{
	margin-top: 70px;
	padding: 6px 20px;
	background: #00225B;
	color: #fff;
	font-size: 1.13rem;
}
.school_photoList_txt{
	margin-top: 28px;
}
.school_photoList{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 27px;
}
.school_photoList li{
	list-style: none;
	width: calc( (100% - 6px) / 4);
}
ul.school_photoList li:not(:first-child){
	margin-top: 0;
}
.school_photoList li:not(:nth-child(4n)){
	margin-right: 2px;
}
@media screen and (min-width: 769px) {
	.school_photoList_txt{
		padding-left: 50px;
		font-size: 1.14rem;
	}
	.school_photoList{
		margin: 27px 50px 0;
	}
}

@media screen and (max-width: 480px) {
	.school_photoList li{
		list-style: none;
		width: calc( (100% - 6px) / 2);
	}
	ul.school_photoList li:not(:first-child){
		margin-top: 0;
	}
	.school_photoList li:not(:nth-child(2n)){
		margin-right: 2px;
	}
}




/*============================================================
 * $
 * 汎用クラス
============================================================*/
/* 0 auto */
.mg-a {
	margin: 0 auto !important; }

/* margin */
.mg10 {
	margin: 10px !important; }

.mg20 {
	margin: 20px !important; }

.mg30 {
	margin: 30px !important; }

.mg40 {
	margin: 40px !important; }

.mg50 {
	margin: 50px !important; }

.mg60 {
	margin: 60px !important; }

.mg70 {
	margin: 70px !important; }

.mg80 {
	margin: 80px !important; }

.mg90 {
	margin: 90px !important; }

.mg100 {
	margin: 100px !important; }

/* margin top */
.mg-t10 {
	margin-top: 10px !important; }

.mg-t20 {
	margin-top: 20px !important; }

.mg-t30 {
	margin-top: 30px !important; }

.mg-t40 {
	margin-top: 40px !important; }

.mg-t50 {
	margin-top: 50px !important; }

.mg-t60 {
	margin-top: 60px !important; }

.mg-t70 {
	margin-top: 70px !important; }

.mg-t80 {
	margin-top: 80px !important; }

.mg-t90 {
	margin-top: 90px !important; }

.mg-t100 {
	margin-top: 100px !important; }

/* margin bottom */
.mg-b10 {
	margin-bottom: 10px !important; }

.mg-b20 {
	margin-bottom: 20px !important; }

.mg-b30 {
	margin-bottom: 30px !important; }

.mg-b40 {
	margin-bottom: 40px !important; }

.mg-b50 {
	margin-bottom: 50px !important; }

.mg-b60 {
	margin-bottom: 60px !important; }

.mg-b70 {
	margin-bottom: 70px !important; }

.mg-b80 {
	margin-bottom: 80px !important; }

.mg-b90 {
	margin-bottom: 90px !important; }

.mg-b100 {
	margin-bottom: 100px !important; }

/* margin left */
.mg-l10 {
	margin-left: 10px !important; }

.mg-l20 {
	margin-left: 20px !important; }

.mg-l30 {
	margin-left: 30px !important; }

.mg-l40 {
	margin-left: 40px !important; }

.mg-l50 {
	margin-left: 50px !important; }

.mg-l60 {
	margin-left: 60px !important; }

.mg-l70 {
	margin-left: 70px !important; }

.mg-l80 {
	margin-left: 80px !important; }

.mg-l90 {
	margin-left: 90px !important; }

.mg-l100 {
	margin-left: 100px !important; }

/* margin right */
.mg-r10 {
	margin-right: 10px !important; }

.mg-r20 {
	margin-right: 20px !important; }

.mg-r30 {
	margin-right: 30px !important; }

.mg-r40 {
	margin-right: 40px !important; }

.mg-r50 {
	margin-right: 50px !important; }

.mg-r60 {
	margin-right: 60px !important; }

.mg-r70 {
	margin-right: 70px !important; }

.mg-r80 {
	margin-right: 80px !important; }

.mg-r90 {
	margin-right: 90px !important; }

.mg-r100 {
	margin-right: 100px !important; }

@media only screen and (max-width: 768px) {
	.mg-t10 {
		margin-top: 5px !important; }
	.mg-t20 {
		margin-top: 10px !important; }
	.mg-t30 {
		margin-top: 15px !important; }
	.mg-t40 {
		margin-top: 20px !important; }
	.mg-t50 {
		margin-top: 25px !important; }
	.mg-t60 {
		margin-top: 30px !important; }
	.mg-t70 {
		margin-top: 35px !important; }
	.mg-t80 {
		margin-top: 40px !important; }
	.mg-t90 {
		margin-top: 45px !important; }
	.mg-t100 {
		margin-top: 50px !important; } }


.text-l {
	text-align: left !important; }

.text-r {
	text-align: right !important; }

.text-c {
	text-align: center !important; }

.font-s110 {
	font-size: 110% !important; }

.font-s120 {
	font-size: 120% !important; }

.font-s130 {
	font-size: 130% !important; }

.font-s140 {
	font-size: 140% !important; }

.font-s150 {
	font-size: 150% !important; }

.font-s160 {
	font-size: 160% !important; }

.font-s170 {
	font-size: 170% !important; }

.font-s180 {
	font-size: 180% !important; }

.font-s190 {
	font-size: 190% !important; }

.font-s200 {
	font-size: 200% !important; }

.font-b {
	font-weight: bold !important; }

/*--------------------
clearfix
--------------------*/
.cf:before, .cf:after {
	content: " ";
	display: table; }

.cf:after {
	clear: both; }

/*For IE 6/7 only*/
.cf {
	*zoom: 1;
 }
.bottom_area .inner .cf {
	*zoom: 1;
    display: flex;
    justify-content: center;
 }