@charset "UTF-8";
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
a{text-decoration: none;}
html,body{height:100%;}

body{-webkit-text-size-adjust:none;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body{font-family: source-han-serif-japanese,serif;font-weight: 400;font-style: normal;}

#container1{position:relative;width:100%;height:100%;overflow:hidden;}

#logo{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index:100;mix-blend-mode: screen;text-align:center;}
#logo span{display:block;color:#FFF;font-size:18px;text-align:center;padding-bottom:5px;}

.flexslider .slides > li{background-position:center center;background-size:cover;height:100vh;width:100vw !important;}
.flexslider .slides > li:before{content:"";display:block;background:#000;opacity:0.5;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.flexslider .slides > li img{opacity:0;}
.flex-control-nav{display:none;}

#n_navi{position: absolute;left: 50%;top: 90%;margin-left: -325px;margin-top: -14px;z-index: 101;}
#n_navi ul li{float:left;margin-right:10px;}
#n_navi ul li a{display:block;width:101px;height:27px;}
#n_navi ul li a img{display:block;width:101px;height:27px;}

#n2_navi{position: absolute;
left: 1%;
top: 50%;
margin-left: 10px;
margin-top: -190px;
z-index: 10000;}
#n2_navi ul li{width:155px;margin-bottom:20px;}
#n2_navi ul li a{color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.2);display:block;text-align:center;width:150px;background:rgba(255,255,255,0.2);border-radius:20px;line-height:30px;} 



.copy {
margin: 0 auto;
position: absolute;
top: 96%;
left: 50%;
width:320px;
text-align:center;
margin-left: -160px;
color: #fff;
font-size: 10px;}

.nikotama_copy{position:absolute;right:10px;bottom:10px;z-index:100;color:#FFF;}
.nikotama_copy *{vertical-align: bottom;font-size:15px;}
.nikotama_copy img{width:150px;}


a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.flexslider{border:0;}
.flexslider:hover .flex-prev{display:none;}
.flexslider:hover .flex-next{display:none;}
#side{display:none;}
.topCon{display:none;}

.onPc{display:block;}
.onSp{display:none;}



@media screen and (min-width:480px) and (max-width:979px){
#n_navi ul li{float:left;margin-right:5px;margin-bottom:10px;}
#n_navi {
	width:340px;
position: absolute;
left: 50%;
top: 88%;
margin-left: -165px;
margin-top: -10px;
z-index: 101;
}
#n_navi ul li {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.copy{top:90%;}


/*.copy {
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
margin-top:400px;
margin-left: -160px;
color: #fff;
font-size: 10px;}*/

#unokoku_01 #logo{margin-left:-92px;margin-top:-99px;}
#unokoku_01 #logo img{width:184px;height:auto;}
#n2_navi ul li{margin-bottom:10px;}
#n2_navi{margin-top:-140px;}

/*#n2_navi{left:50%;margin-top:200px;margin-left:-155px;width:320px;}
#n2_navi ul li{float:left;width:160px;margin-bottom:5px;}*/

}
@media screen and (max-width:480px){
#logo{margin-left:-125px;margin-top:-90px;}
#logo img{width:249px;height:181px;}
body{height:560px;}

#n_navi {
position: absolute;
left: 50%;
top: 86%;
margin-left: -165px;
margin-top: -10px;
z-index: 101;
}
#n_navi ul li {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.copy {
margin: 0 auto;
position: absolute;
top: 95%;
left: 50%;
margin-left: -160px;
color: #fff;
font-size: 10px;}

#namizo_01 #logo{margin-left:-75px;margin-top:-75px;}
#namizo_01 #logo img{width:150px;height:150px;}

#namizo_02 #logo{margin-left:-75px;margin-top:-75px;}
#namizo_02 #logo img{width:150px;height:150px;}

#unokoku_01 #logo{margin-left:-116px;margin-top:-120px;}
#unokoku_01 #logo img{width:231px;height:239px;}

#unokoku_02 #logo{margin-left:-123px;margin-top:-123px;}
#unokoku_02 #logo img{width:245px;height:245px;}

#unokoku_02b #logo{margin-left:-89px;margin-top:-94px;}
#unokoku_02b #logo img{width:178px;height:188px;}

.h2 #main{position:absolute;width:1440px;height:1100px;left:50%;top:50%;margin-left:-720px;margin-top:-550px;}
body.h2{height:1100px;}
.flex-direction-nav {
width: 980px;
position: absolute;
left: 50%;
top: 0;
margin-left: -490px;
height: 555px;
z-index: -500;
}

#unokoku_01 #unokoku_logo{margin-left:-92px;margin-top:-99px;}
#unokoku_01 #unokoku_logo img{width:184px;height:auto;}
#n2_navi{left:50%;top:50%;transform:translate(-50%,-50%);margin:0;}
#n2_navi ul li{float:none;}

body{background:#000;}

}