/* 画像に枠線を付ける */
img.waku {
    border: solid 3px #ccc; /* 枠線のスタイル 太さ 色 */
    box-shadow: 0px 0px 2px #ccc; /* 影の水平方向の距離 垂直方向の距離 ぼかしの距離 色 */
}
a:hover img{ 
cursor: pointer;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .2);
  -moz-transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.cardtype{
	display:flex;
	-webkit-flex-direction:row;
	flex-wrap:wrap;
margin:auto;
}

.h2-top {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
	font-weight:bold;
	font-size:23px;
}

.blog-card2 {
	display:inline-block;
  border: 2px solid #e5e5e5;
  word-wrap: break-word;
  box-sizing: border-box;
 width: 100%;
	margin-bottom:1em;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 700px) and (max-width: 1000px){
		.blog-card2 {
		max-width: 100%;
	}}

@media screen and (min-width: 700px) {
		.blog-card2 {
		max-width: 600px;
	}}
@media screen and (min-width:600px) and ( max-width:850px){
.blog-card2-thumbnail img{
	max-width:150px !important;
	}
	.blog-card2-title {
		font-size:0.9em !important;
	}
}
@media screen and (min-width: 1001px){
		.blog-card2 {

	}}
.blog-card2-date{
	font-size:13px;
	padding-bottom:5px;
	color:#878686;
	display:block;
}
.blog-card2:hover {
  cursor: pointer;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .2);
  -moz-transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.blog-card2 a {
  text-decoration: none;
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.blog-card2 a:hover {
  color: #333;
  background: rgba(235, 235, 235, 0.8);
  text-decoration: none;
}

.blog-card2-thumbnail {
  display: table-cell;
  vertical-align: middle;
}

.blog-card2-thumbnail img {
  padding: 10px;
  max-width: 200px;
	height:130px;
}

.blog-card2-content {
  display: table-cell;
  vertical-align: middle;
  padding: 0.4em;

}

.blog-card2-title {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
  
}

.blog-card2-excerpt {
  display: none;/*消します*/
}

.blog-card2 .clear {
  clear: both;
}

@media screen and (max-width: 500px) {
  .blog-card2-title {
    font-size: .85em;
  }

.blog-card2-thumbnail img {
  max-width: 170px;
}

}

/*吹き出し*/
.st-kaiwa-face img{
	border:3px solid #ccc;
}
.pum-title, .pum-theme-enterprise-blue .pum-title{
	padding-bottom:25px;
}

.st-cardstyle .kanren dl, .st-cardstyle .kanren.st-cardbox dl:last-child{
	padding:10px;
}

.blog-card {
display:inline-block;
	margin:10px !important;
    overflow: hidden;
    width: 100%;
    margin: 1em 0;
    padding: 0;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    color: #555;
    font-weight: bold;
    text-decoration: none !important;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

/*自作ブログカード*/
@media only screen and (max-width:500px){

}
@media only screen and (min-width: 450px) and (max-width: 875px){
	.blog-card {
	width: 45% ;
	 }
	.blog-card-thumbnail img{
		height:100% !important;
	}
}
@media only screen and (min-width: 876px) and (max-width: 980px){
.blog-card {
	width: 250px ;
	 }
}
@media only screen and (min-width: 981px) and (max-width: 1110px){
.blog-card {
	width: 260px ;
	 }
}
@media only screen and (min-width:1111px){
.blog-card {
	width: 300px ;
	 }}
@media screen and (max-width: 640px) {}

.blog-card:hover {
  cursor: pointer;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .2);
  -moz-transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.blog-card a {
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.blog-card a:hover {
  color: #ccc;
  background: rgba(235, 235, 235, 0.8);
  text-decoration: none;
}
.blog-card-thumbnail a:hover{
	  color: #ccc;
  background: rgba(235, 235, 235, 0.8);
  text-decoration: none;
}

.blog-card-thumbnail img {
  padding: 0;
	width:100%;
	height:172px;
}

.blog-card-content {
  padding:15px;
}

.blog-card-title {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  color: #333;
}

.blog-card-excerpt {
  display: none;/*消します*/
}

.blog-card .clear {
  clear: both;
}

.blog-card-date{
	color:#ccc;
	font-size:13px;
}


.rankstlink-l{
	padding:10px 0;
}
.rankstlink-r{
		padding:10px 0;
}
.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}
/*--------------------------------------
 目次へGOボタン
--------------------------------------*/
.tomkj a {/*リンク部分の形を変えていくよ*/
    position: fixed;/*画面に固定して表示します*/
    bottom: 80px;/*画面下から80pxのところに表示*/
    right: 14px;/*画面右から10pxのところに表示*/
	text-decoration:none;
	height: 55px;/*こいつの高さ*/
    width: 55px;/*こいつの横幅*/
    text-align: center;/*文字は中央寄せ*/
    border-radius: 50%;/*円形にチェンジ*/
    z-index: 9;/*重なりの順番を指定*/
    opacity: 0.7;/*透明度は70%*/
    font-size: 10px;/*文字の大きさは少し小さく*/

}



.tomkj-c p{
	color:#fff;
	font-weight:bold;
}
.tomkj-c a {/*色んなカラー設定*/
    background: #0f5375;/*背景色*/
    color: #0f5375;/*文字色＆枠線の色*/
    border: 2px solid;/*枠線の太さと種類*/
}
.tomkj a:hover {/*ホバー時*/
    text-decoration: none;/*下線を削除*/
}
.tomkj p {/*文字部分の設定　位置調整用*/
    margin-bottom: -18px;/*外側下の余白*/
    margin-top: 8px;/*外側上の余白*/
}
.tomkj p:last-child {/*GO部分の設定*/
    font-size: 1.2em;/*文字のサイズを大きく*/
}


/*-----------------------------------------------
文字サイズ
-----------------------------------------------*/	



.free-inbox ul{
	border:none !important;
	padding:0 0 0 30px !important;
}

.free-inbox ul li:before{
	left:10px !important;
}

/*-----------------------------------------------
テーブル
-----------------------------------------------*/	
.post table{
	border-top:2px #cac8c8 solid;
	border-right:2px #cac8c8 solid;
	border-left:2px #cac8c8 solid;
	border-bottom:2px #cac8c8 solid;
}
table tr td{
	border-bottom-color:#cac8c8;
	border-left-color:#cac8c8;
	border-top-color:#cac8c8;
	border-right-color:#cac8c8;
}


/*　検索の余白　*/
#searchform {
    background-color: #fff;
}
aside h4, #side aside h4, .st-widgets-title{
	margin-bottom:0px;
}



