@charset "UTF-8";
/*===================================================================
CSS information

 file name  :  commoncss
 style info :  共通スタイル指定
=================================================================== */


/* body and base setting
------------------------------------------------------------------*/
/** { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

body {
	text-align: center;
	font-family:"Times New Roman", Times, "HG明朝B", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#3e3e3e;
	-webkit-text-size-adjust: 100%;
	position:relative;
	padding-bottom:100px;
	letter-spacing:0.1em;
	width:100%; height:100%;
}*/
/* ie */
/*@media all and (-ms-high-contrast:none){
	body { letter-spacing:0.01em; }
}


.frameSet { position:fixed; -webkit-transition:all 0.3s; transition:all 0.3s; background:rgba(255,255,255,1); z-index:99999;}

#frameT { width:100%; height:0; top:0; left:0;}
#frameB { width:100%; height:0; bottom:0; right:0;}
#frameR { width:0; height:100%; top:0; right:0;}
#frameL { width:0; height:100%; bottom:0; left:0;}

.frameSetOK #frameT,.frameSetOK #frameB {height:7px;}
.frameSetOK #frameR,.frameSetOK #frameL {width:7px;}

.rwd-txt img { display:""}
.rwd-txt span { display:none;}*/

* {
    font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}
.f_l { float:left; }
.f_r { float:right; }


/* general params
------------------------------------------------------------------*/
html { font-size:62.5%;/*10px*/	padding:0; margin:0; width:100%; height:100%;}


/* header
------------------------------------------------------------------*/
header {  z-index:99999; position:fixed; left:0px !important; top:0px; }
#h_logo { position:absolute; top:20px; left:17px; z-index:9998; width:136px; height:73px; margin:auto; padding:0px; transition:1s all ease;}
/*#h_logo { position:absolute; top:0; bottom:0; left:20px; z-index:99999; height:63px; margin:auto; padding:10px; background:#fff; transition:1s all ease;}*/

.headerNone #h_logo { left:-180px;}
#h_logo img { width:auto; height:100%;}

#hBtn {
	/*position:absolute;*/
	position:fixed !important;
	/*bottom:14px;*/top:500px; 
	left:14px;
	z-index:20;
	color:#083078;
	font-family:"Times New Roman", Times, serif;
	transition:1s all ease-in-out;
	z-index:9999;
}
#hBtn li { margin-bottom:6px; }
@media only screen and (max-width: 980px) {
.splong { padding-bottom:8% !important; }
}
/* ie */
@media all and (-ms-high-contrast:none){
	.modalActive #hBtn { top:15px; right:30px;}
}

#hBtn a {
	letter-spacing:0.05em;
	display: inline-block;
	vertical-align:middle;
	padding:4px 0 0 6px;
	color:#fff;
	width:130px;
	height:32px;
	line-height:1.5;
	margin:auto;
	text-align: center;
	position: relative;
	font-size:16px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	background:rgba(167,142,72,0.75);
	border:1px solid #fff;
	text-decoration:none;
	font-family:"Times New Roman", Times, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight:normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#hBtn li.s_hbtn a { background:rgba(255,255,255,0.75); font-size:13px; border:1px solid #739473; color:#739473; padding:6px 0 0 6px; -webkit-transition:all 0.3s; transition:all 0.3s; 
	letter-spacing:0.07em; }

#hBtn li.s_hbtn a:hover { background:rgba(115,148,115,0.75); font-size:13px; border:1px solid #739473; color:#fff; padding:6px 0 0 6px; }
/* ie */
@media all and (-ms-high-contrast:none){
	.modalActive #hBtn a { width:130px;}
}


@media only screen and (max-width: 640px) {
	#hBtn { top:10px; right:10px; }
	#hBtn a { width:6.4em !important; font-size:1.3em !important; height:26px; }
}



#gotop { position:fixed; right:0px; bottom:100px; }


