/*
Theme Name: stingerplus child
Template: stingerplus
Version: 20160525
*/


* {
	font-family:Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	/*"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;*/
	/*font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;*/
	text-rendering:auto;
	font-feature-settings: "palt";
}
p {
	font-weight:500;
}
b, strong, .bold{
 /*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;*/
font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
/*"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;*/
	font-weight:700;
}

/* Googleフォントの反映箇所
--------------------------------*/
.sitename a, /*サイトタイトル*/
.descr, /*サイトタイトル下のキャプション*/
.news-ca, /*お知らせタイトル*/
.catname, /*カテゴリ（タイトル上）*/
.kdate,.kdate time, /*更新日・投稿日*/
aside h4, /*サイドバー見出し*/
.tagcloud a, /*タグクラウド*/
.p-entry, /*人気記事タイトル*/
.p-free, /*人気記事タイトル*/
.n-entry,h4 .point-in, /*NEW ENTRYと関連記事*/
.rankh3-in, /*アフィリエイトランキングの見出し*/
.snstext, /*ソーシャルボタンの文字*/
h5#resp,h3#reply-title,.form-submit, /*コメント欄見出し*/
footer h3 /*フッターのタイトル*/
{
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

/* リンクの色 */
a {
	color: #0C50C7;
}

/* リンクにマウスオーバーした時の色 */
a:hover {
	color: #b22222;
}

.sitename{
	font-weight:900;
	color: #bbb;
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #999;
}
.descr,.footermenust p{
	font-feature-settings : "palt" 1;
}
#header-l{
	max-width: 400px;
}
body{
/*
	background-image:url(https://www.1000wave.net/wp-content/uploads/2018/11/white_plaster.jpg); 
	background-repeat: repeat;
	background-position: top,center;
	background:#FAFAFA;
	*/
}
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
.cl{
	clear:both;
}
.graybox{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
/*tocの目次用*/
/*#toc_container ul a{
	display: block;
	text-decoration: none;
	color: #444;
	border-bottom: 1px dotted #ccc;
}
#toc_container .toc_list > li > a{
	border-bottom: 1px solid #ccc;
	font-size: 100%;
}
#toc_container ul ul{
	padding: 0.5em 0 0.5em 0.1em;
	margin-left: 1.0em;
}
#toc_container li{
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
}*/
/* TOC */
#toc_container{
	margin:20px auto 30px;
	background-color:rgba(44,153,181,.04);
	border:3px solid rgba(64,105,144,.2);
	border-radius:3px;
	box-sizing:border-box;
	padding:38px 52px;
	display:table;
	min-width: 68%;
}
 
/* テーマによるリストの装飾を一旦無効化 */
#toc_container ul.toc_list li::before{
	content:none;
	padding:0;
	margin:0;
	width:0;
	height:0;
	background:none;
	box-shadow:none;
}
 
/* 目次の見出しタイトル */
#toc_container .toc_title{
	text-align:center;
	font-weight:500;
	font-size:118%;
	padding:0;
}
 
/* 見出しタイトル左のアイコン */
#toc_container .toc_title::before{
	position:relative;
	font-size:28px;
	content:"\2254";
	display:inline-block;
	width:40px;
	height:40px;
	line-height:34px;
	margin-right:8px;
	border-radius:50%;
	vertical-align:baseline;
	speak:none;
	-webkit-font-smoothing:antialiased;
	color:#fff;
	background-color:#5f7b96;
}
 
/* 表示／非表示トグル */
#toc_container .toc_toggle a{
	font-size:13px;
	font-weight:normal;
	padding:2px 4px;
}
 
/* 目次エリア */
#toc_container p.toc_title + ul.toc_list{
	padding:20px 0 0;
	margin:20px 0 0;
	border-top:1px solid rgba(0,0,0,.1);
}
 
/* 目次のリストの共通スタイル */
#toc_container ul.toc_list li{
	padding:0;
	margin:0;
}
 
/* 目次のリンク */
#toc_container ul.toc_list li a{
	position:relative;
	font-size:94%;
	font-weight:normal;
	text-decoration:none;
	display:inline-block;
	padding:6px 0;
	margin:7px 0;
	line-height:1.6;
	transition:all .3s ease;
}
 
/* 目次のリンクカラー */
#toc_container ul.toc_list a,
#toc_container ul.toc_list a:visited{
	color:#5f7b96;
}
 
/* マウスオーバー時 */
#toc_container ul.toc_list a:hover{
	opacity:.88;
	text-decoration:none;
}
 
/* 親の目次 */
#toc_container ul.toc_list > li > a{
	font-size:104%;
	font-weight:bold;
	margin-left:40px;
	display: inline-block;
    width: calc(100% - 40px);
}
 
/* 番号振り用のスタイル */
#toc_container .toc_number{
	display:inline-block;
	text-align:center;
	margin-right:5px;
	font-family:'Avenir Next', 'Helvetica Neue', Arial, 'Meiryo','Yu Gothic', san-serif;
	font-weight:400;
	color:#fff;
	background-color:rgba(125,157,188,0.52);
}
 