/*-----------------------------------------------
文字装飾
-----------------------------------------------*/	

.btn10 {
    background-color: #E53935;/*ボタン色*/
    color: #fff !important;
    margin: 0 0 10px 0;
    box-shadow: 0 5px #bf221f;
	text-align:center;
	border-radius:5px;
}
.btn10 a {
    	text-decoration:none;
    color: #fff !important;
	font-weight:bold;
	
}
.btn10 p {
    padding:10px 10px 10px 10px;
}
.btn10:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
    box-shadow: none;
}
.post h4:not(.rankh4):not(.point){
	color:#000;
	font-size:20px;
}




.free-inbox ul {
  border: solid 2px skyblue;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.free-inbox ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.free-inbox ul li:before {/*疑似要素*/
font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: skyblue;/*アイコン色*/
}

/*ドコモ光カテゴリー*/
.catname.st-catid14 {
  background:#ff7f7f;
	color:#FFF !important;
}
/*ソフトバンク光カテゴリー*/
.catname.st-catid15 {
  background:#4d4d4d;
	color:#FFF !important;
}
/*auひかりカテゴリー*/
.catname.st-catid74 {
  background:#ff8c00;
	color:#FFF !important;
}



/*--------------------------------
ボタン
---------------------------------*/
.btn-1 {
    background-color: #61c359; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    opacity: 0.8;
}

.btn-1:hover {
    box-shadow: none;
    transform: translateY(2px);
}

.btn-1 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
}

.btn-1 > img { float: left; }
.btn-1::after{ content: ''; clear: left; }

.btn-d {
    background-color: #ff3131; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 90%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    position: relative;
}

.btn-d a::after{
    content: '\f054'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    right:  1em;
}

.btn-d:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-d a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.7em;
    padding-right: 2em;
	font-size:18px;
}

.btn-d > img { float: left; }
.btn-d::after{ content: ''; clear: left; }


.btn-au {
    background-color: #ff9557; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    position: relative;
}

