/*
Theme Name: pachislope
Template: stinger5-cheetah
*/
  
@import url('../stinger5-cheetah/style.css');

/*  カエレバ　 */

.kaerebalink-box {
	background: #dcdcdc;
    width: 100%;
    height: 100%;
    padding-right: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.kaerebalink-image img {
	max-width: 100%;
margin-left: 10px !important;
padding-top: 25px;
float: left;
max-height: 200px;
}

.kaerebalink-info {
	margin-left: 10px;
float: left;
margin-top: 5px;
color: #808080;
	width: 300px;
}

.kaerebalink-info a {
	color: #00bfff;
}


.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom,  .shoplinkseven {
width:90%;
height:15px;
overflow:hidden;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
margin:0  auto 5px auto;
padding:10px 0px;
text-align:center;
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo,  .shoplinkseven :hover{
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo,  .shoplinkseven :active{
position:relative;
top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom,  .shoplinkseven  a{
display:block;
cursor:pointer;
text-decoration:none;
font-weight:800;
text-shadow:1px 1px 1px #dcdcdc;
font-size:12px;
}
.shoplinkamazon a{
color:#FF9901;
}
.shoplinkrakuten a{
color:#c20004;
}
.shoplinkkindle a{
color:#007dcd;	
}
.shoplinkyahoo a{
color:#7b0099;
} 
.shoplinkseven a{
color:#cd5c5c;
} 
.booklink-footer{
clear:left;
}


/*--------------------------------
ラインデザイン
---------------------------------*/
/* 

.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa;
}


/*--------------------------------
トップ・記事一覧ページのヘッダー下人気記事
---------------------------------*/
/* ヘッダー下人気記事一覧の見出し */
.popular .popular_h2 {
font-family: "ＭＳ Ｐゴシック",sans-serif;
font-size:20px;
padding:5px;
margin-bottom:10px;
border-radius:0px;
}

.popular {
padding: 10px;
margin-bottom:10px;
}

.popular dl {
background: #ffffff;
margin-bottom: 10px;
padding: 0px;
width: auto;
height: auto;

}

.popular dt {
float: left;
width: 100px;
height:100px;
}

.popular dd {
padding:5px 5px 5px 110px;
}

.popular dd h3 {
font-size:14px;
font-weight: bold;
line-height:20px;
}

.popular .clearfix dd h3 a { 
font-size: 15px;
color: #333;
line-height:20px;
text-decoration: none;
}


/*--------------------------------
トップ・記事一覧ページのヘッダー下人気記事
---------------------------------*/
.popular .popular_h2 {
font-size:20px;
margin-bottom:20px;
padding-left:20px;
padding-top:15px;
padding-bottom:15px; 
width: 1038px;
}
 
 
.popular {
padding: 0px;
margin-bottom:30px;
}
 
.popular dl {
margin-bottom: 0px;
margin-right:15px;
width: 200px;
height:185px;
overflow: hidden;
display: inline-block;
}
 
.popular dl:last-child {
margin-right:0px;
}
 
.popular dt {
width: 200px;
height:114px;
}
 
.popular dd {
padding: 10px;
float:left;
}
 
.popular dd h3 {
line-height: 24px;
}
 
.popular .clearfix dd h3 a { 
font-size: 12px;
line-height: 18px;

}
 
.popular .clearfix dd h3 a:hover {
color: #B0E0E6;
}


/*--------------------------------
関連記事・記事下人気記事
---------------------------------*/
#kanren {
padding: 0px;
width:1050px;
margin-right:-20px;
}
 
/* タイトル名 */
#kanren dd h5 {
font-size: 13px;
line-height:27px;
padding: 0px;
margin-bottom: 5px;
}
 
#kanren dd h5 a {
line-height:20px;
}
 
#kanren dl {
margin-bottom: 10px;
margin-right:9px;
margin-left:0px;
width: 200px;
height:185px;
overflow: hiden;
display: inline-block;
}
 
 
#kanren dt {
width: 200px;
height:114px;
}
 
#kanren dt img {
width: 180px;
}
 
#kanren dd {
padding: 10px;
float:left;
}




/* トップページ新着記事一覧 */
#topnews dl{
width:225px;
    border: 1px solid #ccc;
    float:left;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    margin-left: 2px;
    margin-right: 2px;
