/*
Theme Name: stinger5child
Template: stinger5ver20141227
*/

@import url('../stinger5ver20141227/style.css');



/* ------------コメントエリアの修正_START(20161020)------------ */
.comment-body {
	padding: 10px;
	margin-bottom:5px;
}
.post ul {
	list-style-type: disc;
	padding-top: 5px;
	padding-right:0px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 5px;
}

.post ol {
	list-style-type: decimal;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}

#comments a{
/* ------------カエレバの文字を有効化_START(20161203)------------ */
/*--color: #000;--*/
/* ------------カエレバの文字を有効化_END(20161203)------------ */
padding: 10px 0 10px 10px;
}

#comments h3{
color: #FFF;
padding: 10px 0 10px 10px;
}

#comments h3 a{
color: #FFF;
padding: 10px 0 10px 10px;
}


/* ------------コメントエリアの修正_END(20161020)------------ */


.table-scroll {
        overflow-x: scroll;
    }

/*テーブル */
.post table {
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	border-left: 1px #999 solid;
	border-bottom: 1px #999 solid;
}

/* ------------タイトル下SNS_START(20160220)------------ */
.share{
	width:100%;
}
.share h4{
	font-size:120%; 
	text-align:center;
}

.sns{
	margin:0 auto;
	text-align:center;
	
}
.sns ul {
	list-style:none;

}
.sns li {
	float:left;
	width:20%;
	margin:0 0 0 0;
}
.sns li a {
	font-size:100%;
	position:relative;
	display:block;
	padding:10px;
	color:#fff;
/*	border-radius:6px; */
	text-align:center;
	text-decoration: none;
/*	text-shadow:1px 1px 0 rgba(255,255,255,0.3); */

}
.sns li a:hover {
	-webkit-transform: translate3d(0px, 5px, 1px);
	-moz-transform: translate3d(0px, 5px, 1px);
	transform: translate3d(0px, 5px, 1px);
	box-shadow:none;
}

/* ツイッター */
.sns .twitter a {
	background:#00acee;
	box-shadow:0 5px 0 #0092ca;
}
.sns  .twitter a:hover {
	background:#0092ca;
}

/* Facebook */
.sns  .facebook a {
	background:#3b5998;
	box-shadow:0 5px 0 #2c4373;
}
.sns .facebook a:hover {
	background:#2c4373;
}

/* グーグル */
.sns .googleplus a {
	background:#db4a39;
	box-shadow:0 5px 0 #ad3a2d;
}
.sns  .googleplus a:hover {
	background:#ad3a2d;
}

/* はてぶ */
.sns  .hatebu a {
	background:#5d8ac1;
	box-shadow:0 5px 0 #43638b;
}
.sns .hatebu a:hover {
	background:#43638b;
}

/* LINE */
.sns  .line a {
	background:#25af00;
	box-shadow:0 5px 0 #219900;
}
.sns .line a:hover {
	background:#219900;
}

/* Pocket */
.sns  .pocket a {
	background:#f03e51;
	box-shadow:0 5px 0 #c0392b;
}
.sns  .pocket a:hover {
	background:#c0392b;
}

/* RSS */
.sns  .rss a {
	background:#ffb53c;
	box-shadow:0 5px 0 #e09900;
}
.sns  .rss a:hover {
	background:#e09900;
}

/* Feedly */
.sns  .feedly a {
	background:#87c040;
	box-shadow:0 5px 0 #74a436;
}
.sns  .feedly a:hover {
	background:#74a436;
}
/* ------------タイトル下SNS_END(20160220)------------ */


/* ------------View数表示_START(20160210)------------*/ 
.view{
font-size: 13px;
font-weight: bold;
color:#ff0000;
background-color:#ffb6c1;
}
/*------------View数表示_END(20160210)------------ */


/* -----スマホ固定フッターメニュー作成開始-----*/
ul.footer_menu {
	margin: 0 auto;
	padding: 3px 0;
	width: 100%;
	overflow: hidden;
	display: table;
}

ul.footer_menu li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align:middle;
	list-style-type: none;
	font-size: 10px;
}

ul.footer_menu li a i{
	font-size: 24px;
}

ul.footer_menu li a {
	border: none;
	display: block;
	color: #00008b;
	text-align: center;
	text-decoration: none;
}


.footer_menu {
	position: fixed;
	top: 0;
	left:0;
	background: #fff;
	z-index: 9999999999;
	-moz-opacity: 0.9;
	opacity: 0.9;
}
/* --↑下に配置する場合はtopの代わりにbottom-- */
/* -----スマホ固定フッターメニュー作成終了-----*/



#mobile-top{
	position: fixed;
font-size: 35px;
	border: none;
	display: block;
	color: #00008b;
    bottom: 3em;
    right: 0.6em;
}



/* ------------カテゴリページ名称_START(20151105)------------ */
h2{
	font-size:30px;
	color:#FFF;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#00008b;
	line-height:160%;
}
/* ------------カテゴリページ名称_END(20151105)------------ */


/* -----小見出しデザイン開始-----*/
.post h3{
	font-size:33px;
	color:#FFF;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#00008b;
	line-height:160%;
}

