@charset "utf-8";

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

	Copyright:(C)2009 Nero graphy All Rights Reserved.
	https://www.nerography.com/

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

/* reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0 ;
	padding: 0 ;
	border: none ;
	vertical-align: baseline;
	font-style: normal ;
/*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	font-weight: normal ;
	font-size: 99% ;
	text-align: left ;
	list-style-type: none ;
	line-height: 180% ;
	letter-spacing: 0.05em ;
}
html{
	overflow-y: scroll ;
	overflow-x:hidden;
	-webkit-text-size-adjust: none;
}
table {
	border-collapse: collapse;
/*	border-collapse: separate;*/
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
div{
	font-style: inherit ;
	font-weight: inherit ;
	color: inherit ;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{
	font-style: inherit ;
	font-weight: inherit ;
}
sup,sub{vertical-align: baseline ;}
del,ins{text-decoration: none ;}
abbr,acronym{
	border: 0 ;
	font-variant: normal ;
}
img {
	vertical-align: text-top;
	-ms-interpolation-mode: bicubic;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* TextArea内文字サイズのブラウザ間での差異をなくす */
fieldset{border: 0 ;}
input,button,textarea,select{*font-size: 100%;}
input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/* HTML5 ELEMENTS */
header,article,aside,section,footer,
nav,menu,details,hgroup,summary {
	display: block;
}


/* clearfix */
.clear{clear: both ;}
/* for modern brouser */
.clearfix:after {
  content: "." ;
  display: block ;
  clear: both ;
  height: 0 ;
  visibility: hidden ;
}
/* IE7,MacIE5 */
.clearfix {display: inline-block ;}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {height: 1% ;}
.clearfix {display: block ;}
/* clearfix */


body{
	width: 100% ;
	margin: 0px auto ;
	padding: 0px ;
	line-height: 1.8 ;
	letter-spacing: 0.05em ;
	font-size: 100% ;
	color: #585858 ;
	/*color: #363636 ;*/
}
a{color: #231815 ;text-decoration:none;outline: 0 ;	-webkit-tap-highlight-color: transparent;}
a:visited{color: #231815 ;text-decoration:underline;}
a:hover{color: #999999 ;text-decoration:underline;}
a:focus {/*\*/	overflow: hidden;/**/}

.text{letter-spacing: 0.1em ;}
span.section{
	display: block ;
	padding: 0px 0px 10px 0px ;
}

.t-left{text-align: left ;}
.t-right{text-align: right ;}
.t-center{text-align: center ;}
.f-left{float: left ;}
.f-right{float: right ;}
.f-none{float: none ;}
.bold{font-weight: bold ;}
.red{color: red ;}
.green{color: #99CC33 ;}
.blue{color: #99CCFF ;}
.orange{color: #FF9933 ;}
.pink{color: #FF6666 ;}

/*font埋め込み*/
@font-face{
font-family:'Arial';
src:url('../font/arial.ttf') format('truetype');
}






header{
	width: 1000px ;
	margin: 0px auto ;
	min-height: 140px ;
	position: relative ;
}
main{
	font-size: 85% ;
	line-height: 200% ;
}

#logo01{
	display: block ;
	width: 250px ;
	margin: 0px 0px 0px 0px ;
	text-align: center ;
	position: absolute ;
	left: 33px ;
	top: 37px ;
}
ul#menu-box{
	position: absolute ;
	right: 10px ;
	top: 63px ;
}
ul#menu-box li{
	line-height: 160% ;
	padding: 0px 0px 0px 30px ;
	/*text-shadow: 
	1px 1px 2px #FFF, -1px -1px 2px #FFF;*/
	float: left ;
}
ul#menu-box li a{
	font-family:"Arial";
	font-size: 95% ;
	letter-spacing: 0.1em ;
	font-weight: 400 ;
}
ul#menu-box li a{color: #231815 ;}
ul#menu-box li a:visited{color: #231815 ;}
ul#menu-box li a:hover{color: #CCCCCC ;}
/*
ul#menu-box li a{color: #FFFFFF ;}
ul#menu-box li a:visited{color: #231815 ;}
ul#menu-box li a:hover{color: #231815 ;}
*/
#sns-link-pc{
	width: 60px ;
	position: absolute ;
	right: -4px;
	top: 26px;
}
#sns-link-pc a{
	display: block ;
	width: 17px ;
	height: 17px ;
	padding-right: 12px ;
	background-repeat: no-repeat ;
	background-position: left top ;
	float: left ;
}
#sns-link-pc a.link-facebook{background-image: url(../images/temp-img/logo-facebook01.png) ;}
#sns-link-pc a.link-instagram{background-image: url(../images/temp-img/logo-instagram01.png) ;}

#sns-link-pc a:hover{background-position: left center ;}


#sns-link-pc{display: block ;}
#sns-link-sp{display: none ;}




h1{
	padding: 0px 0px 30px 0px ;
	font-size: 20px ;
}
h1 span{
	padding-left: 30px ;
	font-size: 55% ;
}





/* 上に戻るボタン */
#page-top {
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin: 0px 0px 0px -485px ;
    font-size: 77%;
    z-index: 99999999999;
}
#page-top a {
    background: #898989;
	text-decoration: none;
	color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    background: #9d9d9d;
}




footer{
	width: 1000px ;
	min-height: 150px ;
	margin: 0px auto ;
	position: relative ;
}

footer #logo02-1{
	display: none ;
}
footer #logo02-2{
	display: block ;
	width: 90px ;
	margin: 0px 0px 0px 0px ;
	text-align: center ;
	position: absolute ;
	right: 20px ;
	bottom: 30px ;
}
footer p{
	font-size: 70% ;
	color: #231815 ;
	text-align: right ;
	position: absolute ;
	right: 22px ;
	bottom: 3px ;
}