/* 親の目次の番号 */
#toc_container .toc_number.toc_depth_1{
	position:absolute;
	top:0;
	left:-40px;
	width:32px;
	height:32px;
	line-height:32px;
	border-radius:16px;
}
 
/* 子の目次の番号 */
#toc_container .toc_number:not(.toc_depth_1){
	border-radius:15px;
	line-height:30px;
	padding:0 5.43px;
}
 
/* 子の目次 */
#toc_container ul.toc_list > li > ul{
	margin-left:40px;
}
 
/* レスポンシブ設定(667px幅以下) */
@media only screen and (max-width: 667px){
	#toc_container{
		padding:20px 3vw;
		min-width: auto;
		width:100%!important;
	}
	#toc_container p.toc_title+ul.toc_list{
		padding:20px 0 0;
	}
	#toc_container ul.toc_list > li > ul{
		margin-left:30px;
	}
}

/*tocのサイドスクロール用*/
#side aside ul li ul.toc_widget_list{
	font-size:0.8em;
	max-height:400px;
	overflow-y: auto;
	background-color:#FFF;
	padding:0.5em 1em 0.5em;
}
ul.toc_widget_list a{
	display: block;
	text-decoration: none;
	color: #444;
	border-bottom: 1px dotted #ccc;
	padding: 0.4em 0;
}
.toc_widget_list > li > a{
	border-bottom: 1px solid #ccc;
}
.toc_widget_list ul ul {
	padding: 0.5em 0 0.5em 0.1em;
	margin-left: 1.0em;
}
.toc_widget_list li {
	margin-bottom: 0.8em;
	padding: 0.4em 0;
}

/*Facebookのフォローボタン*/
a.fa-follow-btn {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 30px;
    font-size: 13px;
    color: #fff !important;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    text-decoration: none;
    line-height: 1;
    background-color: #2E5EB2;
    border-radius: 3px;
    letter-spacing: normal;
	margin-bottom:4px;
}
a.fa-follow-btn:hover {
    background-color: #587EC1;
}

/*twitterのフォローボタン*/
a.tw-follow-btn {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 30px;
    font-size: 13px;
    color: #fff !important;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    text-decoration: none;
    line-height: 1;
    background-color: #1b95e0;
    border-radius: 3px;
    letter-spacing: normal;
	margin-bottom:4px;
}
a.tw-follow-btn:hover {
    background-color: #0c7abf;
}

/*Feedlyのフォローボタン*/
a.fe-follow-btn {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 26px;
    color: #fff !important;
    font-size: 13px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    text-decoration: none;
    line-height: 1;
    background-color: #2bb24c;
    border-radius: 3px;
    letter-spacing: normal;
	margin-top:4px;
}
a.fe-follow-btn:hover {
    background-color: #199947;
}

/*----------------------------------------
Simple GA Ranking
----------------------------------------*/
ol.sga-ranking{
	background: #FFF;
	padding: 10px 10px 0;
}
.ranking-img {
    /*width: 34%;*/
	overflow: hidden;
    float: left;
    padding-right: 4%;
	margin-bottom: .5em;
}
.ranking-img img{
	height: 100px;
	width: 100px;
	object-fit: cover;
	-webkit-backface-visibility: hidden;
}
li.sga-ranking-list {
	margin-bottom: 1em;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
	position: relative;
}
ol.sga-ranking {
	counter-reset: pupular-ranking;
}
li.sga-ranking-list:before {
	background: none repeat scroll 0 0 rgba(94, 185, 77, 0.9);
	color: #fff;
	content: counter(pupular-ranking, decimal);
	counter-increment: pupular-ranking;
	font-size: 100%;
	left: 0;
	top: 0;
	line-height: 1;
	padding: 4px 7px;
	position: absolute;
	z-index: 1;
}
li.sga-ranking-list:nth-child(1):before {
    background: rgba(255, 88, 196, 0.9);
}
li.sga-ranking-list:nth-child(2):before {
    background: rgba(245, 171, 31, 0.9);
}
li.sga-ranking-list:nth-child(3):before {
    background: rgba(255, 121, 37, 0.9);
}	

ol.sga-ranking li {
    overflow: hidden;
    float: none;
    clear: both;
    position: relative;
    list-style-type: none;
    margin-bottom: 1em;
    font-size: 86%;
	line-height: 140%;
}
li.sga-ranking-list a {
    text-decoration: none;
    color: #333333;
	font-weight:bold;
	line-height: 110%;
}
li.sga-ranking-list a:hover {
    text-decoration: underline;
	font-weight:bold;
}

