/* ========================================

  エリアトップ

======================================== */


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

   共通セレクタ

------------------------------ */
.archive_ul ul.inner li.photo {
	width: 100%;
	position: relative;
}
.archive_ul ul.inner li.photo h3 {
  	color: #fff;
  	font-size: 18px;
  	text-shadow: #000 1px 1px 2px,#000 -1px 1px 2px,#000 1px -1px 2px,#000 -1px -1px 2px;
  	filter: drop-shadow(0 0 .75rem #000);
  	line-height: 1;	
	position: absolute;
	right: 4%;
	bottom: 4%;
}

/* 見出し
--------------------------- */
.page-template-page-area h3 {
	padding: 1em 0;
	color: #1E1E24;
  	font-size: 34px;
	text-align: center;
}




/**
 * レスポンシブ: PC用 ウィンドウ幅835px以上、1200px以下
 */
@media screen and (min-width:835px) and ( max-width:1200px) {	


}


/**
 * レスポンシブ: TB用 ウィンドウ幅834px以下共通
 */
@media screen and ( max-width:834px) {

}



/**
 * レスポンシブ: TB用 ウィンドウ幅641px以上、834px以下
 */
@media screen and (min-width:641px) and ( max-width:834px) {


}



/**
 * レスポンシブ: SP用 ウィンドウ幅640px以下
 */
@media screen and (max-width:640px) {	

/* 見出し
--------------------------- */
.page-template-page-area h3 {
  	font-size: 32px;
}
}



/**
 * レスポンシブ: SP用 ウィンドウ幅480px以下
 */
@media screen and ( max-width:480px) {

/* 見出し
--------------------------- */
.page-template-page-area h3 {
  	font-size: 28px;
}
}




/**
 * レスポンシブ: SP用 ウィンドウ幅428px以下
 */
@media screen and ( max-width:428px) {

/* 見出し
--------------------------- */
.page-template-page-area h3 {
  	font-size: 26px;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅414px以下
 */
@media screen and ( max-width:414px) {
	
}


/**
 * レスポンシブ: SP用 ウィンドウ幅384px以下
 */
@media screen and ( max-width:384px) {

/* 見出し
--------------------------- */
.page-template-page-area h3 {
  	font-size: 24px;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅375px以下
 */
@media screen and ( max-width:375px) {

}


/**
 * レスポンシブ: SP用 ウィンドウ幅360px以下
 */
@media screen and ( max-width:360px) {

/* 見出し
--------------------------- */
.page-template-page-area h3 {
  	font-size: 22px;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅320px以下
 */
@media screen and ( max-width:320px) {

/* 見出し
--------------------------- */
.page-template-page-area h3 {
  	font-size: 20px;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅280px以下
 */
@media screen and ( max-width:280px) {

/* 見出し
--------------------------- */
.page-template-page-area h3 {
  	font-size: 18px;
}
}