/* 
#hBtn a span { display:block; font-size:0.8em;}
#hBtn a::before{
	content:"";
	position:absolute;
	top:50%;
	left: 10px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #083078;
	border-right: 2px solid #083078;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg) translateY(-51%);
}*/

	#hBtn a div.bdT,#hBtn a div.bdB,#hBtn a div.bdR,#hBtn a div.bdL{background: #fff; position:absolute; -webkit-transition:all 0.1s; transition:all 0.1s; z-index:6;}
	#hBtn a div.bdT{width: 100%; height:2px; top:0; left:0; transition-delay:0s;}
	#hBtn a div.bdR{height:100%; width :2px; right:0; top:0; transition-delay:0.1s;}
	#hBtn a div.bdB{width: 100%; height:2px; bottom:0; right:0; transition-delay:0.2s;}
	#hBtn a div.bdL{height:100%; width :2px; left:0; bottom:0; transition-delay:0.3s;}
	.active #hBtn a div.bdT{width: 0; transition-delay:0s;}
	.active #hBtn a div.bdL{height:0; transition-delay:0.1s;}
	.active #hBtn a div.bdB{width: 0; transition-delay:0.2s;}
	.active #hBtn a div.bdR{height:0; transition-delay:0.3s;}
	#hBtn a div.bdT2,#hBtn a div.bdB2,#hBtn a div.bdR2,#hBtn a div.bdL2{background: #fff; position:absolute; z-index:5;}
	#hBtn a div.bdT2{width: 100%; height:1px; top:0; left:0;}
	#hBtn a div.bdB2{width: 100%; height:1px; bottom:0; right:0;}
	#hBtn a div.bdR2{height:100%; width :1px; right:0; top:0;}
	#hBtn a div.bdL2{height:100%; width :1px; left:0; bottom:0;}
	
	#hBtn a:hover { background:rgba(255,255,255,0.75); color:#A78E48;}
	
#gNav { position:absolute; top:120px; left:14px; text-align:left; z-index:9999; opacity:1; transition:1s all ease;}
#gNav_bg{ position:absolute; top:0; left:0; text-align:left; z-index:19; opacity:1; background:url(../../../img/top/bg_gNav.png) no-repeat left top; width:172px; height:720px; }
.headerNone #gNav { position:absolute; left:-190px; opacity:0;}
#gNav li { margin-bottom:16px; position:relative; display:block;}
#gNav li a { /* font-size:1.3em; font-family:"Times New Roman", Times, serif; -webkit-transition:all 0.5s; transition:all 0.5s; */line-height:0; color:#083078; height:36px; width:135px; display:block; text-indent:-9999px;}
/*#gNav li a span { font-size:0.9em; margin:0 10px; }*/
/*#gNav li:before { content:""; border-top:1px solid #083078; position:absolute; top:0; bottom:0; left:-80px; margin:auto; width:0; height:1px; -webkit-transition:all 0.5s; transition:all 0.5s;}*/
.load #gNav li.cur:before { width:70px;}
#gNav li:hover:before { width:70px;}

#gNav li#gnav01 { background:url(../../../img/top/gnav_01.png) no-repeat left center; }
#gNav li#gnav02 { background:url(../../../img/top/gnav_02.png) no-repeat left center; }
#gNav li#gnav03 { background:url(../../../img/top/gnav_03.png) no-repeat left center; }
#gNav li#gnav04 { background:url(../../../img/top/gnav_04.png) no-repeat left center; }
#gNav li#gnav05 { background:url(../../../img/top/gnav_05.png) no-repeat left center; }
#gNav li#gnav06 { background:url(../../../img/top/gnav_06.png) no-repeat left center; }
#gNav li#gnav07 { background:url(../../../img/top/gnav_10.png) no-repeat left center; }
#gNav li#gnav08 { background:url(../../../img/top/gnav_08.png) no-repeat left center; }
#gNav li#gnav09 { background:url(../../../img/top/gnav_09.png) no-repeat left center; }
#gNav li#gnav01:hover { background:url(../../../img/top/gnav_01_on.png) no-repeat left center; }
#gNav li#gnav02.current , 
#gNav li#gnav02:hover { background:url(../../../img/top/gnav_02_on.png) no-repeat left center; }
#gNav li#gnav03.current , 
#gNav li#gnav03:hover { background:url(../../../img/top/gnav_03_on.png) no-repeat left center; }
#gNav li#gnav04.current , 
#gNav li#gnav04:hover { background:url(../../../img/top/gnav_04_on.png) no-repeat left center; }
#gNav li#gnav05.current , 
#gNav li#gnav05:hover { background:url(../../../img/top/gnav_05_on.png) no-repeat left center; }
#gNav li#gnav06.current , 
#gNav li#gnav06:hover { background:url(../../../img/top/gnav_06_on.png) no-repeat left center; }
#gNav li#gnav07.current , 
#gNav li#gnav07:hover { background:url(../../../img/top/gnav_10_on.png) no-repeat left center; }
#gNav li#gnav08.current , 
#gNav li#gnav08:hover { background:url(../../../img/top/gnav_08_on.png) no-repeat left center; }
#gNav li#gnav09.current , 
#gNav li#gnav09:hover { background:url(../../../img/top/gnav_09_on.png) no-repeat left center; }

