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



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

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

.memo{
   border: 2px solid green;   /* 外枠 */
   padding: 10px;             /* 内側の余白 */
   background-color: #ffffcc; /* 背景色 */
}

.memo p {
background-image: url("images/greendot.png");
line-height: 30px;
margin: 0px;
}

.memo p.memotitle {
   margin: 0px 0px 5px 0px;
   padding: 3px 0px;
   border-bottom: 3px double #008000;
   font-weight: bold;
   color: #008000;
background-image:none;
}


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

	p, /* テキスト */
	.st-kaiwa-hukidashi, /* ふきだし */
	.st-kaiwa-hukidashi2, /* ふきだし */
	.yellowbox, /* 黄色ボックス */
	.graybox, /* グレーボックス */
	.redbox, /* 薄赤ボックス */
	.post ul li, /* ulリスト */
	.post ol li, /* olリスト */
	.post h5, /* H5 */
	.post h6, /* H6 */
	.post table tr td,
	table tr td /* テーブル */
	 {
		font-size: 18px;
		line-height: 27px;
	}
	
	/* 記事タイトル */
	.entry-title:not(.st-css-no2),
	.post .entry-title:not(.st-css-no2) {
		font-size: 27px;
		line-height: 40px;
	}

	/* H2 */
	.h2modoki,
	h2:not(.st-css-no2) {
		font-size: 22px;
		line-height: 32px;
	}
	
	/* H3 */
	.post h3:not(.st-css-no2):not(.rankh3):not(#reply-title),
	.h3modoki,
	.st-step-title {
		font-size: 20px;
		line-height: 30px;
	}

	/* H4 */
	.h4modoki,
	.post h4:not(.st-css-no2):not(.point):not(.rankh4) {
	  background-color: #f3f3f3;
	  font-size: 16px;
	  line-height: 26px;
	}
	
	/* ブログカードタイトル */
	.st-cardbox .clearfix dd h5,
	.post .st-cardbox .clearfix dd h5,
	#side .st-cardbox .clearfix dd h5 {
		border-bottom:1px dotted #ccc;
	}

	/* 記事カード化のカテゴリ */
	.post-card-list-item .st-catgroup.itiran-category .catname {
		padding: 8px;
	}

	/*--------------------------------
	hoverのopacity
	---------------------------------*/

    a:hover img {
        -moz-opacity: 0.8;
        opacity: 0.8;
    }
    
    #playnow:hover {
        opacity:0.6;
    }
    
    header .sitename a:hover {
        -moz-opacity: 0.8;
        opacity: 0.8;
    }
    
    .post .st-catgroup a:hover {
        opacity:0.5;
    }
    
    .rssbox a:hover {
        -moz-opacity: 0.8;
        opacity: 0.8;
    }
    
    #side aside .st-pagelists ul li a:hover {
        -moz-opacity: 0.8;
        opacity: 0.8;
    }
    
    .tagcloud a:hover {
        opacity:0.5;
    }
    
    a:hover .st-formbtn {
        opacity:0.7;
    }
    
    a:hover .st-originalbtn
     {
        opacity:0.7;
    }
    
    .wpcf7-submit:hover{
        opacity:0.9;
    }
    
    .st-cardstyle .kanren .st-top-box a:hover {
        text-decoration: none;
        background:#fff;
        opacity:0.3;
    }
    
    .op-st:hover {
        opacity:0.5;
    }
    
    .op-st2:hover {
        opacity:0.5;
    }
    
    .st-pagelink a:hover {
        opacity:0.5;
    }

	/*--------------------------------
	NEWS（お知らせ）
	---------------------------------*/

	#topnews-box {
		padding: 10px 0;
	}

	/*--------------------------------
	この記事を書いた人
	---------------------------------*/

	.st-author-sns .fa {
		font-size:150%;
	}
	
	#side .st-author-description{
		font-size:90%;
		margin-bottom:10px;
	}

	/*--------------------------------
	メニュー
	---------------------------------*/

	#st-menuwide {
		border-radius: 1px;
		border: solid 1px #E0DEDE;
		padding: 0px;
		margin:0 auto;

		/*Other Browser*/
		background: #f3f3f3;
		/*For Old WebKit*/
		background: -webkit-linear-gradient(
		#fff 0%,
		#f3f3f3 100%
		);
		/*For Modern Browser*/
		background: linear-gradient(
		#fff 0%,
		#f3f3f3 100%
		);
	}

	nav.smanone {
		margin:0 auto;
	}

	nav.st5 {
		margin:0 auto;
	}
	
	header .smanone ul.menu li .fa, 
	header nav.st5 ul.menu li .fa, 
	header #st-menuwide div.menu li .fa, 
	header #st-menuwide nav.menu li .fa {
    	margin-right: 5px;
	}

	header .smanone ul.menu li{
		box-sizing: border-box;
		list-style-type:none;
		float:left;
		width:160px;
		height:40px;
		text-align:center;
		border-right:solid 1px #f3f3f3;
		position:relative;
	}

	header .smanone ul.menu>li:last-child {
		border:none;
	}

	header .smanone ul.menu li a{
		display:block;
		font-size: 16px;
		overflow:hidden;
		width:100%;
		height:100%;
		line-height:40px;
		color:#000;
		text-decoration:none;
		position:relative;
		z-index:1;
	}

	header .smanone ul.menu li li a{
		background:#f3f3f3;
		border-top:#ccc dotted 1px;
		z-index:99999;
	}

	header .smanone ul.menu li a:hover{
		color:#ff0000;
	}

	header .smanone ul.sub-menu li ul.sub-menu{
		position:absolute;
		left:160px;
		top:0;
	}

	header .smanone ul.sub-menu{
		display:none;
	}

	/* IE7 対策 */
	header .smanone ul.menu{
		zoom:1;
	}

	*+html header .smanone ul.menu li{
		display:inline;
		zoom:1;
	}
	*+html header .smanone ul.sub-menu{
		zoom:1;
		position:relative;
	}
	
	/*--------------------------------
	サイドバー固定ページ用のナビ
	---------------------------------*/

	/*aタグの第一階層*/
	#side aside .st-pagelists ul li a {
		padding-top:8px;
		padding-bottom:8px;
	}

	/*aタグの第二階層*/
	#side aside .st-pagelists .sub-menu a {
		padding-top:8px;
		padding-bottom:8px;
	}

	/*aタグの第三階層*/
	#side aside .st-pagelists .sub-menu .sub-menu a {
		padding-top:8px;
		padding-bottom:0;
	}

	#side aside .st-pagelists .sub-menu .sub-menu li:last-child {
		padding-bottom:8px;
	}

	.smanone {
		display: block;
	}

	.pcnone {
		display: none!important;
	}

	header {
		padding: 0;
	}

	#header-l {
		padding-top: 0;
	}

	#headbox {
		padding: 10px;
		margin:0 auto;
		text-align:left;
	}

	#headbox img {
		margin:0;
	}

	#st-headwide #headbox img{
		margin:0 auto;
	}

	nav {
		display: block;
	}

	/*IEで要素がズレるのを対応*/
	.ie7 aside ul li, 
	.ie8 aside ul li, 
	.ie9 aside ul li {
		display: list-item;
		padding: 0;
	}

	/*--------------------------------
	フリーのウィジェットボックス
	---------------------------------*/

	.freebox {
		font-size: 14px;
		line-height: 24px;
	}

	/*--------------------------------
	各フォント設定
	---------------------------------*/

	p,
	.post h5
	{
		margin-bottom: 20px;
	}

	dd p {
		margin-bottom: 5px;
	}

	/*記事タイトル*/
	.entry-title:not(.st-css-no2),
	.post .entry-title:not(.st-css-no2) {
		color: #333;
		margin-bottom: 10px;
	}

	/* 記事タイトル下 */
	.blogbox p {
		font-size: 16px;
		margin: 0px;
		color: #ccc;
		line-height: 20px;
	}

	.h2modoki:after,
	h2:not(.st-css-no2):after {
		bottom: -10px;
		left: 50px;
	}

	.h2modoki:before,
	h2:not(.st-css-no2):before {
		bottom: -10px;
		left: 50px;
	}

	.post dd h5:not(.st-css-no2) {
	  margin-bottom: 5px;
	}

	/*サイドバー*/
	#side aside ul li {
		font-size: 18px;
		line-height: 30px;
	}

	#side aside #mybox ul li ul li {
	  font-size: 16px;
	  line-height: 24px;
	}

	/* 任意記事サムネイルありタイトル名 */
	.kanren.pop-box dd h5:not(.st-css-no2), 
	#side .kanren.pop-box dd h5:not(.st-css-no2) {
	  font-size: 18px;
	  line-height:28px;
	}

	/* オリジナルスタイルPC */
	
	.yellowbox,
	.redbox,
	.graybox
	 {
		margin-bottom: 20px;
	}
	
	/*クリップメモ*/
	.clip-memotext > * {
		font-size:90%;
	}
	
	/*メモボックス2*/
	.st-memobox2 > * {
		font-size:90%;
	}
	
	/*ミニふきだし*/
	.post .st-minihukidashi,
	.st-minihukidashi{
		font-size: 90%;
	}

	/*--------------------------------
	ヘッダーコンテンツ
	---------------------------------*/

	#header-l {
		float:left;
		max-width:380px;
	}

	#header-r {
		float:right;
		max-width:400px;
		padding-top:0px
	}

	#header-r a{
		text-decoration:none;
	}

	#header-r p {
		margin:0px;
	}
	
	#header-r .footermenubox {
		margin-bottom:10px;
	}

	/*ヘッダーリンク*/
	#header-r .footermenust {
		padding:0 10px 0 0;
		margin:0px 0 5px;
		text-align:right;
	}

	#header-r .footermenust li {
		border-right:1px solid #000;
		font-size:15px;
		line-height:18px;
		margin:0;

	}

	#header-r .footermenust li:last-child {
		border-right:none;
	}

	#header-r .footermenust a {
		padding:0px;
		margin:0px;
		font-size:12px;
		color:#000;
	}

	/*電話番号*/
	.head-telno {
		font-size:25px;
		padding: 0 10px 10px;
		text-align:center;
	}

	#header-r .head-telno {
		text-align:center;
	}

	.head-telno a{
		color:#000;
	}

	header .headbox .textwidget{
		padding:5px 10px;
		border-radius:3px;
	}
	
	/* フッターウィジェット? */
	#footer .headbox .textwidget {
		display: inline-block;
		padding: 5px 20px;
		border-radius: 3px;
		margin: 0 auto 10px;
		background:#ccc;
	}

	#footer .headbox p {
    	font-size: 12px;
   	 	line-height: 18px;
    	text-align: center;
		margin-bottom:0;
	}

	/*ヘーダーワイド*/
	#st-headwide #header-l {
		float:none;
		max-width:100%;
		box-sizing:border-box;
		padding:0;
	}
	#st-headwide #header-r {
		display:none;
	}

	/*--------------------------------
	フッターのウィジェットボックス
	---------------------------------*/

	.footer-r {
		box-sizing:border-box;
		padding:0 15px 10px 0px;
		text-align:left;
	}

	.footer-r > * {
		font-size:13px;
		line-height:18px;
		text-align:left;
	}

	.footer-l {
		float:left;
		width:30%;
		min-width:300px;
		box-sizing:border-box;
		text-align:left;
		padding:0 20px 0 0;
	}

	.footer-l > * {
		text-align:left;
	}

	.footer-l .head-telno{
		padding-left:0;
	}

	.footer-r {
		float:right;
		width:70%;
		box-sizing:border-box;
	}

	.footer-r.footer-column3{
		padding-right: 0;
	}

	.footer-r-2 { /* 3列目がある時の2列目 */
		float:left;
		width:50%;
		box-sizing:border-box;
		padding-right: 10px;
		padding-bottom: 10px;
	}

	.footer-r-3 { /* 3列目 */
		float:right;
		width:50%;
		box-sizing:border-box;
		padding-left: 10px;
		padding-bottom: 10px;
	}

	/*--------------------------------
	ページャー
	---------------------------------*/

	.st-pagelink .page-numbers {
		padding:7px 8px;
	}


	/*--------------------------------
	サイドバー固定ページ用のナビ
	---------------------------------*/

	#side aside .st-pagelists li {
		font-size:18px;
		line-height:28px;
	}
	
	/*サイドバーの記事タイトル*/
	aside h4:not(.st-css-no2),
	#side aside h4:not(.st-css-no2),
	.st-widgets-title:not(.st-css-no2) {
		font-size:18px;
	}

	/*--------------------------------
	PCのレイアウト
	---------------------------------*/

	#wrapper {
		overflow:visible; /*グローバルメニューの下層リンクを表示する為*/
		padding:0;
		width:100%;
	}

	#st-header {
		margin:0 auto;
	}

	#content {
		margin:0 auto;
	}

	#content-w {
		padding-top: 10px;
	}
	
	#side {
		padding:0;
	}

	footer {
		width:100%;
	}

	#footer {
		margin:0 auto;
	}

	#footer-in {
		margin:0 auto;
	}

	.st-eyecatch
	{
		margin: -30px -50px 10px;
	}

	.st-eyecatch-width
	{
		margin: 0 -50px 20px;
	}

	.st-eyecatch.st-eyecatch-under
	{
		margin-top: 0;
	}

	.st-eyecatch img
	{
		border-radius: 4px 4px 0 0 ;
	}

	.st-eyecatch.st-eyecatch-under img
	{
		border-radius: 0 ;
	}

	/* LPワイド */
	.colum1.st-lp-wide .st-lp-wide-wrapper
	{
		margin: 0 -70px 0;
		padding: 40px 70px 20px;
	}

	/*--------------------------------
	PCのレイアウト（左サイドバー）

	#contentInner {
		float: right;
		width: 100%;
		margin-left: -320px;
	}

	main {
		margin-right: 0px;
		margin-left: 320px;
		background-color: #fff;
		border-radius: 4px;
		padding: 30px 50px 30px;
	}

	#side aside {
		float: left;
		width: 300px;
	---------------------------------*/
		

	/*-------------------------------------
	カラム1適用
	--------------------------------------*/

	.colum1 #side {
		display: none;
	}

	.colum1 main {
		margin: 0 0 20px;
		padding:30px 70px;
	}

	/*白紙ノート*/
	#hakusinote #st-header, /*ヘッダー*/
	#hakusinote #content, /*コンテンツ*/
	#hakusinote #footer-in /*フッター*/
	{ 
		max-width:800px;
	}
	#hakusinote .colum1 main {
		margin: 0px;
		padding:20px;
	}

	/*--------------------------------
	SNS
	---------------------------------*/

	.sns{
		width:90%;
	}

	.sns li {
		width:33%;
	}

	.snstext{
		display:inline;
	}

	/*トップ記事一覧*/
	dd h3 a {
		color: #333;
		text-decoration: none;
		font-size:18px;
		line-height: 28px;
	}

	.kanren:not(.st-cardbox) .clearfix dd p {
    	font-size: 16px;
    	line-height: 26px;
	}

	.colum1 .st-eyecatch
	{
		margin: -30px -70px 10px;
	}

	.colum1 .st-eyecatch-width
	{
		margin: 0 -70px 20px;
	}

	.colum1 .st-eyecatch.st-eyecatch-under
	{
		margin-top: 0;
	}

	/*--------------------------------
	メニューst5
	---------------------------------*/

	nav.st5 {
		padding:5px;
		display:block;
	}

	nav.st5 li {
		list-style: none;
		position: relative;
		float: left;
		font-size: 14px;
		padding-left: 15px;
		padding-right: 15px;
		border-right:1px solid #ccc;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	nav.st5 li:last-child {
		border:none;
	}

	nav.st5 li .sub-menu,
	nav.menu li .children {
		display:none;
	}

	nav.st5 li a {
		color: #333;
		text-decoration: none;
	}

	.menu-nav.st5igation-container {
		overflow: hidden;
	}

	nav.st5 li a:hover {
		text-decoration: underline;
	}

	/*--------------------------------
	メニュー未設定
	---------------------------------*/

	#st-menuwide div.menu,
	#st-menuwide nav.menu {
		margin:0 auto;
		padding:5px;
		display:block;
	}

	#st-menuwide div.menu:after,
	#st-menuwide nav.menu:after {
		content:'';
		display:block;
		clear:both;
	}

	#st-menuwide div.menu li,
	#st-menuwide nav.menu li {
		position: relative;
		float: left;
		font-size: 14px;
		padding-left: 15px;
		padding-right: 15px;
		border-right:1px solid #ccc;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#st-menuwide div.menu li:last-child,
	#st-menuwide nav.menu li:last-child {
		border:none;
	}

	#st-menuwide div.menu li .sub-menu,
	#st-menuwide nav.menu li .sub-menu {
		display:none;
	}

	#st-menuwide div.menu li a,
	#st-menuwide nav.menu li a {
		color: #333;
		text-decoration: none;
	}

	/*--------------------------------
	トップおすすめタイトル
	---------------------------------*/

	.nowhits .pop-box {
		position:relative;
		margin:-30px 0 20px;
		border-top:solid 1px #FEB20A;
	}
	/*アイキャッチがある場合*/
	.st-eyecatch+.nowhits .pop-box {
		position:relative;
		margin:-20px 0 20px;
		border-top:solid 1px #FEB20A;
	}

	.nowhits-eye .pop-box {
		position:relative;
		margin:-20px 0 20px;
		border-top:solid 1px #FEB20A;
	}

	
	.nowhits .p-entry {
		top:0;
		left:0;
	}

	.nowhits .p-entry-t {
		margin-bottom:30px;
	}

	/*コンタクトフォーム7の送信ボタン*/
	.wpcf7-submit{
		width:50%;
	}
	
	/*--------------------------------
	ミドルメニュー
	---------------------------------*/
	.st-middle-menu {
		display:none;
	}
	
	/*--------------------------------
	目次
	---------------------------------*/
	#st_toc_container {
    	padding-left: 30px;
    	padding-right: 30px;
	}

	#st_toc_container > ul > li {
		font-size: 16px;
	}
	
	/* 第一階層のみの場合 */
	#st_toc_container.only-toc > ul > li {
    	font-size: 15px;
	}

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

