@charset 'UTF-8';

/*　リセット　------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
	text-decoration:none;
	background-repeat:no-repeat;
}

/*　全体　------------------------------------------------------------*/

body {
	background-color: #FFF;
}
body,td,th {
	background-color:#EEE;
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	padding: 0px;
}

/*　ヘッダー　------------------------------------------------------------*/
header{
	background-color:#FFF;
}
header p{
	font-weight:bold;
	font-size:14px;
	color:#FF8D72;

}
nav{
	display:table;
	table-layout: fixed;
	width:100%;
	border-collapse: separate;
	border-spacing: 3px 0;
	border-bottom:3px solid #E33C7E;
}
nav a{
	display:table-cell;
	width:auto;
	text-align:center;
	vertical-align:middle;
	background-color:#CCC;
	color:#666;
	font-family:"century gothic";
	font-weight:bold;
	font-size:12px;
	padding:1em;
/*	pointer-events:none;	/* とりあえずクリックできないようにする */
}
nav a:hover{
	background-color:#FF8D72;
	color:#FFF;
}
nav a.now{
	background-color:#E33C7E;
	color:#FFF;
}
h2{
	font-size:36px;
	font-family:"century gothic";
	text-align:center;
	clear:both;
	padding:0.5em;
	font-weight:normal;
}

/*　サイト一覧　------------------------------------------------------------*/
section {
	width:100%;
}
section ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
section ul li{
	display:block;
	width:350px;
	height:300px;
	margin:0;
	padding:0;
}
section ul li:hover{
}
section li a {
	text-align:center;
	font-size: 14px;
	color: #AAA;
	line-height: normal;
	height: auto;
	margin:0;
	padding:0.5em;
	display:block;
}
section li a:after{
	content:">";
	float:right;
}
section li a:hover{
	color: #FFF;
	background-color:#E33C7E;
}
section li iframe{
    width:1400px;
    height:1000px;
    border:none;
	margin:0;
	padding:0;
	background-color:#FFF;

    -webkit-transform: scale(0.25);
    -webkit-transform-origin: left top;
    -moz-transform: scale(0.25);
    -moz-transform-origin: left top;
    -o-transform: scale(0.25);
    -o-transform-origin: left top;
    -ms-transform: scale(0.25);
    -ms-transform-origin: left top;
   
    box-shadow:rgba(0, 0, 0, 0.2) 7px 7px 10px 0px;
	-webkit-box-shadow:rgba(0, 0, 0,0.2) 7px 7px 10px 0px;
	-moz-box-shadow:rgba(0, 0, 0,0.2) 7px 7px 10px 0px;
}