/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 2.650
*/

/***** 追加 *****/

.cps-post {
	padding: 0 1em;
}

/* 合計元ネタ数 */
#total {
  margin: 0px 0 0 15px;
  padding: 0px 0 0 0;
  clear: both;
}



h2.ttl {
	margin: 0 0 5px 15px;
}

.post-list cf cf p.description {
	width: 30%;
}

#popular-posts-top {
	
}

article {
	float: left;

	border-left: solid 1px #ddd;
}

#new-posts-top .entry-content {
	height: 200px;
}

/* 人気記事 */
.popular-start {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 2.5em;
    margin-top: 20px;
    border: 1px solid #f3f3f3;
}


.entry-title a {
	font-size: .85em;
    margin-bottom: 0.3em;
    color: #444;
}


.popular-article .eyecatch {
	margin-bottom: 42px;
}


.popular-article {
	border-bottom: 1px dotted #ddd;
	padding: 10px 0 0 10px;

}

.popular-summ {
	margin: 0 0 1.6em;
    line-height: 1.6;
    font-size: 13px;
    color: #888;
    padding: 0 10px 0 0;
}

.popular-cate {
	background: #4B99B5;
    color: #fff;
    border-radius: 2px;
    padding: 1px 2px;
    margin: 0 0 0 -30px;
}

.popular-article .cat-name a {
	text-decoration: none;
	color: #fff;
	background: #444;

}

.wpp-thumbnail {
    padding: 0 10px 0 0;
}

/* 記事 */

#single-adj {
	margin: 0 0 0 0;
}


#single-adj p {
   line-height: 30px;
   clear: both;

}



/* パンくずリスト */

.bread-adj {
  font-size: .9em;
  margin: 2px;
}

#breadcrumb li a:hover {
	color: #ed6125;
}

/* 記事タイトル */

#single-title {
  padding: 0 0 10px 0;
}

h2.single-title {
  /* background: url(library/images/title_under.png) no-repeat 0 100%; */
line-height: 35px;
    display: block;
    margin-top: 10px;
    padding: 0 6px 0px 13px;
    border-bottom: 1px solid #3e3e3e;
}

.page-title:before {
    font-family: "jin-icons";
    content: '\f4d8';
    color: #f05744;
    padding: 0 10px 0 0;
    background-color: transparent;
}


.page-title {
 /* background: url(library/images/title_under.png) no-repeat 0 100%; */
  line-height: 35px;
  display: block;
  margin:20px 0 20px 30px;
  padding: 0 6px 7px 40px;
  border-bottom: 1px solid #3e3e3e;
}

/***** フリガナ *****/

#hurigana {
  padding:10px 0 12px 0px;
}

#hurigana p{
  margin: 0 0 0 10px;
  color: #696C6D;
  text-align: left;
  line-height: 20px;
  font-size: 0.9em;
}

#hurigana span {
 color: #505253;
}



/* AA */

.aa{
  font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","ＭＳ Ｐゴシック","MS Pｺﾞｼｯｸ","MS Pゴシック","sans-serif";
  font-size  : 16px;
  line-height: 18px;
}
  
  /* subtitle */

.subtitle h3 {
clear: both;
    font-size: 19px;
    color: #444;
    border-bottom: 1px solid #444;
    margin: 33px 0 11px 0px !important;
    padding:0.7em .7em .2em 1.7em;
    text-indent: -1.5em;
}

.subtitle h3:before {
    font-family: "jin-icons";
    content: '\e989';
    color: #7ede48;
    padding: 0 10px 0 0;
    background-color: transparent;
}


.subtitle_two h4 {
 font-size: 18px;
 margin: 30px 0 20px 0;
 padding: 0 0 0 10px;
 color: #0077B3;
 border-bottom: 1px solid #0077B3;
}



/* 文字の色 */

.blue {
  color: #0066CC;
}

.ao {
  color: #0066CC;
  font-weight: bold;
}

