/*動画表示のモーダルの余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}


header{
	z-index: 10;
	height: 70px;
	position: fixed;
	top: 0px;
	background: #333;
	width: 100%;
	text-align: center;
	color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

h1{
	font-size:1.5rem;
	text-align: center;
	text-transform: uppercase;
	padding: 20px;
	color: #fff;
}

h2{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20　0;
}

h3{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 5px 0px;
}

h4{
	font-size:1rem;
	text-align: center;
	margin: 0 0 0 0;
}

p{
	font-size:1rem;
	text-align: center;
	margin: 0 0 0 0;
}

.center_box{
	margin: 16px auto;
	text-align: center;
	display: block;
	border: 0px solid #000;
}

.center_box p{
	text-align: left;
	display: inline-block;
}

ul{
	overflow: hidden;
	list-style: none;
	text-align: center;
	margin: 0 0 0 0;
	background: #333;
}

li{
	display: inline-block;
	padding: 10px 10px 10px 10px;
	text-align: center;
	color: #fff;
}

/*▽▽ヘッダーリストのアンダーバー▽▽*/
li ::after {
  position: absolute; /*親要素であるaタグを基準に位置を指定*/
  bottom: 0px; /*アンダーバーが位置する、各リストの下端からの高さ*/
  left: 0;/*アンダーバーを各リストの左端に指定*/
  content: ''; /*本来は、擬似要素に入るテキストなどを’’内に指定。今回はアンダーバーなので何も記載しない*/
  width: 100%; /*アンダーバーの幅は各リストの幅*/
  height: 2px; /*アンダーバーの高さ（太さ）*/
  background: #000000; /*アンダーバーの色*/
  transform: scale(0, 1);/*アンダーバーの縮尺比率。ホバー前はx方向に0*/
  transform-origin: center top;/*変形（アンダーバーの伸長）の原点を、liの真ん中指定*/
  transition: transform 0.75s;/*変形の時間*/
}

li :hover::after {
  transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}
/*△△ヘッダーリストのアンダーバー△△*/


a{
	color: #fff;
    text-decoration: none;
	display: block;
	padding: 0 20px;
	position: relative;  /* アンダーバーの位置を決めるための基準 */
}

main{
	margin-top: 77px;
}

section{
	padding:30px;
	text-align: center;
}

section:nth-child(2n){
	background:#f3f3f3;	
}

img{
	max-width: 100%;
	height: auto;
}

small{
	background:#333;
	color:#fff;
	display: block;
	text-align: center;
	padding:20px;
}

footer{
	 text-align: center;
}