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



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

	/* 見出し */
	.post .entry-title:not(.st-css-no) {
		background-color: #ffeabd !important;
		padding: .5em !important;
		border-top: solid 3px #dd9933;
		border-bottom: solid 3px #dd9933;
		margin: 0 0 30px 0;	
	}
	.post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki {
		color: #333;
		line-height: 1em;
		position: relative;
		padding: .75em 1em;
		border: 1px solid #ccc;
		border-top: 3px solid #dd9933;
		background: -webkit-linear-gradient(top,#fff 0%,#f0f0f0 100%);
		background: linear-gradient(to bottom,#fff 0%,#f0f0f0 100%);
		box-shadow: 0 -1px 0 rgb(255 255 255) inset;
		text-align: left;
		margin-top: 0;
	}
	.h2modoki::after, .post h2:not(.st-css-no)::after {
		display: none;
	}
	
    /* お問合せページボタン	 */
	.sma-btn {
		justify-content: center;
	}
	.sma-btn a {
		max-width: 200px;
	}
	
		/* サイドバーメニュー */
	#sidebg:not(:root) {
	  background: #f3f3f3;
	}

	#side aside ul li {
	  margin-bottom: 16px;
	}
	
	#side aside .st-pagelists ul li {
		border: none;
	}

	#side aside .st-pagelists ul li a:not(:root) {
	  background: -webkit-gradient(linear, left top, left bottom, from(#ffc265), color-stop(30%, #dd9932), to(#c57907));
	  background: linear-gradient(to bottom, #ffc265, #dd9932 30%, #c57907);
	  color: #FFF;
	}

	#side aside .st-pagelists ul li a:before {
		content: "\f015" !important;
		padding-right: 8px;
	 	color: #FFF !important;
	   font-size: 1.2rem;
	}

	#side aside .st-pagelists .sub-menu a:not(:root) {
	  border: 1px solid #edc45c;
	  background: #FFF;
	  color: #000;
	}

	#side aside .st-pagelists li li a:before {
	  content: "\f0a9" !important;
	  font-size: 1rem;
		color: #000 !important;
	}
	
	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {
    /* 問合せボタン */
	.top-wbox-t > * {
		margin-bottom: 0;
	}
	.top-wbox-t a {
		padding: 0 64px;
	}
	
	/* トップ画像下空白修正	 */
	#st-header:not(:root) {
		height: auto;
	}
	#custom_html-5 a:not(:root) {
   	 	padding-bottom: 0;
	}

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

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

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

	/* 見出し */
	.post .entry-title:not(.st-css-no) {
		background-color: #ffeabd !important;
		padding: .5em !important;
		border-top: solid 3px #dd9933;
		border-bottom: solid 3px #dd9933;
		margin: 0 0 30px 0;	
	}
	.post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki {
		color: #333;
		line-height: 1em;
		position: relative;
		padding: .75em 1em;
		border: 1px solid #ccc;
		border-top: 3px solid #dd9933;
		background: -webkit-linear-gradient(top,#fff 0%,#f0f0f0 100%);
		background: linear-gradient(to bottom,#fff 0%,#f0f0f0 100%);
		box-shadow: 0 -1px 0 rgb(255 255 255) inset;
		text-align: left;
		margin-top: 0;
	}
	.h2modoki::after, .post h2:not(.st-css-no)::after {
		display: none;
	}
	.entry-content .h3modoki, .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title) {
		background: #dd9933 !important;
		line-height: 1.6;
		padding: 0.5em 0.5em 0.5em 2.1em !important;
		text-align: left !important;
		position: relative;
	}
	.h3modoki:before, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title):before {
		font-family: FontAwesome;
		content: "\f14a" !important;
		position: absolute;
		left: 0.8em;
	}
	
	　/* グローバルナビ */
	div#st-menuwide {
		color: #fff;
        background: #6dc3b2;
        background: -moz-linear-gradient(top,#ffd79c 0%,#d69025 50%,#d68d21 51%,#f7b756 100%);
        background: -webkit-linear-gradient(top,#ffd79c 0%,#d69025 50%,#d68d21 51%,#f7b756 100%);
        background: linear-gradient(to bottom,#ffd79c 0%,#d69025 50%,#d68d21 51%,#f7b756 100%) !important;
        padding: 0;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;	
	}
	#st-menuwide {
		color: #fff;
        background: #6dc3b2;
        background: -moz-linear-gradient(top,#ffd79c 0%,#d69025 50%,#d68d21 51%,#f7b756 100%);
        background: -webkit-linear-gradient(top,#ffd79c 0%,#d69025 50%,#d68d21 51%,#f7b756 100%);
        background: linear-gradient(to bottom,#ffd79c 0%,#d69025 50%,#d68d21 51%,#f7b756 100%) !important;
        padding: 0;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;	
	}
	header .smanone ul.menu>li:last-child {
		border-right: solid 1px #DDB677 !important;
	}

    /* ヘッダー右連絡先	 */
	header .headbox .textwidget {
		background-color: #FFF !important;
	}
	.textwidget.custom-html-widget {
    background-color: #FFF !important;
    }
	header .headbox .textwidget img {
		height: 64px;
	}
	
	/* 	メイン高さ調整 */
	body.front-page main {
		padding-top: 10px !important;
	}
	
	/* サイドバーメニュー */
	#sidebg:not(:root) {
	  background: #f3f3f3;
	}

	#side aside ul li {
	  margin-bottom: 16px;
	}
	
	#side aside .st-pagelists ul li {
		border: none;
	}

	#side aside .st-pagelists ul li a:not(:root) {
	  background: -webkit-gradient(linear, left top, left bottom, from(#ffc265), color-stop(30%, #dd9932), to(#c57907));
	  background: linear-gradient(to bottom, #ffc265, #dd9932 30%, #c57907);
	  color: #FFF;
	}

	#side aside .st-pagelists ul li a:before {
		content: "\f015" !important;
		padding-right: 8px;
	 	color: #FFF !important;
	   font-size: 1.2rem;
	}

	#side aside .st-pagelists .sub-menu a:not(:root) {
	  border: 1px solid #edc45c;
	  background: #FFF;
	  color: #000;
	}

	#side aside .st-pagelists li li a:before {
	  content: "\f0a9" !important;
	  font-size: 1rem;
		color: #000 !important;
	}
	
	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
	#headbox img.sitename-only-img {
		height: 32px
	}
	
    /* 問合せボタン */
	.top-wbox-t > * {
		margin-bottom: 0;
	}
	.top-wbox-t a {
		padding: 0 16px;
	}
	
    /* レスポンシブ調整 */
	.responbox50.smart50 .lbox {
		width: 100%;
	}
	.responbox50.smart50 .lbox,.responbox50.smart50 .rbox {
		width: 100%;
	}
	.graybox .responbox50.smart50 .rbox {
		margin-top: 16px;
	}
	
	/*-- ここまで --*/
}