/*.pp-viewing-HOME #gNav li:nth-child(1):before { width:70px;}
.pp-viewing-CONCEPT #gNav li:nth-child(2):before { width:70px;}
.pp-viewing-ACCESS #gNav li:nth-child(3):before { width:70px;}
.pp-viewing-LOCATION #gNav li:nth-child(4):before { width:70px;}
.pp-viewing-RESIDENCE #gNav li:nth-child(5):before { width:70px;}
.pp-viewing-ARCHITECTURE #gNav li:nth-child(6):before { width:70px;}
.pp-viewing-ORDERMADE #gNav li:nth-child(7):before { width:70px;}
.pp-viewing-CONTACT #gNav li:nth-child(8):before { width:70px;}*/

.white #hBtn a { color:#fff; -webkit-transition:all 0.5s; transition:all 0.5s;}
.white #hBtn a div.bdT,.white #hBtn a div.bdB,.white #hBtn a div.bdR,.white #hBtn a div.bdL{background: #fff; -webkit-transition:all 0.5s; transition:all 0.5s;}
.white #hBtn a div.bdT2,.white #hBtn a div.bdB2,.white #hBtn a div.bdR2,.white #hBtn a div.bdL2{background: #fff; -webkit-transition:all 0.5s; transition:all 0.5s;}
.white #gNav li a { color:#fff; -webkit-transition:all 0.5s; transition:all 0.5s;}
.white #gNav li.cur:before,.white #gNav li:before { border-top:1px solid #fff; -webkit-transition:all 0.5s; transition:all 0.5s;}
/*.white #hBtn a::before{
	content:"";
	position:absolute;
	top:50%;
	left: 10px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg) translateY(-51%);
}*/

/* contentsArea
------------------------------------------------------------------*/
#contentsArea { width:100%; height:100%; position:relative;}

#contentsArea .innerWrap { max-width:1200px; margin:0 auto; padding-bottom:70px;}
#contentsArea .innerWrap2 { background:#fff; padding:65px 6.25%;}

#contentsArea #ttl { text-align:left; padding:50px 0 0; margin-bottom:-2px; line-height:0;}
#contentsArea #ttl img { margin-right:20px;}

#contentsArea .subNav li { display:inline-block;}


/* nextPrev */
.nextPrev { overflow:hidden; margin:40px 0 -60px;}

