@charset "utf-8";

body { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 1; color:#000; }
img	{ vertical-align: bottom; max-width: 100%; }
h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; }
.serif { font-family: Georgia,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

@media print, screen and (min-width: 769px) {
	.sp{ display: none!important; }
	body{ min-width: 1000px; font-size: 18px; line-height:25px;}
	.master{ width: 1000px; margin: 0 auto; text-align: center;}
	a{ -webkit-transition: .2s; transition: .2s; }
	a:hover{ opacity: .6; }

	#header .logoArea { margin:20px auto; }
	#header .logoArea h1 { float: left; }
	#header .logoArea ul { float: right; margin-top:20px;}
	#header .logoArea ul li { float: left; margin:0 10px;}
	#header #nav { background-color:#F5F5F5; }
	#header #nav ul li { width: 142px; float: left; }
	#header #nav ul li a { height: 80px; display: block; font-size: 14px; font-weight:bold; text-align: center; position: relative; padding-top:15px; }
	#header #nav ul li img {  }
	#header #nav ul li a span{ width: 100%;  display: block; border-right: 1px solid #e1e1e1; position: absolute; top: 72%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #000;}
	#header #nav ul li:first-of-type a span{ border-left: 1px solid #e1e1e1; }
	#header #nav ul li a:hover,#header #nav ul .current a{ background-color: #e6f2f9; opacity: 1; }

	#footer{ padding: 50px 150px; background-color: #F0F0F0; margin-top:100px; overflow:hidden;}
	#footer .left {float:left;}
	#footer .right {float:right;}
	#footer .menu{ float:left; margin:30px 25px 0 0;}
	#footer .menu li a { color: #000; font-size: 13px; line-height:20px; }
	#footer .menu li a span{ color: #E7380D; font-weight:bold; }
	#footer .contact { background-color:#fff; padding:15px 30px; margin:0 0 10px 40px; font-size: 12px; vertical-align:middle; line-height:50px;}
	#footer .contact img{ margin-left:40px;}
	#footer .copyright {font-size: 12px; margin:30px 40px;}

	.cf {
	display: block;
	}
}


@media screen and (max-width: 768px) {
	.pc	{ display: none!important; }
	body	{ font-size: 13px;  line-height:18px;}
	.master{ width: 94%; margin: 0 auto; }
	.pure-toggle-label { border: none; }
	.pure-toggle-label[data-toggle-label='right']{ top: 0; right: 0; }
	.pure-toggle-label .pure-toggle-icon,.pure-toggle-label .pure-toggle-icon:before,.pure-toggle-label .pure-toggle-icon:after,.pure-toggle-label:hover .pure-toggle-icon,.pure-toggle-label:hover .pure-toggle-icon:before,.pure-toggle-label:hover .pure-toggle-icon:after{ background-color: #0081cc; }
	.pure-drawer { background-color: #b2d9f0;z-index: 98 !important; }
	.pure-toggle-label { position: absolute; }
	#header #nav ul li { margin-bottom: 1px; border-bottom: 1px solid #7fc0e5; -webkit-box-shadow: 0 1px 0 #e5f2fa; box-shadow: 0 1px 0 #e5f2fa; }
	#header #nav ul li a 	{ display: block; padding: 15px 1rem; color: #000; font-size: 16px; }
	#header #nav ul li img	{ margin-right:20px;}
	#header .logoArea h1 	{ width:75%; margin:15px 0; }

	#footer{ padding: 20px 20px; background-color: #F0F0F0; margin-top:50px; }
	#footer .left { margin-bottom:20px;}
	#footer .right {}
	#footer .logo { margin-bottom:20px;}
	#footer .menu {  margin:0px 0px 0 0;}
	#footer .menu li a { color: #000; font-size: 13px; line-height:20px; }
	#footer .menu li a span{ color: #E7380D; font-weight:bold; }
	#footer .contact { background-color:#fff; padding:15px 10px; margin:10px 0; font-size: 12px; text-align:center; }
	#footer .contact img{ margin-top:5px;}
	#footer .copyright {font-size: 12px; margin-top:20px; text-align:center;}

	.cf {
	display: block;
	}
}