/* 画面の横幅が961px以上　Portrait tablet to landscape and desktop */
@media screen and (min-width: 961px){

.PC{
	display:block;
}
.SP{
	display:none;
}
.PC-inline{
	display:inline;
}
.SP-inline{
	display:none;
}


a {
	/**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
		
/* コンテンツ基本
------------------------------------------------------------ */		
body{
	min-width:1400px;
}

.about-area{
   min-width:1160px;
}

#main-wrapper {
				
}

#contents-wrapper{

}

/*コンテンツ幅*/
.content-inner{
	width:1160px;
	margin:0 auto;
	text-align:left;
}
.content-innerS{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
.full-inner{ 
	width:100%;
}

.inner{
}



/*基本レイアウト*/


.col2box .inner{
	margin:0 -25px;
}
.col2box .box{
	width:50%;
	float:left;
}
.col2box .box .box-inner{
	padding:0 25px;/*body min-widthより小さく*/
}


.col3box .inner{
	margin:0 -25px;
}
.col3box .box{
	width:33.33333%;
	float:left;
}
.col3box .box .box-inner{
	padding:0 25px;
}


.col4box .inner{
	margin:0 -10px;
}
.col4box .box{
	width:25%;
	float:left;
}
.col4box .box .box-inner{
	padding:0 10px;
}







/* ヘッダー
------------------------------------------------------------ */

#header	{
	position:fixed;
	z-index:1020;
	width:100%;
	height:90px;
	background-color: #fff;
    min-width:1400px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}



#header-inner{

}
#header h1{
    width: 90px;
    float: left;
    padding: 22px 0 0 30px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}


.sp-navi-logo{
    display: none;
}


/* ナビ部分 
------------------------------------------------------------ */
#menuBtn,
#menuClose,
#shadows{
	display:none;
}

#navi{
	display:block;
    
    float: right;
    line-height: 140%;
    padding-right: 30px;
}

ul.global{
    float: left;
    padding: 0px 0;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
    
}
ul.global li.nav-btn{
    height: 90px;
    float: left;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
ul.global li.nav-btn .n-inner a,
ul.global li.nav-btn .n-inner p{
    display: block;
    font-size: 13px;
    text-decoration: none;
    line-height: 110%;
    color: #333;
    padding: 15px 0px 15px 0px;
    height: 60px;
    cursor: pointer;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

/**/
.page-about ul.global li#n01.nav-btn .n-inner a,
.page-about ul.global li#n01.nav-btn .n-inner p,
.page-product ul.global li#n02.nav-btn .n-inner a,
.page-product ul.global li#n02.nav-btn .n-inner p,
.page-field_tour ul.global li#n03.nav-btn .n-inner a,
.page-field_tour ul.global li#n03.nav-btn .n-inner p,
.page-guide ul.global li#n04.nav-btn .n-inner a,
.page-guide ul.global li#n04.nav-btn .n-inner p,
.page-company ul.global li#n05.nav-btn .n-inner a,
.page-company ul.global li#n05.nav-btn .n-inner p,
.page-contact ul.global li#n06.nav-btn .n-inner a,
.page-contact ul.global li#n06.nav-btn .n-inner p{
    color: #65A899;
}



/**/

ul.global li.nav-btn .n-inner a span,
ul.global li.nav-btn .n-inner p span{
    display: block;
    padding: 20px 20px;
    border-bottom: solid #fff 3px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

ul.global li.nav-btn .n-inner a:hover{
    opacity: 1;
	filter: alpha(opacity=100);
}

ul.global li.nav-btn:hover .n-inner a span,
ul.global li.nav-btn:hover .n-inner p span{
    border-bottom: solid #65A899 3px;
}

.polus-logo{
    float: right;
    padding: 20px 30px 0 50px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}


#utility,
#navi-info,
.toggle-icon{
    display: none;
}

.overmenu{
	display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top:90px;
    background-color: #434C52;
}

.overmenu-inner{
    width: 920px;
    margin: 28px auto 40px auto;
    display: table;
    color: #fff;
}
.overmenu-inner .overmenu-title{
    display: table-cell;
    vertical-align: middle;
    width: 310px;
    text-align: left;
}
.overmenu-inner .overmenu-nav{
    display: table-cell;
    vertical-align: middle;
    width: 610px;
    text-align: left;
}


.overmenu-inner .overmenu-title h2{
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 140%;
    border-left: solid #fff 2px;
    padding: 4px 0 4px 28px;
    margin-top: 12px;
}
.overmenu-inner .overmenu-title h2 span{
    display: block;
    font-size: 12px;
    line-height: 120%;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-top: 10px;
}

.overmenu-inner .overmenu-nav ul{
    float: left;
    width: 50%;
}
.overmenu-inner .overmenu-nav ul li{
    margin: 12px 12px 0 0;
}
.overmenu-inner .overmenu-nav ul li a{
    display: block;
    background-color: #434C52;
    border: solid #646c71 1px;
    color: #fff;
    padding: 20px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    /**/
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.overmenu-inner .overmenu-nav ul li a span{
    display: block;
    background: url("../../images/arrow_r_w.png") right center no-repeat;
    background-size: 5px auto;
}
.overmenu-inner .overmenu-nav ul li a:hover{
    background-color: #fff;
    border: solid #fff 1px;
    color: #65A899;
    opacity: 1;
	filter: alpha(opacity=100);
}
.overmenu-inner .overmenu-nav ul li a:hover span{
    background: url("../../images/arrow_r_g.png") right center no-repeat;
    background-size: 5px auto;
}

.overmenu-inner .overmenu-nav ul li a:before,
.overmenu-inner .overmenu-nav ul li a:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    top: -5%;
    width: 70%;
    height: 110%;
    -webkit-transform:skew(45deg,0);
    -ms-transform:skew(45deg,0);
    transform:skew(45deg,0);
    border: none;
    background-color: #434C52;
    /**/
    -webkit-transition: 0.4s ease-out;
       -moz-transition: 0.4s ease-out;
         -o-transition: 0.4s ease-out;
            transition: 0.4s ease-out;
}
.overmenu-inner .overmenu-nav ul li a:before {
  right: -20%;
}
.overmenu-inner .overmenu-nav ul li a:after {
  left: -20%;
}
.overmenu-inner .overmenu-nav ul li a:hover:before,
.overmenu-inner .overmenu-nav ul li a:hover:after {
  width: 0;
  border: solid #646c71 1px;
  
}




/*スクロール時*/
#header.scroll-header{
    height: 60px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.20);
}
#header.scroll-header h1{
    padding-top: 8px;
}
#header.scroll-header ul.global{
    padding: 0 0;
}
#header.scroll-header ul.global li.nav-btn{
    height: 60px;
}
#header.scroll-header ul.global li.nav-btn .n-inner a,
#header.scroll-header ul.global li.nav-btn .n-inner p{
    padding: 0;
}
#header.scroll-header .polus-logo{
    padding-top: 8px;
}
#header.scroll-header .overmenu{
    top:60px;
}


	
	
}