@charset "UTF-8";
body{margin:0;max-height:100%;-webkit-text-size-adjust:100%;}
html,body{overflow-x:hidden;}
img{height:auto;max-width:100%;vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{font-size:small;margin:0;}
a{display:inline-block;max-width:100%;text-decoration:none;vertical-align:bottom;}
ol,ul{list-style-type:none;margin:0;padding:0;}p,figure{margin:0;}
.ib-box>*{display:inline-block;max-width:100%;}.cell-box>*,.single-box>*{display:table-cell;}.single-box>*:last-child{padding-left:5px;}
.vt-box>*{vertical-align:top;}.vm-box>*{vertical-align:middle;}.vb-box>*{vertical-align:bottom;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.ma{margin:auto;}
.ib{display:inline-block;max-width:100%;vertical-align:bottom;}.b{display:block;}
.f-l{float:left;}.f-r{float:right;}
.min,.min *,.go,.go *,.maru,.maru *{font-style:normal;letter-spacing:1px;line-height:1.5em;}
.min,.min *{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;}
.go,.go *{font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;}
.maru,.maru *{font-family: "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;}
.f10,.f10 *{font-size:10px;}
.f11,.f11 *{font-size:11px;}.f12,.f12 *{font-size:12px;}.f13,.f13 *{font-size:13px;}.f14,.f14 *{font-size:14px;}.f15,.f15 *{font-size:15px;}
.f16,.f16 *{font-size:16px;}.f17,.f17 *{font-size:17px;}.f18,.f18 *{font-size:18px;}.f19,.f19 *{font-size:19px;}.f20,.f20 *{font-size:20px;}
.f21,.f21 *{font-size:21px;}.f22,.f22 *{font-size:22px;}.f23,.f23 *{font-size:23px;}.f24,.f24 *{font-size:24px;}.f25,.f25 *{font-size: 15px;}
.f26,.f26 *{font-size:26px;}.f27,.f27 *{font-size:27px;}.f28,.f28 *{font-size:28px;}.f29,.f29 *{font-size:29px;}.f30,.f30 *{font-size:30px;}
.f31,.f31 *{font-size:31px;}.f32,.f32 *{font-size:32px;}.f33,.f33 *{font-size:33px;}.f34,.f34 *{font-size:34px;}.f35,.f35 *{font-size:35px;}
.f36,.f36 *{font-size:36px;}.f37,.f37 *{font-size:37px;}.f38,.f38 *{font-size:38px;}.f39,.f39 *{font-size:39px;}.f40,.f40 *{font-size:40px;}
.fb,.fb *{font-weight:bold;}
.por{overflow:hidden;position:relative;}.por-c{left:0;margin:auto;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;}
.w90{width:90%;}.w100{width:100%;}
.br-t{display:none;}.br-s{display:none;}
.s1,.s1 *{-webkit-transition:1s;transition:1s}
@media(max-width:960px){
.br-d{display:none;}.br-t{display:block;}
.f10-t,.f10-t *{font-size:10px;}
.f11-t,.f11-t *{font-size:11px;}.f12-t,.f12-t *{font-size:12px;}.f13-t,.f13-t *{font-size:13px;}.f14-t,.f14-t *{font-size:14px;}.f15-t,.f15-t *{font-size:15px;}
.f16-t,.f16-t *{font-size:16px;}.f17-t,.f17-t *{font-size:17px;}.f18-t,.f18-t *{font-size:18px;}.f19-t,.f19-t *{font-size:19px;}.f20-t,.f20-t *{font-size:20px;}
.f21-t,.f21-t *{font-size:21px;}.f22-t,.f22-t *{font-size:22px;}.f23-t,.f23-t *{font-size:23px;}.f24-t,.f24-t *{font-size:24px;}.f25-t,.f25-t *{font-size:25px;}
.f26-t,.f26-t *{font-size:26px;}.f27-t,.f27-t *{font-size:27px;}.f28-t,.f28-t *{font-size:28px;}.f29-t,.f29-t *{font-size:29px;}.f30-t,.f30-t *{font-size:30px;}
.f31-t,.f31-t *{font-size:31px;}.f32-t,.f32-t *{font-size:32px;}.f33-t,.f33-t *{font-size:33px;}.f34-t,.f34-t *{font-size:34px;}.f35-t,.f35-t *{font-size:35px;}
.f36-t,.f36-t *{font-size:36px;}.f37-t,.f37-t *{font-size:37px;}.f38-t,.f38-t *{font-size:38px;}.f39-t,.f39-t *{font-size:39px;}.f40-t,.f40-t *{font-size:40px;}
}
@media(max-width:600px){
.br-t{display:none;}.br-s{display:block;}
.f10-s,.f10-s *{font-size:10px;}
.f11-s,.f11-s *{font-size:11px;}.f12-s,.f12-s *{font-size:12px;}.f13-s,.f13-s *{font-size:13px;}.f14-s,.f14-s *{font-size:14px;}.f15-s,.f15-s *{font-size:15px;}
.f16-s,.f16-s *{font-size:16px;}.f17-s,.f17-s *{font-size:17px;}.f18-s,.f18-s *{font-size:18px;}.f19-s,.f19-s *{font-size:19px;}.f20-s,.f20-s *{font-size:20px;}
.f21-s,.f21-s *{font-size:21px;}.f22-s,.f22-s *{font-size:22px;}.f23-s,.f23-s *{font-size:23px;}.f24-s,.f24-s *{font-size:24px;}.f25-s,.f25-s *{font-size:25px;}
.f26-s,.f26-s *{font-size:26px;}.f27-s,.f27-s *{font-size:27px;}.f28-s,.f28-s *{font-size:28px;}.f29-s,.f29-s *{font-size:29px;}.f30-s,.f30-s *{font-size:30px;}
.f31-s,.f31-s *{font-size:31px;}.f32-s,.f32-s *{font-size:32px;}.f33-s,.f33-s *{font-size:33px;}.f34-s,.f34-s *{font-size:34px;}.f35-s,.f35-s *{font-size:35px;}
.f36-s,.f36-s *{font-size:36px;}.f37-s,.f37-s *{font-size:37px;}.f38-s,.f38-s *{font-size:38px;}.f39-s,.f39-s *{font-size:39px;}.f40-s,.f40-s *{font-size:40px;}
}
/**/
[data-hover="a"]{-webkit-transition:.5s;transition:.5s}.a{opacity:.5}
/**/


h3,h4 {
    font-size: 16px;
    font-weight: normal;
}

.oh{
	overflow:hidden;
}

[data-hover="zoom"]{
	overflow:hidden;
	color:#333;
}

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

.zoom .zoom-con{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}


#menu{
	display:none;
}

/**/

/*

#header{
	padding:10px 0;
	position:fixed;
	width:100%;
	z-index:3;
}

.header-scroll{
	background:#fff;
}

/**/



#header-back{
	background:#000;
	position:fixed;
	width:100%;
	z-index:3;
}

#header-box{
	max-width:1000px;
	overflow:hidden;
    padding: 20px 0;
}

