@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,900&subset=japanese&display=swap');
	/*
	Font Weight
		Thin			:100
		Light		:300
		Regular		:400
		Medium		:500	見出し
		Bold			:700
		Extra-Bold	:800
		Black		:900	タイトルロゴ
		
		https://fonts.google.com/specimen/M+PLUS+1p
	*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ◆◆◆デフォルト◆◆◆ */

/* デフォルトレイアウトクリア */
* {
	margin		:0px;
	padding		:0px;
	border		:0px solid red;
}

/* デフォルト文字装飾クリア */
h1,h2,h3,h4,h5,h6,p,address{
	font-size		:100%;
	font-weight	:normal;
	font-style	:normal;
}




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ◆◆◆基本レイアウト◆◆◆ */

html {
	min-height	:100%;
}
body {
	min-height	:100%;
}
header {
	height		:auto;
	padding		:25px 5% 0;
	background	:#1abbc0;
	overflow		:hidden;
}
main {
	box-sizing	:border-box;
	min-height	:calc(100vh - 168.5px);
}




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ◆◆◆コンテンツ◆◆◆ */

/* ─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　 */
/* ボディ */
body{
	font-family	: sans-serif;
	color		: #555;
}


/* ─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　 */
/* ヘッダー */
header div{
	display		: inline-block;
	margin		: -10px 0 0;
	
	font-size		: 35px;
	font-family	: 'M PLUS 1p', sans-serif;
	font-weight	: bold;
	
	white-space	: nowrap;
	
	color		: #fff;
}
header div a,header div a:visited{
	line-height	:35px;
	color		:#fff;
	text-decoration: none;
}
header div span{
	display		:block;
	display		:none;
	margin		:0 0 0 1px;
	font-size		:12px;
	font-weight	:normal;
	color		:#eee;
}
header nav{
	display		: block;
	margin		: 0;
	padding		: 0; 
	float		: right;
}
header nav ul li {
	display		: inline-block;
	line-height	: 1.5em;
	line-height	: 35px;
}
header nav ul li:last-child{
	float		: right;
	background	:#08a5b1;
}
header nav a,header nav a:visited{
	margin			:0 1em;
	text-decoration	:none;
	color			:#eee;
}
header nav a:hover{
	text-decoration	:none;
	color			:#fff;
}
    
    
/* ─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　 */
/* メイン */
 main {
	 line-height:1.7;
 }   

 /* リンク */
 main a,main a:visited{
	color:#1abbc0;
	text-decoration:none;
}
 
/* パーツ */
/* パーツ：ボタン */
a.button{
	display		:inline-block;
	width		:10em;
	padding		:5px;
	
	border-radius:5px;
	background	:#fff;
	box-shadow	: 0px 2px 5px #368d93;	

	font-size		:16px;
	color		:#1abbc0;
	text-align	:center;
	text-decoration:none;
}   
    
    
/* ─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　 */
/* フッター */

/* コンテナ */
footer {
	height		:100px;
	background	:#252525;
	
	font-size		:10px;
	text-align	:center;
	color		:#888;
}

/* リンク */
footer a,footer a:visited{
	color:#888;
	text-decoration:none;
}

/* 広告スペース */    
footer aside{
	display: table;
	width  :100%;
	height :80px;
    
	background:#404040;
}
footer aside div{
    display : table-cell;
    width   : 100%;
    height  : 100%;
    
    vertical-align: middle;
    color   : #ccc;
}    

/* コピーライト */   
footer div{
	line-height:20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ◆◆◆BEGIN メディアクエリー◆◆◆ */


@media (max-width: 500px) {
    
    
/* ヘッダー */
header nav{
	box-sizing:border-box;
	width   :100vw;
	padding :0.5em 0 0.5em 1em;
	margin	:15px -1em 0px;

	background-color: #0097a2;
}


/* フッター */
footer {
	height		:auto;
}
 
 
}
/* ◆◆◆END メディアクエリー◆◆◆ */