.red {
  color: #DB0000;
}

.aka {
  color: #DB0000;
  font-weight: bold;
}

.orange {
  color: #FF531A;
}

.daidai {
  color: #FF531A;
  font-weight: bold;
}

.pink {
  color: #FF3366;
}

.momo {
  color: #FF3366;
  font-weight: bold;
}

.green {
  color:#00994D;
}

.midori {
  color:#00994D;
  font-weight: bold;
}

.futo {
 font-weight: bold;
}

/* 大きい文字 */
.ichiyon {
  font-size:1.4em;
}


/* 小さい文字 */

.eight {
  font-size: 0.8em;
  color: #828282;
}

/* 水平線（hr）  */

.hr-1 {
  margin: 30px 0 35px 0;
  border: 0;
  border-bottom: 1px dashed #ccc;
  background: #696969;
}

/* 点線 */

p.box {
  border-bottom: dotted 1px #696969;
  padding: 0 0 10px 0;
}

/*　下線　*/
.under_blue {
  border-bottom: solid 3px #6495ED;
  font-weight: bold;
  }
  
.under_red {
  border-bottom: solid 3px #DB0000;
  font-weight: bold;
  }
  
.under_coral {
  border-bottom: solid 3px #FF7F50;
  font-weight: bold;
  }
  
/*　文字背景色　*/
.bgcolor_yellow {
  background-color: #FDFAAC;
  font-weight: bold;
  }
  
.bgcolor_blue {
  background-color: #E0E0F8;
  font-weight: bold;
  }


/* サイドバー */


.side-amazon  {
	margin: 25px 0 0 0 ;
}

/* さくいん */

#sakuin {

}


/* さくいん折りたたみ */

.navi1 ul li {
  line-height: 30px;
  height: 30px;
}

.words {
  width: 200px;
  margin: 10px 0 0 5px;

}

.words  ul li{
  float: left;
  width: 40px;
  height: 40px;
  margin: 0 0 5px 0;
  padding: 0;
  border: 1px solid #C7C7C7;
  line-height: 40px
}

.words ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  font-size: 1.4em;
  display: block;
  padding: 2px 0 0 0;
  text-align: center;
}

.words ul li a:hover {
  background-color: #BBDDDD;
}

#ya ul li {
  width: 66px;
  border: 1px solid #C7C7C7;
}

#ya ul li a {
  width: 66px;
  padding: 2px 0 0 0;
}

#wa ul li {
   width: 66px;
   border: 1px solid #C7C7C7;
}

#wa ul li a {
  width: 66px;
  padding: 2px 0 0 0;
}

#wordsLast {
  margin: 0 12px 0 0;
  clear: both;
}

#wordsLast ul {
  padding: 0 0 0 5px;

}

#wordsLast  ul li{
  width: 66px;
  float: left;
  border: 1px solid #C7C7C7;
  font-size: 1.4em;
    display: block;
  padding: 2px 0 0 0;
}

#wordsLast ul li a {
   text-decoration: none;
   display: block;
   text-align: center;
}

#wordsLast ul li a:hover {
  background-color: #BBDDDD;
}


/* ランダム */

.random-article {
	border-bottom: 2px solid #787878;
}

.post-menu{
	margin: 35px 0 0 35px;
	
}

.random-title {
	margin: 20px 0 10px 0;
}

.randomNext_under a:hover {
   opacity:0.6;
}

.randomNext_under {
  clear: both;
  margin: 0 0 0 30px;
  }

.randomNext a,.randomNext_under a { 
   background-image: url(library/images/random-next.png);
   background-repeat: no-repeat;
   width: 150px;  
   height: 50px;  
   display: block;
   margin: 0;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;

}

/* カテゴリー */

/* カテゴリータブ切り替え */

.catTitle {
	margin: 0 0 0 20px;
}


.category_tab a {
  color: #1C7EB8;
  text-decoration: none;
}

