﻿@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

/*html{height: 100%;}*/

body{
	
	
	/*font-family: 'Shippori Mincho', serif;*/
	font-family: 'Sawarabi Mincho', serif;
	color:#CCCCCC;
	
	/*font-family:
	"游明朝", "ＭＳ 明朝"
	
	
	"Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	height: 100%;*/
	}
/**/a{
	text-decoration:none;
	color:#EEEEEE;
}
a:link{	text-decoration:none;
	color:#EEEEEE;}
a:active{	text-decoration:none;
	color:#e6e6fa;
}	
a:visited{text-decoration:none;
	color:#e6e6fa;
}

p{

	color:#CCCCCC;
	}
	
.wbg{
	/*background:#1E165E;*/
	background: linear-gradient( 
						#2B0968,
						#1E1E82,
						#1E1E82,
						#180F5C,
						#181055,
						#1E165E,
						#16168F,
						 #1E165E,
						 #180F5C,
						#181055,
						#1E165E,
						#16168F,
						 #1E165E,
						 #191970,
						 #13057B,
						 #320E63
						
						
						/*
						 #422675,
						#1E165E,
						 #1E165E,
						 #24076E,
						 #1E165E,
						 
						
						 #26057A,
						 #1E165E*/
						 );

	}
/*== HEADER ==*/
header{
		
	text-align:center;
	
	z-index:9; /* 最前面に来るように */
}

h2{
	width:90%;
	margin-left: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom:0;
	
	padding-top:1em;
		
	font-size:1.5em;
	font-weight:400;/*lighter*/
	letter-spacing:0.1em;
}

h1{
	color:#CCCCCC;
	width:90%;
	margin-left: auto;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom:0;
	
	font-size:1.2em;
	font-weight:400;
	letter-spacing:0.1em;
	
		padding-bottom:1em;
	border-bottom: solid 1px #AAAAAA;/*dotted*/

}

/*== CONTENTS ==*/
.contents{
	width:80%;
	margin:0 auto;
	
}

.bg-deco{
 /*background-image:url(../img/bg-10.png) ;
 	background-repeat:repeat-x repeat-y;*/
	/*background-attachment:fixed;
	background-position:bottom center;*/
	 /*background-size: cover;
    width: 100%;
    height:300px;
    position: absolute;
    top: 0;
    z-index: 1;*/
}

.sk-box {
  display: flex;/*定義*/
  flex-direction: row;/*横並び*/
  flex-wrap: wrap;/*折り返す｜　nowrapで、伸縮する*/
  justify-content: space-between;/*横方向均等*/
  align-items:center;/*縦方向均等*/
  
    margin:100px auto;
 	/*padding:60px 0;
 	background:red;*/
 	
}
.sk {
	margin:0 auto;
}

.sk img{ 
	width:100%;
	margin:0 auto; }
/*
.lft{float:left;}
.cnt{float:left; margin:0 auto;}
.rgt{float:right;}
*/



/*.sk-yk{
		position:absolute;
		top:50px;
		left:20px;
}
.sk-tt{
		position:absolute;
		top:20px;
		left:50px;
}		
*/

/**/

	/*== FOOTER ==*/
.footer{
	width:100%;

}

.ft-contents{
	width:90%;
	margin:0 auto;
	
	height:35px;
	/*background:#1E165E;*/
	padding-top:15px;
	
	border-top:solid 1px #AAAAAA;
	
	
}

.footer p{
	width:15%;
	margin: 0 auto;
	vertical-align: middle;
	
	color: #CCCCCC;
	
}


/*== media screen ==*//*1140px*/
@media screen and (max-width: 1140px){
	h2{	
	font-size:1.5em;
	font-weight:400;/*lighter*/
	letter-spacing:0em;}



	.sk-box{ margin-top:0; margin-bottom:0; }
	.sk{margin-top:50px; margin-bottom:50px; }
	.sk img{width:80%;}
	
	
		.footer{ margin-top:50px; }	
	.footer p{ width:25%; text-indent:-2em; }
}

/*== media screen ==*//*1140px*/
@media screen and (max-width: 950px){
	

	.sk-box{ margin-top:0; margin-bottom:0; }
	.sk{margin-top:50px; width:80%;}
	.sk img{width:100%;}

}