@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	margin:0px;
	padding: 0px;
	text-align:left;
	font-size: 14px;
	color: #333333;
	background-color: #ffffff;
	line-height:25px;
	font-family:"Meiryo", "メイリオ", sans-serif;
	-webkit-text-size-adjust: 100%;
}
/*effect*/
body { display:none;}

.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
 } 
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/*default*/
form input, form select{margin:0px;padding:5px;	font-size: 16px;}
ul {margin:0px;padding:0px;list-style:none;} 
li {margin:0px;padding:0px;list-style:none;} 
ol {margin:0px;padding:0px;} 
img { vertical-align:middle; border: none;padding:0px;}
br {letter-spacing: normal;margin:0px;padding:0px;}
address , em{font-style:normal;margin:0px;}
object {margin:0px;padding:0px;} 
a {	font-size: 14px;}
p, dl, dt, dd {margin:0px;padding: 0px;}

/*htag*/
h1, h2, h3, h4, h5, h6{
	font-size: 14px;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}


/*kakikae-sys*/
.fsize-mini{font-size:11px;}
.fsize-large{font-size:25px;}
.fsize-big{font-size:30px;}
.bold{font-weight: bold;margin:10px 0px 10px 0px;}
.delete{text-decoration: line-through;}
.red{color: #F33;}
.blue{color: #06F;}
.green{color: #090;}
.navy{color: #036;}
.pink{color: #F9F;}
.gray{color: #999;}
.orange{color: #F90;}
.purple{color: #C6C;}
.lightblue{color: #6FB7FF;}
.lightgreen{color: #69F574;}
.lightpink{color: #FCF;}

/*link*/
a:link {color: #000;text-decoration: none;}
a:visited {color: #000;text-decoration: none;}
a:hover {color: #030;text-decoration: none;}


.fm{font-size:12px;}

/*form*/
form input, form select, form textarea {
	margin:0px;
	padding:10px;
	font-size:14px;
	width:90%;
	vertical-align:middle;
}
.ws {width: 40%;}


.isewanmarin-saiyo{
	display: block;
	width:20em;
	margin:auto;
	text-align:center;
	font-size:30px;
	color:#03C;
}
.isewanmarin-saiyo:visited {color: #03C;text-decoration: none;}


input[type="text"]:focus, textarea:focus,select:focus {
    border: solid 1px #ccc;
    background-color: #EFD;
}

/*iPhone button clear*/
input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
}

#toggle{display: none; } 
#menu:after {
	content:"";
	display:block;
	clear:both;
}
#menu .sumaho{display: none; } 


/*-----------------------------------------------------*/

/*nav*/
nav {
	margin:0px auto;
	width:100%;
	max-width:1000px;
	z-index:100;
}
nav li{
	padding-top:20px;
	display: block;
	float: left;
	width:14%;
	height:100px;
	z-index:100;
}
.home li{
	padding-top:0px;
}

nav li a{
	font-family:DINCondensed-Regular,"DIN Condensed";
	letter-spacing: 2px;
	display: block;
	font-size:19px;
	padding-top:15px;
	height:85px;
	text-align:center;
}
nav li div{
	font-family:"Meiryo", "メイリオ", sans-serif;
	letter-spacing: 0px;
	margin:5px auto;
	padding:5px 0px;
	width:55%;
	border-top:solid 3px #8BC53F;
	font-size:12px;
	color:#fff;
	text-align:center;
	visibility:hidden;
}


nav li a:hover {
	background-color:#2EA7FF;
}

nav li a:hover > div{
	visibility:visible;
}

nav:after, article:after, .sublink:after {
	content:"";
	display:block;
	clear:both;
}

#menu .pc {
	margin-top:-30px;
}
#menu .pc p {
	font-family:DINCondensed-Regular,"DIN Condensed";
	letter-spacing: 2px;
	text-align:center;
	font-size:14px;
	line-height:18px;
}
#menu .pc a:hover {
	background-color:#fff;
}

article {
	clear:both;
}


/*toptitle*/
.toptitle{
	margin:20px auto;
	text-align:center;
	font-family:"Meiryo", "メイリオ", sans-serif;
	letter-spacing: 0px;
	font-size:22px;
	font-weight:bold;
	color:#aaa;
}
.toptitle h1{
	margin:20px auto;
	padding:20px 0px;
	width:4em;
	font-family:DINCondensed-Regular,"DIN Condensed";
	letter-spacing: 2px;
	font-size:45px;
	border-bottom:solid 5px #000;
	color:#000;
}


.news {
	height:130px;
	margin:20px auto;
	width:100%;
	max-width:1000px;
}
.news h1 {
	font-family:DINCondensed-Regular,"DIN Condensed";
	letter-spacing: 2px;
	font-size:19px;
	float:left;
	padding:40px 20px 50px 20px;
	border-right:solid 1px #000;
}
.news div {
	padding-top:10px;
	margin-left:120px;
}

.entry {
	margin:0px auto;
	width:240px;
}
.entry li a{
	display:block;
	width:210px;
	height:30px;
	padding:30px 0px 0px 5px;
	margin:10px;
	color:#00F;
	background-image:url(../img/entry.png);
	float:left;
}
.entry li a:hover{
	color:#00F;
}

article:after, .entry:after {
	content:"";
	display:block;
	clear:both;
}

.back {
	font-family:DINCondensed-Regular,"DIN Condensed";
	letter-spacing: 2px;
	font-size:24px;
	display:block;
	margin:50px auto;
	width:160px;
	height:40px;
	border:solid 3px #000;
	text-align:center;
	padding-top:13px;
}


/*foot*/
footer {
	line-height:35px;	
	text-align:center;
	margin-top:50px;
	padding:50px 0px;
	background-color:#000;
	color:#fff;
}



/*fnavi*/
footer a:link {color: #fff;text-decoration: none;}
footer a:visited {color: #fff;text-decoration: none;}

footer ul {
	margin:30px auto;
	max-width:1000px;
}
footer li{
	display: block;
	float: left;
	width:110px;
}
footer li a{
	font-family:DINCondensed-Regular,"DIN Condensed";
	letter-spacing: 2px;
	display: block;
	color:#fff;
	font-size:16px;
	margin-top:5px;
	text-align:center;
}

footer li div{
	margin:0px auto;
	padding:5px 0px;
	width:6em;
	border-top:solid 3px #8BC53F;
	font-size:12px;
	height: 20px;
	text-align:center;
	visibility:hidden;
}

footer li a:hover + div{
	visibility:visible;
}

footer:after, footer ul:after {
	content:"";
	display:block;
	clear:both;
}
.bottomname {
	font-family:DINCondensed-Regular,"DIN Condensed";
	letter-spacing: 2px;
	text-align:center;
	font-size:23px;
	line-height:35px;
	padding-bottom:20px;
	color:#FFF;
	
	border-top:solid 5px #000;
	text-align:center;
}

.copy {
	font-family:DINCondensed-Regular,"DIN Condensed";
	letter-spacing: 2px;
	font-size:16px;
}


/*pagetop---------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 50px;
	z-index:100;
}


@media only screen and (max-width: 768px) {

nav li a{
	font-size:12px;
}
.sublink li {
	width:30%;
}

}


@media only screen and (max-width: 480px) {



#menu, #menu .pc, #menu .pchome { display: none;}
#menu .sumaho { display: block;}


#menu li { width: 100%;}
#toggle{
	display:block;
    position:relative;
    width: 100%;
    background: #fff;
}
#toggle a{
	font-family:DINCondensed-Regular,"DIN Condensed";
	letter-spacing: 2px;
	font-size:18px;
	display: block;
    position: relative;
    padding: 10px 0px 10px 0px;
    color: #000;
    text-align: center;
}
nav {
    width:100%;
	display:block;
	position:fixed;
	top:0px;
	z-index:100;
}

nav li{
	padding:0px;
	background: #fff;
	height:70px;
	border-bottom:solid 1px #ccc;
}
nav li a {
	font-size:20px;
	padding-top:15px;
	border-bottom:solid 1px #aaa;
	z-index:100;
}
nav li div{
	visibility:visible;
	color:#555;
	border:none;
	padding:0px;
}


.entry {
	margin:0px auto;
	width:100%;
}

.entry li a{
	margin:10px auto;
	float:none;
	border-bottom:solid 1px #000;
}
/* toptitle */
.toptitle{margin-top:50px;}

footer li{
	width:48%;
}
footer li div {
	border-top:none;
	visibility:visible;
	padding:0px;
	color:#999;
	margin-top:-15px;

}





}