/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180831以上対応
Version: 20180831
*/



/*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) {
	/*-- ここまで --*/
}

/* =================================================== 
　ここからカスタマイズ
==================================================== */

/* 記事下の広告BOX非表示（余白対策）
.adbox {
    display:none !important;
}
 */


/* モバイルヘッダー透過 */
#s-navi dt {
	opacity: 0.8;
}

/* アニメーション速度（点滅） 2s → 3s */
.faa-flash.animated, .faa-flash.animated-hover:hover, .faa-parent.animated-hover:hover>.faa-flash {
    -webkit-animation: flash 3s ease infinite;
    animation: flash 3s ease infinite;
}

/* ヘッダーのサイト名 テキストデコレーション */
header .sitename a{
	color: white;
	text-shadow: 0px 3px 0px #b2a98f,
				 0px 14px 10px rgba(0,0,0,0.15),
				 0px 24px 2px rgba(0,0,0,0.1),
				 0px 34px 30px rgba(0,0,0,0.1);
}

/* グローバルメニューの上下border色 */
#st-menuwide {
	border-color:#fff !important;
}

/* ブログカードとモバイルスライドメニュー新着記事の背景色対応 */
/* ※※ 他の場所にも影響でるかも ※※ */
.kanren dt, .st-cardbox {
    background: #fff !important;	
}

/* モバイルスライドメニューのカテゴリアイコン調整 */
/* ※※ ずれる原因が不明なので仮対処 ※※ */
.acordion_tree ul.menu li .fa, #s-navi .acordion_tree ul.menu li .menu-item-icon.fa {
	margin: 3px 0px 0px 0;
}

/* バナー風ボックス モバイル時に幅拡大 */
@media print, screen and (max-width: 599px) {
	.st-header-flexbox {
		width: 95%;
	}
}