@charset "utf-8";

/*---------------------------------------------------------------
各ページの独自CSS
---------------------------------------------------------------*/
/**
 * 目次
 *
 * 01. 各ページ共通
 * ●コンテンツ囲みフィールド（大囲み用）
 * ●WEBフォント 
 *
 *（PC-1024px SP-896px以下） 
 *（★の箇所は未使用）
 */

/*****************************************************************
 01. 個別ページ共通
*****************************************************************/
/* ●コンテンツ囲みフィールド（大囲み用）
=================================================*/
.FIELD-1500{
	clear:both;
	position: relative;
	width: 100%;
	padding: 0px 30px 0px 30px;
	margin: 0px auto 0px auto;
}

/* ◎コンテンツ囲みフィールド（大囲み用）=レスポンシブ対応
------------------------------------------------------------*/
/***---- ▼SP-1500px以上----***/
@media screen and (min-width:1500px){

.FIELD-1500 {
	width: 1500px;
}

}
/***---- ▲SP-1500px以上----***/

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.FIELD-1500 {
	padding: 0px 20px 0px 20px;
}

}
/***---- ▲SP-896px以下----***/

/* ●ロゴ(縦組）
=================================================*/

#page_LOGO {
	position: absolute;
	z-index:10;
	width: 32px;
	margin-top:0px;
}

#page_LOGO .pL_border_T,
#page_LOGO .pL_border_B{
	width: 32px;
	height:100px;
}
#page_LOGO .pL_border_T,
#page_LOGO .pL_border_B{
	border-right: 1px solid #aaa;
}

#page_LOGO .pL_name{
	margin: 10px 0px 10px 25px;
}

#page_LOGO.fixed  {
	position: fixed;
	z-index: 10;
	top: 0px;
	left: 0px;
}

/* ◎個別ページ／ページネーション=レスポンシブ対応
------------------------------------*/
/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#page_LOGO {
	display:none;
}

}
/***---- ▲SP-896px以下----***/



/* ●WEBフォント 
=================================================*/
/*----------------------------------------------------
 NGT Font
----------------------------------------------------*/
@font-face {
        font-family: ngt;
        src: url('../font/ngtmp.ttf');
}
.ngt {
        font-family: ngt;
        font-weight: lighter;
}

/*----------------------------------------------------
 Noto ゴシック系
----------------------------------------------------*/
@font-face {
        font-family: Noto_sa_R;
        src: url('../font/NotoSansJP-Regular.otf');
}
.Noto_sa_R {
        font-family: Noto_sa_R;
}

@font-face {
        font-family: Noto_sa_M;
        src: url('../font/NotoSansJP-Medium.otf');
}
.Noto_sa_M {
        font-family: Noto_sa_M;
}

@font-face {
        font-family: Noto_sa_T;
        src: url('../font/NotoSansJP-Thin.otf');
}
.Noto_sa_T {
        font-family: Noto_sa_T;
}

@font-face {
        font-family: Noto_sa_L;
        src: url('../font/NotoSansJP-Light.otf');
}
.Noto_sa_L {
        font-family: Noto_sa_L;
}

/*----------------------------------------------------
 Noto 明朝系
----------------------------------------------------*/
@font-face {
        font-family: Noto_se_M;
        src: url('../font/NotoSerifCJKjp-Medium.otf');
}
.Noto_se_M {
        font-family: Noto_se_M;
}

@font-face {
        font-family: Noto_se_EL;
        src: url('../font/NotoSerifCJKjp-ExtraLight.otf');
}
.Noto_se_EL {
        font-family: Noto_se_EL;
}

@font-face {
        font-family: Noto_se_L;
        src: url('../font/NotoSerifCJKjp-Light.otf');
}
.Noto_se_L {
        font-family: Noto_se_L;
}

@font-face {
        font-family: Noto_se_B;
        src: url('../font/NotoSerifCJKjp-Bold.otf');
}
.Noto_se_L {
        font-family: Noto_se_B;
}


/*----------------------------------------------------
 Google font
----------------------------------------------------*/
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(../font/NotoSerifCJKjp-ExtraLight.otf) format('opentype');
}
.Noto_Serif_EL {
	font-family: 'Noto Serif Japanese';
	font-weight: 100;
}

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(../font/NotoSerifCJKjp-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NotoSerifCJKjp-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf) format('opentype');
 }
.Noto_Serif{
	font-family: 'Noto Serif Japanese';
}

/*Google Fonts　※ヘッダーに<link href="https://fonts.googleapis.com/earlyaccess/sawarabimincho.css" rel="stylesheet" />*/
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }