@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Oswald:500);
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);

.c0 {
	text-indent:-9999px;
	font-size:0px;
	}

.p_right { float:right; }
.p_left { float:left; }
.p_center { display:block; margin: 0 auto; text-align: center; }
br{ letter-spacing:0; }
img { border-style:none; }
a img { border-style:none; }

a:link { color: #06f; text-decoration: none; }
a:visited { color: #06f; text-decoration: none; }
a:hover { color: #f90; text-decoration: underline; }
#wrap { verflow:hidden; }

* { margin: 0px; }

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	background-color: #fff;
	color:#000;
	}

@media screen and (min-width:768px) {
  body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	background-color: #fff;
	background-size: 1000px;
	color:#000;
	}
	}


#top {
	margin: 0 auto;
	padding: 0;
	height:auto;
	}
#top c0 img { 
	display:block;
	margin: 0 0 2%;
	width: 100%;
	height: auto;
	text-align: center;
	}

@media screen and (min-width:769px) {
#top c0 img {
	 display: block;
	 margin: 0 auto 20px;
	max-width: 564px;
	 height:auto;
	 }
	 }


.topics a { color:#fff; text-decoration: none;}
.topics a:hover { color:#fff; text-decoration: underline;}


.topics {
	 margin: 0 0 0;
	 border: 0px solid #000;
	 background-color:#fff;
	 padding: 3% 0 10%;
	 font-size: 100%;
	 line-height:1.8;
	 text-align:left;
	 color:#000;
	 }
.topics a { color:#fff; text-decoration: none;}
.topics a:hover { color:#fff; text-decoration: underline;}

@media screen and (min-width:769px) {
.topics {
	 display: block;
	 margin: 0 auto 0;
	 height:auto;
	 padding: 3% 0 5%;
	 }
	 }





/* ****************************************
	ETC
*******************************************/

.clear{ clear:both; }

.clearboth {
	clear:both; 
	visibility:hidden; 
	}


/* ****************************************
	FOOTER
*******************************************/

.img_spyair {
	margin: -5% auto 1%;
	padding: 0;
	height:auto;
	}

@media screen and (min-width:768px) {
.img_spyair {
	margin: 0 auto 1%;
	padding: 0;
	height:auto;
	}
	}

.ft_copyright {
	margin: 0 auto 8%; 
	font-size: 70%;
	line-height:120%;
	text-align:center;
	}


/* ****************************************
	FONT
*******************************************/

.use { text-indent: -1em; margin-left: 1em; }

.ft_s {
	font-size: 90%;
	line-height:140%;
	}

.ft_ss {
	font-size: 70%;
	line-height:120%;
	text-align:left;
	}

.ft_t1 {
	margin: 8% auto 3px; 
	font-size: 120%;
	line-height:120%;
	}

.ft_t2 {
	display:inline-block;
	margin: 5% auto 0; 
	background-color: #000;
	padding: 0.2% 3%;
	font-size: 150%;
	line-height:1.0;
	color:#fff;
	}

.ft_l3 {
	 display:block;
	 margin: 4% -2%;
	 font-size: 150%;
	 line-height:140%;
	 font-weight: 800;
	 text-align:center;
	 }

.ft_10 {
	font-size: 70%;
	line-height:150%;
	text-align:center;
	color:#999;
	}


@media screen and (min-width:768px) {
.ft_t1 {
	margin: 2.5% auto 3px; 
	font-size: 150%;
	line-height:120%;
	}
	}



/* ****************************************
	ページトップへ
*******************************************/

#page-top {
	display: none;
	position: fixed;
	bottom: 10px;
	right: -10px;
	}



.dashedline {
	margin: 10px 0 20px;
	border-bottom: 1px dashed #fff;
	}


/* ****************************************
	リンク
*******************************************/

a.boxlink {
	 display:block;
	 margin: 0 auto 20px;
	 width:100%;
	 border: 0px solid #666;
	 background-color: #000;
	 padding: 20px 0;
	 text-align: center;
	 font-size:110%;
	 color: #fff;
	 line-height:1.0; 
	 text-decoration: none;
	 }

a.boxlink:hover{
	 background-color: #666;
	 color: #fff;
	 text-decoration: none;
	 }