body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{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:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
figure{margin:0;padding:0;border:0;}
html{overflow-y: hidden;overflow-x: auto;}
html, body{
	position: relative;width: 100%;min-height: 100%;margin:0;padding:0;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 100%;-webkit-text-size-adjust: 100%;
	
}

body{background: #fff;color: #222;-webkit-text-size-adjust:100%;width:100%;padding:0;margin:0;position:absolute;}
.vert{
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	line-height:1.2;
}
* {
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
a, a:link, a:visited{color:#222;text-decoration:none;display:inline-block;}
a:hover, a:focus{color:#c00;}

header{position:fixed;top:50px;left:50%;width:400px;height:150px;z-index:9999;margin-top:0;margin-left:-200px;
-webkit-transition: all .75s ease;
-moz-transition: all .75s ease;
-ms-transition: all .75s ease;
transition: all .75s ease;}
header.loading{top:50%;margin-top:-75px;}
header ul{position:absolute;width:400px;height:120px;top:0;left:0;right:0;bottom:0;margin:auto;}
header ul li{display:inline-block;font-size:0.9em;font-weight:600;width:50px;text-indent:0;vertical-align:top;line-height:50px;margin-top:20px;letter-spacing:0.1em;background:#fff;padding-bottom:15px;}
header ul li{visibility:hidden;opacity:0;}
header ul li.logo{display:inline-block;width:100px;line-height:100px;padding-bottom:0;opacity:0;visibility:visible;}
header ul li h1{margin-top:-20px;}
header ul li h1 img{position:relative;z-index:99;width:80px;height:auto;}
header ul li h1 .logot{position:relative;z-index:1;margin-top:-60px;}
header ul li .lss{letter-spacing:0;}
header ul li a.current{color:#c00;}
header #loader{display:inline-block;margin:auto;width:50px;height:100px;position:absolute;top:130px;left:0;right:0;bottom:0;line-height:50px;}

article{position:absolute;top:0;right:0;width:100%;height:100%;overflow-y:hidden;overflow-x:scroll;}

article::-webkit-scrollbar{width:12px;height:12px;}
article::-webkit-scrollbar-thumb{background: #333;border-radius: 10px;}
article::-webkit-scrollbar-track-piece:start{background: #ccc;}
article::-webkit-scrollbar-track-piece:end{background: #ccc;}

section{min-width:100%;padding:200px 100px 100px;position:relative;margin-left:100px;z-index:50;display:none;}
h2{font-size:1.2em;padding: 0 2em 0 1em;}
h3{line-height:1.5em;margin-left:2em;padding-top:20px;}

#top{height:100%;}
#top h2{display:none;}
#top .pWrapper,
#top .topbg{position:absolute;width:80%;height:80%;display:inline;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
#top .pWrapper img{position: absolute;top: 15%;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%;max-height:100%;cursor:pointer;}
#top .pWrapper img.p1{z-index:50;}
#top .pWrapper img.p2{opacity:0;z-index:55;}
#top .pWrapper img.p3{opacity:0;z-index:60;}
#top .pWrapper img.p4{opacity:0;z-index:66;}
#top .pWrapper img.p5{opacity:0;z-index:70;}
#top .pWrapper img.p6{opacity:0;z-index:75;}
#top .topbg{z-index:80;}
.mobile #top .topbg{display:none;}
#top .topbg img{position:absolute;}
#top .topbg img.imgL{max-width:20%;max-height:25%;}
#top .topbg img.imgM{max-width:12%;max-height:15%;}
.tbg1{left:-1%;top:0%;}
.tbg2{left:-2%;top:50%;}
.tbg3{left:0%;top:88%;}
.tbg4{left:9%;top:20%;}
.tbg5{left:15%;top:70%;}
.tbg6{left:28%;top:16%;}
.tbg7{left:13%;top:45%;}
.tbg8{left:25%;top:91%;}
.tbg9{left:75%;top:25%;}
.tbg10{left:67%;top:75%;}
.tbg11{left:70%;top:95%;}
.tbg12{left:74%;top:45%;}
.tbg13{left:88%;top:10%;}
.tbg14{left:95%;top:40%;}
.tbg15{left:87%;top:85%;}

#news img{height:100%;width:auto;padding-top:20px;max-width:900px;max-height:600px;}
#news h4{color:#111;font-size:140%;font-weight:700;text-align:left;margin-left:15px;}
#news h4.price{float:none;}
#news p{padding-top:20px;line-height:1.5em;margin-left: 50px;}
#news p.price{text-align:right;margin-left: 20px;white-space:nowrap;}
#news img.price{margin-left:50px;}
#news .tright{display:block;text-align:right;margin-right: 10px;}
.ml50{margin-left:50px;}
#news img.price.ml50{margin-left:100px;}
.txt110{font-size:110%;}
.txt130{font-size:130%;line-height:1.5em;}
.txtb{font-weight:900;}
#news .txtb{display:inline-block;margin-left:12px;}
#news p.ny{text-align:center;}
#news img.ny{max-height:200px;}

#about img{height:100%;width:auto;padding-top:20px;max-width:900px;max-height:600px;}
#about h2,
#about h3{max-height:600px;}


#particular{}
#particular ul,
#particular h3,
#particular h4{max-height:600px;}
#particular ul li{margin-left:50px;}
#particular h3{font-size: 1.5em;color: #fff;text-align:left;margin-left:15px;}
#particular h3 .part{font-size:60%;display:inline-block;margin-bottom:15px;}
#particular h4{color:#111;font-size:140%;font-weight:700;text-align:left;margin-left:15px;}
#particular p{text-align:left;margin-left:15px;color:#333;line-height:1.5em;}
.fort{font-weight:700;}
ul.videos li{display: inline-block;width:100%;height:100%;margin: 10px 0 20px;color: #999;text-align: center;}
ul.videos li img{height: 150px;width: auto;margin: 2px;border: 1px solid #333;}
ul.videos li img.titleimg{height:100%;border:none;padding:0;margin:0;}
ul.videos li.horiz img{width: 150px;height: auto;vertical-align: top;}
ul.videos li img:hover{ border: 1px solid #fff;}
ul.videos li img.titleimg:hover{ border:none}
video{width:100%;max-width:640px;height:100%;max-height:360px;background:#000;}
#top,
#top .pWrapper,
#top .pWrapper img,
video,
.map{
	-webkit-writing-mode: initial;
	-moz-writing-mode: initial;
	-ms-writing-mode: initial;
	-ms-writing-mode: initial;
	writing-mode: lr-tb;
}

#menu ul,
#menu h2{max-height:600px;}
#menu ul{text-align:center;}
#menu ul li{clear:both;}
#menu dl{margin-left:20px;margin-right:20px;}
#menu dl dt{text-align:left;float:left;line-height:50px;font-size:150%;}
#menu .m1{line-height:50px;margin-left:0;padding-top:20px;}
#menu h4{font-size: 1.5em;color: #fff;text-align:left;margin-left:35px;}
#menu dl dd{text-align:right;padding-bottom:20px;padding-top:100px;margin-left:15px;line-height:50px;font-size:150%;}
#menu img{max-width:400px;margin-left:50px;}
#menu img.imgmenu{max-height:100%;}
#menu h2{margin-right:300px;}
#menu .swimming{width:200px;height:59px;overflow:hidden;position:absolute;top:50%;margin-top:-30px;margin-right:-400px;}
#menu .swimming img{width:100%;position:absolute;top:0;}

#shop ul,
#shop h3,
#shop img{max-height:600px;}
#shop ul{margin-left:150px;}
#shop h3{font-size: 1.5em;color: #fff;}
#shop img{height:100%;width:auto;padding-top:20px;}
#shop dl{padding-top:20px;margin-left:50px;margin-right:20px;}
#shop dl dt{height:100px;margin-left:5px;float:left;}
#shop dl dd{padding-top:100px;margin-left:15px;}
#map1,
#map2,
#map3{width:300px; height:600px; margin: 20px 20px 0;-webkit-writing-mode: inherit;writing-mode: horizontal-tb;}

#contact dl{padding-top:20px;margin-left:50px;margin-right:20px;line-height:1.5em;}
#contact dl dt{height:100px;margin-left:5px;float:left;}
#contact dl dd{padding-top:100px;margin-left:5px;}
#contact dl.dl2{padding-top:0;margin-left:0;margin-right:0;}
#contact p{padding-top:20px;line-height:1.5em;}
#contact p+dl{margin-right:10px;}


.sWrapper{position:relative;max-height: 600px;min-width: 100%;margin: auto;}
#news h2 img.titleimg,
#about h2 img.titleimg,
#particular h2 img.titleimg,
#menu h2 img.titleimg,
#shop h2 img.titleimg,
#contact h2 img.titleimg{padding:0;margin:0;height:100%;max-height:600px;position:relative;z-index:1;}
#particular h3 img.titleimg,
#news h3 img.titleimg,
#menu h4 img.titleimg,
#shop h3 img.titleimg,
#contact h3 img.titleimg{padding:0;margin:0;height:100%;max-height:480px;position:relative;z-index:1;}
h2 .ttext,
h3 .ttext,
h4 .ttext{position:relative;top:50px;left:50px;z-index:0;color:#fff;display:none;}
.tred{background:url("../img/title_bg_red.gif");background-repeat:no-repeat;background-size:100% 100%;padding-top:0;}

nav.arrow{position: absolute;display:none;}
nav.arrow .btnL,
nav.arrow .btnR{position: fixed;top: 50%;width:60px;z-index:9999;margin-top: -20px;cursor:pointer;opacity:0;}
nav.arrow .btnL{left: 60px;}
nav.arrow .btnL img{margin-top:5px;}
nav.arrow .btnL:hover img{margin-left:-5px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
nav.arrow .btnR{right:60px;margin-top:-18px;}
nav.arrow .btnR:hover img{margin-left:5px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
nav.arrow img{width:100%;}

.bg{position:absolute;}
.bglt,
.bgrt,
.bglb,
.bgrb,
.bgt,
.bgb,
.bgl,
.bgr{position:fixed;background-repeat:no-repeat;background-size:100% 100%;opacity:0;}
.bglt{left:0;top:0;background-image:url("../img/bg_lt_v3.png");z-index:9998;}
.bgrt{top:0;right:0;background-image:url("../img/bg_rt_v3.png");z-index:9997;}
.bgt{top:0;left:15%;background-image:url("../img/bg_t_v3.png");z-index:9996;}
.bgl{left:0;top:15%;background-image:url("../img/bg_l_v3.png");z-index:9995;}
.bgr{top:15%;right:0;background-image:url("../img/bg_r_v3.png");z-index:9994;}
.bglb{bottom:12px;left:0;background-image:url("../img/bg_lb_v3.png");z-index:9993;}
.bgb{bottom:12px;left:15%;background-image:url("../img/bg_b_v3.png");z-index:9992;}
.bgrb{bottom:12px;right:0;background-image:url("../img/bg_rb_v3.png");z-index:9991;}
.bglt,
.bgrt,
.bglb,
.bgrb{width:15%;height:15%;max-width:160px;max-height:160px;}
.bgt,
.bgb{width:70%;height:15%;max-height:160px;}
.bgl,
.bgr{width:15%;height:70%;max-width:160px;}
.bgto{position:fixed;z-index:99;background-repeat:repeat-x;width:100%;height:15%;max-height:160px;left:0;top:0;background-image:url("../img/bg_t_o.png");}

footer{position:absolute;bottom:10px;width:100%;text-align:center;font-size:0.7em;letter-spacing:0.2em;z-index:199;opacity:0;}

.mobile .bg{display:none;}
.mobile #map1,
.mobile #map2,
.mobile #map3{-webkit-writing-mode: initial;}

.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

p.nov{width:640px;height:360px;background:#000;line-height:360px;}
.lh15{line-height:1.5em;font-size:120%;display:inline-block;padding:20px;}

.ie76 div,
.ie76 header,
.ie76 ul,
.ie8 div,
.ie8 header,
.ie8 ul{display:none;}
.ie76 div.nb,
.ie8 div.nb{display:block;background:#333;color:#fff;padding:20px;}

@media screen and (max-width:480px) {
	header{height:120px;top:10px;}
	header #loader{top:100px;}
	header ul{width:250px;}
	header ul li{width:30px;line-height:30px;margin-top:0;letter-spacing:0;background:initial;}
	header ul li.logo{width:70px;line-height:70px;}
	header ul li h1{margin-top:0;}
	header ul li h1 img{width:60px;}
	section{padding:135px 50px 50px;}
	h3{padding-top:10px;}
	#particular h3{height:100%;}
	video{width:80%;height:inherit;}
	#menu dl{margin-left:0;margin-right:0;}
	#menu dl dt,
	#menu dl dd{font-size:110%;}
	#menu dl dd{padding-bottom:10px;padding-top:50px;}
	#menu .m1{margin-left:10px;}
	#shop ul{margin-left:50px;}
	nav.arrow .btnL,
	nav.arrow .btnR{position: fixed;top: 50px;width:40px;}
	nav.arrow .btnL{left:10px;}
	nav.arrow .btnR{right:10px;}
	.bg{display:none;}
}
@media screen and (max-height:640px) {
	header{top:20px;}
	section{padding:150px 100px 50px;}
	#contact ul{margin-left:50px;}
	#contact h3{height:100%;font-size:110%;}
	#contact dl dt{float:none;color:#999;font-size:80%;}
	#contact dl dd{padding-top:0;font-size:90%;}
	#contact dl.dl2 dt{float:left;height: 80px;}
	
}
@media screen and (max-height:480px) {
	header{height:120px;top:10px;}
	header ul{width:250px;}
	header ul li{width:30px;line-height:30px;margin-top:0;letter-spacing:0;background:initial;}
	header ul li.logo{width:70px;line-height:70px;}
	header ul li h1{margin-top:0;}
	header ul li h1 img{width:60px;}
	section{padding:120px 50px 20px;}
	#particular h3{height:100%;}
	video{width:80%;height:inherit;}
	#menu dl{margin-left:0;margin-right:0;}
	#menu dl dt,
	#menu dl dd{font-size:110%;}
	#menu dl dd{padding-top:10px;font-size:90%;}
	#menu .m1{margin-left:0px;padding-top:0;font-size:100%;}
	#shop ul{margin-left:50px;}
	#shop h3{height:100%;font-size:110%;}
	#shop dl{padding-top:0;}
	#shop dl dt{float:none;color:#999;font-size:80%;}
	#shop dl dd{padding-top:0;font-size:90%;}
	#shop img{padding-top:0;}
	#map1,
	#map2,
	#map3{margin-top:0;}
	.bg{display:none;}
	#contact dl{padding-top:0;}
	#contact dl dd{padding-top:0;}
	#contact p{padding-top:0;}
	#contact img{padding-top:0;}
}