.post h4{
  margin: 0.5em 0.1em;
  padding: 0.5em 0 0.3em 1em;
  background: #F5F5F5;  
  border-left: 10px solid #ff4500;     
  font-size: 130%;
  font-weight: bold;
  color: #000;
}


.post h5 {
  margin: 1.5em 0.5em;
  padding: 0.5em 0 0 0.5em;
  background: #FFF;  
  border-bottom:4px solid #00008b;    
  font-size: 120%;
  font-weight: bold;
  color: #808080;
}

/* ------------ピンク色の蛍光ペン効果START ------------*/
.keikou {
background: linear-gradient(transparent 40%, rgba(220, 20, 60, 0.4) 40%);
padding-bottom: .1em;
}
/* ------------ピンク色の蛍光ペン効果END ------------*/


.tagu1{
border: 0px 
}


/*----------カテゴリおしゃれ化START----------------*/

.count {
	color : #fff ;
	text-align : center ;
	padding : 0 10px ;
	float : right;
	background : rgba(255,20,147,0.7) ;
	border-radius : 3px ;
}

/*----------選択した時に件数を誇張するSTART------------*/
.cat-item-6 a:hover span,
.cat-item-3 a:hover span,
.cat-item-5 a:hover span{
	background : #3399ff ;
	transition : 0.5s ;
}


/*----------カテゴリ名と件数をグループ化------------*/
.cat-item-6 a,
.cat-item-3 a,
.cat-item-5 a{
	display : block ;
	text-decoration : none ;
	padding : 5px 0px ;
}

#mybox ul li a:hover {
	background : #f8f8f8 ;
}

/*----------サブカテゴリをずらす------------*/
/*--
.cat-item-4  a,
.cat-item-9  a
{
	padding-left : 30px ;
} 
--*/

/*----------カテゴリおしゃれ化END----------------*/





.copy{
	color:#c71585;
}

/* -----小見出しデザイン終了-----*/

/* -----関連記事デザイン開始-----*/
/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
    width:100%;
    margin: 36px 0 24px;
    padding:0;
    display: table;
}

#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:0 auto;
    background-color: #f48881;
    border: solid 9px #fff;
    width: 100px;
    height:100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0 0 0 3px #f48881;
    -webkit-box-shadow: 0 0 0 3px #f48881;
    -moz-box-shadow: 0 0 0 3px #f48881;
	text-align:center;	
}

#prev_next_home:hover{
	background-color: rgba(244,136,129,0.7);
}

 #prev_next_home i{
	color:#FFF;
	margin:10px auto ;
	font-size:60px;
}
/* -----関連記事デザイン開始-----*/

/*-------------記事一覧アドセンスSTART(削除中)---------------------------
.topad{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
-------------記事一覧アドセンスEND(削除中)---------------------------*/

/*-------------記事一覧アドセンスの枠_START(20151108)------------*/
.topad{
text-align:center;
background-color: #FFF;
margin: 0 0 5px -6px;
padding: 10px 0px 10px 10px;
border:1px solid #1d2129;
border-radius: 0px;
width: 100%;
box-shadow: 3px 3px 1px #666;
-moz-box-shadow: 3px 3px 1px #666; /* Firefox */
-webkit-box-shadow: 0px 0px 1px #666; ; /* Chrome, Safari */
background-color:#fff;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
display:block;
}
/*-------------記事一覧アドセンスの枠_END(20151108)------------*/


/*-------------引用START---------------------------*/
.post blockquote {
	background-color: #f3f3f3;
	background-image: url(../stinger5ver20141227/images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
/*-------------引用END---------------------------*/

/*----------人気記事一覧（このカテゴリ）START------------*/
.wpp-list li {
    float: none;
    clear: left;
}
.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 10px 0 0;　　   /*20pxを0pxに変更。幅を無しに。*/
    border: none;
}
#popular-post a {
    font-size: 14px;
    text-decoration : none;
}
#popular-post li {
    padding : 0px 5px;
    border-bottom: #d2d7e6 1px solid;
    line-height: 1.5;
    overflow: hidden;
    text-align: left;
}
#popular-post li:hover { background-color: rgba(238,238,238,0.3) }
#popular-post ul li { position : relative }
#popular-post li:last-child { border-bottom: none }
#popular-post { counter-reset : wpp-ranking }
#popular-post ul li::before {
    position : absolute;
    top : 0px;       /*15pxを0pxに変更。幅を無しに。*/
    left : 5px;
    color : #ffffff;
    counter-increment : wpp-ranking;
    text-align : center;
    z-index : 9999;
    float : left;
    line-height : 25px;
    width : 25px;
    height : 25px;
    border-radius : 2px;
}
#popular-post ul li.number1::before,
#popular-post ul li.number2::before,
#popular-post ul li.number3::before,
#popular-post ul li.number4::before,
#popular-post ul li.number5::before,
#popular-post ul li.number6::before,
#popular-post ul li.number7::before, 
#popular-post ul li.number8::before, 
#popular-post ul li.number9::before, 
#popular-post ul li.number10::before 
{
    content : counter(wpp-ranking, decimal);
    background-color : #f09696;
}
/*----------人気記事一覧（このカテゴリ）END------------*/



