@charset "UTF-8";
body {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; color:#333;}
.txtGot {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
.txtMin {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;}
.cla {clear:both;}
.fltL {float:left;}
.fltR {float:right;}
img {border:0;}

@media screen and (min-width: 768px),print {
html {min-width:1000px;}
body {margin:0; padding:0; line-height:1.7; font-size:14px;}
ul {list-style:none;}
.pc_none {display:none;}
span.pc_br {display:block;}
a {color: #0059B2;}
a:hover {color:#FF6600;}
a:hover img {filter: alpha(opacity=60); opacity:0.6;}
a[href^="tel:"] {pointer-events: none;}

#wrap {}
header,nav .inner{margin:0 auto;}

/* Header */
header {height:58px; padding-top:22px; text-align:center;}
h1 {margin:0; padding:0; line-height:1.0em;}

nav {width:950px; margin:0 auto; height:54px;}
nav .inner {overflow: auto;}
.icon,.close {display:none;}
nav ul {margin:0; padding:0; font-size:0; text-align:center;}
nav li {margin:0; padding:0; display:inline-block;}
nav li a {display: block; padding: 0;}
nav li.off img {filter: alpha(opacity=40); opacity:0.2;}
nav li.off a {pointer-events: none;}
nav li span { display:none;}

/* footer */
footer {clear:both; height:31px; background-color:#9A907F; margin-top:60px; padding:17px 0 0 0; line-height:1.0em; text-align:center;}
footer ul {font-size: 14px; margin:0 auto;}
footer li {margin:0 12px 15px 0; display:inline-block;}
footer li:before,footer ul:after {content: "|"; margin: 0 12px 0 0; color:#FFF;}
footer a:link,footer a:visited{color:#FFF; text-decoration:none;}
footer a:hover,footer a:active {color:#FFCC00; text-decoration:underline;}

#copyright {background:#FFF; padding:18px 0; text-align:center; color:#999;}
}

@media screen and (max-width: 767px) {
html {overflow-y: scroll;}
body {margin:0; padding:0; line-height:1.7; font-size:14px;}
.smp_none {display:none;}
span.smp_br {display:block;}
.contents {margin:0 10px;}

ul {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
ul li,p {margin:0; padding: 0;}
ul li {list-style-type: none;}

/** fade使用時のズレ対策（FF）**/
img {box-shadow: #000 0 0 0;}
 x:-moz-any-link, x:default {
 box-shadow: #000 0 0 0;
}
a {color: #0059B2; text-decoration: none;}
a:hover {text-decoration: underline;}

#wrap * {box-sizing: border-box;}
#wrap {width:100%; overflow:hidden;}
img {max-width:100%; height:auto;}

/*--------------------------
  Header
---------------------------*/
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 990;
	overflow: hidden;
	height: 55px;
	background:#FFF url(../img/common/smp_back.png) no-repeat center bottom;
	background-size:contain;
}
h1 {position:absolute; margin:0; padding:0; top:7px; left:5px;}
h1 img {width:85%; max-height:50px;}
nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
nav .inner {
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,.7);
}
.icon {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0;
	width: 50px;
	white-space: nowrap;
}
.icon a {
	padding: 12px 9px 10px 8px;
	display: inline-block;
}
nav ul {border-top: 1px solid #FFF;}
nav li {border-bottom: 1px solid #FFF;position: relative;background-color:#D7E9F5;}
nav li:nth-child(even) {border-left: #FFF 1px solid;}

nav li a {
	display: block;
	text-align: left;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	position: relative;
	padding: 12px 0 12px 30px;
}
nav li a:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: #333 1px solid;
	border-left: #333 1px solid;
	position: absolute;
	top: calc(50% - 4px);
	right: 22px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}
nav li.bg1 {background:#D6D6D6;}
nav li.bg2 {background:#B7D4EA;}
nav li.bg3 {background:#FFCD95;}
nav li.bg4 {background:#D2E0BE;}
nav li.bg5 {background:#FFE694;}
nav li.bg6 {background:#F8C8DA;}

nav .navbox {background: rgba(255,255,255,1); margin:0;}
nav .navbox p {
	width: 100%;
	height: 54px;
	position: relative;
	top: 0;
	left:  0;
}
nav p a {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 54px;
	display: block;
	padding: 12px 9px;
}
nav p img {
  width: 32px;
}
nav li img {display:none;}


/* footer */
footer {
  background: #FFF;
  border-top: #9A907F 1px solid;
  width: 100%;
  font-size: 15px;
  margin-top:40px;
}
footer.top_footer {display:none;}
footer ul {overflow: hidden; background-color:#F0EEEC;}
footer li {
  font-size: 13px;
  letter-spacing: -.02em;
  width: 50%;
  float: left;
  height:40px; margin:0; padding:2px 0 0 0;
  border-bottom: #CCC 1px solid;
}
footer li:nth-child(even) {border-left: #CCC 1px solid;}

footer span {
  display: block;
  color: #afafaf;
  padding: 7px 5px 6px 13px;
  position: relative;
  border-bottom: #CCC 1px solid;
  white-space: nowrap;
}
footer a{
  display: block;
  color: #333;
  padding: 7px 5px 6px 13px;
  position: relative;
  white-space: nowrap;
}

footer li a:after, footer li span:after{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: #9A907F 1px solid;
	border-left: #9A907F 1px solid;
	position: absolute;
	top: calc(50% - 6px);
	right: 15px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}

#copyright {background-color:#9A907F; color:#FFF; padding:10px 0; text-align:center; font-size:12px;}

}