﻿@charset "utf-8";


/*  FULL PAGE
********************************************************************************************/
#superContainer{height:100%;position:relative;/* Touch detection for Windows 8 */-ms-touch-action:none;/* IE 11 on Windows Phone 8.1*/touch-action:none;}
/**/
.fp-section{position:relative;-webkit-box-sizing:border-box;/* Safari<=5 Android<=3 */-moz-box-sizing:border-box;/* <=28 */box-sizing:border-box;background-size:cover !important;}
.fp-slide{float:left;}
/**/
.fp-slide,
.fp-slidesContainer{height:100%;display:block;}
/**/
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all 0.3s ease-out;/* Safari<=6 Android<=4.3 */transition:all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table{display:table;table-layout:fixed;width:100%;}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%;}
.fp-slidesContainer{float:left;position:relative;}
/**/
.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.fp-controlArrow.fp-prev{left:15px;width:53px;height:82px;background:url(../../img/common/slide_arr_l.png) no-repeat;}
.fp-controlArrow.fp-next{right:15px;width:53px;height:82px;background:url(../../img/common/slide_arr_r.png) no-repeat;}
/**/
.fp-scrollable{overflow:scroll;}
/**/
.fp-notransition{-webkit-transition:none !important;transition:none !important;}
/**/
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0);}
#fp-nav.right{right:17px;}
#fp-nav.left{}
/**/
.fp-slidesNav{position:absolute;z-index:4;left:50%;top:0;width:217px;height:100%;padding-top:32px;margin-left:-490px;opacity:1;background:url(../../img/menu/slidesnav_bg.png) no-repeat left bottom;}
#section2 .fp-slidesNav div{width:217px;height:100%;min-height:100%;float:left;background-repeat:no-repeat;background-position:left bottom;}
/**/
.fp-slidesNav.bottom{top:100px;}
.fp-slidesNav.top{top:17px;}
.fp-slidesNav.left{}
/**/
#fp-nav ul,
.fp-slidesNav ul{margin:0;padding:0;}
.fp-slidesNav ul{position:relative;height:100%;background:url(../img/menu/nav_bg.png) no-repeat left top;/**/padding-top:80px;}
#fp-nav ul li,
.fp-slidesNav ul li{display:block;/*width:100%;*/height:36px;line-height:36px;margin-bottom:0;position:relative;}
.fp-slidesNav ul li{display:block;}
/**/
#fp-nav ul li a,
.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;color:#000000;text-decoration:none;}
.fp-slidesNav ul li a{width:100%;text-align:left;}
/**/
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{/*width:100%;*/height:36px;margin:0;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span{position:absolute;z-index:1;/*width:100%;*/height:36px;border:0;left:0;padding-left:45px;margin:0;color:#000000;font-size:110%;
font-family: "Lustria","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","serif" !important;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{width:100%;height:36px;margin:0;}
#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#ffffff;font-size:14px;font-family:arial, helvetica, sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip{-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;width:auto;opacity:1;}
#fp-nav ul li .fp-tooltip.right{right:20px;}
#fp-nav ul li .fp-tooltip.left{left:20px;}

/*  SLIDER
********************************************************************************************/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1;height:100%;z-index:50;}
.bx-wrapper img{max-width:100%;display:block;}
/** THEME
===================================*/
.bx-wrapper .bx-viewport{/*background:#ffffff;*/height:100% !important;/*fix other elements on the page moving (on Chrome)*/-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);z-index:50;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;}
/* LOADER */
.bx-wrapper .bx-loading{min-height:50px;background:url(/img/plugins/bx_loader.gif) center center no-repeat #ffffff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
/* PAGER */
.bx-wrapper .bx-pager{position:absolute;bottom:140px;left:50%;width:1214px;margin-left:-617px;text-align:right;font-family:Arial;font-size:0;color:#ffffff;z-index:51;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#ffffff;text-indent:-9999px;display:block;width:14px;height:14px;margin:0 7px;outline:0;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{/*background:#ffffff;*/opacity:0.5;filter:alpha(opacity=50);-ms-filter:"alpha( opacity=50 )";}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev{left:10px;background:url(../img/plugins/bx_controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next{right:10px;background:url(../img/plugins/bx_controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover{background-position:0 0;}
.bx-wrapper .bx-next:hover{background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto{text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../img/plugins/bx_controls.png) -86px -11px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../img/plugins/bx_controls.png) -86px -44px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80, 80, 80, 0.75);width:100%;}
.bx-wrapper .bx-caption span{color:#ffffff;font-family:Arial;display:block;font-size:.85em;padding:10px;}

@media only screen and (max-width:767px){
/*  FULL PAGE
********************************************************************************************/
#section2 .fp-controlArrow.fp-prev{left:0;top:185px;width:24px;height:33px;background-size:cover;z-index: 5;}
#section2 .fp-controlArrow.fp-next{right:0;top:185px;width:24px;height:33px;background-size:cover;z-index: 5;}
.fp-slidesNav ul{padding-top:0;}
.fp-slidesNav ul li{padding:0 5px;}
.fp-slidesNav ul li a span{font-size:180%;}
/**/
#fp-nav ul li,
.fp-slidesNav ul{width:320px;height:33px;display:table-cell;text-align:center;background:none;}
#fp-nav ul li,
.fp-slidesNav ul li{display:inline-block;width:2em;height:33px;line-height:33px;position:static;}
#section1 .fp-slidesNav{position:absolute;z-index:4;top:inherit;left:10%;bottom:40px;width:80%;height:2em;margin-left:0;margin:0 auto;opacity:1;background:none;display:block;}
/***********************/
#section2 .fp-slidesNav{position:absolute;z-index:4;left:0;top:53px;width:100%;height:auto;margin-left:0;opacity:1;background:none;}
#section2 .fp-slidesNav div{width:100%;height:0;padding-top:50%;min-height:inherit;float:none;background-repeat:no-repeat;background-position:left bottom;background-size:cover;}
#section2 .fp-slidesNav ul{width:90%;height:auto;margin:0 auto;padding-top:15px;display:table-cell;text-align:center;background:none;}
#section2 .fp-slidesNav ul li{display:inline-block;width:5em;height:25px;line-height:25px;position:static;padding:0 8px;}
#section2 .fp-slidesNav ul li a span{font-size:120%;padding-left:0;}
#section2 .fp-controlArrow.fp-prev{display:none;}
#section2 .fp-controlArrow.fp-next{display:none;}

/*  SLIDER
********************************************************************************************/
.bx-wrapper{position:relative;height:260px;z-index:50;margin-top:60px;}
.bx-wrapper .bx-pager{position:absolute;bottom:16px;left:0;width:100%;margin-left:0;}






}










