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

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	#headbox-bg {
		position: fixed;
        z-index: 9999;
		top:0;
		width:100%;
		opacity: 0.8;
	}
	#headbox {height: 58px;
		width:100%;
		padding-top:0 !important;
	}
	#header-l {width: 47%;
        position: fixed;
	    padding-top:0;
        top: 0;
		left:0;
        z-index: 999999;
	}
	#header-l .sitename img {
        max-height: 52px !important;
        padding-bottom: 0;
        margin-top: -4px;
    }
	#gazou-wide {
		margin-top:58px;
	}
    #s-navi {
		margin-bottom:-48px;
	}
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {
    #headbox-bg #headbox {
	    padding-top:0 !important;
	}
	#headbox-bg {
		background:#fff;
		width:100%;
		margin-top: -68px;
		opacity:0.8;
	}
	#headbox-bg #headbox {
		padding-top:0 !important;
	}
}	
	
/*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) {
	.s-navi-right #s-navi dt.trigger {
		height: 54px;
	}
	#header-l .sitename {
		padding-top: 3px;
	}
	#headbox-bg {
    position: fixed;
    top: 0;
    left: 0;
    height: 54px;
    width: 100%;
	margin-top: -51px;
	opacity: 1.0;
	}
    #headbox {height: 54px;
		padding-top:0 !important;
	}
	#headbox-bg #headbox {
		padding-top:3px !important;
	}
	#gazou-wide {
		margin-top:54px;
	}
	.ac-shadow {
		opacity:0.8;
	}
	#s-navi dt.trigger .acordion_extra_1 {
		padding-right: 3px;
	}
}