/*----------------------------------------
itunesプレイヤー
----------------------------------------*/
.itunes_sample_player{
	display:inline-block;
	margin:0.5% 0;
	padding:0.8%;
	background-color:#F6F6F6;
	border:1px #ccc solid;
	overflow:hidden;
	text-wrap:none;
}
.itunes_sample_player img{
	float:left;
	width:100px;
	display:block;
	margin:0 5px 5px 0;
}
.itunes_sample_player div.itunes_sample_info{
	float:left;
	width:215px;
	margin:0 0 6%;
}
.itunes_sample_player div.itunes_sample_info p{
	line-height:1.5em;
	margin:0 0 5%;
	color:#333;
}
/*曲のタイトル*/
.itunes_sample_player div.itunes_sample_info p.itunes_sample_title a{
	text-decoration:none;
	font-weight:bold;
}
/*発売日*/
.itunes_sample_player div.itunes_sample_info p.itunes_sample_date{
	font-size:0.8em;
	color:#959595;
}
.itunes_sample_player audio{
	clear:both;
	margin:2% 0;
	display:block;
	width:320px;
}

/*----------------------------------------
フォント関係
----------------------------------------*/
.font-palt {
	font-feature-settings : "palt" 1;
}
.font-swash {
	font-feature-settings: "swsh" 1;
}
.font-liga {
	font-variant-ligatures: common-ligatures;
	font-feature-settings: "dlig" 1;
}
.font-s{
	font-size:80%;
	line-height: 1.4;
}
.font-m{
	font-size:88%;
	line-height: 1.4;
}
.font-l{
	font-size:120%;
	line-height: 1.5;
}
.font-ll{
	font-size:160%;
	line-height: 1.5;
}
ul.kome li {
	font-size:80%;
  list-style-type: none;
  text-indent: -1em;
}
ul.kome li:before {
  display: inline;
  content: "※";
}
.font-gray{
	color:#999999;
}
.font-red{
	color:#ff0000;
}
.font-orange{
	color:#FF7F00;
}
.font-green{
	color:#00B588;
}
.font-purple{
	color:#a33aab;
}
.font-blue{
	color:#063A72;
}
.post ul,
.post ol{
    margin-bottom: 0;
}
/*----------------------------------------
見出し
----------------------------------------*/
h2{
	border:none;
	padding: 0.7em 0.8em 0.7em 0.8em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
/*	background: -webkit-linear-gradient(top, #2FC0C4 0%, #7DCFCB 100%);*/
/*	background: linear-gradient(to bottom, #2FC0C4 0%, #7DCFCB 100%);*/
	background: -webkit-linear-gradient(top, #2F2F2F 0%, #3A3A3A 100%);
	background: linear-gradient(to bottom, #2F2F2F 0%, #3A3A3A 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	margin-top:3em;
}
h2:first-child{
	margin-top:0;
}
.post h3 {
/*	border-bottom: solid 3px #D8F1F0;*/
	border-bottom: solid 3px #CCCCCC;
	position: relative;
	padding-left: 0;
	margin-top:2em;
}

.post h3:after {
	position: absolute;
	content: " ";
	display: block;
/*	border-bottom: solid 3px #34C2C4;*/
	border-bottom: solid 3px #2F2F2F;
	bottom: -3px;
	left: 0;
	width: 20%;
}

#comments h3:after{
	border: none;
}
.post h4 {
	padding: 8px 14px;
/*	background-color: #D8F1F0;*/
	background-color: #E3E3E3;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-top:1em;
}
.post h5 {
     position: relative;
     padding-left: 0.8em;
	margin-top:1em;
}
 
.post h5::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:1.2em;
     background-color: #E3E3E3;
}

/*アドセンス見出し（h2）の上*/
.ad-k {
	margin-bottom:30px;
	min-height:200px;
}
@media screen and (max-width: 600px) {
.ad-k {
	min-height:288px;
}
}

/*WordPress Popular Postsの見出し*/
.wpp-views{
	font-size:60%;
	color: #aaaaaa;
	margin-top: -10px;
}
#side h5{
	font-size:86%;
	line-height: 130%;
}
#side h5 a.wpp-post-title{
	color: #333333;
	margin-bottom: 0;
	padding-bottom: 0;
}
.wpp-post-title{
	/*font-size:94%;*/
	/*line-height:94%;*/
	color: #333333;
}
.wpp-post-title h5 a{
	color: #333333;
	/*text-decoration: none;*/
}
.wpp-list li{
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	position: relative;
}
.wpp-list li a{
font-size: 86%;
    line-height: 140%;
    font-weight: bold;
    display: block;
}
.wpp-thumbnail{
	padding-bottom: 1em;
}
ul.wpp-list li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 10px;
    border-radius: 0 0 10% 0;
    z-index: 1;
}
ul.wpp-list li {
    counter-increment: wpp-count;
}
ul.wpp-list li:nth-child(1):before{
    background-color: #EFAF00;
}
ul.wpp-list li:nth-child(2):before{
    background-color: #9EACB4;
}
ul.wpp-list li:nth-child(3):before{
    background-color: #BA6E40;
}

/* toc_container */
#toc_container ul,#toc_container li {
	margin:0;
	padding:0;
}
#toc_container.no_bullets ul,
#toc_container.no_bullets li,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
	background:none;
	list-style-type:none;
	list-style:none;
}
#toc_container.have_bullets li {
	padding-left:12px;
}

#toc_container ul ul {
	margin-left:1.0em;
}