.btn-au a::after{
    content: '\f054'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    right:  1em;
}

.btn-au:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-au a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.7em;
    padding-right: 2em;
	font-size:18px;
}

.btn-au > img { float: left; }
.btn-au::after{ content: ''; clear: left; }




.btn-s {
    background-color: #4e4e4e; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    position: relative;
}

.btn-s a::after{
    content: '\f054'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    right:  1em;
}

.btn-s:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-s a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.7em;
    padding-right: 2em;
	font-size:18px;
}

.btn-s > img { float: left; }
.btn-s::after{ content: ''; clear: left; }


.h2modoki {
color: #404040 !important;/*文字色*/
padding: 0.5em !important;/*上下の余白*/
border-top: solid 3px #364e96 !important;/*上線*/
border-bottom: solid 3px #364e96 !important;/*下線*/
	background:none !important;
	border-width:0;
	border-radius:0;
	box-shadow:none;
	border:0px;
}

/*サイドバーランキング表示*/
.number {
	position:relative;
}

dl.number:before {
counter-increment:ranking;
content:counter(ranking);

position:absolute;
top:0;
left:0;
padding:2px 6px;
background:#fbc02d;
font-size:13px;
font-weight:bold;
color:#fff;
}

h4 {
counter-reset:ranking;
}

dl.clearfix.number{
margin-bottom:10px;
padding-bottom:10px;
}

#side .st-author-description{
text-align:justify;
}

dl.number::before{
	
padding:2px 5px
}

#st-magazine .kanren .st-top-box:not(.st-fist-post) dt img {
	height: 200px;}

/*記事装飾系
----------------------------*/

/*--------------------------------------
リストアイコン
--------------------------------------*/
.post .maruno ol li:before, .post .maruck ul li:before{
	margin-left:0 !important;
}

.post .maruck{
	padding:10px 0;
}

/*--------------------------------------
リンカー
--------------------------------------*/

@media screen and (max-width: 768px){
div.yyi-rinker-contents div.yyi-rinker-box{
	display:inline-block;
	}
	div.yyi-rinker-contents div.yyi-rinker-image{
		float: none;
    margin: 0 auto 10px;
    width: 100%;
	}
	div.yyi-rinker-contents div.yyi-rinker-title p
{
		font-weight:bold;
	width:350px;
	}
	div.yyi-rinker-contents div.yyi-rinker-detail .price-box{
		width:350px;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li{
		margin:15px 0;
		line-height:37px !important;
		height:37px !important;
		padding: 0 12px;
    border-radius: 3px;
		font-size:18px !important;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li a{
		display:inline-block;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links{
		display:block;
		width:310px;
		padding-left:15px !important;
	}
}
/*-----------------------------------------------
マイクロコピーボタン
-----------------------------------------------*/	

.abtn-mc1 a{
		text-align:center;
	    text-decoration: none;
    display: inline-block;
    width: 95%;
    margin: 0;
    border-radius: 3px;
    background: #ed2e2e;
    color: #fff;
    padding: .5em .3em;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
		transition: all .2s ease;
    position: relative;
}
.abtn-mc1 a:after{
    content: "\f138";
    font-family:"FontAwesome";
    margin-left: 20px;
}
.abtn-mc1 a:hover{
	box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}
.abtn-mc1-top-text{
    font-weight: bold;
    margin-bottom:0!important;
	font-size:18px !important;
	color:#333;
	text-align:center;
}
.abtn-mc1-under-text{
    font-size: .8em !important;
	text-align:center;
}

/*-----------------------------------------------
ランキング
-----------------------------------------------*/	

@media print, screen and (min-width: 960px){
	#st-headwide #headbox img{
		width:50%;
	}}
.rankst-box{
	    border-bottom: dotted 3px #CCC;
}/*下線*/
.rankh4:not(.st-css-no):not(.rankh4-sc), .post .rankh4:not(.st-css-no):not(.rankh4-sc), #side .rankh4:not(.st-css-no):not(.rankh4-sc){
	border-bottom:solid 2px #589ad3;
}/*ランキングタイトル下線*/

/*-----------------------------------------------
クリックして開くボタン
-----------------------------------------------*/	
.st-btn-open{
	border:solid #ef8484;
	background:#ef8484;
	padding:10px 30px;
	font-weight:bold;
	color:#FFF !important;
}

.st-btn-open:before{
	font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: relative;
	left:-10px;
  color: #fff;/*アイコン色*/
}

/*-----------------------------------------------
ヘッダー
-----------------------------------------------*/	
@media print, screen and (max-width: 599px) {

	#headbox{
		padding:0!important;
	}
	.sitename img{
		max-width:100% !important;
		padding:0;
		margin:0;
		
	}
	header .descr.sitename-only, header .sitename.sitename-only{
		max-width:100% !important;
		padding:0;
		margin:0;
		
	}
}

