/* Custom CSS here */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	width: 100%;
}
header{
	background-color: #fff;
	width: 100%;
	margin:0;
	padding:0;
}
h1{
	text-align: center;
	color: #fff;
	font-weight: 600;
	margin:22px 0;
}
h2{
	font-size: 28px;
	color: #fff;
	font-weight: 300;
	margin:22px 0;
}
h3{
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	word-break: break-word;
	word-wrap: break-word;
}
section{
	width: 100%;
	padding:0;
}
img{
	margin: 0 auto;
	display:inline-block;
	vertical-align:middle;
}
footer{
	background:#000;
}


.bg_color01 img{
	width:100%;
	border-radius:10px;
}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}

.float-left{float:left;}
.float-right{float:right;}
.float-none{float:none;}

.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w40p{width:40%;}
.w50p{width:50%;}
.w70p{width:70%;}
.w90p{width:90%;}
.w100p{width:100%;}
.w_auto{width:auto;}

.ver_t{vertical-align:top !important;}
.ver_m{vertical-align:middle !important;}
.ver_b{vertical-align:bottom !important;}

.mt-5{margin-top:-5px}
.m_auto{margin:0 auto;}
.m0{margin:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.p0{padding:0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.color_w{color:#fff;}
.color_bl{color:#000;}
.color_r{color:#f00;}

.bold{font-weight:bold;}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font18{font-size:18px;}
.font24{font-size:24px;}
.font36{font-size:36px;}
.font48{font-size:48px;}

.table-bordered{border: 1px solid #000;}
.bd_t_no{border-top:none !important;}
.bd_b_no{border-bottom:none !important;}
.bd_l_no{border-left:none !important;}
.bd_r_no{border-right:none !important;}
.bd_rt01{border-right:1px solid #ddd;}
.bd_lt05{border-left:5px solid #ed6d00;}
.bd_bm01{border-bottom:1px solid #000;}
.bd_bm02{border-bottom:2px solid #ddd;}
.bd_bm05{border-bottom:5px solid #ed6d00;}
.bd_bm10{border-bottom:10px solid #ed6d00;}
.bd_bm_d02{border-bottom:2px dashed #ddd;}

.dis_inbl{display:inline-block;}

.back_c1{
	margin-right:5px;
	margin-left:5px;
	background:#e2e2e2;
}
.arrow_l{
	position:relative;
}
.arrow_l > h2{
	margin-bottom:-2px;
}
.arrow_l:after{
	content:"";
	position:relative;
	top:14px;
	left:-14px;
	display: inline-block;
	width:0;
	height:0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;

	border-right:10px solid #fff;
}
.arrow_r{
	position: relative;
}
.arrow_r:before{
	content:"";
	position: relative;
	top:3px;
	left:-5px;
	display:inline-block;
	width:0;
	height:0;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;

	border-left:15px solid #0040d0;
}
.call-to-action{
	background-color: #13c4af;
}
.list-unstyled{
	padding-left:1em;
	text-indent:-1em;
}
.bg_color01{
	margin:0 auto;
	background:#ed6d00;
}
.gd_btn01{
	background: #ffe2cb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTJjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGJlNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffe2cb 0%, #fdbe4d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe2cb), color-stop(100%,#fdbe4d));
	background: -webkit-linear-gradient(top,  #ffe2cb 0%,#fdbe4d 100%);
	background: -o-linear-gradient(top,  #ffe2cb 0%,#fdbe4d 100%);
	background: -ms-linear-gradient(top,  #ffe2cb 0%,#fdbe4d 100%);
	background: linear-gradient(to bottom,  #ffe2cb 0%,#fdbe4d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2cb', endColorstr='#fdbe4d',GradientType=0 );
}
.gd_btn02{
	background: #7e7e7e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZTdlN2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d5d5d5 0%, #7e7e7e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#7e7e7e));
	background: -webkit-linear-gradient(top,  #d5d5d5 0%,#7e7e7e 100%);
	background: -o-linear-gradient(top,  #d5d5d5 0%,#7e7e7e 100%);
	background: -ms-linear-gradient(top,  #d5d5d5 0%,#7e7e7e 100%);
	background: linear-gradient(to bottom,  #d5d5d5 0%,#7e7e7e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#7e7e7e',GradientType=0 );
}
.active .gd_btn02{
	padding:15px;
	background: #fe6706;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YjU1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTY3MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f8b55b 0%, #fe6706 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8b55b), color-stop(100%,#fe6706));
	background: -webkit-linear-gradient(top,  #f8b55b 0%,#fe6706 100%);
	background: -o-linear-gradient(top,  #f8b55b 0%,#fe6706 100%);
	background: -ms-linear-gradient(top,  #f8b55b 0%,#fe6706 100%);
	background: linear-gradient(to bottom,  #f8b55b 0%,#fe6706 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b55b', endColorstr='#fe6706',GradientType=0 );
}
.gd_btn01:hover,
.gd_btn02:hover,
.gd_btn03:hover{
	-ms-filter:"alpha( opacity=80 )";
	opacity:0.8;
}
/*padding clear*/
.no-gutter > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}
/*topへ戻る*/
.page_top {
	position: fixed;
	bottom:0;
	right:0;
	display: block;
	zoom: 1;
	text-indent: -9999px;
	cursor: pointer;
	width:57px;
	height:57px;
	background: url("../images/btn_pagetop.png") right bottom no-repeat;
	background-size:100%;
	z-index:1;
}
/*menu*/
.bt_menu {
	position: fixed;
	top: 0;
	right: 0;
	width:57px;
	height:57px;
	cursor: pointer;
	z-index: 100;
}
#gnavi,
#gnavi2{
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	padding:20px;
	width: 100%;
	height: 100%;
	background: rgba(22,22,22,0.95) 30px 65px no-repeat;
	background-color: rgba(22,22,22,0.95);
	z-index:99;
}
#gnavi{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding:0;
	width:90%;
	height:90%;
	z-index:100;
}
#gnavi .inner{
	margin:0 auto;
	width:100%;
	height:100%;
	background: rgba(252,255,0,0.95) 30px 65px no-repeat;
	background-color: rgba(252,255,0,0.95);
	overflow:auto;
}
#gnavi .menu_close {
	position: absolute;
	top:-10px;
	right:-5px;
	display: block;
	width: 38px;
	height: 38px;
	background: url(../images/btn_slider_close.png) left top no-repeat;
	background-size:100%;
	z-index: 102;
}
#gnavi .menuList li a{
	display:block;
	padding:10px;
	text-decoration:none;
}

/*content area*/
.about{
	position:relative;
	top:-14px;
}
.banners img{
	width:100%;
}
/*twitter area*/
.back_i1{
	padding:0 30px;
	background:url("../images/bg_img01.jpg");
}
/*sns button*/
.sns a{
	text-decoration:none;
}
/*character page*/
.characters img,
.rivals img{
	width:100%;
	vertical-align:top;
}
.m0_5p{
	margin:0 5%;
}
@media screen and (min-width: 1200px){

.bg_color01 img{
	width:auto;
}

}


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

.conceal{display: none;}
header{padding:0;}
h1{font-size:28px;}
h2{font-size: 18px;}
h3{margin:0 auto;font-size: 16px;}
#present_view img{width:100%;}
.sp_font12{font-size:12px;}

.sp_m0{margin:0;}
.sp_mr10{margin-right:10px;}
.sp_mt10{margin-top:10px;}
.sp_mt20{margin-top:20px;}
.sp_mb10{margin-bottom:10px;}
.sp_mb20{margin-bottom:20px;}
.sp_mt-15{margin-top:-8%;}

.sp_p0{padding:0;}
.sp_pr0{padding-right:0;}
.sp_prl15{padding:0 15px;}

.sp_w100p{width:100%;}
.sp_w60{width:60px;}
.sp_w120{width:120px;}

.sp_mh1{min-height:300px;}
.bg_color01 img{width:auto;}
.sp_bb{border-bottom:1px solid #ddd;}
.sp_bbn{border-bottom:none;}

/*fixed menu*/
.navbar-nav{
	height: 66px;
}
.navbar-nav>li a{
	padding:0;
	height:100%;
	overflow:hidden;

	display: table;
	width: 100%;
}

}
/*iOS用ハック twitter iframe*/
/*5s*/
@media only screen and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
	#twitter_area iframe{
		width:315px !important;
	}
}
/*6*/
@media only screen and (device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
	#twitter_area iframe{
		width:315px !important;
	}
}
/*6 plus*/
@media only screen and (device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) {
	#twitter_area iframe{
		width:315px !important;
	}
}