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


@import url("sp_common.css");
@import url("spmenu.css");


@media screen and (max-width: 736px) {

html{	font-size:98%;}
}



/* SP M */
@media screen and (max-width: 375px) {	}




/* SP S */
@media screen and (max-width: 321px) {

html{	font-size:84%;}

}



@media screen and (max-width: 736px) {


body {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}



	
/*  -------------------------------------------------------------------------------------------------------------------- */

/* SP レイアウト設定 */

/*  -------------------------------------------------------------------------------------------------------------------- */


/* レイアウト幅 */
/*  ------------------------------------------------------------ */
.wrap,
.inner,
.infoArea .wrap,
.spwrap,
#foot .wrap{ margin:auto; width: 92%;}


/*ページ背景*/
#content{ margin-top:79px;}


#contentArea{  padding-bottom:4em;}
#top #contentArea{  padding-bottom:0;}


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


header{  transition: 0.2s; border-bottom:1px dotted #CCCCCC; background: rgba(255,255,255,0.98); }



/* ヘッダ高さ*/
header .logo{ height:75px; padding: 0 0 0 14px;}
header .logo img{/* width:100%; height:auto; max-width: 300px;*/}
header .logo a{width:68%; }

/*ナビ位置*/
header #globalMenu .menuBtn {
	right: 10px;
	top: 16px;
}

/*ナビ開閉時　背景位置*/
header #globalMenu #SpNavWrapper { top:76px;}

nav ul#navMenu{margin-top:0px;}


}