@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,900&subset=japanese');

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

/* デフォルトレイアウトクリア */
* {
	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 {
	height		:100%;
}
body {
	height		:100%;
}
header {
	box-sizing	:border-box;
	min-height	:60px;
	padding		:20px 1em 0;
	background	:#1abbc0;
}
main {
	height		:calc(100% - 160px);
}
footer {
	height		:100px;
	background	:#252525;
	
	font-size		:10px;
	text-align	:center;
	color		:#888;
}




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


/* コンテンツ */
header div,
header div a,
header div a:hover,
header div a:visited
    {
	display		:inline-block;
	margin		:0;
	font-size		:25px;
	font-family	: 'M PLUS 1p', sans-serif;
	font-weight	:bold;
	line-height	: 25px;
	
	color		:#007881;
	color		:#fff;
	text-decoration: none;
}
header div span{
	display		:block;
	display		:none;
	margin		:3px 0 0 1px;
	font-size		:12px;
	font-weight	:normal;
	position		:absolute;
	top			:35px;
	color		:#007881;
}

header nav{
	display		:block;
	margin		:0;
	
	line-height	:25px;
	
	float		:right;
}
header nav ul li:last-child{
	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;
}

iframe{
	width: 100%;
	height: 100%;
}
aside{
	width:100%;
	height:80px;
	background:#999;
}
nav ul li {
	display:inline-block;
}




/* ─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　─　 */
/* フッター */

/* リンク */
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;
}