.sakuinAdj {
  float: left;
  margin: 0 0 10px 0;
  padding: 0 20px 0 0 ;
}

.sakuin_knowledge {
    margin: 0 0 10px 0;
   padding: 0 20px 0 0 ;
}

.sakuin_knowledge {
  margin: 0 0 5px 0;
  padding: 0 20px 0 0 ;
}

.sakuin {
  border-bottom: solid 1px #aaa;
  clear: both;
  margin: 0px 0 12px 0;
  padding: 20px 0 0 0;
}

.category_tab ul {
  margin: 15px 0 0 22px;
  padding: 0 0 55px 0;
}

.category_tab ul li {
  float: left;
}


#tab_navi li {
  height: 37px;
  line-height: 35px;
  border: 1px solid #aaa;

}

#tab_navi li a {
   padding: 1px 15px 0 15px;
   display: block;
   
}


#tab_navi a:hover,
#tab_navi li.active,
#tab_navi li.active a {
    
   text-decoration: none; 
    color: #fff;
   background-color: #444;
}

#tab_wordpress a {
  * padding: 5px 15px 8px 15px; /*IE6*/
}

.category_tab {
	background-color: #fff;
	border-radius: 3px;
}
.post-ex span{
  position: relative;
  left: -3px;
  color: #4B99B5;
  font-weight: bold;
}

.post-ex p {
  background: url(library/images/title_under_ex.png) no-repeat transparent 0 100%;
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 0 5px;
  padding: 5px 0 0 0px;
  color: #696969;
  line-height: 30px;
}

.post-ex a {
	color:#696969;
	text-decoration: none;
}

.cate-tag {
	margin: 0 0 0 25px;
	font-size: 13px;
}

.cate-tag a {
	color: #877869;
}

.category_tab {
  
  padding: 10px 0 0 45px;
  clear: both;
  font-size: 1.1em;
}

.hentry {
	border: none;
}

@media only screen and (max-width: 480px){
	.category_tab {
  
  padding: 10px 0 0 0px;
  }
 
 .page-title {
	 margin: 20px 0 20px 0;
 }
 
 #sabanavi {
	 margin: 15px 0 0 0;
 }
}

/* yarpp */

.yarpp-related {
	margin: 0 !important;
}

/* ニコニコ動画 */

embed {
  width: 100%;
}



/* アドセンス AdSense */

.sponsor {
  color: #828282 !important;
  margin: 0 0 0 5%;
  font-size: 12px;
  text-align: center;
}

#micro-ad li {
  list-style: none;
  float: left;
  position: static;
}

.sp-footer-ad  {
	text-align: center;
	margin: 10px 0 0 0;
}

.titleunder {
	margin: 0px 0 0 0;
}

/* Adsense自動記事中 */
.ap_container
{
margin:30px 0 !important;
}

/*スマホ下部広告☓ボタン*/
#fadsnone {
    position: fixed;
    bottom: 100px;
    right: 0;
    width: 25px;
    height: 25px;
    background: #333;
    color: #fff !important;
    text-align: center;
    line-height: 22px !important;
    font-size: 20px !important;
    z-index: 9999;
}

#page-top-ads{ z-index:9998 !important;}

/* カテゴリ タグ　バナー */
.cattagBanner {
	text-align: center;
}

.cattagBanner ul {
	list-style: none;
}

.cattagBanner p {
	font-size: 1.2em;
	font-weight: bold;
}

.cattagBanner li {
	display: inline-block;
}

.cattagBanner li a{
	float: left;
}

.cattagBanner img{
	max-width: 290px;
	height: auto;
}

#bosyu {
	margin: 0 auto;
	text-align: center;
}

#bosyu img{
	width: 650px;
}

