@charset "UTF-8";


/* cfix
----------------------------------------------- */

	.cfix{
		height:inherit;
		margin:auto;
		zoom:1;
	}

	.cfix:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	/*mac\*/
	
	*html .cfix{ height:1%;}
	
	.cfix{ display:block;}
	
	a{ background:url(img/parts/spacer.png) no-repeat;}
	
	
	
/* hack
----------------------------------------------- */	
	
	.deg{
		-moz-transform: rotate(0.05deg);
		-webkit-transform: rotate(0.05deg);
		-o-transform: rotate(0.05deg);
		-ms-transform: rotate(0.05deg);
		transform: rotate(0.05deg);
	}
	
	
	
	
	
/* anim
----------------------------------------------- */
	

.anim{
	-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
    transition: all 300ms cubic-bezier(.50,.0,.50,1);
}

.bgBtn{
-moz-transition: -moz-all 200ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 200ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 200ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 200ms cubic-bezier(.50,.0,.50,1);
    transition: all 200ms cubic-bezier(.50,.0,.50,1);
}


/* sample
----------------------------------------------- */


p:nth-of-type(2){}







/* class
----------------------------------------------- */
a.btn{ display:block;  text-indent: 200%; white-space: nowrap;overflow: hidden;height:inherit;}
.hide{ display:block;  text-indent: 200%; white-space: nowrap;overflow: hidden;height:inherit;}

.red{ color:#c7514b;}

.onlyPC{ display:block;}
.onlySP{ display:none;}


.touchDevice table.onlyWidthSP{ display:none;}

.winWidthPC table.onlyWidthPC{ display:table;}
.winWidthPC table.onlyWidthSP{ display:none;}

.winWidthSP table.onlyWidthPC{ display:none;}
.winWidthSP table.onlyWidthSP{ display:table;}

.onlyNormal{ display:block;}
.touchDevice .onlyNormal{ display:none;}

.globalInner{ width:98%; margin:auto;}



/* top
----------------------------------------------- */


section#teaserTop{ overflow:hidden; max-height:1000px; min-height:auto;}

section#teaserTop .visual{ max-height:1000px; min-height:500px;background:url(img/top/teaser_photo.jpg) right center no-repeat; background-size: auto 95%; float:left;}
section#teaserTop .contents{ max-height:1000px; min-height:500px; float:right; text-align:center; vertical-align:middle;}
section#teaserTop .contents .text{ min-width:360px;  max-width:600px; min-height:500px;max-height:920px;  font-size:1rem; line-height:1.6; display:table-cell; vertical-align:middle; box-sizing:border-box; padding:0 40px; border:solid 0px #f30; }

section#teaserTop .contents .text h1{  font-size:2.5rem; font-weight:700; height:0px; padding-top:60px; margin-bottom:20px; overflow:hidden; background:url(img/common/logo_naoron.png) center center no-repeat; background-size:contain;}
section#teaserTop .contents .text h3{  font-size:1.5rem; font-weight:700; padding-top:2rem;}

section#teaserTop .contents .text p{  font-size:1.15rem; margin-bottom:0;}





/* slide
----------------------------------------------- */
.mainVisualSlider {
  height: 670px;
  position: relative;
	z-index: 40;
  background-color: #fff;
  margin-bottom:60px;
	
	transform:scale(0.7,0.7)
   }

.mainVisualSlider .slick-list {
  position: relative;
  z-index: 2; }

.mainVisualSlider .slick-slide {
  }

.mainVisualSlider .slick-slide a {
  display: block;
  }

.mainVisualSlider .dotNav {
  position: absolute;
  bottom: -28px;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center; }

.mainVisualSlider .dotNav li {
  display: inline-block;
  margin: 0 -2px;
  cursor: pointer; }

.mainVisualSlider .dotNav li button {
  position: relative;
  width: 45px;
  height: 28px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://portal.cache.dia-horizon.jp/img/common/dot_normal-4b70c2e0.png") center bottom no-repeat;
  background-size: auto 200% !important;
  cursor: pointer; }

.mainVisualSlider .dotNav li.slick-active button {
  background: #666;
  background-size: auto 200% !important; }

.mainVisualSlider .dotNav li button:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 45px;
  height: 28px;
  background: #ccc;
  background-size: auto 200% !important; }

.mainVisualSlider .dotNav li.slick-active button:after {
  
  background-size: auto 200% !important; }

.mainVisualSlider .dotNav li button:hover:after {
  -webkit-animation: flash 1.0s ease-in-out forwards;
  animation: flash 1.0s ease-in-out forwards; }

.mainVisualSlider .slick-next {
  right: -60px; }

.mainVisualSlider .slick-prev {
  left: -60px; }

