/*
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) {

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

/* Joh Abroad blog design pilot — 2026-09-15. Approved staging blog posts. */
body.joh-blog-view { background:#f4f7fa!important; background-image:none!important; color:#183247; }
body.joh-blog-view #headbox-bg, body.joh-blog-view #st-menuwide,
body.joh-blog-view #mega-menu-wrap-primary-menu,
body.joh-blog-view #mega-menu-wrap-primary-menu .mega-menu-link,
body.joh-blog-view #mega-menu-wrap-primary-menu .mega-sub-menu { background:#fff!important; background-image:none!important; color:#183247!important; box-shadow:none!important; }
body.joh-blog-view #st-menuwide { border-bottom:1px solid #d6e2ec; }
body.joh-blog-view #content { padding-top:32px; }
body.joh-blog-view main { background:#fff; box-shadow:none; }
body.joh-blog-view .entry-title { color:#183247!important; background:none!important; border:0!important; padding:0!important; font-size:30px; line-height:1.6; }
body.joh-blog-view .entry-content { color:#344e62; line-height:1.95; }
body.joh-blog-view .entry-content p { color:#344e62; line-height:1.95; }
body.joh-blog-view .entry-content h2 { background:#f0f5f9!important; color:#183247!important; border:0!important; border-left:4px solid #2861ac!important; border-radius:0!important; box-shadow:none!important; padding:20px 24px!important; margin:48px 0 24px!important; font-size:24px; line-height:1.6; }
body.joh-blog-view .entry-content h2:before, body.joh-blog-view .entry-content h2:after,
body.joh-blog-view .entry-content h2 .st-dash-design:before, body.joh-blog-view .entry-content h2 .st-dash-design:after { display:none!important; }
body.joh-blog-view .entry-content h2 .st-dash-design { background:none!important; border:0!important; color:inherit!important; padding:0!important; }
body.joh-blog-view .entry-content h3 { background:none!important; color:#183247!important; border:0!important; border-bottom:1px solid #ccdce8!important; border-radius:0!important; box-shadow:none!important; padding:0 0 14px!important; margin:36px 0 20px!important; font-size:20px; line-height:1.65; }
body.joh-blog-view .entry-content h3:before, body.joh-blog-view .entry-content h3:after { display:none!important; }
body.joh-blog-view #rtoc-mokuji-wrapper { background:#f4f7fa!important; border:1px solid #d6e2ec!important; border-radius:0!important; box-shadow:none!important; }
body.joh-blog-view #rtoc-mokuji-wrapper a, body.joh-blog-view #rtoc-mokuji-title { color:#183247!important; }
body.joh-blog-view #side { color:#344e62!important; }
body.joh-blog-view #side p, body.joh-blog-view #side a, body.joh-blog-view #side h3, body.joh-blog-view #side h4, body.joh-blog-view #side .blog_info { color:#183247!important; text-shadow:none!important; }
body.joh-blog-view #side .kanren dl { border-bottom:1px solid #d6e2ec; padding-bottom:20px; margin-bottom:20px; }
body.joh-blog-view .entry-content a { color:#2861ac; }
@media(max-width:599px) {
 body.joh-blog-view #content { padding-top:16px; }
 body.joh-blog-view main { padding:24px 20px!important; }
 body.joh-blog-view .entry-title { font-size:25px; }
 body.joh-blog-view .entry-content h2 { font-size:21px; padding:16px 18px!important; }
 body.joh-blog-view .entry-content h3 { font-size:18px; }
}
body.joh-blog-view #side aside .kanren .kanren-t a, body.joh-blog-view #side aside .kanren .blog_info, body.joh-blog-view #side aside .kanren .blog_info p, body.joh-blog-view #side aside .kanren dd { color:#183247!important; text-shadow:none!important; }
/* Uniform heading sizes for the article preview. Allow natural wrapping on small screens. */
body.joh-blog-view .entry-content h2 { font-size:22px!important; padding:20px 16px!important; text-wrap:balance; }
body.joh-blog-view .entry-content h3 { font-size:18px!important; }
body.joh-blog-view.corporate-home #content { max-width:1200px; width:calc(100% - 48px); margin:32px auto 64px; display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:32px; padding:0; }
body.joh-blog-view.corporate-home #contentInner { width:auto; float:none; padding:0; margin:0; min-width:0; }
body.joh-blog-view.corporate-home #content main { width:auto; padding:40px!important; background:#fff; }
body.joh-blog-view.corporate-home #side { width:auto; float:none; margin:0; padding:0; min-width:0; }
body.joh-blog-view.corporate-home .entry-content p { margin:0 0 24px; }
body.joh-blog-view.corporate-home .entry-content ul, body.joh-blog-view.corporate-home .entry-content ol { padding-left:1.5em; margin-bottom:24px; }
body.joh-blog-view.corporate-home .entry-content img { width:auto; max-width:100%; }
body.joh-blog-view.corporate-home .header { width:100%; margin:0; max-width:none; }
body.joh-blog-view.corporate-home #side img { width:100%; }
body.joh-blog-view.corporate-home .entry-content a { color:#2861ac; }
body.joh-blog-view.corporate-home #content .entry-title { margin:20px 0; }
@media(max-width:900px) {
 body.joh-blog-view.corporate-home #content { grid-template-columns:minmax(0,1fr); width:calc(100% - 32px); }
 body.joh-blog-view.corporate-home #content main { padding:24px 20px!important; }
}
html:has(body.joh-blog-view.corporate-home), body.joh-blog-view.corporate-home { height:auto!important; min-height:100%; }
/* End blog design pilot */

<p>style.css h1 { padding: 0.25em 0.5em; color: #000000; background: transparent; background: #e0ffff; border-left: solid 5px #6495ed; }</p>