@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
html,body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 15px;
}
body{
	color: #000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	line-height: 2.6;
	text-align:center;
	background-color:#fff;
}

h1,h2,h3,p,ul,li,form{
	margin: 0;
	padding: 0;
}
ul{
	list-style-type: none;
}
img{
	border: none;
}
table{
	margin:0 auto;
}

/*リンク設定
---------------------------------------------------------------------------*/
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	transition: 0.9s;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	transition: 0.9s;
}
/* 上部メニューバー */
---------------------------------------------------------------------------*/
#menubar {
	top: 0;
	left: 0;
}
#menubar ul {
	width: 100%;
	position: fixed;
	background-color:#fff;
	filter: alpha(opacity=90);
	opacity: 0.9;
	z-index:10;
	box-shadow: 0px -1px 13px #900;
}
#menubar ul li {
	font-size: 16px;
	line-height: 3.8;
	display: inline-block; /* 各項目を横方向に並べる */
	*display:inline; *zoom:1; /* 上記のIE7対策 */
}
#menubar ul li a {
	display: block;
	padding: 0 0.8em;
	color: #462a0e;
	font-weight: 600;
}
#menubar ul li.sns a{
	display: inline-block;
	padding: 0 ;
	margin-left: 15px;
}
#menubar ul li.sns a img{
	width:30px;
	height:30px;
}
#menubar ul li a:hover {
	color:#f96;
}
#menubar ul li a img{
	vertical-align: middle;
}

.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mb15 {
	margin-bottom: 15px;
}
.lh10 {
	line-height: 1.0;
}

h1 {
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", serif;
}

/* ページトップ
------------------------------------------------------------*/
p#pagetop a {
	display: block;
	position: fixed;
	bottom: 30px;
	right: 20px;
	text-decoration: none;
	font-size: 80%;
	line-height: 1.4;
	background: #777;
	color: #fff;
	text-align: center;
	border-radius: 100%;
	padding: 14px 9px;
}
p#pagetop a:hover {
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: 0.8s;
	transition: 0.8s;
}
p#pagetop a span.font100 {
	font-size: 130%;
}

div#footer{
	clear: both;
	padding:20px 0;
	font-size:13px;
	font-weight: 400;
}
.sp {
	display: none;
}
#sp_nav, #sp_nav ul{
	display: none;
}
#sp_nav #menu{
	display: none;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index:0;
	box-shadow: 0;
}

/* スマホ用
------------------------------------------------------------*/
@media only screen and (max-width:768px){
.sp {
	display: block;
}
.pc {
	display: none;
}
}