.mainVisualSlider .slick-prev, .mainVisualSlider .slick-next {
	
	
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    position: absolute;

    z-index: 50;
    background-color:#bd2a28;
    border: solid 3px #fff;
	
	
  font-size: 0 !important;
  line-height: 0 !important;
  position: absolute !important;
  top: 50% !important;
  display: block !important;
 
  -webkit-transform: translate(0, -50%) !important;
  transform: translate(0, -50%) !important;
  cursor: pointer !important;
  color: transparent !important;
  outline: none !important; }

.mainVisualSlider .slick-prev:after,
.mainVisualSlider .slick-next:after {
  content: '' !important;
  position: absolute !important;
  top: -3px !important;
  left: -3px !important;
  z-index: 11;
  display: block !important;
  width: 80px !important;
  height: 80px !important;
  opacity: 1;
  -webkit-transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1) !important;
  transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1) !important; }

.mainVisualSlider .slick-next:after {
  background: #ccc; }

.mainVisualSlider .slick-prev:after {
  background: #ccc }

.mainVisualSlider .slick-prev:hover:after,
.mainVisualSlider .slick-next:hover:after {
  -webkit-animation: flash 1s ease-in-out forwards;
  animation: flash 1s ease-in-out forwards; }

.mainVisualSlider .slick-prev:before, .mainVisualSlider .slick-next:before {
  display: none !important; }
  
  



section#gallery{ min-height:700px; text-align:center; padding:5%;}

section#gallery ul.gallery { overflow:hidden;}
section#gallery ul.gallery li{ display:inline-block; width:21%; padding-top:22%; margin:0 2% 4% 2%; float:left; cursor:pointer; transition: all 300ms cubic-bezier(.50,.0,.50,1);}
section#gallery ul.gallery li:hover{filter: brightness(103%);}

section#gallery ul.gallery li:nth-of-type(1){background:url(img/top/gallery/29726.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(2){background:url(img/top/gallery/29689.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(3){background:url(img/top/gallery/29754.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(4){background:url(img/top/gallery/29758.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(5){background:url(img/top/gallery/29739.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(6){background:url(img/top/gallery/29765.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(7){background:url(img/top/gallery/29714.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(8){background:url(img/top/gallery/29716.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(9){background:url(img/top/gallery/29695.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(10){background:url(img/top/gallery/29701.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(11){background:url(img/top/gallery/29679.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(12){background:url(img/top/gallery/29773.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(13){background:url(img/top/gallery/29724.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery li:nth-of-type(14){background:url(img/top/gallery/29748.jpg) center center no-repeat; background-size:cover;}

section#gallery ul.gallery li a{}





section#gallery ul.gallery2 { overflow:hidden;}
section#gallery ul.gallery2 li{ display:inline-block; width:21%; padding-top:0; margin:0 2% 4% 2%; float:left; background-color:#ddd; overflow:hidden;}


section#gallery ul.gallery2 li:nth-of-type(1){background:url(img/top/gallery/29726.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(2){background:url(img/top/gallery/29689.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(3){background:url(img/top/gallery/29754.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(4){background:url(img/top/gallery/29758.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(5){background:url(img/top/gallery/29739.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(6){background:url(img/top/gallery/29765.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(7){background:url(img/top/gallery/29714.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(8){background:url(img/top/gallery/29716.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(9){background:url(img/top/gallery/29695.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(10){background:url(img/top/gallery/29701.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(11){background:url(img/top/gallery/29679.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(12){background:url(img/top/gallery/29773.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(13){background:url(img/top/gallery/29724.jpg) center center no-repeat; background-size:cover;}
section#gallery ul.gallery2 li:nth-of-type(14){background:url(img/top/gallery/29748.jpg) center center no-repeat; background-size:cover;}

section#gallery ul.gallery2 li a{ display:block; width:100%; padding-top:100%;position:relative;}

section#gallery ul.gallery2 li a:after{
	transition: all 300ms cubic-bezier(.50,.0,.50,1); 
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - 10px) ;
	padding-top:calc(100% - 10px) ;
	border:solid 5px #000;
	background:#000;
	opacity:0;
	margin:0px;
}

section#gallery ul.gallery2 li a:hover:after{ opacity:.05;}






section#author{ overflow:hidden; text-align:center; padding:20px 0;}

section#author article{ width:50%; float:left; box-sizing:border-box; padding:60px 20px;}
section#author article h3{ font-size:1.8rem; line-height:1.6; font-weight:700;}
section#author article h4{ font-size:1.3rem;}
section#author article p{ font-size:0.8rem;}



section#author article:nth-of-type(2){ border-left:solid 1px #ccc;}







section#shop{ padding: 5%;}