margin-top: 3px;
margin-bottom: 3px;
text-align: center;
}
#topnews dt{
    width:100%;
}
#topnews dd{
    padding: 0 10px 0px 10px;
}
#topnews dl:first-child {
    padding-top: 10px;
}

#topnews dd h3{
    /*記事タイトルが入りきらない場合はここを編集してください*/
    font-size:15px;
line-height:1.3em;
    height:200px;  
}
.sns{
    margin-left: 10px;
}
#topnews dl:last-child {
border: 1px solid #ccc;
    padding-top: 10px;
border-style: solid;
 border-color: #dddddd;
}

/* 中見出し */
h2 {
font-size: 20px;
	position: relative;
	padding-bottom: 0px;
}
h2::before,
h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
}
h2::before {
	z-index: 2;
	width: 15%;
	background-color: #444;
}
h2::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}


/* 小見出し */
h3 {
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}

/*　サイドバーリスト表示　*/  
  #side aside #mybox ul li ul li {
 background-color: #ffffff; 
 border-width: 1px;
 border-style: solid;
 border-color: #dddddd;
  font-size: 15px;
font-color: #557ca7;
  color:#557ca7;
  line-height: 20px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 1px;
   overflow:hidden;
}

/* サイドバーの見出し */
#side aside h4 {
	position: relative;
	padding: 0 .2em .-1em;
}
#side aside h4::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: #cfddda;
}



/*　フッターの見出しの色　*/
footer h4 a {
	color: #cccccc;
	text-decoration: none;
}

footer h4 p {
	color: #666;
	text-decoration: none;
}

/* フッターのブログタイトルの文字色 */
#footer h3 {
	font-size: 14px;
	color: #cccccc;
	margin-bottom: 10px;
}
/* フッターcopyrightの文字色 */
#footer .copy {
	font-size: 12px;
	color: #cccccc;
	line-height: 15px;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/* フッターのテキストの色　*/
#footer p {
	font-size: 14px;
	color: #f5f5f5;
}


/*　フッターのリンクテキストの色　*/	
	#footer_w a {
		color: #b0c4de;
	}

/*　フッターのリンクテキストマウスオン時の色　*/	
	#footer_w a:hover {
		color: #ffccff;
	}
	
/* フッターの背景色　*/
#footer {	background: #081f2f;
	}


/* フッターの背景のサイズ　*/	
	#footer_w {
		width: 2000px;
		margin: 20px auto;
		text-align: left;
	}


/*  子カテゴリ  */

li.cat-item .children {
text-align: center;
display:block;
column-count:2;
-webkit-column-count:2;
-moz-column-count:2;
padding-left: 15px !important;
}


/*--------------------------------
関連記事表示部分
---------------------------------*/
/* タイトル名 */
#newpost2 dd h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
#newpost2 dt {
	float: left;
	width: 100x;
}
#newpost2 dt img {
	width: 100px;
}
#newpost2 dd {
	padding-left: 110px;
}
#newpost2 dl {
background-color: #ffffff; 
 border-width: 1px;
 border-style: solid;
 border-color: #dddddd;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
#newpost2 dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
 border-style: solid;
 border-color: #dddddd;
}
/* 抜粋文字 */
#newpost2 .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 18px;
}
#newpost2 .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}
#newpost2 .clearfix dd h5 a:hover {
	color: #6495ed;
}

/*サイドバーの関連記事全体をクリック出来るようにする*/
#newpost2 dl.clearfix:hover {
	text-decoration: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	background-color : #e6e6fa ;
	cursor : pointer ;
}
#newpost2 dl.clearfix {
	padding : 10px ;
	margin-bottom : 0 ;
}


 /*全体の幅 */
#wrapper {
    max-width: 1100px;
}