/*---------------ShareHtmlメーカーのカスタマイズSTART-------------------*/
.shbox {
	line-height: 1.8em;
	border: 1px dashed #ff1493;
	border-radius:10px;
	padding: 10px; 
	margin-bottom: 10px;
	width: auto;
}
/*---------------ShareHtmlメーカーのカスタマイズEND-------------------*/


/*-------SNSのカスタマイズSTART----------------*/
/*記事がよかったら、いいねPC*/
.p-entry__push {
    margin-bottom: 20px;
    display: table;
    table-layout: fix;
    width: 100%;
    background-color: #2b2b2b;
    color: #fff;
}
.p-entry__pushThumb {
    display: table-cell;
    min-width: 240px;
    background-position: center;
background-size:cover;
}
.p-entry__pushLike {
    display: table-cell;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4;
    font-size: 20px;
}
.p-entry__pushButton {
    margin-top: 15px;
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.p-entry__pushButtonLike {
    line-height: 1
}
.p-entry__note {
    margin-top: 15px;
    font-size: 12px;
    color: #999;
}
.p-entry__tw-follow {
    margin-bottom: 10px;
    background: #f4f4f4;
    width: 100%;
    padding: 15px 0
}
.p-entry__tw-follow__cont {
    text-align: center;
    font-size: 15px;
    color: #252525
}
.p-entry__tw-follow__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px
}
/*-------SNSのカスタマイズEND----------------*/
/*-------SNSのカスタマイズSTART(スマホ)----------------*/
/*記事がよかったら、いいねスマホ*/
.p-shareButton-bottom {
    padding-bottom: 15px;
    overflow: hidden
}
.p-shareButton__buttons {
    font-weight: 700;
    color: #fff;
    font-size: 13px;
    text-align: center
}
.p-shareButton__buttons>li {
    padding-left: 3px;
    padding-right: 4px
}
.p-shareButton__buttons .c-btn {
    padding: 8px 0;
    border-radius: 2px
}
.p-shareButton__buttons .c-ico {
    display: block;
    margin: auto auto 5px
}
.p-shareButton__fb {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    width: 115px
}
.p-shareButton__fb-cont {
    position: relative;
    width: 108px;
    margin: 0 auto
}
.p-shareButton__fb-unable {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px
}
.p-shareButton__cont {
    margin: 15px 0 0
}
.p-shareButton__a-cont {
    background: #2e2e2e;
    display: table;
    width: 100%
}
.p-shareButton__a-cont__img {
    display: table-cell;
    min-width: 130px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
.p-shareButton__a-cont__btn {
    display: table-cell;
    padding: 12px;
    text-align: center
}
.p-shareButton__a-cont__btn p {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    padding: 5px 0 15px;
    line-height: 1.4;
    margin-bottom: 0px;
}
.p-asideFollowUs__twitter {
    border: 2px solid #e6e6e6;
    margin-top: 15px;
    padding: 12px 0
}
.p-asideFollowUs__twitter__cont {
    text-align: center;
    font-size: 13px;
    color: #252525;
    font-weight: 700
}
.p-asideFollowUs__twitter__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px
}
/*-------SNSのカスタマイズEND(スマホ)--------------
--*/

#gazou {
    height: auto;
    max-width: 100%!important;
}


#adsense {
   /* margin: 20px auto; */
margin: -8px 0px 2px -10px;
    padding: 0 0 10px 0;
    background-color: #f3f3f3;
    position: relative;
    text-align: center;
    overflow: hidden;
}

#Affiliate {
    margin: 15px auto;
    padding: 0 0 5px 0;
    background-color:rgba(221, 226, 24, 0.09);
    position: relative;
    text-align: center;
    overflow: hidden;
    border: 3px solid rgb(241, 161, 177);
}

#Affiliate img{
    text-align: center;
    display:block;
}

#Affiliate a {
    display: inline-table;
}

/* ------------カエレバ_START(20160221)------------ */
/*--------------------------------------
  ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
	width:85%;
	margin: 1em 0 1em;
	padding: 5%;
	border:double #d2d7e6;
	overflow: hidden;
	font-size:small;
	border-radius:2px;
}

.booklink-image, .kaerebalink-image{
	margin:0 0 15px 0;
}
.booklink-image img, .kaerebalink-image img{
	display:block;
	margin:0 auto;
	text-align:center;
}

.booklink-info, .kaerebalink-info{
	text-align:center;
	line-height:120%;
	overflow: hidden;
}

.booklink-name, .kaerebalink-name{
	font-size:16px;
	margin-bottom:14px;
	line-height:1.2em;
}

.booklink-powered-date, .kaerebalink-powered-date{
	font-size:8pt;
　　　　 margin-top:10px;
	line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
	margin-bottom:15px;
}

.booklink-link2, .kaerebalink-link1{
	margin-top:20px;
}

.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom{
    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:hover{
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}

.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active{
	position:relative;
	top:1px;
}

.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom 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;
 } 

.booklink-footer{
	clear:left;
}
/* ------------カエレバ_END(20160221)------------ */