section#shop h3{ font-size:3em; text-align:center;}

table.shopList {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.shopList th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
	vertical-align:middle;
}
table.shopList td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	 line-height:1.3;
}

table.shopList td:nth-of-type(1){ width:80px;}
table.shopList td:nth-of-type(2){ width:180px;}

table.shopList td p{ padding:0; margin:0; line-height:1.3;}












/* coverWrap
----------------------------------------------- */
#coverWrap{  position:relative; top:0; left:0; width:100%; height:auto; background:url(../img/parts/black_5.png);  z-index:1000; display:block; overflow:hidden; opacity:.5; color:#fff;}

#coverWrap.fixed{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9000;}

#coverWrap .close{ display:none; position:absolute; top:10px; right:10px;z-index:102; width:40px; height:40px;text-align:center; line-height:70px; color:#000; cursor:pointer; font-size:1.4rem; display:none;}


#coverWrap .close hr{
	
		width:40px;
border-top:solid 3px #999;
	
	}

#coverWrap .close hr:nth-of-type(1){
	position:absolute;
	top:15px;
	left:0px;
    transform: rotate(45deg);
	
	}
#coverWrap .close hr:nth-of-type(2){
	position:absolute;
	top:15px;
	left:0px;
    transform: rotate(-45deg);}


#coverWrap #youtube{ width:640px; height:360px; }


#coverContents{width:900px; height:auto;  position:absolute; top:50%; left:50%; margin:auto;  z-index:1102;background-color:#000; overflow-y:auto; }
#coverContentsOut{width:100%; height:100%;  position:fixed; top:0; left:0; margin:0;  z-index:1101; }

#coverWrap .loadInner{ padding:50px 50px; height:100%; font-size:1.2rem; line-height:1.6; transition: all 400ms cubic-bezier(.50,.0,.50,1);}

#coverWrap .loadInner.hidden{ opacity:0;}

#coverWrap #coverContents.gallery{ background-color:#fff; width:500px; height:500px; margin:-310px 0 0 -250px; overflow:hidden;}
#coverWrap #coverContents.gallery .loadInner{  height:auto; }

#coverWrap #coverContents.gallery .loadInner .photo{ width:400px; height:400px; margin:auto;}
#coverWrap #coverContents.gallery .loadInner .data{ text-align:center; color:#666; padding-top:10px; font-size:0.8em; letter-spacing:0.05em; display: none;}
#coverWrap #coverContents.gallery .loadInner .data .jp{}
#coverWrap #coverContents.gallery .loadInner .data .en{}

#coverWrap .nav{ position:absolute;top:0; left:0; color:#000; z-index:2000;}

#coverWrap .nav .prev,
#coverWrap .nav .next{ bdisplay:inline-block; width:100px; height:100px; border-radius:3px; color:#c00;  cursor:pointer;}

#coverWrap .nav .prev:before,
#coverWrap .nav .next:before{ content:''; width:54px; height:54px;
border-top:solid 2px #c00;
border-right:solid 2px #c00;
	
}

#coverWrap .nav .prev:before{ 	
	position:absolute;
	top:21px;
	left:31px;
    transform: rotate(-135deg);
}

#coverWrap  .nav .next:before{
	position:absolute;
	top:21px;
	right:31px;
    transform: rotate(45deg);
}


#coverWrap .nav .prev.hidden,
#coverWrap .nav .next.hidden{ display:none;}

#coverWrap  .nav .prev{ position:fixed; top:50%; left:50%; margin:-90px 0 0 -350px;}
#coverWrap  .nav .next{ position:fixed; top:50%; right:50%; margin:-90px -350px 0 0;}

#coverWrap .nav .nav_close{ display:block; width:100px; text-align:center; padding:5px; border-radius:3px; margin:auto;letter-spacing:0.01em;position:fixed; top:50%; left:50%; margin:280px 0 0 -50px; color:#c00; text-decoration:underline; cursor:pointer;}


/* coverMenu
----------------------------------------------- */

#coverMenu{ position:absolute; top:0; left:0; z-index:1000; width:100%; min-height:100%; opacity:0; overflow:hidden; background: url(../img/parts/black_70.png);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
	 pointer-events: none;
	 
 }
#coverMenu.open{ opacity:1; pointer-events:auto;}

#coverMenu .spMenuCloseBtn{ border:solid 1px #fff; width:50px; height:50px; position:fixed; top:50px; right:50px;}

#coverMenu nav{}

#coverMenu nav .globalMenu{ padding-top:50px;}
#coverMenu nav .globalMenu li{padding:30px;}
#coverMenu nav .globalMenu li a{ display:block; font-size:4rem; line-height:1;}
#coverMenu nav .globalMenu li a:hover{ color:#eee;}