@charset "utf-8";
/* CSS Document */
/*===============================================================================
		reset
===============================================================================*/

/* Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/

/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/

html{
	background:#fff;
	overflow-y:scroll;
}

/*TODO remove settings on BODY since we can't namespace it.*/

/*TODO test putting a class on HEAD.- Fails on FF. */

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea,
p, blockquote, th, td {
	margin:0;
	padding:0;
}

table {
	border:0;
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,
img {
	border:0;
}
img{vertical-align:bottom;}

hr{
	background:none;
	border:0;
	padding:0;
	margin:0;
	line-height:0;
	height:0;
	font-size:0;
}

/*TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...*/

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

/*TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.*/

li {list-style:none;}

caption,th {text-align:left;}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

q:before, q:after {content:'';}

object,embed {vertical-align: top;}

abbr, acronym {
	border:0;
	font-variant:normal;
}

/* to preserve line-height and selector appearance */

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/*to enable resizing for IE*/

input,
textarea,
select {
	*font-size:100%;
}

/*because legend doesn't inherit in IE */

legend {color:#000;}

/*===============================================================================
		default
===============================================================================*/

body {
	color:#333;
	/**
	font-family:"ＭＳ Ｐゴシック","Hiragino kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-family: "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", helvetica, sans-serif;
	**/
	font-family:  "メイリオ",helvetica, sans-serif;
	font-size:small;
	line-height:1.5;
}

/* IE6 base font */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* clearfix
----------------------------------------------*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	line-height:0;
	font-size:0.1em;
}
.clearfix {display:block;}

/* clear
----------------------------------------------*/
.clear {
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}


.fix_notice{
  position: fixed;
  left: 20px;
  bottom: 50px;
  background: #fff;
  border: 1px solid #000;
  padding: 10px;
  box-shadow: 0 0 10px #ddd;
	display: none;
}
.fix_notice p{
  font-size: 12px;
  color: red;
}

@media only screen and (max-width:736px){
	.fix_notice{
		width: 200px;
		bottom: 20px;
		left: 10px;
	}
	.fix_notice p{
		font-size: 11px;
	}
}

footer {
	background: #231f20;
}
#footer {
	max-width: 1200px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	clear: both;
	padding: 50px 0;
}
#footer ul {
	display: flex;
	flex-wrap: wrap;
}
#footer ul li {
	width: 25%;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #000;
	border-left: 1px solid #414042;
	padding: 0 25px;
	text-align:left;
}
#footer ul li:first-child {
	border-left: none;
}
#footer ul li:last-child {
	border-right: none;
}
#footer ul li h4 img {
	height: 28px;
	width: auto !important;
	margin-right: 10px;
}
#footer ul li:nth-child(1) h4 img {
	height: 18px;
}
#footer ul li:nth-child(2) h4 img {
	height: 22px;
}
#footer ul li h5 {
	color: #FFF;
	font-size: 15px;
	margin-bottom: 5px;
}
#footer ul li p {
	font-size: 12px;
	color: #FFF;
}
#footer ul li div.place {
	margin-top: 10px;
	margin-bottom:20px;
}
#footer ul li:nth-child(4) h4:nth-child(4) {
	margin: 40px 0 0 0;
}

@media only screen and (max-width:769px) {
	.address{
		display:none;
		margin:10px 0;
	}
	#footer ul li div.place {
	margin-top: auto;
		margin-bottom:auto;
}
#footer ul li div.place {
	border-bottom:1px solid #333;
	padding:7px 0;
}
#footer ul li h4 {
	margin-top:15px;
}
#footer ul li:first-child h4 {
	margin-top:0;
}
#footer ul li h5 {
	font-size:13px;
}
#footer ul li h5:after{
	content:">";
	display:inline-block;
	float:right;
	transform:rotate(90deg);
	transition:all 0.3s ease-in-out;
}
#footer ul li h5.on:after{
	content:">";
	transform:rotate(-90deg);
	margin-right:3px;
}
#footer ul li {
	width: 100%;
	float: none;
	box-sizing: border-box;
	border-right: none !important;
	border-left: none !important;
	padding: 0 15px;
}	
#footer ul li:nth-child(4) h4:nth-child(4) {
	margin: 20px 0 0 0;
}

}

#footerNav ul:nth-child(2) li:nth-child(2){
	display: none !important;
}