#searchsubmit {
	border-radius: 0;
	background-color: #363B3F;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 33px;
	z-index: 20;
}



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

.post h3{
	font-size:30px;
	color:#FFF;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#00008b;
	line-height:160%;
}


#footer_u h4 {
    font-size: 120%;
    text-align: center;
    color: #FFF;
    border-bottom: 1px dotted #FFF;
    margin: 10px 0 30px 0;
    padding: 0 0 3px 3px;
}
#footer_u p {
    color: #ccc;
    font-size: 0.8em;
}


/* ------------スマホ検索_START------------ */
#searchsubmit {
	border-radius: 0;
	background-color: #363B3F;
	position: absolute;
	right: 10px;
	top: initial;
	width: 15%;
	height: 33px;
	z-index: 20;
}
/* ------------スマホ検索_END------------ */

.sumaho_nav ul {
    position: relative;
    overflow: hidden;
}
.sumaho_nav ul li a {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(to bottom,#fff 5%,#f6f6f6 100%);
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
}

.sumaho_nav ul li {
    float: left;
    width: 26%;
    overflow: hidden;
}

.mb_nav {
    margin: 0 auto;
    padding-bottom: 20px;
}

/*----------------トップページ記事一覧をカード化START-------------------*/
#topnews dl {
background-color: #fff;
margin: 0 0 5px -6px;
padding: 10px 0px 10px 10px;
border: 1px solid #1d2129;
border-radius: 0px;
width: 100%;
box-shadow: 3px 3px 1px #666;
-moz-box-shadow: 3px 3px 1px #666; /* Firefox */
-webkit-box-shadow: 0px 0px 1px #666; ; /* Chrome, Safari */
background-color:#fff;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
display:block;
}
#topnews dl:hover {
text-decoration: none;
background: #F0F8FF;/* ホバー時背景色を変更 */
}



/* タイトル名 */
#topnews dd h3 {
font-size: 25px;
line-height: 30px;
margin-bottom: 20px;
}

/*----------------------------------------
トップページ記事一覧 最初のカードの右余白を調整　要修正
-----------------------------------------*/
#topnews dl:first-child {
padding: 10px 0px 10px 10px;
}
 
/*--------------------------------------------
トップページ記事一覧 ブログインフォを左寄せにして
ホバー時を装飾
---------------------------------------------*/
#topnews .clearfix dd .blog_info p {
font-size: 13px;
text-align: left;
}
 
#topnews .clearfix dd .blog_info a:hover {
color: #ff7ddf;
transition: color 0.5s ease;/*-- 文字色を変化させる時間 --*/
-o-transition: color 0.5s ease; /* opera */
-moz-transition: color 0.5s ease; /* firefox */
-webkit-transition: color 0.5s ease; /* chrome, safari */
-ms-transition: color 0.5s ease; /* ie */
}
/*----------------トップページ記事一覧をカード化END-------------------*/



.top_ranking ul{padding: 0!important;}
.top_ranking li{border-top: 1px #ccc dashed;}
.top_ranking li:last-child { border-bottom: 1px #ccc dashed;}
.top_ranking p{padding: 0;margin: 0;}	
.top_ranking a{display: block;}
.top_ranking a:hover{background-color: #f5f5f5;}

/* ---------  検索窓の色変更開始--------- */
#s {
	height: 33px;
	color: #333;
	font-size: 14px;
	border-radius: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #ccc;
	z-index: 10;
	padding: 5px 65px 10px 5px;
	width: 98%;
	box-sizing: border-box;
}


/* ---------  検索窓の色変更終了--------- */

/* ---------  サイドバーの色変更開始--------- */
aside h4 {
	background-color: rgba(255,20,147,0.7);
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 28px;
}

aside h4:before {
content: "\f072";
font-family: FontAwesome;
font-size: 16px;
color: #000;
position:relative;
top:2px;
margin-right:5px;
}
/* ---------  サイドバーの色変更終了--------- */

/* ------------カテゴリページ名称_START(20151105)------------ */
h2{
	font-size:25px;
	color:#FFF;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#00008b;
	line-height:160%;
}
/* ------------カテゴリページ名称_END(20151105)------------ */


/* ------------スマホのフッターカテゴリ_START(20151031)------------ */
/*--- フッターカテゴリーボックス ---*/
#footer-box {
 width: 95%;
 margin: 0 auto;
 overflow: hidden;
adding-bottom: 15px;
}
#footer-box h3{
 color:#000;
 background-color: rgba(255,20,147,0.7);
 font-size: 16px;
 font-weight: bold;
 padding: 10px;
 margin-bottom: 10px;
 line-height: 28px;
}

#footer_u h3 {
height:100px;
 color: #rgba(255,20,147,0.7);
 font-size: 15px;
 font-weight: bold;
 margin: 10px 0px 10px 10px;
 text-align: left;
}
#footer_u h5:before {
  color:#333;
  margin-right: 5px;
  font-family:"FontAwesome";
  content:"\f02c";
  font-size:12px;
}
#footer-box li{
display: inline; 
margin: 7px;
 background-color: #FFF;