#toc_container {
	background:#f9f9f9;
	border:1px solid #aaa;
	padding:10px;
	margin:0 auto 1em;
	width:90%;
	display:table;
	font-size:95%;
}
#toc_container.toc_light_blue {
	background:#edf6ff;
}
#toc_container.toc_white {
	background:#fff;
}
#toc_container.toc_black {
	background:#000;
}
#toc_container.toc_transparent {
	background:none transparent;
}
#toc_container p.toc_title {
	text-align:center;
	font-weight:700;
	margin:0;
	padding:0;
}
#toc_container.toc_black p.toc_title {
	color:#aaa;
}
#toc_container span.toc_toggle {
	font-weight:400;
	font-size:90%;
}
#toc_container p.toc_title + ul.toc_list {
	margin-top:1em;
}
.toc_wrap_left {
	float:left;
	margin-right:10px;
}
.toc_wrap_right {
	float:right;
	margin-left:10px;
}
#toc_container a {
	text-decoration:none;
	text-shadow:none;
}
#toc_container a:hover {
	text-decoration:underline;
}
.toc_sitemap_posts_letter {
	font-size:1.5em;
	font-style:italic;
}
#demo01{
	width:100%;
	overflow:hidden;
}
#demo01 ul{
	width:103%;
	_zoom: 1;
	padding:0;
}
#demo01 ul:after {
	content:"";
	clear:both;
	display:block;
	position:relative;
}
#demo01 ul li {
	/zoom:1;
	float:left;
	width:29%;
	height:auto;
	list-style-type:none;
	background:#fff;
	text-align:left;
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	-o-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	margin:0 4% 4% 0;
}
#demo01 ul li .thumnail{
	overflow: hidden;
	border-bottom:solid 1px #DEDEDE;
}
#demo01 ul li .thumnail img{
	width:100%;
	height:auto;
	-webkit-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
#demo01 ul li .thumnail img:hover{
	transform: scale(1.25);
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25);
	backface-visibility:hidden;
	-webkit-backface-visibility: hidden;
}


/**
* CSS Simple Sharing Buttons
*
* CSS Simple Sharing Buttons: http://codepen.io/DriftwoodJP/pen/XdQKZY
* WordPress with SNS Count Cache plugin: https://gist.github.com/DriftwoodJP/39e894a5d4d32b1c55f2040f45f19cc6
* Blog: http://www.d-wood.com/blog/2016/06/02_8104.html
*/