/*media Queries スマートフォンのみ（599px）以下
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 599px) {

	/*スクロール*/
	.post .scroll-box table td,
	.post .scroll-box table td p
	{
		white-space: nowrap;
	}
	
	/*スクロールマーク*/
	.scroll-box {
		position:relative;
	}
	.scroll-box:before {
		content:"\f0ec";
		font-family: FontAwesome;
		position:absolute;
		top:0;
		left:0;
		z-index:9;
		background: rgba(204,204,204,0.8);
		padding:0.2em;
		font-size:120%;
		border-radius:0 0 5px 0;
		color:#fff;
	}

	/*ブログ風カードの続きを読む*/
	.cardbox-more a {
		display:block;
	}

	/*見出し前の挿入広告*/
	.st-h-ad {
		margin:0 -15px 20px;
		text-align:center;
		width: initial!important;
	}

	/*スマホ用のアドセンス広告挿入*/
	.sp-ad {
		margin:0 -15px;
		text-align:center;
		width: initial!important;
	}

	/*カードデザインの投稿日*/
	.slick-slides-to-show-3 .post-card-date,
	.slick-slides-to-show-2 .post-slide-date,
	.is-small-columns-2 .post-card-date,
	.is-small-columns-3 .post-card-date{
		font-size:0.7em;
	}
	
/*-- ここまで --*/
}