#header-box>*{
}

#header>*{
	width: 19%;
}

#header a{
	color:#fff;
}

.common_logo {
	width: 15%;
	display: inline-block;
	vertical-align: middle;
}

.he_right {
    width: 80%;
	margin:0 0 0 10px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}



#side-nav{
	background:#000;
	height:100%;
	max-width:300px;
	position:fixed;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
	-webkit-transition:.5s;
	transition:.5s;
	width:100%;
	z-index:3;
}

#side-nav.side-open{
	-webkit-transform:translateX(0);
	transform:translateX(0);
}

#side-nav a{
	color:#fff;
}

/**/

#footer{
	background:#000;
}

#footer-box{
	max-width:1000px;
}

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

#footer-nav{
	padding-bottom:3%;
}

#footer-nav a{
	color:#fff;
	padding:0 10px;
}

/**/

#list *{
	color:#fff;
}

#list>div{
	margin-top:2%;
}

#list .single-box>*:first-child{
	float:left;
}

/**/

#footer small{
	color:#fff;
	margin-top:3%;
}

/**/

.link{
	position:relative;
	top:-54px;
}

/**/

@media(max-width:600px){

#side-nav ul li {
	border-bottom: 1px solid #333;
	text-align: center;
}

#side-nav ul li a {		
	padding: 15px 0;
	display: block;
}


#header-box {
	padding:15px 0;
}


.common_logo {
    text-align: center;
    display: block;
    margin: auto;
    width: 30%;
}

.he_right {
	display:none;
}


/**/

#menu{
	display:block;
	cursor:pointer;
	height:25px;
	left:15px;
	position:fixed;
	top:15px;
	width:45px;
	z-index:4;
}

#menu>*{
	height:2px;
	margin:auto;
	position:absolute;
	-webkit-transition:.5s;
	transition:.5s;
	width:100%
}

.close>*{
	background:#fff;
}

.close>.menu-1{
	bottom:0;
	top:100%;
}

.close>.menu-2{
	bottom:0;
	top:0;
}

.close>.menu-3{
	bottom:100%;
	top:0;
}

.open>*{
	background:#fff;
}

.open>.menu-1{
	top:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.open>.menu-2{
	opacity:0;
}

.open>.menu-3{
	bottom:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/**/

	#header>a{
		max-width:30%;
	}


	#menu{
    height: 20px;
    left: 15px;
    top: 18px;
    width: 30px;
	}

}