.sb {
  display: flex;
  flex-flow: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sb__item {
  flex: 1;
  text-align: center;
  padding: 1rem 0;
  a {
    display: block;
    color: #fff;
    text-decoration: none;
  }
}

// Button Colors
@mixin sb-color($color) {
  background: $color;
  &:hover { background: darken($color, 10%); }
}

.sb--twitter  { @include sb-color(#6bace2); }
.sb--facebook { @include sb-color(#445d93); }
.sb--google   { @include sb-color(#d36054); }
.sb--hatena   { @include sb-color(#4c7ec6); }
.sb--pocket   { @include sb-color(#e15c69); }
.sb--feedly   { @include sb-color(#94be61); }

// Responsive Layout
@media all and (min-width: 480px) {
  .sb { flex-flow: row; }
  .sb__item { padding: .5rem 0; }
}


/*ページ送り
----------------------------------------------------*/
.st-pagelink{
	text-align: center;
}
.st-pagelink .page-numbers{
	border: 1px solid #e0e0d2;
	border-radius: 4px;
        background:#FFF;
        padding:6px 10px;
	margin-right:6px;
        min-width:30px;
        height:30px;
	line-height:300%;
		color:#666666;
}
.st-pagelink a{
	color:#fff;
	font-weight:bold;
}
.st-pagelink a:hover {
	opacity:1;
        color:#fff;
	border: 1px solid #006799;
        background:#006799;
}
.page-numbers.dots{
		color:#222222;
}
.st-pagelink .page-numbers.current {
	opacity:1;
        color:#fff;
        font-weight:bold;
	border: 1px solid #0085BA;
        background:#0085BA;
        
}


/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
    width:100%;
    margin: 36px 0 24px;
    padding:0;
    display: table;
}
#prev_next a{
	color:#444444;
}
#prev_next  #prev, #prev_next  #next{
    width: 50%;
    padding:30px 10px 10px;
    border-top:#ccc 1px solid;
    border-bottom:#ccc 1px solid;
    display: table-cell;
    position:relative;
	text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
	    font-size:90%;
		line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
	background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
	border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
    font-size:90%;
    top:-1em;
    position:absolute; 
    border: 1px #ccc solid;
    background:#fff; 
    text-align: center;
    padding:3px;
    color:#666;
}
#prev_next #next_title{
	right:10px;
}
#prev_next #prev img, #prev_next #next img{
    margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
	width: 50%;
	height:140px;
    padding:0 10px;
    display: table-cell;
}
#prev_next #prev_no{
	border-right:#ccc 1px solid;
}
#prev_next_home{
    margin:10px auto;
    width: 100px;
    height:100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
	text-align:center;	
	/*
    background-color: #00256C;
    border: solid 9px #fff;
    box-shadow: 0 0 0 3px #00256C;
    -webkit-box-shadow: 0 0 0 3px #00256C;
    -moz-box-shadow: 0 0 0 3px #00256C;
	*/
}
#prev_next_home:hover{
	background-color: rgba(26,59,123,0.7);
}
#prev_next_home i{
	color:#00256C;
	margin:0 auto ;
	font-size:60px;
}



/*media Queries スマホ用サイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {
	.adsbygoogle{
		overflow: visible!important;
		margin-bottom:0.5em;
	}
	.pc{
		display:none;
	}
#s-navi{
	display:none;
}
body{
}
p,
.graybox{
    font-size: 90%;
	line-height: 180%;
	letter-spacing: 0.02em;
}
.su-spoiler-content{
    font-size: 90%;
	}
.box-l{
		width:100%;
	margin-bottom:2%;
}
.box-r{
		width:100%;
	margin-bottom:2%;
}
#gazou-wide nav.scroll-nav {
  width: 100%;
  height: 40px;
  background: #444;
  overflow-x: auto;
  overflow-y: hidden;
    font-size: 70%;
	line-height:120%;
}
#gazou-wide nav.scroll-nav ul.menu {
  height: 40px;
  margin: 0 auto 2px auto;
  list-style: none;
  display: flex;
}
#gazou-wide nav.scroll-nav ul.menu li {
  text-align: center;
  border-left: 1px solid #666666;
}
#gazou-wide nav.scroll-nav ul.menu li:last-child {
  border-right: 1px solid #666666;
}
#gazou-wide nav.scroll-nav ul.menu li a,
#gazou-wide nav.scroll-nav ul.menu li a:link,
#gazou-wide nav.scroll-nav ul.menu li a:visited {
  display: block;
  width: 120px;
  height: 38px;
  background: #444;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
	padding:1.2em 0 0;
}
#gazou-wide nav.scroll-nav ul.menu li a:hover,
#gazou-wide nav.scroll-nav ul.menu li a:active {
  background: #656D78;
}
#gazou-wide nav.scroll-nav::-webkit-scrollbar {
  height: 2px;
}
#gazou-wide nav.scroll-nav::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
#gazou-wide nav.scroll-nav::-webkit-scrollbar-thumb {
  background: #4A89DC;
  border-radius: 5px;
}
.inyoumodoki{
    font-size: 90%;
	line-height: 160%;
	letter-spacing: 0.02em;
}
	.post ul,
	.post ol{
		    padding-top: 0;

	}
.post ul li,
.post ol li{
    font-size: 92%;
	line-height: 160%;
	font-weight:500;
	margin-bottom:0.75em;
}
.post ul.list li{
	line-height: 160%;
	margin-bottom: 0.4em;
	font-weight:500;
}
.post ol.list li{
	line-height: 140%;
	margin-bottom: 0.4em;
	font-weight:500;
	font-size:84%;
}
.sns{
	padding-bottom:0;
}
.sns li{
    width:auto;
}
.sns li a{
	padding: 5px 10px 5px 10px;
	margin:0 5px 5px 0;
}
.sns .line .snstext{
}
.sns .fa-twitter {
	border-right:none;
	padding-right: 0;
}
.sns .fa-facebook {
	border-right:none;
	padding-right: 4px;
}
.sns .fa-comment{
	border-right:none;
	padding-right: 4px;
}
.sns .fa-hatena,.sns .fa-get-pocket{
	border-right:none;
	padding-right: 0;
}
.snscount{
	padding:0 5px;
}
#st-headwide #header-r {
	display:block;
}
#header-r #search {
	padding-bottom: 10px;
}
header .descr {
	font-size: 80%;
}
.article-snsbox {
	margin-bottom: 3rem;
}
.article-snsbox ul {
	margin: 0 auto;
}
.article-snsbox li {
	list-style-type: none;
	width: 90px;
	text-align: center;
	float: left;
	margin-bottom: .5em;
}
a.naifix-sns-button {
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.naifix-sns-button:hover {
	color: #fff;
}
.arrow_box {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #666;
	height: 35px;
	width: 88px;
	margin-bottom: 8px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.arrow_box:after,
.arrow_box:before {
	border: medium solid transparent;
	content: " ";
	height: 0;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;
}
.arrow_box:after {
	border-color: #FFFFFF rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	border-width: 4px;
	margin-left: -4px;
}
.arrow_box:before {
	border-color: #CCCCCC rgba(204, 204, 204, 0) rgba(204, 204, 204, 0);
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box span {
	line-height: 35px;
}
.sns-button-image {
	width: 88px;
	height: 56px;
	overflow: hidden;
	font-size: 12px;
	background-color: #ddd;
	border-radius: 4px;
	line-height: 4.5;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset;
}
.sns-button-image:hover {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1) inset;
}
.sns-button-image .fa,
.sns-button-image span {
	margin-right: .2em;
}
.sns-button-image span {
	font-weight: bold;
}
.sbi-twitter {
	background-color: #1b95e0;
	border: 1px solid #1b95e0;
}
.sbi-facebook {
	background-color: #4661b0;
	border: 1px solid #4661b0;
}
.sbi-googleplus {
	background-color: #db4437;
	border: 1px solid #db4437;
}
.sbi-hatenab {
	background-color: #00a4de;
	border: 1px solid #00a4de;
}
.sbi-pocket {
	background-color: #ee4156;
	border: 1px solid #ee4156;
}
.sbi-feedly {
	background-color: #85c047;
	border: 1px solid #85c047;
}
#mybox ul li {
    text-align: center;
}
#mybox ul ul li {
    text-align: left;
}
.pic-list {
	width:100%;
	overflow:hidden;
}
.pic-list ul{
	width:102%;
	padding:0;
}
.pic-list ul li{
	list-style:none;
	width: 30%;
	height:auto;
	float: left;
	margin-right:3%;
	margin-bottom:3%;
}
.pic-list li img{
	width:100%;
	height:auto;
}
.item-left-box{
	width:30%;
	float:left;
	margin-right:2%;
}
.item-left-box img{
	width:100%;
	height:auto;
}
.kanren {
	background: #FFF;
	padding: 10px 10px 0;
}
.kanren .clearfix dd .blog_info p {
    font-size: 70%;
    color: #666666;
}
table.wpcr3_table_2{
    width:58%;
}
.wpcr3_respond_2 textarea {
    min-width: auto;
}
.su-button-wide{min-height: 2rem;}
.ad_sp{
	min-height: 370px;
	}
/*-- ここまで --*/
}
/*media Queries タブレット用サイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
.box-l{
		width:48%;
	float:left;
}
.box-r{
		width:48%;
	float:right;
}
	.inyoumodoki{
    font-size: 90%;
	line-height: 160%;
}
.sns{
	padding-bottom:0;
}
.sns li{
	width: 33%;
}
.sns .fa-twitter {
	border-right:none;
	padding-right: 4px!important;
}
header .descr {
	font-size: 80%;
}
.article-snsbox {
	margin-bottom: 3rem;
}
.article-snsbox ul {
	margin: 0 auto;
}
.article-snsbox li {
	list-style-type: none;
	width: 90px;
	text-align: center;
	float: left;
	margin-bottom: .5em;
}
a.naifix-sns-button {
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.naifix-sns-button:hover {
	color: #fff;
}
.arrow_box {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #666;
	height: 35px;
	width: 88px;
	margin-bottom: 8px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.arrow_box:after,
.arrow_box:before {
	border: medium solid transparent;
	content: " ";
	height: 0;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;
}
.arrow_box:after {
	border-color: #FFFFFF rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	border-width: 4px;
	margin-left: -4px;
}
.arrow_box:before {
	border-color: #CCCCCC rgba(204, 204, 204, 0) rgba(204, 204, 204, 0);
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box span {
	line-height: 35px;
}
.sns-button-image {
	width: 88px;
	height: 56px;
	overflow: hidden;
	font-size: 12px;
	background-color: #ddd;
	border-radius: 4px;
	line-height: 4.5;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset;
}
.sns-button-image:hover {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1) inset;
}
.sns-button-image .fa,
.sns-button-image span {
	margin-right: .2em;
}
.sns-button-image span {
	font-weight: bold;
}
.sbi-twitter {
	background-color: #1b95e0;
	border: 1px solid #1b95e0;
}
.sbi-facebook {
	background-color: #4661b0;
	border: 1px solid #4661b0;
}
.sbi-googleplus {
	background-color: #db4437;
	border: 1px solid #db4437;
}
.sbi-hatenab {
	background-color: #00a4de;
	border: 1px solid #00a4de;
}
.sbi-pocket {
	background-color: #ee4156;
	border: 1px solid #ee4156;
}
.sbi-feedly {
	background-color: #85c047;
	border: 1px solid #85c047;
}
#mybox ul li {
    text-align: center;
}
#mybox ul ul li {
    text-align: left;
}
.pic-list {
	width:100%;
	overflow:hidden;
}
.pic-list ul{
	width:102%;
	padding:0;
}
.pic-list ul li{
	list-style:none;
	width: 30%;
	height:auto;
	float: left;
	margin-right:3%;
	margin-bottom:3%;
}
.pic-list li img{
	width:100%;
	height:auto;
}
.item-left-box{
	width:30%;
	float:left;
	margin-right:2%;
}
.item-left-box img{
	width:100%;
	height:auto;
}
.kanren {
	background: #FFF;
	padding: 10px 10px 0;
	min-height:auto;
}
.kanren .clearfix dd .blog_info p {
    font-size: 70%;
    color: #666666;
}
	.post ul.list li{
	line-height: 160%;
	margin-bottom: 0.4em;
	font-weight:400;
}
	.post ol.list li{
	line-height: 160%;
	font-weight:400;
}
/*-- ここまで --*/
}
/*media Queries PC用サイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
#wrapper{
	max-width: 1200px;
}
	.sp{
		display:none;
	}
#gazou-wide nav.scroll-nav ul.menu{
	max-width: 1200px; /* メニューの最大幅 */
	min-width: 770px; /* メニューの最小幅 */
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	list-style: none;
  background: #444;
	font-size:86%;
}
#gazou-wide nav.scroll-nav ul.menu li {
	float: left;
	width: 16.5%;
	text-align: center;
	border-left: 1px solid #666666;
}
#gazou-wide nav.scroll-nav ul.menu li a,
#gazou-wide nav.scroll-nav ul.menu li a:link,
#gazou-wide nav.scroll-nav ul.menu li a:visited {
  display: inline-block;
  color: #fff;
  text-decoration: none;
	width:100%;
}
#gazou-wide nav.scroll-nav ul.menu li a:hover{
		background:#666;
}
.mainbox,.kanren .clearfix dd p{
		color:#343434;
}
.box-l{
		width:48%;
	float:left;
}
.box-r{
		width:48%;
	float:right;
}
p,.graybox{
    font-size: 100%;
	line-height: 190%;
	letter-spacing: .05rem;
}
.post table tr td,.post table tr td{
		letter-spacing: 0.08em;
}
.post table tr td ul{
		font-size: 13px;
}
.inyoumodoki{
    font-size: 96%;
	line-height: 160%;
	letter-spacing: 0.06em;
}
.sns{
	padding-bottom:0;
	width: 100%;
}
.sns li {
	width: 16%;
}
.snstext {
    display: none;
}
.sns .line .snstext {
	display:inline-block;
}
.sns ul li{
		width:auto;
}
.sns .fa-twitter {
	border-right:none;
	padding-right: 4px!important;
}
.sns .fa-hatena,.sns .fa-get-pocket{
	padding-right: 10px;
}
.sns ul li.line{
		min-width: 110px;
}
.article-snsbox {
	margin-bottom: 3rem;
}
.article-snsbox ul {
	margin: 0 auto;
}
.article-snsbox li {
	list-style-type: none;
	width: 90px;
	text-align: center;
	float: left;
	margin-bottom: .5em;
	margin-right: .5em;
}
a.naifix-sns-button {
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.naifix-sns-button:hover {
	color: #fff;
}
.arrow_box {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #666;
	height: 35px;
	width: 88px;
	margin-bottom: 8px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.arrow_box:after,
.arrow_box:before {
	border: medium solid transparent;
	content: " ";
	height: 0;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;
}
.arrow_box:after {
	border-color: #FFFFFF rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	border-width: 4px;
	margin-left: -4px;
}
.arrow_box:before {
	border-color: #CCCCCC rgba(204, 204, 204, 0) rgba(204, 204, 204, 0);
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box span {
	line-height: 35px;
}
.sns-button-image {
	width: 88px;
	height: 56px;
	overflow: hidden;
	font-size: 12px;
	background-color: #ddd;
	border-radius: 4px;
	line-height: 4.5;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset;
}
.sns-button-image:hover {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1) inset;
}
.sns-button-image .fa,
.sns-button-image span {
	margin-right: .2em;
}
.sns-button-image span {
	font-weight: bold;
}
.sns .fa-twitter {
	border-right:none;
	padding-right: 4px!important;
}
.sbi-twitter {
	background-color: #1b95e0;
	border: 1px solid #1b95e0;
}
.sbi-facebook {
	background-color: #4661b0;
	border: 1px solid #4661b0;
}
.sbi-googleplus {
	background-color: #db4437;
	border: 1px solid #db4437;
}
.sbi-hatenab {
	background-color: #00a4de;
	border: 1px solid #00a4de;
}
.sbi-pocket {
	background-color: #ee4156;
	border: 1px solid #ee4156;
}
.sbi-feedly {
	background-color: #85c047;
	border: 1px solid #85c047;
}
.pic-list {
	width:100%;
	overflow:hidden;
}
.pic-list ul{
	width:102%;
	padding:0;
}
.pic-list ul li{
	list-style:none;
	width: 30%;
	height:auto;
	float: left;
	margin-right:3%;
	margin-bottom:3%;
}
.pic-list li img{
	width:100%;
	height:auto;
}
.item-left-box{
	width:30%;
	float:left;
	margin-right:2%;
}
.item-left-box img{
	width:100%;
	height:auto;
}
.kanren {
	background: #FFF;
	padding: 10px 10px 0;
	/*min-height:1034.9px;*/
}
.kanren .clearfix dd .blog_info p {
    font-size: 80%;
    color: #666666;
}
.post ul li{
	line-height: 160%;
	margin-bottom: 0.75em;
	font-weight:400;
}
.post ul.list li{
	line-height: 160%;
	margin-bottom: 0.5em;
	font-weight:400;
}
.post ol.list li{
	line-height: 160%;
	font-weight:400;
}
#side aside .side-topad .ad:first-child .textwidget{
	min-height:600px;
}
/*--------------------------------------
  768px PREV NEXT
--------------------------------------*/
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
    padding:3px 10px;
}
#prev_next #next_title{
	right:10px;
}
#prev_next #prev img{
    float:left;
    margin-right:10px
}
#prev_next #next img{
   float:right;
   margin-left: 10px;
}
.post ul,
.post ol{
	margin-bottom:10px;
}
.post ul li,
.post ol li{
	margin-bottom:0.75em;
}
/*-- ここまで --*/
}