height:50px;
 width: 28%;
 float: left;
list-style: none;
}

#footer-box li a{
height:50px;
display: block;
 color: #000;
 font-size: 12px;
 background-color: #FFF;
 padding: 0px;
 text-decoration: none;
box-shadow:rgba(113, 135, 164, 0.298039) 0px 3px 10px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.298039) 0px 3px 10px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.298039) 0px 3px 10px 0px;
}

#footer-box li a:before {
  color:#333;
  margin-right: 5px;
  font-family:"FontAwesome";
  content:"\f02c";
  font-size:12px;
}
#footer-box li a:hover{
 color: #DC143C;
 background-color: #dcdcdc;
}
/* ------------スマホのフッターカテゴリ_END(20151031)------------ */



#footer_u {
background-color:#000;
}
#footer_u h3 {
  margin: 1.5em 0.4em;
  padding: 0.5em 0 0.3em 1em;
  background: #F5F5F5;  
  border-left: 10px solid #ff4500;     
  font-size: 130%;
  font-weight: bold;
  color: #000;
}
/* フッター文字 */
#footer,#footer .copy {
color: #FFF;
}
#footer p{
color: #fff;
font-size: 100%;
}


#footer_u h3 {
	background-color: rgba(255,20,147,0.7);
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 28px;
}

#footer_w h3 {
	background-color: rgba(255,20,147,0.7);
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 28px;
}


/* ------------スマホ記事一覧内のデザイン_START(20151027)------------ */
#topnews dd h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 0px;
}
/* ------------スマホ記事一覧内のデザイン_END(20151027)------------ */

    .sitename img {
     height: auto;
     max-width: 100%;
    }

}


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



/* ---------SNS START--------- */
#share2 {
    color: #000;
    background:#fff; /*ボックス全体の背景色*/
    width:100px; /*ボックス全体の横幅*/
    padding:5px;
    margin-left:-115px; /*横の位置調整*/
    text-align:center;
    position:fixed;
    bottom:20px; /*下の位置調整*/
    list-style-type:none;
    border-radius: 5px;
}
#share2 ul {
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
}
#share2 ul li {
    float: left;
    width: 80%;
    margin-bottom: 15%;
}
#share2 ul li > a {
    overflow: hidden;
    position: relative;
    display: block;
    width: 95%;
    margin: 0 auto;
    padding: 0.9em 0.5em; /*ボタンの余白で大きさを調整*/
    color: #fff;
    font-size: 60%;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#share2 ul li > a:hover {
    top: 2px;
}
#share2 ul li > a:active {
    top: 3px;
    box-shadow: none;
}
#share2 ul li > a i {
    margin-right: 0.25em;
    color: rgba(0,0,0,0.3);
    font-size: 1.5em;
    vertical-align: middle;
}
/* ブランドカラー */
#share2 ul li.twitter > a {
    background: #55acee;
    box-shadow: 0 3px 0 #468EC5;
}
#share2 ul li.facebook > a {
    background: #315096;
    box-shadow: 0 3px 0 #1F3669;
}
#share2 ul li.hatebu > a {
    background: #008fde;
    box-shadow: 0 3px 0 #0270AC;
}
#share2 ul li.googlePlus > a {
    background: #dd4b39;
    box-shadow: 0 3px 0 #B94031;
}
#share2 ul li.pocket > a {
    background: #ee4056;
    box-shadow: 0 3px 0 #C53648;
}
#share2 ul li.feedly > a {
    background: #6cc655;
    box-shadow: 0 3px 0 #5CA449;
}
/* ブランドカラーマウスオーバー */
#share2 ul li.twitter > a:hover {
    box-shadow: 0 1px 0 #468EC5;
}
#share2 ul li.facebook > a:hover {
    box-shadow: 0 1px 0 #315096;
}
#share2 ul li.hatebu > a:hover {
    box-shadow: 0 1px 0 #008fde;
}
#share2 ul li.googlePlus > a:hover {
    box-shadow: 0 1px 0 #dd4b39;
}
#share2 ul li.pocket > a:hover {
    box-shadow: 0 1px 0 #ee4056;
}
#share2 ul li.feedly > a:hover {
    box-shadow: 0 1px 0 #6cc655;
}
/* ブランドカラーアクティブ */
#share2 ul li.twitter > a:active {
    background: #468EC5;
}
#share2 ul li.facebook > a:active {
    background: #1F3669;
}
#share2 ul li.hatebu > a:active {
    background: #0270AC;
}
#share2 ul li.googlePlus > a:active {
    background: #B94031;
}
#share2 ul li.pocket > a:active {
    background: #C53648;
}
#share2 ul li.feedly > a:active {
    background: #5CA449;
}
#share2 ul li.line {
    display: none;
}
#share2 ul li.line > a {
    background: #00c300;
}
/* シェア数吹き出し */
#share2 ul li .balloon {
    position: relative;
    margin: 0 auto 0.5em;
    padding: 0.2em 0.25em; /*吹き出しの余白*/
    width: 95%;
    color: #aaa;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#share2 ul li .balloon:before,
