/*-----------------------------------------------
マイクロコピーボタン
-----------------------------------------------*/	

.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;
}
#toc_container ul a{
	padding-bottom:15px !important;
}
.post .st-btn-open{
	border: 3px dotted;
    border-color: #ff8f3f;
    padding: 10px 20px;
	font-weight:bold;
    border-radius: 5px;
	    background-color: #ff8f3f;
	color:#fff !important;
}
/* ボタン全体 */
.flowbtn5{
font-family:'Arial',sans-serif;	
border-radius: 13px;
padding-top:3px;		
position:relative;
display:inline-block;
height:55px;
font-size:33px;
color:#fff!important;
transition:.5s;
text-decoration:none;
}
/* Twitter */
.fl_tw5{
background:#55acee;
}
/* Feedly */
.fl_fd5{
background:#6cc655;
}
/* Feedlyアイコン位置調整 */
.fl_fd5 .icon-feedly{
position:relative;
top:2px;
font-size:36px;		
}

/* Instagram紫グラデ背景色 */
.insta_btn5 {
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;		
}
/* Instagramオレンジグラデ背景色 */
.insta_btn5:before{
content: '';
position:absolute;
top:25px;
left:-1px;
width:50px;
height:31px;
background:-webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
/* Instagramアイコン調整 */
.insta_btn5 .fa-instagram{
font-size:40px;
position:relative;
top:3px;
z-index:1;	
}
/* アイコンボタン下テキスト調整 */
.flowbtn5 div{
font-size:11px;
font-weight:bold;
letter-spacing:0.4px;
padding-top:2px;	
}
/* アイコンボタンにマウスホバーした時の指定*/
.flowbtn5:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
}
/* アイコンボタン全体の位置 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
padding-right:16px;
}
/* アイコンボタン同士の余白調整 */
.snsbtniti li{
flex:0 0 33%;
text-align:center;
}

#st-footermenubox ul.menu li{
	font-size:10px;
}
#st-footermenubox ul.menu li .fa{
	padding-bottom:2px;
	font-size:35px;
}
.modal-window .modal-inner.sns{
 margin:0 auto;
 text-align:center;
}
.modal-inner ul {
 list-style:none;
}
.modal-inner li {
 list-style:none;
 float:left;
 width:25%;
 margin:3%;
}
.modal-inner li a {
 font-size:150%;
 position:relative;
 display:block;
 padding:10px;
 color:#fff;
 border-radius:6px;
 text-align:center;
 text-decoration: none;
}
.modal-inner li a:hover {
 box-shadow:none;
}
 
 
.share li a {display : block;
    padding : 10px 5px;
    color : #fff;
    font-size : 14px;
    text-decoration : none;
    text-align : center;}