@media screen and (max-width:1024px) { 
    /*　for iPad 横 Landscape */

	header,main,footer{
		width: 100% ;
		max-width: 100% ;
		margin: 0px auto ;
		font-size: 1.8vw ;
	}
	h1{
		display: table ;
		margin: 0px 0px 0px 20px ;
	}

	ul#menu-box li,
	ul#menu-box li a{
		font-size: 2vw ;
	}

	#sns-link-pc{display: none ;}
	#sns-link-sp{display: block ;}

	#sns-link-sp{
		width: 100px ;
		position: absolute ;
		right: -4px;
		top: 26px;
	}
	#sns-link-sp a{
		display: block ;
		width: 35px ;
		height: 35px ;
		padding-right: 12px ;
		float: left ;
	}
	#sns-link-sp a.link-facebook{
		background: url(../images/temp-img/logo-facebook-sp01.png) left top no-repeat ;
	}
	#sns-link-sp a.link-instagram{
		background: url(../images/temp-img/logo-instagram-sp01.png) left top no-repeat ;
	}
	#sns-link-sp a:hover{
		background-position: left center ;
	}
	/* 上に戻るボタン */
	#page-top {
	    position: fixed;
	    bottom: 5vw ;
	    left: 2vw ;
	    margin: 0px 0px 0px 0px ;
	    font-size: 80%;
	    z-index: 99999999999;
	}
	#page-top a {
	    background: #898989;
		text-decoration: none;
		color: #fff;
	    width: 100px;
	    padding: 30px 0;
	    text-align: center;
	    display: block;
	    border-radius: 5px;
	}
	#page-top a:hover {
	    background: #9d9d9d;
	}
}



@media screen and (max-width:768px) { 
    /*　for iPhone 縦 Landscape */
	#main{
		font-size: 2.2vw ;
		line-height: 200% ;
	}
	ul#menu-box li a{
		font-size: 2.5vw ;
	}

	h1{
		font-size: 5vw ;
	}
}


@media screen and (max-width:414px) { 
    /*　for iPhone 縦 Landscape */
	#main{
		font-size: 3vw ;
		line-height: 200% ;
	}
	#logo01{
		display: block ;
		width: 250px ;
		margin: 72px auto 0px auto ;
		text-align: center ;
		position: static ;
	}
	ul#menu-box{
		display: table ;
		position: static ;
		margin: 22px auto 0px auto ;
	}
	ul#menu-box li{
		padding: 0px 13px 0px 13px ;
		/*text-shadow: 
		1px 1px 2px #FFF, -1px -1px 2px #FFF;*/
		float: left ;
	}
	ul#menu-box li a{
		font-size: 4vw ;
	}
	#sns-link-sp{
		width: 100px ;
		position: absolute ;
		right: 1px;
		top: -53px;
	}
	
	h1{
		display: table ;
		margin: 0px auto ;
	}
	
}