/*アドセンス記事下　ここから*/
/*PC・タブレット*/
@media print, screen and (min-width: 768px) {
.ad-box { 
  margin-bottom: 10px;
}
#ad-pc-left {
  float: left;
}
#ad-pc-right {
  float: right;
}
}

/*カテゴリ・アーカイブウィジェット ドロップダウンにした場合ラベル表示無し*/
.widget_categories label.screen-reader-text,
.widget_archive label.screen-reader-text,
#mybox label.screen-reader-text{
  display: none;
}

/*サイドバー子カテゴリー　ここから*/
ul.children {
  padding-left:10px;
}

.list p{
margin-bottom: 0.45em;
margin-top:0;
line-height: 120%;
}

/*サイドのカテゴリ表示カスタマイズ*/
#side aside ul li ul li {
	background: none;
	padding-left: 0;
}
#side aside li.cat-item a {
	display: block;
	overflow: hidden;
	font-size: 13px;
	line-height: 2.4em;
	text-decoration: none;
	vertical-align: middle;
	padding: 2px 8px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ccc;
	color: #333333;
}
#side aside li.cat-item a::before {
	font-family: FontAwesome;
    content: "\f0da";
    padding-right: 10px;
}
#side aside li.cat-item a:hover {
	color: #999999;
	text-decoration:none;
}
#side aside li.cat-item span {
	font-size: 11px;
	line-height: 1em;
	float: right;
	margin: 8px 0 0 8px;
	padding: 4px 4px;
	border-radius: 4px;
	color: #fff;
	background: #3C3C3C;
}
.post ol.list1000{
	padding-left: 50px;
}
.post ol.list1000 li{
line-height: 120%;
margin-bottom: 10px;
	}