#share2 ul li .balloon:after {
    content: "";
    position: absolute;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -7px;
    border: 7px solid transparent;
}
#share2 ul li .balloon:before {
    bottom: -14px;
    border-top-color: #ddd;
}
#share2 ul li .balloon:after {
    bottom: -12px;
    border-top-color: #fff;
}
#share2 ul li .balloon a {
    display: block;
}
/* ---------SNS END--------- */


}




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


/* ------------新着記事画像の大きさ_START------------ */
#topnews dt {
	float: left;
	width: 250px;
}

#topnews dd {
	padding-left:260px;
}


/* ------------新着記事画像の大きさ_END------------ */

/* ------------本文文字の大きさ_START------------ */
p {
font-size: 17px;
line-height: 30px;
}
/* ------------本文文字の大きさ_END------------ */


/* ---------SNS START--------- */
#share2 {
    color: #000;
    background:#fff; /*ボックス全体の背景色*/
    width:100px; /*ボックス全体の横幅*/
    padding:5px;
    margin-left:-115px; /*横の位置調整*/
    text-align:center;
    position:fixed;
    bottom:20px; /*下の位置調整*/
    list-style-type:none;
    border-radius: 5px;
}
#share2 ul {
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
}
#share2 ul li {
    float: left;
    width: 80%;
    margin-bottom: 15%;
}
#share2 ul li > a {
    overflow: hidden;
    position: relative;
    display: block;
    width: 95%;
    margin: 0 auto;
    padding: 0.9em 0.5em; /*ボタンの余白で大きさを調整*/
    color: #fff;
    font-size: 60%;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#share2 ul li > a:hover {
    top: 2px;
}
#share2 ul li > a:active {
    top: 3px;
    box-shadow: none;
}
#share2 ul li > a i {
    margin-right: 0.25em;
    color: rgba(0,0,0,0.3);
    font-size: 1.5em;
    vertical-align: middle;
}
/* ブランドカラー */
#share2 ul li.twitter > a {
    background: #55acee;
    box-shadow: 0 3px 0 #468EC5;
}
#share2 ul li.facebook > a {
    background: #315096;
    box-shadow: 0 3px 0 #1F3669;
}
#share2 ul li.hatebu > a {
    background: #008fde;
    box-shadow: 0 3px 0 #0270AC;
}
#share2 ul li.googlePlus > a {
    background: #dd4b39;
    box-shadow: 0 3px 0 #B94031;
}
#share2 ul li.pocket > a {
    background: #ee4056;
    box-shadow: 0 3px 0 #C53648;
}
#share2 ul li.feedly > a {
    background: #6cc655;
    box-shadow: 0 3px 0 #5CA449;
}
/* ブランドカラーマウスオーバー */
#share2 ul li.twitter > a:hover {
    box-shadow: 0 1px 0 #468EC5;
}
#share2 ul li.facebook > a:hover {
    box-shadow: 0 1px 0 #315096;
}
#share2 ul li.hatebu > a:hover {
    box-shadow: 0 1px 0 #008fde;
}
#share2 ul li.googlePlus > a:hover {
    box-shadow: 0 1px 0 #dd4b39;
}
#share2 ul li.pocket > a:hover {
    box-shadow: 0 1px 0 #ee4056;
}
#share2 ul li.feedly > a:hover {
    box-shadow: 0 1px 0 #6cc655;
}
/* ブランドカラーアクティブ */
#share2 ul li.twitter > a:active {
    background: #468EC5;
}
#share2 ul li.facebook > a:active {
    background: #1F3669;
}
#share2 ul li.hatebu > a:active {
    background: #0270AC;
}
#share2 ul li.googlePlus > a:active {
    background: #B94031;
}
#share2 ul li.pocket > a:active {
    background: #C53648;
}
#share2 ul li.feedly > a:active {
    background: #5CA449;
}
#share2 ul li.line {
    display: none;
}
#share2 ul li.line > a {
    background: #00c300;
}
/* シェア数吹き出し */
#share2 ul li .balloon {
    position: relative;
    margin: 0 auto 0.5em;
    padding: 0.2em 0.25em; /*吹き出しの余白*/
    width: 95%;
    color: #aaa;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#share2 ul li .balloon:before,
#share2 ul li .balloon:after {
    content: "";
    position: absolute;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -7px;
    border: 7px solid transparent;
}
#share2 ul li .balloon:before {
    bottom: -14px;
    border-top-color: #ddd;
}
#share2 ul li .balloon:after {
    bottom: -12px;
    border-top-color: #fff;
}
#share2 ul li .balloon a {
    display: block;
}
/* ---------SNS END--------- */




/* ---------全体の幅を1100pxに変更開始--------- */
#wrapper {
	max-width: 1100px;
}
/* ---------全体の幅を1280pxに変更終了--------- */



/* ---------関連記事デザイン終了--------- */
/*--------------------------------------
  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;
}
/* ---------関連記事デザイン終了--------- */



/* ---------ドロップダウンメニュー開始--------- */