/*-----------------------------------------------
div class list
-----------------------------------------------*/	
.post-card-list .post-card-excerpt p{
	display:none;
}
.post-card-list{
	justify-content:space-between;
	display:flex;
	flex-wrap:wrap;
}
.content-post-slider .post-slide-excerpt::after, .post-card-list .post-card-excerpt::after{
	display:none;
}
.list ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;

}

.list ol li{
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.list ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #74c2f8;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}



/*-----------------------------------------------
div class list
-----------------------------------------------*/	
.list ul {
  padding: 0 0 0 30px;
  position: relative;
}

.list ul li {
  line-height: 40px !important;
  list-style-type: none!important;
}
@media print, screen and (max-width: 599px) {
.list li a{
	padding-left:5px;
}
}
.list li a{
	font-size:17px;
}
.list ul li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: skyblue;/*アイコン色*/
}


/*-----------------------------------------------
目次
-----------------------------------------------*/	
#toc_container .toc_list {/*目次のコンテンツ*/
    margin: 0;/*外側の余白削除*/
    color: #424242de;/*文字の色*/
    padding: 1em;/*内側の余白調整*/
    position: relative;/*基準に設定*/
}
@media screen and (max-width: 768px){
	#toc_container .toc_list > li:after {
    left: -3px !important;
    top: 0px; } 
	#toc_container .toc_list > li{
		padding-left:15px !important;
	}
}
.toc_toggle{
	font-size:18px;
	padding:5px;
}

.toc_toggle a{
	color:#fff;
		font-size:15px;
	padding:5px;
}
#toc_container:not(.contracted){
	padding:0;
}

#toc_container .toc_title:before {/*タイトル前のアイコン*/
    display: none;/*消し消し*/
}
#toc_container .toc_list:after {/*右下のアイコン*/
    content: "\f212";/*アイコンの書類*/
    position: absolute;/*自由に羽ばたけるように*/
    font-family: FontAwesome;
    bottom: -20px;/*下方向の位置調整*/
    right: 5%;/*右方向の位置調整*/
    font-size: 5em;/*アイコンの大きさ*/
    opacity: 0.1;/*透明度*/
}
#toc_container .toc_title {/*目次のタイトル*/
    font-size:20px !important;
    line-height: 52px;/*行の高さ*/
    background: #4242428a;/*背景色*/
    text-align: center;/*中央揃え*/
    color: white!important;/*文字の色*/
	font-weight:bold;
}
#toc_container {/*目次全体*/
    margin: 0 0 2em 0;/*外側の余白設定*/
    padding: 0;/*内側の余白を0に*/
    border-color: #4242428a!important;/*枠線の色*/
    border: solid 2px;/*枠線の種類と幅*/
    border-top: none;/*上線削除*/
    border-radius: 3px;/*角をちょっとだけ丸く*/
    background: #4242420d;/*背景色*/
    box-shadow: none;/*影を削除*/
	margin-bottom:40px;
}

#toc_container ul li a{
	font-size:15px;
}
#toc_container ul a{
	padding-bottom:0;
	font-weight:bold;
}
#toc_container li li{
	line-height:1.9em;
	padding:0;
}
#toc_container li{
	margin-bottom:0;
}
.post #toc_container ul ul a{
	font-weight:normal !important;
}


#toc_container .toc_list {
  list-style-type: none !important;
  counter-reset: li;
margin-bottom:40px;}

#toc_container .toc_list > li {
  position: relative;
	margin-bottom: 15px;
padding-top:2px;
	padding-left:30px;
  margin-left: 6px;
  line-height: 1.3em;
  font-size: 0.9em;
	margin-left: 15px;
	font-size: 1em; 
padding-right:5px;}