table tr td.gsc-input,table tr td.gsc-search-button,table tr td.gsib_a,table tr td.gsib_b{
border:none;
}

/*--------------------------------
ぱんくず
---------------------------------*/

#breadcrumb,
#breadcrumb ol,
#breadcrumb li,
#breadcrumb h1 {
	margin:0;
	padding:0;
	font-weight:normal;
}

#breadcrumb ol li,
#breadcrumb ol li h1 {
	color: #ccc;
	font-size: 13px;
	list-style:none;
	display: inline-block;
}

#breadcrumb ol li a,
#breadcrumb ol li h1 a {
	text-decoration: none;
	color: #ccc;
}

/*--------------------------------
コードの表示
---------------------------------*/
code, pre, .pre-style {
    background: #f1f3f4;
    color: #37474f;
    padding: 10px;
}

/*--------------------------------
年表
---------------------------------*/
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
}

/* page-links *****/
.split-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.split-nav span,
.split-nav a {
  display: block;
}

.split-nav span {
  height: 32px;
  margin: 0 4px;
  padding: 0 12px;
  line-height: 32px;
  font-weight: bold;
  color: #FFFFFF;
  background: #4A3C37;
}

.split-nav a {
  text-decoration: none;
}

.split-nav a span {
  font-weight: normal;
  color: #4A3C37;
  background: #f2f2f2;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.split-nav a:hover span {
  color: #FFFFFF;
  background: #4A3C37;
}
.wrap_threecolumn{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.wrap_threecolumn .inner{
		width: 30%;
		margin-bottom: 20px;
		text-align: center;
	}
	.wrap_threecolumn .inner img{
		width: auto;
		height: 30px;
	}
.icon_tak{
	background:#4172C8;
	color:white;
	padding: 0.25rem 0.5rem 0.25rem;
	border-radius:6px;
	font-size:10px;
	margin-left:6px;
	white-space:nowrap;
}
.icon_koshi{
	background:#49B25A;
	color:white;
	padding: 0.25rem 0.5rem 0.25rem;
	border-radius:6px;
	font-size:10px;
	margin-left:6px;
	white-space:nowrap;
}

#side .ad .textwidget{
	/*min-height:130px;*/
}
#side .ad .rssbox{
	/*min-height:33px;*/
}
#side aside h4.menu_underh2{
	/*min-height:44px;*/
}
#page-top{
	/* left: 20px;
	right:auto;*/
}
.blogbox{min-height: 1rem;}
#sp_top_ad{
	display:none;
}
@media screen and (max-width: 600px) {
#sp_top_ad{
	display:block;
	min-height:100px;
	}
}
.collum_three{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.collum_three .inner{
width:30%;
	margin-bottom:20px;
}
.collum_three .inner img{
width:100%;
height:auto;
}

/* 検索ボックス */
@media screen and (max-width: 600px) {
#search #s {	
	height: 48px;
	padding: 10px 75px 10px 10px;
	}
#search #searchsubmit{
		width: 70px;
height: 48px;
	}
}

/* X（旧Twitter）の埋め込み */
@media screen and (max-width: 600px) {
	.twitter-tweet iframe{
		min-height: 225px;
	}
}