/* サイドバー追従 */
.sideunder {
	postion: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* 背景色 */
.sentence-bg {
  height: 100%;
  background-color: #eeeded;
  padding: 8px 25px 8px 25px;
  margin: 0 0 30px 0;
  font-size: 0.95em;
}

.ez-toc-list a {

    line-height: 1.8em;
    border-bottom: 1px dashed #1273c9;
    padding-bottom: 1.7px;
 }
 
.ez-toc-list a:hover {
     text-decoration: none !important;
 }
 
 /* 改行 */
 .br_two{
	 padding-bottom:2.0em;
	 
 }
 
  .br_three{

	 padding-bottom:3.0em;
 }
 
 .br_two_above {
	 padding-top:2.0em;
 }
 
 /* 記事更新日 */
 
 #updateDiv {
	 margin: 10px 0 0 0;
 }

.updatetime {
    font-size: .75em !important;
    line-height: .1em !important;
    margin:10px 0 0 10px;
 }
 

 
/* 注目記事 */

.wadai {
 border: 1px solid #e93758;
 padding:.4em .5em;
 color: #000;
 display: inline-block;
 font: normal normal normal 14px/1 jin-icons;
 font-size: inherit;
 text-rendering: auto;
 font-weight: bold;
 margin: 0 0 0 10px !important;
}


.wadai:after {
 content: "\f0a7";
 padding:0 0 0 10px;
 font-size:20px;
 color:#e93758;
}

/* 記事URLコピー */

.copy_main {
margin: 0 0 1em;
text-align: center;
}

.copy_btn {
    padding: .8em .1em;
    margin: 1em .5em 1em;
    text-decoration: none;
    background: #f66917;
    color: #fff;
    box-shadow: 0 3px 0 #e36a24;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    cursor: pointer;
    font-size: 1em;
}

#sidebar-menu-content .copy_btn copied{
margin-bottom: 20px;
}

.copy_btn i:before {
display: inline-block;
margin-right: 8px;
content: '\f0c5';
font-size: 1.3em;
}

.copy_btn:hover {
opacity: .7;
}

.copy_btn.copied {
border: double 4px transparent;
background: #fff;
color: #666;
pointer-events: none;
border: 2px solid #666;
    box-shadow: 0 3px 0 #fff;
}

.copy_btn.copied {
cursor: auto
}

.copy_btn.copied i:before {
content: '\f00c';
}

.copy_btn.not-copied {
background: #d90028;
}

.copy_btn.not-copied i:before {
content: '\f06a';
}

.copy_text {
display: none;
overflow: hidden;
}

.copy_text div {
margin: 15px 8px 0;
font-size: 13px;
line-height: 1.2em;
}

.copied+.copy_text div {
display: none;
}

.not-copied+.copy_text div {
display: block;
}

#copy_textbox {
margin-top: 10px;
width: 100%;
border: 1px solid #333;
border-radius: 3px;
font-size: 16px;
}


/**** スマホ下部 固定メニュー ****/

/** モーダルウィンドウ **/


.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: none9;
}
.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: block9;
}
.modal-window:target {
display: block9;
}
.modal-window .modal-inner,.modal-search{
position: absolute;


z-index: 20;
padding:3% 5% 5% 5%;
margin:0 auto;
width: 80%;
overflow-x: hidden;
overflow-y: scroll;
border-radius: 6px;
background: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}

.modal-window .modal-inner {
    height: 65%;
    top: 142px;
    width: 100%;
    margin-top: 40px;
}

.modal-search {
	height: 130px;
	top: 270px;
	left: 10%;
}
 
.modal-window .modal-close,.modal-window .modal-close-sc {
display: block;
text-indent: -100px;
overflow: hidden;
}
.modal-window .modal-close:before,.modal-window .modal-close-sc: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,.modal-window .modal-close-sc:after {
content: '\00d7';
position: absolute;
z-index: 20;
margin:0 auto;

border-radius: 2px;
padding: 10px 10px;
text-decoration: none;
text-indent: 0;
color:#fff;
}

.modal-window .modal-close:after { 
    top: 115px;
    right: 43%;
    font-size: 3em;

}