#toc_container .toc_list > li:after {
  counter-increment: li;
  content: counter(li) ;
  position: absolute;
  left: 10px;
  top: 0px;
	font-size:22px !important;
  background: none;
  font-family: 'Mandali', cursive;
  font-size: 1.4em;
  letter-spacing: 0px;
  color: #959efe; }
#toc_container li li:before{
	left: -23px!important;
    top: 0px;
    background: none;
	padding-right:5px;
    letter-spacing: 0px;
    color: #959efe;
	content:"\f138\00a0\00a0";
	font-family:FontAwesome;
}


#toc_container .toc_list > li a {
  text-decoration: none !important;
color:#666; }

#toc_container .toc_list > li a:hover {
  text-decoration: underline !important; }

#toc_container .toc_list > li ul {
margin-bottom:0;
}
#toc_container li li li:before{
	left: -23px!important;
    top: 0px;
    background: none;
	    padding-right: 5px;
    letter-spacing: 0px;
    color: #959efe;
    content: "\f105\00a0\00a0";
    font-family: FontAwesome;
}

#toc_container .toc_list > li > ul li {
  font-size: 0.9em;
}
#toc_container li li{
	list-style:none;
}


/*--------------------------------------
サイドバー目次
--------------------------------------*/
.toc_widget_list{
	padding:20px 10px;
	background:#FFF;
}
.toc_widget_list li{
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}

.toc_widget_list li a{
	text-decoration:none;
	font-size:15px;
	line-height:35px;
}
.toc_widget_list li a :hover{
color:#9999ff;
		cursor : pointer;
}
.toc_widget_list ul li{
	display:none;
}


/*--------------------------------------
サイドバーメニュー
--------------------------------------*/

#side aside .st-pagelists .sub-menu a{
border-bottom-color:#ccc;
}
/*---------------------------------------
サイドバー指定なし（ナビメニュー共通）
-----------------------------------------*/

#side .menu li a{
	display:inline-block;
	background:#f2f2f2;
	margin:5px 0;
	width:93%;
}
#side .menu li{
		display:inline-block;
		width:47%;
}

#side .menu li a{
		color:#2369e0;
	text-align:center;
	font-size: 16px;
	padding: 15px 5px!important;
border-radius: 3px;
background: #FFF !important;
	font-weight:bold;
text-decoration: none;
box-shadow: 0 2px 5px rgba(0,0,0,.13);
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

#side .menu li a:hover{
		background: #2369e0 !important;
color: #fff !important;
	transform: translate3d(0px, 2px, 0px);
}

/*-----------------------------------------------
リストタグ
-----------------------------------------------*/	



.st-mcbox-title, .post .st-mcbox-title{
	margin-bottom:0;
}
#topnews-box div.rss-bar{
}

.post .sns ul, .sns ul{
	width:290px !important;
}
#st-footermenubox ul.menu li{
	padding-bottom:5px;
}
@media print, screen and (max-width: 599px) {

.content-post-slider .post-slide-rank::before{
border-width:2em 2.25em 0 0;
}
.content-post-slider.slick-slides-to-show-1 .post-slide-rank{
	font-size:1em !important;
	height:15px;
	padding:0;}
	
	.content-post-slider .post-slide-more a{
		font-size:15px;
	}
}
.tagcloud{
	padding-top:10px;
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	#toc_container .toc_list > li > a{
		font-size:18px;
	}
	main{
		padding:30px 50px 30px;
	}
.n-entry-t {
font-size: 20px;
}
/*　記事文字サイズ　*/
p, .st-kaiwa-hukidashi, .yellowbox, .graybox, .redbox, #topnews .clearfix dd p, .post ul li, .post ol li, #comments #respond, #comments h4, .post h5, .post h6 {
	color:#242323;
}
	/*　吹き出しアイコン　*/
.st-kaiwa-hukidashi, .st-kaiwa-hukidashi2{
	font-size: 16px;
}
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {

/*　記事文字サイズ　*/
p, .st-kaiwa-hukidashi, .yellowbox, .graybox, .redbox, #topnews .clearfix dd p, .post ul li, .post ol li, #comments #respond, #comments h4, .post h5, .post h6 {
	 font-size: 15px;
		line-height: 30px;
			color:#242323;
}

/*-- ここまで --*/
}
/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


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


/*-----------------------------------------------
見出し
-----------------------------------------------*/	
h2:not(.st-css-no) {
	font-size:22px;
	line-height: 35px;
	}

