@charset "UTF-8";

body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}

/* default */

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.aligncenter{text-align:center;}
img{vertical-align: bottom;line-height: 1;}


/* common item ---------------------------------------*/

.clearfix:after,
.inner:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.sp{display: none;}
.spbr{display: none;}


/* layout ---------------------------------------*/

header{
	position:relative;
	height:50px;
}

.inner{
	margin:0 auto;
}


/* global nav ---------------------------------------*/

/* header */
#top-head {
	display: none;
		top: -100px;
		position: absolute;
		width: 100%;
		margin: 100px auto 0;
		padding: 30px 0 0;
		line-height: 1;
		z-index: 999;
}
#top-head a{
	color: #fff;
}
#top-head {
		color: #fff;
		text-decoration: none;
		background: rgba(0,0,0,0.9);
}
#top-head .inner {
		position: relative;
}
#top-head .logo {
		float: left;
		font-size: 36px;
}
#global-nav ul {
	list-style: none;
	/* position: absolute; */
	/* right: 0; */
	/* bottom: 0; */
	padding-top: 0%;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	height: auto;
	text-align: center;
}
#global-nav ul li {
	display: inline-block;
	vertical-align: middle;
	width: 8.6%;
	text-align: center;
}
#global-nav ul li img{
	width:36px;
}
#global-nav ul li a {
		padding: 0 30px;
}

/* Fixed */
#top-head.fixed {
		margin-top: 0;
		top: 0;
		display: block;
		position: fixed;
		padding-top: 10px;
		height: 44px;
		background: #fff;
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
		transition: top 0.65s ease-in;
		-webkit-transition: top 0.65s ease-in;
		-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
		font-size: 24px;
		color: #333;
}
#top-head.fixed #global-nav ul li a {
	color: #333;
	font-size: 13px;
	letter-spacing: 3px;
	padding: 0px 20px 0;
	margin-top: 0px;
	text-decoration: none;
	font-family: 'Share Tech Mono', monospace;
}

#top-head.fixed #global-nav ul li a:hover{
	color: #888;
}

/* Toggle Button */
#nav-toggle {
		display: none;
		position: absolute;
		right: 12px;
		top: 14px;
		width: 34px;
		height: 36px;
		cursor: pointer;
		z-index: 101;
}
#nav-toggle div {
		position: relative;
}
#nav-toggle span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #666;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
		top: 0;
}
#nav-toggle span:nth-child(2) {
		top: 11px;
}
#nav-toggle span:nth-child(3) {
		top: 22px;
}

span.modalBtn1, span.modalBtn2, span.modalBtn3, span.modalBtn4, span.modalBtn5{
	display: block;
	cursor: pointer;
}
.rule_content{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
.rule_content img{
	width:100%;
}
@media screen and (max-width: 768px){

		#top-head,
		.inner {
				width: 100%;
				padding: 0;
		}
		#top-head {
				top: 0;
				position: fixed;
				margin-top: 0;
		}
		/* Fixed reset */
		#top-head.fixed {
				padding-top: 0;
				background: transparent;
		}
		#mobile-head {
				background: #fff;
				width: 100%;
				height: 56px;
				z-index: 999;
				position: relative;
		}
		#top-head.fixed .logo,
		#top-head .logo {
				position: absolute;
				left: 13px;
				top: 13px;
				color: #333;
				font-size: 26px;
		}
		#global-nav {
				position: absolute;
				/* 開いてないときは画面外に配置 */
				top: -500px;
				background: #333;
				width: 100%;
				text-align: center;
				padding: 10px 0;
				-webkit-transition: .5s ease-in-out;
				-moz-transition: .5s ease-in-out;
				transition: .5s ease-in-out;
		}
		#global-nav ul {
				list-style: none;
				position: static;
				right: 0;
				bottom: 0;
				font-size: 14px;
		}
		#global-nav ul li {
				float: none;
				position: static;
				display: block;
		}
		#global-nav ul li img{
			display: none;
		}
		#top-head #global-nav ul li a,
		#top-head.fixed #global-nav ul li a {
				width: 100%;
				display: block;
				color: #fff;
				padding: 18px 0;
		}
		#nav-toggle {
				display: block;
		}
		/* #nav-toggle 切り替えアニメーション */
		.open #nav-toggle span:nth-child(1) {
				top: 11px;
				-webkit-transform: rotate(315deg);
				-moz-transform: rotate(315deg);
				transform: rotate(315deg);
		}
		.open #nav-toggle span:nth-child(2) {
				width: 0;
				left: 50%;
		}
		.open #nav-toggle span:nth-child(3) {
				top: 11px;
				-webkit-transform: rotate(-315deg);
				-moz-transform: rotate(-315deg);
				transform: rotate(-315deg);
		}
		/* #global-nav スライドアニメーション */
		.open #global-nav {
				/* #global-nav top + #mobile-head height */
				-moz-transform: translateY(556px);
				-webkit-transform: translateY(556px);
				transform: translateY(556px);
		}
		.rule_content{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}


}

@charset "UTF-8";

/*=======================================================
	shared
=======================================================*/

html {
	overflow-y:scroll;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #EEE;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	line-height: 150%;
}
li {
	list-style: none;
}


/*========================================================================
	wrapper
========================================================================*/
#wrapper {
	width: 980px;
	height: 1500px;
	margin: 0px auto;
	padding: 20px;
	text-align: left;
	
	background: #FFF;
}
h1 {
	margin: 0px 0px 20px 0px;
	padding: 10px;
	background: #EEE;
}

.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}