#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*ドロップダウンとトップ画の間の幅*/
#menu {
    width: 100%;
    margin: 10px auto;
    border: 1px solid #222;
    background-color: #111;
    background-image: linear-gradient(#444, #111);
    border-radius: 6px;
    box-shadow: 0 1px 1px #777;
}

#menu:before,
#menu:after {
    content: "";
    display: table;
}

#menu:after {
    clear: both;
}

#menu {
    zoom:1;
}

#menu li {
    float: left;
    border-right: 1px solid #222;
    box-shadow: 1px 0 0 #444;
    position: relative;
}
/*ドロップダウンの箱の大きさ定義*/
#menu a {
    float: left;
    padding: 10px 15px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
	font-size:15px;
}

/* ------------メニューカーソル当てた時の文字の色------------ */
#menu li:hover > a {
    color: #ff1493;
}

#menu ul {
    margin: 20px 0 0 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 1;    
    background: #444;   
    background: linear-gradient(#444, #111);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);  
    border-radius: 3px;
    transition: all .2s ease-in-out;
}

#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

#menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    box-shadow: -1px 0 0 rgba(255,255,255,.3);      
}

#menu ul li {
    float: none;
    display: block;
    border: 0;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

#menu ul li:last-child {   
    box-shadow: none;    
}

#menu ul a {    
    padding: 10px;
    width: 130px;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}


/* ------------メニューカーソル当てた時の背景の色------------ */
#menu ul a:hover {
    background-color: #0186ba;
    background-image: linear-gradient(#04acec, #0186ba);
}

#menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}

#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

#menu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent;   
}

#menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}

/* ---------ドロップダウンメニュー終了--------- */




/* ---------  サイドバーの色変更開始--------- */
aside h4 {
	background-color: rgba(255,20,147,0.7);
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 28px;
}

aside h4:before {
content: "\f072";
font-family: FontAwesome;
font-size: 16px;
color: #000;
position:relative;
top:2px;
margin-right:5px;
}
/* ---------  サイドバーの色変更終了--------- */

/* --------- フッター2列開始--------- */
#footer{
	background-color: #000;
}

#footer p{
color: #fff;
}

/* フッター文字 */
#footer,#footer .copy {
color: #FFF;
}

#footer_u h3 {
  margin: 1.5em 0.4em;
  padding: 0.5em 0 0.3em 1em;
  background: #FFF;
  border-left: 10px solid #ff4500;     
  font-size: 130%;
  font-weight: bold;
  color: #000;
}

#footer_w h3 {
  margin: 1.5em 0.4em;
  padding: 0.5em 0 0.3em 1em;
  background: #FFF;  
  border-left: 10px solid #ff4500;     
  font-size: 130%;
  font-weight: bold;
  color: #000;
}

/* ------------フッター上部_START(20151031)------------ */
#footer_w {
width: 1280px;
margin: 0px auto;
text-align: left;
color: #000;
background-color:#FFF;
}

#footer_w h4 {
font-size: 120%;
text-align: center;
color: #fff;
border-bottom: 1px dotted #FFF;/*-- 各見出しの下線を点線と色を指定 --*/
margin: 10px 0 30px 0;
padding: 0 0 3px 3px;
}
 
#footer_w a {
color: #000;
}

#footer_w a:hover {
color: #629FBA;
}
/* ------------フッター上部_END(20151031)------------ */

/* ------------フッター左_START(20151031)------------ */
.footer_l {
  margin: 1.5em 0.4em;
  padding: 0.5em 0 0.3em 1em;
float: left;
width: 30%;
}
/* ------------フッター左_END(20151031)------------ */
/* ------------フッター右_START(20151031)------------ */
.footer_c {
margin: 1.5em 0.4em;
padding: 0.5em 0 0.3em 1em;
float: left;
width: 30%;
}
/* ------------フッター右_END(20151031)------------ */

/* ------------フッター右_START(20151031)------------ */
.footer_r {
margin: 1.5em 0.4em;
padding: 0.5em 0 0.3em 1em;
float: left;
width: 30%;
}
/* ------------フッター右_END(20151031)------------ */



/* --------- フッター2列終了 --------- */

/* --------- フッター最大化開始 --------- */
html {
overflow: auto;
}
 
body {
overflow: hidden;
}
 
#footer {
background-color:#FFF;
/* thnx! http://subtlepatterns.com/ */
margin-left: -500%;
margin-right: -500%;
padding-left: 500%;
padding-right: 500%;
}

#footer_w {
background-color:#FFF;
/* thnx! http://subtlepatterns.com/ */
margin-left: -500%;
margin-right: -500%;
padding-left: 500%;
padding-right: 500%;
}

#footer_u {
background-color:#000;
/* thnx! http://subtlepatterns.com/ */
margin-left: -500%;
margin-right: -500%;
padding-left: 500%;
padding-right: 500%;
}
/* --------- フッター最大化終了 --------- */


    .sitename img {
     height: auto;
     max-width: 100%;
    }