.post h3:not(.st-css-no2):not(.rankh3):not(#reply-title){
	font-size: 22px;
	line-height: 35px;
	padding-left:30px;
	margin-top:70px;
}


.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.point){
	font-size:20px;
}
.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.point):before{
}
.post h4:not(.rankh4):not(.point){
	color:#000;
	font-size:20px;
}
/*-----------------------------------------------
テーブル
-----------------------------------------------*/	
.post table{
	border-top:2px #cac8c8 solid;
	border-right:2px #cac8c8 solid;
	border-left:2px #cac8c8 solid;
	border-bottom:2px #cac8c8 solid;
}
table tr td{
	border-bottom-color:#cac8c8;
	border-left-color:#cac8c8;
	border-top-color:#cac8c8;
	border-right-color:#cac8c8;
}



/*　検索の余白　*/
#searchform {
    background-color: #fff;
}
aside h4, #side aside h4, .st-widgets-title{
	margin-bottom:0px;
}


/*-----------------------------------------------
文字装飾
-----------------------------------------------*/	
/*　ケイコウペン　*/
 .keikoup {
background: linear-gradient(transparent 70%, #ffffa3 70%);
padding-bottom: .2em;
font-weight:bold;
}
.btn10 {
    background-color: #E53935;/*ボタン色*/
    color: #fff !important;
    margin: 0 0 10px 0;
    box-shadow: 0 5px #bf221f;
	text-align:center;
	border-radius:5px;
}
.btn10 a {
    	text-decoration:none;
    color: #fff !important;
	font-weight:bold;
	
}
.btn10 p {
    padding:10px 10px 10px 10px;
}
.btn10:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
    box-shadow: none;
}

/*-----------------------------------------------
スマホフッター固定
-----------------------------------------------*/	

/*　メニュー文字大きさ　*/
#st-footermenubox ul.menu li{
	font-size:10px;
}
/*　アイコン大きさ　*/
#st-footermenubox ul.menu li .fa{
	font-size:26px;
}

/* --- 楽天アフィリエイト枠線消す --- */
.delline td,
.delline tr,
.delline table,
.delline th
 {
  border: none;
	padding: 0;
	margin:0;
}

/*-----------------------------------------------
吹き出し
-----------------------------------------------*/	


/*吹き出し*/
.h2fuu{
	background:#f75050;
	color:#fff;
	border-radius:5px;
}
.h2fuu:after{
	border-top:10px solid #f75050;
}
h2:not(.st-css-no){
	padding-bottom:20px !important;
	padding-top:20px !important;
}

.img_ad{
	width:100%;
	padding:0;
}


/*-----------------------------------------------
カテゴリ
-----------------------------------------------*/	

/*ドコモ光カテゴリー*/
.catname.st-catid14 {
  background:#cc3341;
	color:#FFF !important;
}
/*ソフトバンク光カテゴリー*/
.catname.st-catid15 {
  background:#4d4d4d;
	color:#FFF !important;
}
/*auひかりカテゴリー*/
.catname.st-catid74 {
  background:#ff8c00;
	color:#FFF !important;
}
/*ソネット光カテゴリー*/
.catname.st-catid127 {
  background:#f72c7d;
	color:#FFF !important;
}
/*DMM光カテゴリー*/
.catname.st-catid95 {
  background:#f49f08;
	color:#FFF !important;
}

/*ビッグローブ光カテゴリー*/
.catname.st-catid88 {
  background:#3176d5;
	color:#FFF !important;
}

/*OCN光カテゴリー*/
.catname.st-catid96 {
  background:#004386;
	color:#FFF !important;
}

/*楽天光カテゴリー*/
.catname.st-catid109 {
  background:#d80000;
	color:#FFF !important;
}


/*--------------------------------
アフィボタン
---------------------------------*/
.btn-1 {
    background-color: #4f9df4; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
     box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 90%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    position: relative;
}

.btn-1 a {
text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.7em;
    padding-right: 2em;
	font-size:18px;
}

.btn-1 a::after{
    content: '\f054'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    right:  1em;
}

.btn-1:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}
.btn-1 > img { float: left; }
.btn-1::after{ content: ''; clear: left; }

/* ボタン赤 */
.btn-d {
    background-color: #ff3131; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 90%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    position: relative;
}