.next { float:right; background:url(../../img/arrowNext.png) 100% 50% no-repeat; text-align:right; padding:10px 35px 10px 0; font-size:1.6em; letter-spacing:0.01em; cursor:pointer;}
.mobile .next { background:url(../../img/arrowNext@2x.png) 100% 50% no-repeat; background-size:24px 45px;}
.next span { display:block; color:#ee7700; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}

.prev { float:left; background:url(../../img/arrowPrev.png) 0 50% no-repeat; text-align:left; padding:10px 0 10px 35px; font-size:1.6em; letter-spacing:0.01em; cursor:pointer;}
.mobile .prev { background:url(../../img/arrowPrev@2x.png) 0 50% no-repeat; background-size:24px 45px;}
.prev span { display:block; color:#ee7700; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}


/* hover --------- */
.boxLine,.boxLine_cur {position: relative; display:block; width:100%;}
.lineSet {position:absolute; -webkit-transition:all 0.3s; transition:all 0.3s; background:#ee7700;}
.lineT{width: 0; height:2px; top:0; left:0;}
.lineB{width: 0; height:2px; bottom:0; right:0;}
.lineR{height:0; width :2px; right:0; top:0;}
.lineL{height:0; width :2px; left:0; bottom:0;}

@media only screen and (min-width: 767px) {
.boxLine:hover .lineT,.boxLine:hover .lineB{width: 100%;}
.boxLine:hover .lineR,.boxLine:hover .lineL{height:100%;}

}
.boxLine_cur .lineT,.boxLine_cur .lineB{width: 100%;}
.boxLine_cur .lineR,.boxLine_cur .lineL{height:100%;}






/* footer
------------------------------------------------------------------*/



/* backTop
-------------------------------------- */
#backTop {
	display:none;
	position:fixed;
	bottom:120px;
	right:30px;
	width:80px;
	height:80px;
	background: url(../../img/footer/btnBackTop.png) 0 0 no-repeat;
	cursor:pointer;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	color:#a29360;
	letter-spacing:0.01em;
}


/*mediaPrint
---------------------------------------------------------------- */
@media print {
	.noPrint { 	display:none; }
}



/*mediaQuery
---------------------------------------------------------------- */
@media only screen and (max-width: 1350px) {
	/*header,*/
	#fNav,
	#contentsArea #ttl { margin-left:5%; margin-right:5%;}
	#logo { top:50px;}
	h1 { top:52px;}
	#nomura_header { top:60px;}
	#spNavArea { padding-top:140px}
	#linkSec { margin:0 5%;}
}
@media only screen and (max-width: 1100px) {
	#linkSec li {width:30%; margin:5px 0.25%; vertical-align:top;}
}
@media only screen and (max-width: 1100px) {
/*	#gNav li:nth-child(1),#fNav li:nth-child(1) {width:18%;}
	#gNav li:nth-child(2),#fNav li:nth-child(2) {width:20%;}
	#gNav li:nth-child(3),#fNav li:nth-child(3) {width:18%;}
	#gNav li:nth-child(4),#fNav li:nth-child(4) {width:18%;}
	#gNav li:nth-child(5),#fNav li:nth-child(5) {width:26%;}*/
}
@media only screen and (max-width: 840px) {
	h1 { font-size:1.0em; position:static; margin-top:30px;}
	h1 br { display:none;}
	#logo { top:30px;}
	#nomura_header { top:40px;}
	#spNavArea { padding-top:105px}
}

@media only screen and (max-width: 768px) {
	#contentsArea .innerWrap2 { padding:45px 6.25%;}
}

@media only screen and (max-width: 767px) {
	
	header { height:0/*115px*/; margin:0;}
	#home header { height:95px; margin:0;}
	h1 { display:none;}
	#nomura_header { top:0; padding:20px 20px 6px 0; width:100%; border-bottom:1px solid #dfdbc5; text-align:right;}
	/*#logo { top:58px; left:0; width:100%; padding-left:60px; text-align:center;}*/
	#logo { top:58px; left:0; width:100%; padding-left:10px; text-align:center;}
	#logo img { width:160px;}
	
	#contentsArea #ttl {padding:30px 6% 0;}
	#contentsArea .innerWrap { padding-bottom:30px;}
	
	footer { position:relative; padding-bottom:70px; }
	
	#fNav { margin:0 10px;}
	#fNav li { width:100%; text-align:left; border-bottom:1px solid #dfdbc5; padding:0;}
	#fNav li:first-child { border-top:1px solid #dfdbc5;}
	#fNav li:after { border-right:0; }
	#fNav li:first-child:before { border-right:0; }
	#fNav li a { display:block; padding:12px; text-align:left; color:#555; font-size:1.2em;}
	#fNav > li > a:hover,#fNav > li.cur > a { background:none;}
	.mobile #fNav li a:hover,.mobile #fNav li.cur a { background:none;}
	#fNav li img { display:none;}
	#fNav li span { display:block; padding:5px 0 5px 20px;}
	
	#fNav li:nth-child(1),#fNav li:nth-child(2),#fNav li:nth-child(3),#fNav li:nth-child(4),#fNav li:nth-child(5) {width:100%;}
	
	#fNav li:nth-child(1) span { background:url(../../img/header/nav/icon-01_off@2x.png) 0 50% no-repeat; background-size:15px 14px;}
	#fNav li:nth-child(2) span { background:url(../../img/header/nav/icon-02_off@2x.png) 0 50% no-repeat; background-size:14px 14px;}
	#fNav li:nth-child(3) span { background:url(../../img/header/nav/icon-03_off@2x.png) 0 50% no-repeat; background-size:15px 14px;}
	#fNav li:nth-child(4) span { background:url(../../img/header/nav/icon-04_off@2x.png) 0 50% no-repeat; background-size:16px 14px;}
	#fNav li:nth-child(5) span { background:url(../../img/header/nav/icon-05_off@2x.png) 0 50% no-repeat; background-size:16px 15px;}
	
	#fNav li:nth-child(1).cur span { background:url(../../img/header/nav/icon-01_on@2x.png) 0 50% no-repeat; background-size:15px 14px;}
	#fNav li:nth-child(2).cur span { background:url(../../img/header/nav/icon-02_on@2x.png) 0 50% no-repeat; background-size:14px 14px;}
	#fNav li:nth-child(3).cur span { background:url(../../img/header/nav/icon-03_on@2x.png) 0 50% no-repeat; background-size:15px 14px;}
	#fNav li:nth-child(4).cur span { background:url(../../img/header/nav/icon-04_on@2x.png) 0 50% no-repeat; background-size:16px 14px;}
	#fNav li:nth-child(5).cur span { background:url(../../img/header/nav/icon-05_on@2x.png) 0 50% no-repeat; background-size:16px 15px;}
	
	#fNav2 { border:1px solid #dfdbc5; border-width:1px 0 0; padding:0 10px; margin:30px 0;}
	#fNav2 li { display:block; border-bottom:1px solid #dfdbc5; padding:12px; text-align:left;}
	#fNav2 li:before { content:""}
	#fNav2 li:first-child:before { content:""}
	
	#linkSec li { width:94%; margin:5px 3%;}
	#linkSec a { display:block; padding:20px 3%;}
	#linkSec a:hover { text-decoration:none;}
	#linkSec figcaption { text-align:center; color:#666; font-size:1.2em; margin-bottom:15px;}
	#linkSec li:first-child figcaption { margin-bottom:0;}
	#linkSec li:first-child a { padding:20px 25px 17px;}
	
	#nomura_footer { margin:30px 0;}
	#nomura_footer a { margin:0 10px;}
	
	/* device
	------------------------------------------------------------------*/
	.pcOnlyB { display:none !important;}
	.mbOnlyB { display:block !important;}
	.pcOnlyI { display:none !important;}
	.mbOnlyI { display:inline !important;}
	.pcOnlyIB { display:none !important;}
	.mbOnlyIB { display:inline-block !important;}

	/* rwd-txt
	---------------------------------*/
	.rwd-txtNormal:after {
		content:attr(data-label);
		font-weight:normal;
	}
	.rwd-txtPre:after {
		content:attr(data-label);
		font-weight:normal;
		white-space: pre;
	}
	.rwd-txtNormal > img,
	.rwd-txtPre > img {
		display:none;
	}	
	
	.mainTxt.rwd-txtNormal:after,
	.mainTxt.rwd-txtPre:after {
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:2.8em;
		font-weight:normal;
		color:#171111;
		line-height:1.6;		
	}
	
	.hTxt.rwd-txtNormal:after,
	.hTxt.rwd-txtPre:after {
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:2.0em;
		font-weight:normal;
		color:#171111;
		line-height:1.6;
	}
	
	p.rwd-txtNormal:after,
	p.rwd-txtPre:after {
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:0.9em;
		font-weight:normal;
		color:#171111;
		line-height:1.6;
		text-align:left;
	}
	

	/* spNav -------------------------------------------------------------------------- */
	#gnavBtn { background:#ee7700; display:block; width:70px; height:70px; position:absolute; top:0; left:0; z-index:999; padding:20px 20px 20px; color:#fff; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.01em;}
	#gNav > li { border-bottom:1px solid rgba(255,255,255,0.5); padding:0;}
	#gNav > li:nth-child(1),#gNav li:nth-child(2),#gNav li:nth-child(3),#gNav li:nth-child(4),#gNav li:nth-child(5) { width:100%;}
	#gNav > li > a { padding:20px; position:relative;}
	#gNav > li > a > img { display:none;}
	#gNav > li > a > span { display: block; font-size:1.4em; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
	#gNav > li:nth-child(1) > a > span { background:url(../../img/header/nav/icon-01_off@2x.png) 0 50% no-repeat; background-size:15px 14px;}
	#gNav > li:nth-child(2) > a > span { background:url(../../img/header/nav/icon-02_off@2x.png) 0 50% no-repeat; background-size:14px 14px;}
	#gNav > li:nth-child(3) > a > span { background:url(../../img/header/nav/icon-03_off@2x.png) 0 50% no-repeat; background-size:15px 14px;}
	#gNav > li:nth-child(4) > a > span { background:url(../../img/header/nav/icon-04_off@2x.png) 0 50% no-repeat; background-size:16px 14px;}
	#gNav > li:nth-child(5) > a > span { background:url(../../img/header/nav/icon-05_off@2x.png) 0 50% no-repeat; background-size:16px 15px;}
	
	#gNav > li:nth-child(1).cur > a > span { background:url(../../img/header/nav/icon-01_on@2x.png) 0 50% no-repeat; background-size:15px 14px;}
	#gNav > li:nth-child(2).cur > a > span { background:url(../../img/header/nav/icon-02_on@2x.png) 0 50% no-repeat; background-size:14px 14px;}
	#gNav > li:nth-child(3).cur > a > span { background:url(../../img/header/nav/icon-03_on@2x.png) 0 50% no-repeat; background-size:15px 14px;}
	#gNav > li:nth-child(4).cur > a > span { background:url(../../img/header/nav/icon-04_on@2x.png) 0 50% no-repeat; background-size:16px 14px;}
	#gNav > li:nth-child(5).cur > a > span { background:url(../../img/header/nav/icon-05_on@2x.png) 0 50% no-repeat; background-size:16px 15px;}
	
	.next,.prev { font-size:1.4em}

	/*#gnavBtn.active {color:#ee7700;}*/
	#gnavBtn > div {
		position:relative;
		margin-bottom:10px;
	}
	.menu-trigger a,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger a {
		width: 25px;
		height: 13px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff;
		border-radius: 2px;
	}
	/*.menu-trigger.active span { background-color: #ee7700;}*/
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 6px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	
	.menu-trigger span:nth-of-type(1) {
		-webkit-animation: menu-bar01 .75s forwards;
		animation: menu-bar01 .75s forwards;
	}
	@-webkit-keyframes menu-bar01 {
		0% {
			-webkit-transform: translateY(6px) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(6px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar01 {
		0% {
			transform: translateY(6px) rotate(45deg);
		}
		50% {
			transform: translateY(6px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	.menu-trigger span:nth-of-type(2) {
		transition: all .25s .25s;
		opacity: 1;
	}
	.menu-trigger span:nth-of-type(3) {
		-webkit-animation: menu-bar02 .75s forwards;
		animation: menu-bar02 .75s forwards;
	}
	@-webkit-keyframes menu-bar02 {
		0% {
			-webkit-transform: translateY(-6px) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-6px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar02 {
		0% {
			transform: translateY(-6px) rotate(-45deg);
		}
		50% {
			transform: translateY(-6px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-animation: active-menu-bar01 .75s forwards;
		animation: active-menu-bar01 .75s forwards;
	}
	@-webkit-keyframes active-menu-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(6px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(6px) rotate(45deg);
		}
	}
	@keyframes active-menu-bar01 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(6px) rotate(0);
		}
		100% {
			transform: translateY(6px) rotate(45deg);
		}
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-animation: active-menu-bar03 .75s forwards;
		animation: active-menu-bar03 .75s forwards;
	}
	@-webkit-keyframes active-menu-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-6px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-6px) rotate(-45deg);
		}
	}
	@keyframes active-menu-bar03 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(-6px) rotate(0);
		}
		100% {
			transform: translateY(-6px) rotate(-45deg);
		}
	}
	#gnavDetailsWrap {
		display:none;
		width:100%;
		height:100%;
		position: absolute;
		z-index:990;
		top:0;
		left:0;
	}
	#gnavDetails {
		width:100%;
		height:100%;
		background:rgba(238,119,0,0.85);
		text-align:center;
		display:table;
	}
	#gnavDetails > div {
		display:table-cell;
		vertical-align:middle;
		padding-top:70px;
	}
	#gnavDetails > div > ul {
	}
	#gnavDetails > div > ul > li {
		padding:20px 0;
		margin-bottom:20px;
		border-bottom:#fff dotted 1px;
		font-size:4em;
		color:#fff;
		cursor:pointer;
	}
	
	/* subs */
	#gNav_wrap.disnon { display:none; }
	
	#gNav li .subs { position:static;}
	#gNav li .subs ul {
		background:url(../../img/header/nav/subNav-bg.png);
		margin-top:0;
		padding:10px 2.5%;
		border:5px solid #ee7700;
		text-align:left;
	}
	#gNav li .subs li { display:inline-block; width:45%; margin:10px 2.5%;}
	#gNav li .subs:before{ display:none;}
	
	/* accordion_icon for subs --------- */
	.accordion_icon,
	.accordion_icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.accordion_icon {
		position: absolute;
		top:0; bottom:0; right:5%;
		width: 14px;
		height: 14px;
		margin: auto;
	}
	.accordion_icon span {
		position: absolute;
		width: 100%;
		height: 2px;
		background-color:#fff;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-ms-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
	}
	.accordion_icon span:nth-of-type(1) {
		top: 5px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.accordion_icon span:nth-of-type(2) {
		top: 5px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	/*＋、－切り替え*/
	.accordion_icon.active span:nth-of-type(1) {
		display:none;
	}
	.accordion_icon.active span:nth-of-type(2) {
		top: 5px;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}
	/*＋、×切り替え*/
	/*.accordion_icon.active span:nth-of-type(1) {
		top: 5px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}
	.accordion_icon.active span:nth-of-type(2) {
		top: 5px;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
	}
	*/
		
	
	
	/* -------------------------------------------------------------------------- spNav */

}


@media only screen and (max-width: 375px) {
	#contentsArea #ttl {padding:20px 3% 0;}
	#gnavBtn {  width:64px; height:64px; }
	#gnavBtn { padding:18px 17px;}
	#gnavDetails > div {
		padding-top:64px;
	}
	.next,.prev { font-size:1.2em}
	
}
@media only screen and (max-width: 320px) {
}
@media only screen and (max-width: 768px) and (orientation : portrait) { #gnav li, #gnav li:first-child { width:100%;}}


@media only screen and (max-width: 640px) {
	
	header { position:relative; }
	
	#h_logo { width:24%; height:auto; top:15px; }
	#h_logo img { height:auto; }
	#gNav_bg { width:32%; background-size:100%; }
	#gNav { width:32%; top:82px; left:12px; }
	#gNav li { margin-bottom:6px; }
	#gNav li a { width:80%; height:32px; }
	#gNav li#gnav01 { background:url(../../../img/top/gnav_01.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav02 { background:url(../../../img/top/gnav_02.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav03 { background:url(../../../img/top/gnav_03.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav04 { background:url(../../../img/top/gnav_04.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav05 { background:url(../../../img/top/gnav_05.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav06 { background:url(../../../img/top/gnav_06.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav07 { background:url(../../../img/top/gnav_10.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav08 { background:url(../../../img/top/gnav_08.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav09 { background:url(../../../img/top/gnav_09.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav01.current , 
	#gNav li#gnav01:hover { background:url(../../../img/top/gnav_01_on.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav02.current , 
	#gNav li#gnav02:hover { background:url(../../../img/top/gnav_02_on.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav03.current , 
	#gNav li#gnav03:hover { background:url(../../../img/top/gnav_03_on.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav04.current , 
	#gNav li#gnav04:hover { background:url(../../../img/top/gnav_04_on.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav05.current , 
	#gNav li#gnav05:hover { background:url(../../../img/top/gnav_05_on.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav06.current , 
	#gNav li#gnav06:hover { background:url(../../../img/top/gnav_06_on.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav07.current , 
	#gNav li#gnav07:hover { background:url(../../../img/top/gnav_10_on.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav08.current , 
	#gNav li#gnav08:hover { background:url(../../../img/top/gnav_08_on.png) no-repeat left center; background-size:80%; }
	#gNav li#gnav09.current , 
	#gNav li#gnav09:hover { background:url(../../../img/top/gnav_09_on.png) no-repeat left center; background-size:80%; }

}

.only_sp { display:none; }
@media screen and (max-width:980px)  {
	#gNav_wrap ,
	#h_logo ,
	#gNav_bg ,
	#gNav { display:none; }
	#gnavlogo img { width:100%; }
	
	.only_sp { display:block; background:#f4efeb; }
	#gNavSP { text-align:center; padding:10px 0; }
	#gNavSP li {
		display:inline-block;
		margin-right:3%;
		vertical-align:bottom;
	}
	#gNavSP li:last-child { margin-right:0; }
	#gNavSP li#gnavlogo { text-indent:0; width:120px; }
	#gNavSP li a {
		display:block;
		background-size:contain;
	}
	header {
		height: auto !important;
	    min-height: 0 !important;
	}	
}


.hdn { display:none; }
#h_logo { cursor:pointer; }
#hBtn #selectbn ,
#hBtn #selectbn a img { width:130px; }
#hBtn #selectbn a { padding:0; }
@media only screen and (max-width: 640px) {
	#gnavlogo { cursor:pointer; }
	#hBtn #selectbn a { background:none; }
	#hBtn #selectbn ,
	#hBtn #selectbn a img { width:100%; }
}