.modal-window .modal-close-sc:after {
 top: 200px;
    right: 43%;
 font-size: 3em;
}
 
.modal-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
 

/**スマホのフッターメニュー**/
ul.footer_fix {
	margin: 0 auto;
	padding:8px 0 0 5px;
	width: 100%;
	overflow: hidden;
	display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
 
ul.footer_fix li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align:middle;
	list-style-type: none;
	font-size: 1em;
	line-height: 4px;
}
 
ul.footer_fix li a i{
   font-size: 1.3em;
}
 
ul.footer_fix li a {
	border: none;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
 
.footer_fix {
	position: fixed;
	bottom: 0;
	left:0;
	background: #000;
	z-index: 9999999999;
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.modal-text {
  font-size: .6em;
  padding: 0 0 0 3px;
}

.modal-popular {
  margin: 0 0 0 5px;
}

 
/** SNSの部分 **/
.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;
	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;
    text-decoration : none;
    text-align : center;
    height: 45px;
}
    
.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;}

/** メニューの部分 **/

.mod li{
  float:none;
  display:block;
  width:100%;
  margin:0;}

.mod li a {
  text-align: left;  /* メニューを左寄せ */
  font-weight: bold;  /* メニューを太字に */
  margin: 2%;
 font-size: 1.1em;  /* メニュー文字サイズ */
}

#content[href*="/#modal-p05"] {
	position: fixed;
	overflow: hidden;
	height: 100%;
}


/* ショートコードで吹き出しデザイン */
.voice{
    margin: 2.5em auto 2.5em auto;
    font-size: 0.9em;
    max-width: 480px;
}

.voice .voicecomment{
    border: 3px solid #0a6d3f;
    color: #fff;
    padding: 2.5%;
    position: relative;
    width: 87%;
    border-radius: 5px;
    background-color: #0a6d3f;
    font-weight: bold;
    margin: 45px 0 0 44px;
    padding: 1.3em 1.5em 1.3em 4.5em;
}

.voice .voicecomment a {
	color: #79dbff;
}



}
.voice.l .voicecomment{
    font-weight: bold;
    font-size: 1.15em;
    margin: 58px 0 0 62px;
    position: relative;
    z-index: 10;
    padding: 24px 22px 20px 57px;
}
.voice.r .voicecomment{
  float:left;
  font-weight: bold;
  font-size: 1.15em;
}

.voice .voicecomment h2,
.voice .voicecomment h3,
.voice .voicecomment h4,
.voice .voicecomment h5{
  margin:10px 0!important;
  padding:0;
}
.voice .voicecomment p{
  margin-bottom:1em;
}
.voice .voicecomment p:last-child{
  margin-bottom:0;
}
.voice .icon{
  width:100px;
  text-align:center;
}
.voice.l .icon{
    position: absolute;
    z-index: 20;
    width: 50%;

    border-radius: 50%;
}
.voice.r .icon{
  float:right;
}
.voice .icon img{
    margin: 0;
}
.voice .icon .name{
  font-size: 0.8em;
  padding:0.4em 0;
}
.voice.big .icon{
  width:100px;
}
.voice.big .voicecomment{
  width:79%;
}

.voice .icon-name {
    border: 1px solid #868686;
    border-radius: 5px;
    width: 95px;
    font-size: .8em;
    height: 20px;
    margin: 94px 0 0 2px;
    position: absolute;
    z-index: 20;
    font-weight: bold;
    background: #fff;
    padding: 0 4px;
    /* color: #fff; */
  
}



/** 管理者情報 **/

#author_info {
	margin: 15px 0 15px 12px;
	padding: 0 0 5px 0;
}
#author_info .fn {
	font-weight: bold;
}

#author_info a {
  color:#60a7c1;
}

/* タネタンキャラ*/
#tanetan {
    width: 181px;
    float: right;
    margin: -158px 26px 0 0;
    
}