/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}

/*ヘッダー固定　PCのみ
---------------------------------------------------------------------------------------------------*/
.header_fixed{
	position:fixed;
	top:0;
	width:100%;
	z-index:999999;
	background-color: #fff !important;
}
#scrollad {
	top: 100px !important;
}

/*ヘッダー右 画像ウィジェット
---------------------------------------------------------------------------------------------------*/
#media_image-3.headbox.widget_media_image {
	margin-bottom: 0;
}
/* ヘッダー画像 */
.header_top_ttl {
	height:400px;
	color:#fff;
	display:flex;
	flex-direction: column;
  justify-content: center;
}
.header_top_ttl__big {
	font-size:200%;
	font-weight:bold;
}
.header_top_ttl__small {
	font-weight:bold;
}

@media only screen and (max-width: 959px) {
	/* ヘッダー画像 */
	#gazou-wide {
		margin-bottom: 20px;
	}
	#st-header {
		background:rgba(255,255,255,.2);
	}
	.header_top_ttl {
		height:200px;
		color:#333;
	}
	.header_top_ttl__big {
		font-size:120%;
		margin-bottom: 0;
	}
}

/*フッター固定バナー
---------------------------------------------------------------------------------------------------*/
#footer-ad-box {
	padding-bottom: 0 !important;
}
#footer-ad {
	margin-bottom: 0;
}
.footer_bnr img {
	border-radius: 0 !important;
}
/*フッター　ページトップボタン
---------------------------------------------------------------------------------------------------*/
@media screen and (orientation: portrait) {
	#page-top {
			bottom: calc(constant(safe-area-inset-bottom) + 90px ) !important;
			bottom: calc(env(safe-area-inset-bottom) + 90px ) !important;
	}
}

/*フッター　img banner
---------------------------------------------------------------------------------------------------*/
#media_image-8 {
  width:700px;
  margin:0 auto;
}
img.footer_banner-add {
  width: 100%;
}

/* 運営会社 th
-----------------------*/
.company-table tr th {
	width:9em !important;
  background-color: #F1F1F1;
}

@media (max-width:767px){
.company-table tr th {
	width:7em !important;
  background-color: #F1F1F1;
}
}


table thead + tbody tr:first-child td:first-child,
table tr td:first-child {
			background-color: #a1afaf12 !important;
			}

.sp_footer_side-banner {
	margin:3px 0;
}
#footer-wrapper {
	max-width: 100%;
	background-image: url(st-themecss-loader.php);
	background-color: #fff9ee73 !important;
	border-top-color: #efefef !important;
}

@media only screen and (min-width: 960px){
.nowhits .pop-box {
	border-top-color: #ec5504 !important;
}
}

.p-entry {
	background:#ec5504 !important;
}


@media only screen and (min-width: 600px){
.header-post-slider .post-slide-image::before {
	padding-top: 52% !important;
}
}

@media only screen and (min-width: 600px){
.header-post-slider .post-slide-image::before {
	padding-top: 50% !important;
}
}