/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {

/*  カエレバ　 */

.kaerebalink-box {
	background: #dcdcdc;
    width: 100%;
    height: 100%;
    padding-right: 2px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.kaerebalink-image img {
	max-width: 130px;
margin-left: 5px !important;
padding-top: 20px;
float: left;
max-height: 150px;
}

.kaerebalink-info {
	margin-left: 10px;
float: left;
margin-top: 5px;
color: #808080;
	width: 165px;
}

.kaerebalink-info a {
	color: #00bfff;
}


.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom,  .shoplinkseven {
width:90%;
height:15px;
overflow:hidden;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
margin:0  auto 5px auto;
padding:10px 0px;
text-align:center;
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo,  .shoplinkseven :hover{
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo,  .shoplinkseven :active{
position:relative;
top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom,  .shoplinkseven  a{
display:block;
cursor:pointer;
text-decoration:none;
font-weight:800;
text-shadow:1px 1px 1px #dcdcdc;
font-size:12px;
}
.shoplinkamazon a{
color:#FF9901;
}
.shoplinkrakuten a{
color:#c20004;
}
.shoplinkkindle a{
color:#007dcd;	
}
.shoplinkyahoo a{
color:#7b0099;
} 
.shoplinkseven a{
color:#cd5c5c;
} 
.booklink-footer{
clear:left;
}


/* 最新の1記事目 */
#sptopnews dl{
width:100%;
    float:left;
    background-color: #fff;
    margin-left: 5px;
    margin-right: 5px;
margin-top: 20px;
margin-bottom: 20px;

}
#sptopnews dt{
    width:100%;
}

#sptopnews dd{
    padding: 0 10px 0 10px;
}
#sptopnews dl:first-child {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

#sptopnews dd h3{
    /*記事タイトルが入りきらない場合はここを編集してください*/
    font-size:16px;
line-height:1.5em;
    height:39px;  
}
.sns{
    margin-left: 10px;
}


#sptopnews dl{
    /*幅の取り方を変える*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    width:100%;    /*border,paddingまで含めて45.7%*/
    margin-left: 0px;
    margin-right: 4.3%;
}
#sptopnews dd{
    padding: 0 5px 0 5px;
}

 /*全体の幅 */
#wrapper {
    max-width: 768px;
}

#contentInner {
	float: left;
	width: 100%;
	margin-right: -320px;
}
main {
	margin-right: 0px;
	margin-left: 0px;
	background-color: #fff;
	border-radius: 4px;
	padding: 10px 5px 10px 10px;
}



p {
	font-size: 14px;
	color: #333333;
	line-height: 25px;
margin-top: 15px;
	margin-bottom: 10px;
}



/* トップページ新着記事一覧 */
#topnews dl{
width:170px;
    border: 1px solid #ccc;
    float:left;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    margin-left: 5px;
    margin-right: 5px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
#topnews dt{
    width:100%;
}
#topnews dd{
    padding: 0 10px 0 10px;
}
#topnews dl:first-child {
    padding-top: 10px;
}

#topnews dd h3{
    /*記事タイトルが入りきらない場合はここを編集してください*/
    font-size:13px;
line-height:1.3em;
    height:160px;  
}
.sns{
    margin-left: 10px;
}

#topnews dl{
    /*幅の取り方を変える*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    width:45.7%;    /*border,paddingまで含めて45.7%*/
    margin-left: 0px;
    margin-right: 4.3%;
}
#topnews dt{
    width:100%;
}
#topnews dd{
    padding: 0 5px 0 5px;
}

#topnews dl:last-child {
border: 1px solid #ccc;
    padding-top: 10px;
border-style: solid;
 border-color: #dddddd;
}

/*--------------------------------
アコーディオン非表示
---------------------------------*/
.acordion
{
display: none;
}



/*media Queries タブレット（iPad）サイズ
----------------------------------------------------*/
@media only screen and (min-width: 700px) {

/* トップページ新着記事一覧 */
#topnews dl{
width:150px;
    border: 1px solid #ccc;
    float:left;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    margin-left: 5px;
    margin-right: 5px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
#topnews dt{
    width:100%;
}
#topnews dd{
    padding: 0 10px 0 10px;
}
#topnews dl:first-child {
    padding-top: 10px;
}

#topnews dd h3{
    /*記事タイトルが入りきらない場合はここを編集してください*/
    font-size:12px;
line-height:1.3em;
    height:200px;  
}
.sns{
    margin-left: 10px;
}

#topnews dl{
    /*幅の取り方を変える*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    width:45.7%;    /*border,paddingまで含めて45.7%*/
    margin-left: 0px;
    margin-right: 4.3%;
}
#topnews dt{
    width:100%;
}
#topnews dd{
    padding: 0 5px 0 5px;
}
#topnews dl:last-child {
border: 1px solid #ccc;
    padding-top: 10px;
border-style: solid;
 border-color: #dddddd;
}
}

/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {


}