.btn-d a::after{
    content: '\f054'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    right:  1em;
}

.btn-d:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-d a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.7em;
    padding-right: 2em;
	font-size:18px;
}

.btn-d > img { float: left; }
.btn-d::after{ content: ''; clear: left; }

/* オレンジボタン */
.btn-au {
    background-color: #ff9557; 
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    position: relative;
}

.btn-au a::after{
    content: '\f054'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    right:  1em;
}

.btn-au:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-au a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.7em;
    padding-right: 2em;
	font-size:18px;
}

.btn-au > img { float: left; }
.btn-au::after{ content: ''; clear: left; }

/* 黒ボタン */
.btn-s {
    background-color: #4e4e4e; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    position: relative;
}

.btn-s a::after{
    content: '\f054'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    right:  1em;
}

.btn-s:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-s a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.7em;
    padding-right: 2em;
	font-size:18px;
}

.btn-s > img { float: left; }
.btn-s::after{ content: ''; clear: left; }

/* ブルーボタン */
.btn-au {
    background-color: #ff9557; 
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    position: relative;
}

.btn-au a::after{
    content: '\f054'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    right:  1em;
}

.btn-au:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-au a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.7em;
    padding-right: 2em;
	font-size:18px;
}

.btn-au > img { float: left; }
.btn-au::after{ content: ''; clear: left; }


/*--------------------------------
見出し
---------------------------------*/

.h2modoki {
color: #404040 !important;/*文字色*/
padding: 0.5em !important;/*上下の余白*/
border-top: solid 3px #364e96 !important;/*上線*/
border-bottom: solid 3px #364e96 !important;/*下線*/
	background:none !important;
	border-width:0;
	border-radius:0;
	box-shadow:none;
	border:0px;
}
aside h4:not(.st-css-no2), #side aside h4:not(.st-css-no2), .st-widgets-title:not(.st-css-no2){
	font-size:18px;
	text-align:center;
}

/*--------------------------------
ボックス
---------------------------------*/
/*ブルー*/
.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 15px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

/*オレンジ*/
.box30 {
    margin: 2em 0;
    background: #fff2e5;
}
.box30 .box-title {
    font-size: 1.2em;
    background: #f5ab5f;
    padding: 15px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

/*--------------------------------
見出し　トップ
---------------------------------*/

/*青色*/
.head_test {
	border-top: solid 3px #364e96 !important;/*上線*/
  border-bottom: solid 3px #364e96 !important;/*下線*/
	border-left:#f3f3f3 !important;
border-right:#f3f3f3 !important;
	margin:10px !important;
padding:15px !important;
	color:#000 !important;
    background:#fff !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
padding-left: 15px !important;
padding-right: 0 !important; 
}

/*黄色*/
.head_test2 {
	border-top: solid 3px #ffc107 !important;/*上線*/
  border-bottom: solid 3px #ffc107 !important;/*下線*/
	border-left:#f3f3f3 !important;
border-right:#f3f3f3 !important;
	margin:10px !important;
padding:15px !important;
	color:#000 !important;
    background:#fff !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
padding-left: 15px !important;
padding-right: 0 !important; 
}

#st-magazine .kanren .st-top-time-under p{
	top:205px;
	left:15px;
	color:#3f3f40!important;
}

#st-magazine .kanren .st-top-box dd h3{
	padding-top:25px !important;
}
#st-magazine .kanren dt{
	height:200px !important;
}
#st-magazine .kanren .st-cards-content .st-cards-content-in h3{
	padding-top:20px;
}


/*--------------------------------
アイコン
---------------------------------*/

/*マンション*/
.fa-building-o:before{
	content: "\f0f7";
    color: #4ea1f6;
    border: solid 2px #4ea1f6;
    border-radius: 10%;
height:30px;
	width:30px;
line-height:30px;
	text-align:center;
	padding:5px 7px;
		margin-right:1px;
	margin-bottom:1px;
}

/*ホーム*/
.fa-home:before{
		content: "\f015";
	    color: #f6a34e;
    border: solid 2px #f6a34e;
    border-radius: 10%;
height:30px;
	width:30px;
line-height:30px;
	text-align:center;
	padding:5px 6px;
	font-size:15px;
	margin-right:1px;
		margin-bottom:1px;
}


.hoge {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.hoge a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.hoge:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}


.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}