.share li a:hover {opacity :0.8;
    color : #fff;}
.share li a:visited{ color: #fff;}
 
.tweet a{background-color : #55acee;}
.facebook a{background-color : #315096;}
.googleplus a{background-color : #dd4b39;}
.hatena a{background-color : #008fde;}
.line a{background-color: #00c300;}
.pocket a{background-color :#f03e51;}
.rss a {background-color: #ff8c00;}
.feedly a {background-color: #6cc655;}
 
.share-sm {margin:0;}
.share-sm ul:after {content : "";
    display : block;
    clear : both;}
/*--------------------------------
モーダルウィンドウ
---------------------------------*/
.modal-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
line-height: 1.3;
display: none\9;
}
.modal-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.is-active.modal-window {
display: block\9;
}
.modal-window:target {
display: block\9;
}
.modal-window .modal-inner {
position: absolute;
top: 150px;
left: 0;
z-index: 20;
padding:5%;
margin:0 auto;
width: 90%;
overflow-x: hidden;
border-radius: 6px;
background: #fff;
-webkit-box-img_border: 0 0 30px rgba(0, 0, 0, 0.6);
box-img_border: 0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.modal-window .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: #333;
-moz-opacity: 0.7;
opacity: 0.7;
}
.modal-window .modal-close:after {
content: '\00d7';
position: absolute;
	font-size:25px;
top: 115px;
	height:8%;
right:0;
z-index: 20;
margin:0 auto;
background: #fff;
border-radius: 6px;
padding: 2px 8px;
text-decoration: none;
text-indent: 0;
}
.modal-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
/*--------------------------------
SNSの部分
---------------------------------*/

.modal-inner ul {
list-style:none;
}
.modal-inner li {
float:left;
width: 29%;
margin:2%;
}
.modal-inner li a {
font-size:150%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius:6px;
text-align:center;
text-decoration: none;
text-img_border:1px 1px 0 rgba(255,255,255,0.3);
}
.modal-inner li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-img_border:none;
}
/* ツイッター */
.modal-inner .twitter a {
background:#00acee;
box-img_border:0 5px 0 #0092ca;
color:#fff;
}
.modal-inner  .twitter a:hover {
background:#0092ca;
}
/* Facebook */
.modal-inner .facebook a {
background:#3b5998;
box-img_border:0 5px 0 #2c4373;
}
.modal-inner .facebook a:hover {
background:#2c4373;
}
/* グーグル */
.modal-inner .googleplus a {
background:#db4a39;
box-img_border:0 5px 0 #ad3a2d;
}
.modal-inner  .googleplus a:hover {
background:#ad3a2d;
}
/* はてぶ */
.modal-inner  .hatebu a {
background:#5d8ac1;
box-img_border:0 5px 0 #43638b;
}
.modal-inner .hatebu a:hover {
background:#43638b;
}
/* Font Awesome hatena bookmark */
.fa-hatena:before {
content: "B!";
font-family: Verdana;
font-weight: bold
}
/* LINE */
.modal-inner .line a {
background:#25af00;
box-img_border:0 5px 0 #219900;
}
.modal-inner .line a:hover {
background:#219900;
}
.modal-inner .line a span{
color:#25af00;
    display: inline-block;
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    font-size: 8px;}
/* Pocket */
.modal-inner  .pocket a {
background:#f03e51;
box-img_border:0 5px 0 #c0392b;
}
.modal-inner  .pocket a:hover {
background:#c0392b;
}

.post .maruno, .post .maruck{
	padding:10px !important;
}

.post .maruno ol:not(.toc_list):not(.st_toc_list), .post .maruck ul:not(.toc_list):not(.st_toc_list){
	padding-left:10px !important;
}
.photoline img{
	border:solid 2px #ccc;
}
#side aside .st-pagelists ul li a{
	font-size:15px;
}

#side aside .st-pagelists .sub-menu a{
	padding-left:30px;
}

.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border:dashed 3px #5b8bd0;/*点線*/
border-radius:10px;
}
#st_toc_container, #toc_container{
border:5px solid #f4b2ba;
}
#toc_container ul a{
color:#4a4a4a;
}
.post #st_toc_container ul ul, .post #toc_container ul ul{font-size:15px !important;
padding-left:20px;}



#toc_container li{
margin-bottom:0;
padding:0;
font-size:18px !important;
}
#toc_container li li{
padding:0;
	font-size:16px !important;
}
.post ul li{
	font-size:15px !important;
}
.yellowbox p, .redbox p, .graybox p{
font-size:15px !important;
}
.yellowbox:not(.noborder){
border:none !important;
background:#ffd5aa;
}
.st-memobox2 {
border:solid 2.5px #ffad57;
border-radius:10px;
} 


.st-memobox2 .st-memobox-title{
color:#ffad57;
font-weight:bold;
font-size:18px !important;
}
.st-memobox2 p{
font-size:15px !important;
} 
.st-in-mybox p{
font-size:15px !important;
} 
.clip-memotext p{
font-size:15px !important;
}
.free-inbox p{
	font-size:15px !important;
}

.st-kaiwa-hukidashi{
	font-size:16px !important;}


