@charset "UTF-8";

body{
	font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	margin:0;
	max-height:100%;
	-webkit-text-size-adjust:100%
}

img{
	height:auto;
	max-width:100%
}

a{
	display:inline-block;
	max-width:100%;
	text-decoration:none
}

h1,h2,h3,h4,h5,h6{font-size:small}

img{vertical-align:bottom}

ul{list-style-type:none}

.ib-m>*{
	display:inline-block;
	float:none;
	vertical-align:middle
}

.ib-b>*{
	display:inline-block;
	float:none;
	vertical-align:bottom
}

[data-hover="a"]{
	-webkit-transition:opacity .5s;
	transition:opacity .5s
}

.a{opacity:.5}

a:hover{text-decoration:none}

body{background:#efeee3}

html,body{overflow-x:hidden}

/**/

.zoom-box{
	overflow:hidden;
	position:relative
}

.zoom-black{
	background:#000;
	height:100%;
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	width:100%
}

.zoom-black{
	-webkit-transition:opacity .5s;
	transition:opacity .5s
}

.zoom>.zoom-black{opacity:.5}

.zoom-img{
	-webkit-transition:-webkit-transform 1s;
	transition:transform 1s
}

.zoom>.zoom-img{
	-webkit-transform:scale(1.25);
	transform:scale(1.25)
}

.pos-img{
	bottom:0;
	left:0;
	margin:auto;
	opacity:0;
	position:absolute;
	right:0;
	top:0
}

.pos-img{
	-webkit-transition:opacity .5s;
	transition:opacity .5s
}

.zoom>.pos-img{opacity:1}

/**/

#btn{
	bottom:0;
	left:10px;
	margin:auto;
	height:130px;
	position:fixed;
	top:0;
	z-index:2
}

#btn>a{display:block}

#btn>a+a{margin-top:5px}

#menu-back{
	background:#e73;
	border-radius:5px;
	padding:5px;
	position:fixed;
	right:10px;
	top:10px;
	z-index:3
}

.close,
.close:hover{opacity:1}

#menu{
	cursor:pointer;
	height:45px;
	position:relative;
	width:45px
}

#menu>*{
	background:#fff;
	height:5px;
	position:absolute;
	width:100%
}

.close>*{
	-webkit-transition:top .5s .5s,-webkit-transform .5s;
	transition:top .5s .5s,transform .5s
}

.close>.menu-1{top:5px}

.close>.menu-2{top:20px}

.close>.menu-3{top:35px}

#menu.open>*{
	-webkit-transition:top .5s,-webkit-transform .5s .5s;
	transition:top .5s,transform .5s .5s
}

.open>.menu-1,
.open>.menu-2{
	top:20px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

.open>.menu-3{
	top:20px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}

/**/

#header-back{
	background:#e70;
	height:100%;
	overflow:auto;
	position:fixed;
	-webkit-transition:top .5s;
	transition:top .5s;
	top:-100%;
	width:100%;
	z-index:2
}

#header-back.open{top:0}

#header-back>*{
	display:table;
	height:100%;
	position:absolute;
	width:100%
}

#header-cell{
	display:table-cell;
	padding:1%;
	vertical-align:middle
}

#header-cell>ul{
	margin:auto;
	max-width:395px;
	padding:0
}

#header-cell li+li{margin-top:15px}

#header-cell li:nth-child(10)~li{display:none}

/**/

#footer-back{background:#d4ccc5}

#footer-back>div{
	margin:auto;
	max-width:1655px;
	width:95%
}

#footer-back>#footer-box{margin-top:5%}

#footer-box>*{padding:2% 0}

#footer a{color:#333}

#footer-1>*,
#footer-2>*{
	display:inline-block;
	vertical-align:middle
}

#footer-1 p{margin:0}

#footer-1 div+div{margin-top:10px}

#footer-2{text-align:right}

#footer-2 ul{
	margin:0;
	padding:0;
	text-align:left
}

#footer-2 li+li{margin-top:10px}

#footer-1>address{text-align:left}

#footer-1>address,
#footer-2>ul+ul{margin-left:5%}

#footer-back>hr{
	border:none;
	border-top:1px solid #231815;
	margin:0
}

#footer-logo{margin-bottom:5%}

/**/

#copy-box>*{padding:1% 0}

#copy p{margin:0}

#copy p>*{
	color:#333;
	font-size:12px
}

#copy-2{text-align:right}

/**/

.title{
	background:#d4ccc5;
	margin:0 0 5%;
	padding:2% 0;
	text-align:center
}

.title>span{
	display:block;
	font-size:15px;
	font-weight:bold;
	margin-top:1%
}

.list-1>*>*{
	display:table-cell;
	vertical-align:top
}

@media(max-width:767px){

	#footer,
	#footer-2{
		font-size:12px;
		text-align:center
	}

}

@media(max-width:500px){
	#btn{display:none}
	
	#header-cell>ul{
		-webkit-transform:scale(.7);
		transform:scale(.7)
	}
	
	#header-cell li:nth-child(10)~li{display:block}
}

/**/

.arrow-box{
	position:relative;
}

.arrow-box>span{
	display:inline-block;
	padding-right:15px;
}

.arrow,
.arrow>*{
	background:#333;
	height:3px;
	position:absolute;
}

.arrow{
	/*-webkit-transform:translateY(100%);
	transform:translateY(100%);*/
	width:0;
}

.arrow>*{
	max-width:15px;
	right:0;
	-webkit-transform-origin:top right;
	transform-origin:top right;
	width:100%;
}

.arrow-on>.arrow{
	-webkit-transition:width .5s;
	transition:width .5s;
	width:100%;
}

.arrow-on>.arrow>*{
	-webkit-transition:-webkit-transform .5s .5s;
	transition:transform .5s .5s;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.arrow{
	-webkit-transition:width .5s .5s;
	transition:width .5s .5s;
	width:0;
}

.arrow>*{
	-webkit-transition:-webkit-transform .5s;
	transition:transform .5s;
	-webkit-transform:rotate(0);
	transform:rotate(0);
}