@charset "utf-8";
/* CSS Document */


@media screen and (max-width : 1024px){
/* ****************************************************
  コンテナー　.container
***************************************************** */

.container{ width:100%; padding-bottom:130px;}

/* ****************************************************
  グローバルナビ　.globalNav
***************************************************** */

.globalNav .menu{ height:380px; margin-top:-190px; padding-left:30px;}
.globalNav .menu li{ margin-bottom:60px;}

/* ****************************************************
  ローディング
***************************************************** */

#loader img{ width:70%; height:70%; margin-top:20px; margin-left:17px;}


/* ****************************************************
 全ページ共通
***************************************************** */


.s1 h2 img{ width:180px; height:103px;margin-left: -90px; /* widthの半分のマイナス値 */ margin-top: -52px; /* heightの半分のマイナス値 */}
.s2 h2 img{ width:450px; height:106px;margin-left: -225px; /* widthの半分のマイナス値 */ margin-top: -53px; /* heightの半分のマイナス値 */}
.s3 h2 img{ width:294px; height:96px;margin-left: -147px; /* widthの半分のマイナス値 */ margin-top: -48px; /* heightの半分のマイナス値 */}
.contact .main-visual img{ width:450px; height:106px;margin-left: -225px; /* widthの半分のマイナス値 */ margin-top: -53px; /* heightの半分のマイナス値 */}

.s2 .main-visual{height:280px;}
.contact .main-visual{height:280px;}}

/* メインビジュアル
=========================================*/
.main-visual{height:950px;}


/* MOREボタン
=========================================*/

.btn-more a{ width:58%;}


/* ****************************************************
 first-view .first-view
***************************************************** */

.first-view h1{ left:-12%; top:13%;}
.first-view .concept{ top:50%; right:-3%;}

.first-view h1{ left:-22%; top:10%;}
.first-view .concept{ width:100%; right:0;}
.first-view .concept img{ padding-left:20%;}
.first-view .concept p{ font-size:18px; left:30%; padding-right:15%;}


/* ****************************************************
 NEWS .s1
***************************************************** */

.s1 .wrp-02{ padding-left:12%;}

.s1 .wrp-03 h3,.s1 .wrp-03 p{ margin-bottom:30px; padding-right:10%;}
.s1 .wrp-03 ul li,
.s1 .wrp-03 ul li:first-child,
.s1 .wrp-03 ul li:last-child{ float:none; width:100%; padding:0 10% 0 9%; margin-bottom:10%;}
.s1 .wrp-03 ul li:first-child{ padding-left:0;}
.s1 .wrp-03 ul li:last-child{ padding-left:17%; margin-bottom:0;}
.s1 .wrp-02 .wrp-img{ text-align:right;}
.s1 .wrp-03 .btn-more-detail a{ padding-right:0;}

.s1 .wrp-03 .btn-more-detail a{ float:right;}


/* ****************************************************
 COLLECTION .s2
***************************************************** */

.s2 .wrp-01 .wrp-img,.s2 .wrp-03 .wrp-img,.s2 .wrp-07 .wrp-img{ width:40%; }
.s2 .wrp-09 .wrp-img,.s2 .wrp-10 .wrp-img{ width:22%; }

/* 右カラム
=========================================*/

.s2 .wrp-01 .wrp-img,.s2 .wrp-03 .wrp-img,.s2 .wrp-07 .wrp-img,
.s2 .wrp-10 .wrp-img{ left:5%; }.s2 .wrp-09 .wrp-img{ left:24.5%; }

.s2 .wrp-02 .wrp-img,.s2 .wrp-04 .wrp-img,.s2 .wrp-06 .wrp-img,
.s2 .wrp-08 .wrp-img{ left:63%;}.s2 .wrp-05 .wrp-img{ left:82%;}

.s2 .wrp-02 .wrp-img,.s2 .wrp-06 .wrp-img,.s2 .wrp-08 .wrp-img{ width:34%;}
.s2 .wrp-04 .wrp-img,.s2 .wrp-05 .wrp-img{ width:15%;}

.s2 .wrp-02,.s2 .wrp-04,.s2 .wrp-06,
.s2 .wrp-08{ padding-left:48%; }.s2 .wrp-05{padding-left:58%; }

.s2 .wrp-04{ padding-top:0;}
.s2 .wrp-05{ padding-top:75px;}
.s2 .wrp-10{ padding-left:0;}
.s2 .wrp-05 .wrp-img{ top:20px;}


/* ****************************************************
 ABOUT .s3
***************************************************** */

/* MOREボタン
=========================================*/

.s3 .wrp-03 ul{ padding-right:10%;}
.s3 .wrp-03 .wrp-img{ padding-left:10%;}

.s3 .wrp-01{ margin-bottom:80px;}
.s3 .wrp-03{ padding-top:180px;}
.s3 .wrp-03 ul{ padding-top:80px; padding-right:10%; margin-bottom:90px;}

.s3 .wrp-02 p.en{ width:80%;}

/* ****************************************************
 コンタクト .contact
***************************************************** */

/* 送信ボタン
=========================================*/
.contact .form-group { width:400px;}

/* } */

@media screen and (max-width : 770px){
/* メインビジュアル
=========================================*/
.main-visual{height:1000px;}

}

@media screen and (max-width : 770px){
	#container {
		min-width:100%;
	}
	
	
	header {
		min-width: 100%;
		width: 100%;
		padding-bottom:40px;
	}
}

/* ****************************************************
  スライダー【flexslider】
***************************************************** */

@media screen and (max-width : 770px){
	.flexslider{ width:100%!important; min-width:100%!important;}
	
	
	.flex-direction-nav a  { opacity: 0.7; }
	.flex-direction-nav .flex-prev,
	.flexslider:hover .flex-prev { left: 10px; }
	.flex-direction-nav .flex-next,
	.flexslider:hover .flex-next { right: 10px; }
	
	.flexslider.s_simple{
		 width: 100%;
	}
	
	.flexslider .slides{
		width:100%;
	}
	
	.flex-control-nav{ bottom:5px; }
}


/* ****************************************************
  レスポンシブ表示非表示【none】
***************************************************** */

@media screen and (max-width : 770px){
	.visible-pc{ display:none !important; }
	.visible-tb{ display:block !important; }
	.visible-sp{ display:none !important;}
	
	.none-pc{ display:block !important; }
	.none-tb{ display:none !important; }
	.none-sp{ display:block !important; }
}