/* ------------CSSコメント_START(YYYYMMDD)------------ */
/*--- フッターカテゴリーボックス ---*/
#footer-box {
 width: 95%;
 margin: 0 auto;
 overflow: hidden;
}
#footer_u h5 {
 color: #333;
 font-size: 15px;
 font-weight: bold;
 margin: 10px 0px 10px 10px;
 text-align: left;
}
#footer_u h5:before {
  color:#333;
  margin-right: 5px;
  font-family:"FontAwesome";
  content:"\f02c";
  font-size:12px;
}
#footer-box li{
 margin: 7px;
 float: left;
 list-style: none;
}

#footer-box li a{
 color: #333;
 font-size: 14px;
 background-color: #f1f1f1;
 padding: 7px;
 text-decoration: none;
box-shadow:rgba(113, 135, 164, 0.298039) 0px 3px 10px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.298039) 0px 3px 10px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.298039) 0px 3px 10px 0px;
}

#footer-box li a:before {
  color:#333;
  margin-right: 5px;
  font-family:"FontAwesome";
  content:"\f02c";
  font-size:12px;
}
#footer-box li a:hover{
 color: #DC143C;
 background-color: #dcdcdc;
}

/* ------------PC記事タイトルレイアウト_START(20151106)------------ */
.entry-title {
	font-size: 34px;
	line-height: 38px;
	color: #333;
	margin-bottom: 20px;
}
.entry-title a:hover {
	text-decoration: underline;
}
.entry-title a {
	color: #333;
	text-decoration: none;
}
/* ------------PC記事タイトルレイアウト_END(20151106)------------ */

.top_ranking ul{padding: 0!important;}
.top_ranking li{border-top: 1px #ccc dashed;}
.top_ranking li:last-child { border-bottom: 1px #ccc dashed;}
.top_ranking p{padding: 0;margin: 0;}	
.top_ranking a{display: block;}
.top_ranking a:hover{background-color: #f5f5f5;}

/* アドセンス（左） */
.ninja-left {
  float:left;  /* 左に回り込み */
  margin-right:8px;  /* 右の広告との間隔 */
}
 
/* アドセンス（右） */
.ninja-right {
  float:left;  /* これも左に寄せる */
}
 
/* 回り込み（float）解除の記述たち */
.ninja-box:after {
  content:"";
  display:block;
  clear:both;
}

/*----------------トップページ記事一覧をカード化START-------------------*/
#topnews dl {
background-color: #FFF;
margin: 0 0 5px -6px;
padding: 10px 0px 10px 10px;
border: 1px solid #1d2129;
border-radius: 0px;
width: 100%;
box-shadow: 3px 3px 1px #666;
-moz-box-shadow: 3px 3px 1px #666; /* Firefox */
-webkit-box-shadow: 0px 0px 1px #666; ; /* Chrome, Safari */
background-color:#fff;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
display:block;
}
#topnews dl:hover {
text-decoration: none;
background: #F0F8FF;/* ホバー時背景色を変更 */
}

/* タイトル名 */
#topnews dd h3 {
font-size: 25px;
line-height: 30px;
margin-bottom: 20px;
}

/*----------------------------------------
トップページ記事一覧 最初のカードの右余白を調整　要修正
-----------------------------------------*/
#topnews dl:first-child {
padding: 10px 0px 10px 10px;
}
 
/*--------------------------------------------
トップページ記事一覧 ブログインフォを左寄せにして
ホバー時を装飾
---------------------------------------------*/
#topnews .clearfix dd .blog_info p {
font-size: 13px;
text-align: left;
}
 
#topnews .clearfix dd .blog_info a:hover {
color: #ff7ddf;
transition: color 0.5s ease;/*-- 文字色を変化させる時間 --*/
-o-transition: color 0.5s ease; /* opera */
-moz-transition: color 0.5s ease; /* firefox */
-webkit-transition: color 0.5s ease; /* chrome, safari */
-ms-transition: color 0.5s ease; /* ie */
}
/*----------------トップページ記事一覧をカード化END-------------------*/


/*--------------------------------------
  780px SNS
--------------------------------------*/
.share{
	padding-bottom:10px;
}
.sns ul {
	margin:0 auto;
	list-style:none;
}
 .sns li {
	width:23%;
	margin:0 2% 3% 0;
}
.sns li a {
	font-size:75%;
	padding:10px 2px;
}
.sns li:nth-child(4n) {
	margin-right:0;
}

/*-------------SNS---------------------------*/

/*--------------------------------------
 780px ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
	width: 90%;
	margin:20px auto;
	padding:20px;
}

.booklink-image, .kaerebalink-image{
	margin:0 15px 0 0;
	float:left;
}


.booklink-info, .kaerebalink-info{
   margin:0;
   text-align:left;
}

.booklink-name, .kaerebalink-name{
	margin-bottom:24px;
	line-height:1.5;
}

.booklink-link2, .kaerebalink-link1{
	margin-top:10px;
}

.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom {
    float:left;
    width:30%;
	margin:15px 1% 0 auto;
	padding:10px 0px;
}

.shoplinkyahoo a{
	font-size:10px;
 } 

/* -----PC画面終了-----*/
}