.appreach{ border:3px solid #eee;/*ボーダー色*/ } .appreach{ text-align: left; padding: 25px; margin:20px; border-radius:2px; overflow: hidden; } .appreach:after { content: ""; display: block; clear: both; } .appreach img, .appreach p { margin: 0; padding:0; } .appreach a:after { display: none; } .appreach__icon { float: left; border-radius: 10%; overflow: hidden; margin: 0 3% 0 0 !important; width: 25% !important; height: auto !important; max-width: 120px !important; } .appreach__detail { display: inline-block; font-size: 20px; line-height: 1.5; width: 72%; max-width: 72%; } .appreach__detail:after { content: ""; display: block; clear: both; } p.appreach__name { font-size: 16px; color:#555; padding-bottom:10px; font-weight:bold; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; color:#888; } .appreach__info a{ color:#aaa; } .appreach__developper, .appreach__price { margin-right: 0.5em; } .appreach__posted a { margin-left: 0.5em; } .appreach__links { float: left; height: 40px; margin-top: 15px; white-space: nowrap; } .appreach__aslink img { margin-right: 10px; height: 40px; width: 135px; } .appreach__gplink img { height: 40px; width: 134.5px; } @media only screen and (max-width: 786px){ .appreach{ margin:20px 0;} .appreach__info { font-size: 11px !important;} p.appreach__name { font-size: 15px;}}

.st-slider-img .post-slide-body,
.widget_text.top-content.widget_st_custom_html_widget .post-card-list .post-card-body {
	display:none;
}

.st-slider-img .post-slide {
	background-color: transparent;
}

.widget_text.top-content.widget_st_custom_html_widget 
 {
	padding-top:20px;
	 padding-bottom:10px;
}

.simple-box5 {
  position: relative;
  border: 1px dashed #aaa;
  border-radius: 4px;
}

.simple-box5:before {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  opacity: 0.05;
}

.simple-box5 {
  position: relative;
  border: 1px dashed #aaa;
  border-radius: 4px;
}

.simple-box5:before {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  opacity: 0.05;
}

.st-mcbox-title, .post .st-mcbox-title{
	margin-bottom:0;
}
#topnews-box div.rss-bar{
}
.post .maruno ol li:before, .post .maruck ul li:before{
	margin-left:0 !important;
}
.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;
}
/* ---------- WINGタブ機能用CSS ---------- */
.post ul:not(.toc_list):not(.st_toc_list):not(.children){
}
.post-tab-list ul.tab-list {
  display: flex;
	width:100%;
  padding: 0;
	padding-left:0 !important;
	padding-right:0 !important;
}
.post-tab-list ul li {
  flex-direction: row;
  width: 25%;
  text-align: center;
  cursor: pointer;
  padding: 5px 0;
  position: relative;
  background-color: rgba(189,189,189,.17);  /* タブの背景色 */
  color: #666;                              /* タブの文字色 */
  list-style: none;
  font-size: .9em;
}
.post-tab-list ul li.selected {
  background-color: #7584d8;                /* 選択中のタブの背景色 */
  color: #fff;                              /* 選択中のタブの文字色 */
}
.post-tab-list ul li:not(:first-child){
  margin-left: 5px;
}
.post-tab-list ul li.selected::after {
  position: absolute;
  content: "";
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  opacity: 1;
  width: 0;
  height: 0;
  border-top: 8px solid #2b2b2b;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top-color: #7584d8;                /* 選択中のタブの下矢印の色 */
}
.ptl > .kanren {
  padding-top: 0;
  margin-top: 0;
}
main > article > aside > .kanren {
  padding-top: 0;
}
main > article > .post, .top-wbox-t {
  padding-bottom: 0;
}
.ptl, main > article > aside > .kanren.unselected, .st-pagelink.unselected {
  display: none;
}
.ptl.selected {
  display: block;
}
@media only screen and (max-width: 767px) {
  .post-tab-list ul.tab-list {
    display: flex;
    flex-wrap: wrap;
  }
  .post-tab-list ul li {
    width: calc(50% - 2px);
  }
  
  .post-tab-list ul li:nth-child(odd){
    margin: 0 4px 4px 0;
  }
  .post-tab-list ul li:nth-child(even){
    margin: 0 0 4px 0;
  }
  
  .post-tab-list ul li.selected::after {
    content: none;
  }
}
/*-----------------------------------------------
見出し
-----------------------------------------------*/	
h2:not(.st-css-no) {
	font-size:22px;
	line-height: 35px;
	box-shadow:
		inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0,0,0,.19);
	}



.post h3:not(.st-css-no2):not(.rankh3):not(#reply-title){
	font-size: 22px;
	line-height: 35px;
	padding-left:30px;
	box-shadow:inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0,0,0,.19)
}

.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 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;
}

/*--------------------------------
ボタン
---------------------------------*/
.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: #3243ff; /* ボタン背景色 */
    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;
}
main{
	color:#1d1d1d;
}