body {
	margin: 0px;
         background-color:#e0e0e0;
         font: 13px/1.5 verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	}

a:link {color:#5f87af; text-decoration:none;}
a:visited {color:#5f87af; text-decoration:none;}
a:active {color:#FF0000; text-decoration:underline;}
a:hover {color:#FF0000; text-decoration:underline;}

h1 {
         background-image: url(http://hiiron.sunnyday.jp/sb/img_s/title_bg.png);
         background-repeat:      no-repeat;        
	margin: 0px;
         height:41px;
}


h2 {
	position: relative;
	padding: .5em .75em .5em 1.5em;
	border: 1px solid #ccc;
        border-radius: 5px;
        color: #ffffff;
	background-color: #5f87af;
}

h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #ffffff;
	border-radius: 4px;
}

h3 {
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #5f87af;
	border-bottom: 1px solid #5f87af;
}

h4 {
	padding: .5em .75em;
	background-color: #f6f6f6;
	border: 3px double #ccc;
}


h5 {
	padding-left: .3em;
	padding-top: .3em;
        padding-bottom: .3em;
        background-color:#f5f5f5;
	border-left: 1px solid #FF0000;
	border-bottom: 2px solid #FF0000;
}

hr {
	border: 1px solid #c0c0c0;
}

ul {
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 0px;
}

pre {
         width: 510px;
         margin: auto;
}


#top {
         width:800px;
         background-color:#e0e0e0;
         margin: auto;
}

.button {
         background-color:#5f87af;
	color: #e0e0e0;
	border: 1px solid #e0e0e0;
}


#l_site {
float:left;
width:235px;
text-align:left;
}

#m_site {
float:right;
width:565px;
text-align:left;
	display:inline;
}

#middle {
         background-image: url(http://hiiron.sunnyday.jp/sb/img_s/list_bg.png);
         background-repeat:      repeat-y;  
         width:800px;
         padding: 0px;
         margin: auto;
        text-align:left;
}

#calendar {
         background-image: url(http://hiiron.sunnyday.jp/sb/img_s/calender.png);
         background-repeat:      no-repeat; 
         clear:both;
         margin: auto;
}

#footer {
         background-image: url(http://hiiron.sunnyday.jp/sb/img_s/footer_bg_2010.png);
         background-repeat:      no-repeat;
         clear: both;
         width:800px;
         height: 70px;
}


.menubar {
	margin: 5px 0px 0px 5px;
}

.archive {
	margin: 2px 0px 0px 10px;
}

.e_list {
	font-size: 12px;
         background-image: url(http://hiiron.sunnyday.jp/sb/img_s/e_list_bg.png);
	color: #666666;
	line-height: 170%;
	margin: 10px 0px 15px 10px;
         width:545px;         
	}

.t_window{
         background-image: url(http://hiiron.sunnyday.jp/sb/img/img3754_ffablue_top.png);
         background-repeat:      no-repeat;
         float:left;
         width:692px;
         height:150px;
}

.t_menu{
         float:left;
         background-image: url(http://hiiron.sunnyday.jp/sb/img_s/title_menu_bg3.png);
         background-repeat:      no-repeat;
         width:108px;
         height:150px;
}

.entry {
	margin: 10px 0px 20px 10px;
}

.entry_date {

	font-size: 12px;
	font-weight: bolder;
	color: #666666;
	margin: 0px 10px 5px 10px;
}

.entry_date2 {
	font-family: "Verdana";
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
	margin: 0px 10px 10px 10px;
	padding-bottom: 3px;
	border-bottom: 2px dotted #000000;
}

.entry_date_top {
	margin: 0px 0px 10px 0px;
}

.entry_date_top span {
    display: table-cell;
    padding: 2px 5px 2px 5px;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #b0b0b0;
    background-color: #eeeeee;
    color: #666666;
    border-radius: 3px;
}

.entrytext {
	font-size: 12px;
	color: #666666;
	margin: 3px 7px 3px 50px;
}


.entry_title {
	font-size: 15px;
	font-weight: bolder;
	color: #666666;
         background-image: url(http://hiiron.sunnyday.jp/sb/img_s/entry_title.png);
         background-repeat:      no-repeat;
         text-align:center;
	line-height: 170%;
	margin: 0px;
         padding: 1px 0px;
         width:545px;
         height:28px;
	}

.tb_title {
	font-size: 15px;
	font-weight: bolder;
	color: #666666;
         background-image: url(http://hiiron.sunnyday.jp/sb/img_s/entry_title.png);
         background-repeat:      no-repeat;
         text-align:center;
	line-height: 170%;
	 margin: 0px;
         padding: 1px 0px;
         width:545px;
         height:28px;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
         -webkit-text-overflow: ellipsis; /* Safari */
         -o-text-overflow: ellipsis; /* Opera */
	}


.entry_body {
	font-size: 12px;
	color: #666666;
	margin: 10px 10px 15px 10px;
	}

.entry_body_table {
	padding:0px;
	border:0px;
	text-align:left;
	color:inherit;
	background-color:#ccd5dd;
}
.entry_body_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.entry_body_td {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#f1f1fd;
}



.cat_body {
	font-size: 12px;
	color: #666666;
	margin: 10px 10px 15px 15px;
	}

.cat_body ul li {
	background: transparent url(http://hiiron.sunnyday.jp/sb/img/img9828_list.png) no-repeat;
	  padding-left: 25px;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.5;
}


.comment_edit {
	font-size: 12px;
	color: #666666;
	margin: 10px 10px 15px 15px;
	}


.entry_state {
	font-size: 11px;
	color: #666666;
        text-align: right;
	margin: 5px 10px 5px 10px;
        clear: both;
	}

.entry_state_top {
	font-size: 11px;
	color: #999999;
        text-align: right;
	margin: 5px 10px 5px 10px;
        clear: both;
	}

.comment_state_1 {
	margin: 10px 20px 5px 13px;
	}

.comment_state_1 span {
    display: table-cell;
    padding: 0.2em 0.5em 0.2em 0.5em;
    line-height: 1em;
    text-decoration: none;
	border: 1px solid #b0b0b0;
         background-color: #dddddd;
	font-size: 11px;
	color: #666666;
}

.comment_state_2 {
	font-size: 11px;
	color: #666666;
         text-align: right;
	border-bottom: 1px solid #b0b0b0;
	margin: -10px 20px 5px 10px;
         clear: both;
	}

.tb_state {
	font-size: 11px;
	color: #666666;
         text-align: right;
	border-bottom: 1px solid #b0b0b0;
	margin: 10px 20px 5px 10px;
         clear: both;
	}

.comment_body {
	font-size: 12px;
	color: #666666;
	margin: 10px 10px 5px 20px;
	}

.entry_body2 {
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
         text-align:left;
	}



blockquote {
	font-size: 12px;
         background-color:#e0e0e0;
	color: #666666;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #b0b0b0;
	}

.comment_body blockquote {
	margin: 0px 20px 0px 10px;
        background-color:#f0f0f0;
	color: #666666;
	border: 1px solid #e0e0e0;
	}

.pict {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border-radius: 5px;
}

.pict2 {
        margin: 0px 5px 5px 0px;
        border-radius: 5px;
}

.rank_p {
	padding: 2px 0px 0px 0px;
}

.links {
	margin: 0px 0px 10px 0px;
}

.linktext {
	font-size: 12px;
	color: #666666;
	margin: 3px 7px 3px 20px;
}

.plof_text {
	font-size: 12px;
	color: #666666;
	margin: -10px 7px 3px 20px;
}

.tweettext {
	font-size: 11px;
	color: #666666;
	line-height: 110%;
	margin: 3px 7px 3px 20px;
        text-align: center;
}

#top_only {
 float:left;
 width: 200px;
 height: 150px;
 overflow:hidden;
 position:relative;
 border: 1px solid #b0b0b0;
 border-radius: 4px;
 z-index:0;
 margin-bottom: 10px;
}

#top_only .pict {
   max-width: 250px;
   height: 100%;
   object-fit: cover;
   display: block;
   position: absolute;
   margin-left: -25px;
   z-index:-1;
}

#top_only .pict:hover{
	 opacity: 0.6;
 }

#entry_text {
   float: right;
   width: 310px;
   display: inline;
}



.linktext2 {
	font-size: 12px;
	color: #666666;
	margin: 3px 7px 3px 22px;
}

.list_text2 ul li {
 	border-top: 1px dotted #9fb7cf;
	background: transparent url(./img_s/listmark.png) no-repeat 0px 4px;
	padding-left: 12px;
	margin-left: 0px;
}

.list_text3 ul li {
 	border-bottom: 1px dotted #9fb7cf;
	background: transparent url(./img_s/listmark.png) no-repeat 0px 4px;
	padding-left: 12px;
	margin-left: 0px;
}


ul.tab {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.tab li {
background: transparent url(http://hiiron.sunnyday.jp/sb/img_s/img4846_icon-article-blue.png) no-repeat 0px -1px;
	padding-left: 25px;
	margin-left: 0px;
}

td {
	font-size: 12px;
	color: #666666;
}


/* FOOTER---------------------------------------------------------------------- */
.copyright {
	font-size: 11px;
	color: #666666;
}




/* CALENDAR---------------------------------------------------------------------- */
.calendar {
	font-family: "Verdana";
	font-size: 9px;
	color: #505050;
         text-align:center;
	margin: auto; 
	}

.today {
         color:#FFFFFF;
         background-color: #5E87AF;
        }

.calendar_box {
	margin: 0px;
	padding: 0px;
        height:23px;
        background:rgba(0,0,0,0);
        }


/* tree(コメント・トラックバック）---------------------------------------------------------------------------------- */

ul.tree {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.tree li.lst {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  background: transparent url(./img_s/listmark.png) no-repeat 10px 4px;
}

ul.tree li.end {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  background: transparent url(./img_s/listmark.png) no-repeat 10px 4px;
  border-bottom: 1px dotted #9fb7cf;
}


.page_box {
	margin: 0px 0px 0px 0px;
	padding: 0px;
         background-image: url(http://hiiron.sunnyday.jp/sb/img_s/entrylist.png);
         background-repeat:      no-repeat ;
         width:545px;
         height:34px;

}

.page_link {
	font-size: 12px;
	color: #1f578f;
	margin: 0px 0px 0px 150px;
}

.page_link a {color:#e0e0e0; text-decoration:none;}

.page_link a:hover {color: #1f578f;}

.entry_link {
	font-weight: bolder;
	font-size: 12px;
	color: #666666;
  margin: 20px 0px 0px 0px;
  text-align: center;
}

.menu_link {
	font-size: 12px;
        margin: 10px 0px 0px 10px;
        text-align: center;
	line-height: 170%;
	border: 1px solid #b0b0b0;
        width:545px;
        border-radius: 5px;
}

.menu_link a {
        display: block;
        width:100%;
        height:100%;
	text-decoration: none;
        background-color: #bfcfdf;
}

.menu_link a:hover {
        color:#FFFFFF;
	background-color: #b0b0b0;
}


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

.reco {
	font-size: 11px;
	color: #AAAAAA;
	line-height: 150%;
	margin: 5px 0px 5px 20px;
}


.reco_ama {
	margin: 5px 0px 5px 35px;
}

.counter {
        font-size: 10px;
	color: #666666;
	margin: 5px 0px 5px 25px;
}

.amazon_text {
	font-size: 9px;
	color: #666666;
	line-height: 150%;
         text-align:left;
	margin: 1px 0px 0px 2px;
         padding: 0px;
}


/* メニュー---------------------------------------------------------------------- */

.linkmenu {
         background-image: url(http://hiiron.sunnyday.jp/sb/img_s/menu_bg.png);
         background-repeat:      no-repeat; 
	font-family: "Verdana";
	font-size: 9px;
	font-weight: bolder;
	margin : 0px;
	color: #505050;
	width : 800px;
	height : 25px;
         clear: both;
}

.linkmenu a {color: #505050;text-decoration: none;}
.linkmenu a:link {color: #505050;text-decoration: none;}
.linkmenu a:visited {color: #505050;text-decoration: none;}
.linkmenu a:active {color: #505050;text-decoration: none;}
.linkmenu a:hover {color: #ffffff;text-decoration: none;}

.MENU {
	visibility: hidden;
	z-index: 999;
	position: absolute;

	width:170px;
	margin-top:5px;
	padding-top:5px;

	background: #FFF;
	border: 1px #B2B2B2 solid;
	}

.list_title{
	font-family: "Verdana";
	margin-top:5px;
	font-size:12px;
	text-align:center;
	border-bottom:4px #B2B2B2 solid;
	}

.list_text{
	font-size: 10px;
	padding:5px 10px;
	color: #666;
	text-align:left;
	}

.list_text2{
	font-size: 10px;
	padding:5px 10px;
	color: #666;
	text-align:left;
	}

.list_text3{
	font-size: 10px;
	padding:5px 10px;
	color: #666;
	text-align:left;
	}





/* アマゾン */
.amazon {
	margin-bottom:10px;
	}

.amazon_text {
	font-size:10px;
	text-align: left;
	}

.amazon_text strong {
	}


.rsstc   { font-size: 10px; color: #ffffff; background-color: #5f87af; margin: 0; padding: 0 }
.rsstc a { color: #5f87af;}
.rsstc em  { font-style: normal; font-weight: bold; margin-left: 10px; padding: 0 }
.rsstc ul   { background-color: #bfcfdf; margin: 0; padding: 0 ;border: solid 2px #bfcfdf }
.rsstc li   { list-style-type: none; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; border-bottom: 1px dotted #555555 }

.rsstext {
	font-size: 12px;
	color: #666666;
	margin: 3px 5px 0px 15px;
}

.ranktext {
	margin: 3px 7px 0px 18px;
}

.yahootext {
	margin: 3px 5px 3px 60px;
}

.search_box {
	margin: 8px 0px 0px 0px;
	}


.table2 ul li {
	border-bottom: 1px dotted #666666;
	padding-left: 0px;
	margin-left: 0px;
}


.comment-module-label {
    margin: 10px 20px 0px 10px;
    border-bottom: 1px solid #5f87af;
}

.comment-module-label a,
.comment-module-label span {
    display: table-cell;
    padding: 0.3em 0.5em 0.3em 26px;
    line-height: 1em;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 95%;
    background-color: #5f87af;
    background-image: url(http://hiiron.sunnyday.jp/img_2012/icon-comment.gif);
    background-repeat:      no-repeat;
    background-position: 1px center;
}

.comment2-module-label {
    margin: 10px 20px 0px 10px;
    border-bottom: 1px solid #e0e0e0;
}

.comment3-module-label {
    margin: 10px 20px 0px 10px;
    border-bottom: 1px solid #5f87af;
}

.comment3-module-label span {
    display: table-cell;
    padding: 0.3em 0.5em 0.5em 26px;
    line-height: 1em;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 95%;
    background-color: #5f87af;
    background-image: url(http://widget.zenback.jp/_p/images/facebook_icon.png);
    background-repeat:      no-repeat;
    background-position: 1px center;
}


.comment4-module-label {
    margin: 10px 20px 0px 10px;
    border-bottom: 1px solid #5f87af;
}

.comment4-module-label span {
    display: table-cell;
    padding: 0.3em 0.5em 0.5em 26px;
    line-height: 1em;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 95%;
    background-color: #5f87af;
    background-image: url(http://hiiron.sunnyday.jp/sb/img_s/icon-article.png);
    background-repeat:      no-repeat;
    background-position: 1px center;
}

.comment5-module-label {
    margin: 10px 20px 0px 10px;
    border-bottom: 1px solid #5f87af;
}

.comment5-module-label span {
    display: table-cell;
    padding: 0.3em 0.5em 0.5em 26px;
    line-height: 1em;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 95%;
    background-color: #5f87af;
    background-image: url(http://hiiron.sunnyday.jp/sb/img_s/rank.png);
    background-repeat:      no-repeat;
    background-position: 1px center;
}

.comment6-module-label {
    width: 100%;
    margin: 10px 0px 0px 0px;
}

.comment6-module-label span {
    display: table-cell;
    padding: 0.3em 0.5em 0.5em 26px;
    line-height: 1em;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 95%;
    background-color: #5f87af;
    background-image: url(http://hiiron.sunnyday.jp/sb/img_s/icon-article.png);
    background-repeat:      no-repeat;
    background-position: 1px center;
}


/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 1px;
	margin-left: 815px;
}
#back-top a {
	width: 70px;
	display: block;
	text-align: center;
	font: 9px/150% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #e0e0e0;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #5f87af;
}
/* arrow icon (span tag) */
#back-top span {
	width: 70px;
	height: 70px;
	display: block;
	margin-bottom: 0px;
	background: #bfcfdf url(http://hiiron.sunnyday.jp/sb/img_s/img3753_up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #5f87af;
}

.bijin_tokei {
        width: 180px;
	margin: 5px 0px 8px 28px;
}

.fb_box {
        overflow: hidden;
        width: 198px;
	margin: -8px 0px 0px 15px;
}

.fb-comments {
	margin: 0px 20px 0px 10px;
}

.fb-like {
        overflow: hidden;
        width: 70px;
}

.fb_box2 {
        overflow: hidden;
	margin: 10px 10px 15px 10px;       
}


.extrabotan_box {
	position: fixed;
	bottom: 80px;
	margin-left: 800px;
}

.extrabotan {
	margin: 8px 0px 0px 0px;
}

.extrabotan p {
	margin: 0px;
}

.extrabotan a {
	width: 90px;
        display: table-cell;
 	border: 1px solid #b0b0b0;       
	text-align: center;
	font: 11px 150%;
	text-decoration: none;
	color: #5f87af;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.extrabotan a:hover {
        color:#FFFFFF;
	background-color: #b0b0b0;
}

/* Twilog---------------------------------------------------------------------- */
.tl-text{
    font-size:13px;
}

.tl-posted{
    font-size:11px;
    text-align:right;
}

p.tl-tweet {
    border-bottom: 1px dotted #666666;
}

.tl-tweet {
    border-bottom: 1px dotted #666666;
}


/* ImageLinks---------------------------------------------------------------------- */

#kanren{
   margin-left: 15px;
   margin-top: 5px;
 }

#kanren:after{
   content:"";
   display:block;
   clear:both;
 }

#kanren ul{
   margin:0;
   padding:0;
 }

#kanren li{
   list-style:none;
   display:block;
   width:115px;
   height:160px;
   overflow:hidden;
   float:left;
   position:relative;
   z-index:0;
   border:1px solid #dddddd;
   margin:6px;
   background-image: url(http://hiiron.sunnyday.jp/sb/img/img4819_nophoto.jpg);
   background-repeat:      no-repeat; 
 }

#kanren li:hover{
   border-color:#b0b0b0;
   background-color:#666666;
   opacity: 0.7;
 }


#kanren li a{
   display:block;
   width:100%;
   height:100%;
 }

#kanren li .linksthumb{
   display:block;
   width:100%;
   height:100%;
   position:absolute;
   text-align:center;
   top:0;
 }

#kanren li .imagelinktext{
   display:block;
   height:100%;
   filter:  progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#bbffffff,EndColorStr=#bbffffff);
   background-color: rgba(255, 255, 255, 0.9);
   font-size:11px;
   padding:2px;
   position:relative;
   top:70%;
 }

#kanren li img{
   width: 115px;
   height: 160px;
   object-fit: cover;
   position:relative;
   z-index:-1;
   position:relative;
   top:0;
   left:0;
   z-index:-1;
 }


.ninja_onebutton {
   margin: 10px 5px 5px 50px;
}



.rakuten_w {
   margin: 10px 5px 5px 35px;
}

input, select, textarea {
        font: 12px verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
        color: #666666;
	border: 1px solid #b0b0b0;
　　　　padding: 1px;
}

#searchwidgetkeywords {
        height: 18px;
}

.search_b {
        background-color:#bfcfdf;
	border: 1px solid #b0b0b0;
	background-image: url(http://hiiron.sunnyday.jp/sb/img/img11421_search_off.png);
        background-repeat:      no-repeat;
        background-position: center;
        width: 22px;
        height: 22px;
        margin: 1px 0px 0px 4px;
	padding: 0px;
        position: absolute;
}

.comment_b {
        background-color:#bfcfdf;
	border: 1px solid #b0b0b0;
        color:#FFFFFF;
        font-weight: bold;
        width:150px;
}

.comment_b:hover {
        background-color:#5f87af;
}

iframe.twitter-count-vertical {
    width: 65px !important;
}
iframe.twitter-count-horizontal {
    width: 20px !important;
}

.share_b {
margin: 17px 0px 0px 425px;
	padding: 0px;
           position: absolute;
}


.blogmura {
   display: none;
}


.brp .brp-main {
	border: 1px solid #5f87af !important;
}

.brp .brp-rank-content-body ul li.brp-my {
    background-color: #bfcfdf !important;
}

.brp-headline,.brp-button {
    background-color: #5f87af !important;
}


/* BPList - LIST ICON TYPE */
div.blogpeople-main p { 
margin:0px;
}

div.bp-ll2-blog-site {
	background: transparent url(./img_s/listmark.png) no-repeat 0px 4px;
	padding-left: 12px;
}

span.blogpeople-linklist {
        margin: 4px 0px -12px 0px;
        display:block;
        color:#666666;
	font-size: 12px;
        font-weight:bold;
	border-bottom: 1px dotted #9fb7cf;
}

#linklist_bp {
    display: none;
}

#linklist_as {
    display: none;
}


/* NowPlayng---------------------------------------------------------------------- */

#osusume {
        margin: 5px 0px 15px 0px;
   font-size:11px;
 }

#osusume:after {
   content:"";
   display:block;
   clear:both;
 }

#osusume ul{
   margin:0;
   padding:0;
 }

#osusume li{
   list-style:none;
   display:block;
   width:200px;
   height:180px;
   overflow:hidden;
   float:left;
   position:relative;
   z-index:0;
   border:1px solid #dddddd;
   margin:0px;
   border-radius: 5px;
   background-color:#eeeeee;
 }

#osusume li:hover{
   border-color:#b0b0b0;
   opacity: 0.7;
 }

#osusume li a{
   display:block;
   width:100%;
   height:100%;
 }

#osusume li .linksthumb{
   display:block;
   width:100%;
   height:100%;
   position:absolute;
   text-align:center;
   top:0;
 }

#osusume li .imagelinktext{
   display:block;
   height:100%;
   filter:  progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#bbffffff,EndColorStr=#bbffffff);
   background-color: rgba(255, 255, 255, 0.8);
   font-size:11px;
   padding:2px;
   position:relative;
   top:80%;
   font-weight: bolder;
 }

#osusume li img{
   width:auto;
   max-height:110%;
   position:relative;
   top:0;
   left:0;
   z-index:-1;
 }


.com_b {
	margin: 0px 0px -10px 15px;
	padding: 0px;
}

.ex_icon {
	margin-bottom: -3px;
}

.pvcounter {
        position: absolute;
	margin: 8px 0px 0px 447px;
	padding: 0px;
}

.kizihyouka {
	margin: -5px 0px 10px 0px;
	padding: 0px;
}

div#hatena-bookmark-container div.hatena-bookmark-title {
	display:none;
}

div#hatena-bookmark-container {
    margin: 0px 5px 0px -5px !important;
    background: #ffffff !important;
    border-radius: 0px !important;
    border: none !important;
}

ul#hatena-bookmark-list-container {
    border: none !important;
}

.hatena-bookmark-comment {
    font-size: 12px !important;
    color: #666666 !important;
    line-height: 130% !important;
}

.hatena-bookmark-item {
        padding-bottom: 5px !important;
        margin-bottom: 5px !important;
	border-bottom: 1px solid #dddddd !important;
}

.hatena-star-add-button-image {
  background-image: url(http://hiiron.sunnyday.jp/sb/img_s/img8282_hatena-star2.png);
}

div#hatena-bookmark-container ul#hatena-bookmark-list-container a {
color: #5f87af !important;
}


.hateuse {
     margin: 0px 0px -3px 5px;
}

.entry_more_permalink {
     display: none;
}


.entry_read {
	font-size: 12px;
	font-weight: bolder;
        margin: 10px 10px 0px 10px;
        text-align: center;
	line-height: 170%;
	border: 1px solid #b0b0b0;
        border-radius: 5px;
}

.entry_read a {
        display: block;
        width:100%;
        height:100%;
	text-decoration: none;
        background-color: #bfcfdf;
}

.entry_read a:hover {
        color:#FFFFFF;
	background-color: #b0b0b0;
}


.tweet_main {
        margin: 0px 5px 0px 15px;
}

/*タブ部分*/

#comtab .tab_area {

    list-style: none;
    margin: 0;
    padding: 0px 0px 0px 10px;
    line-height: 24px;
    position: relative;
    margin: 5px 0px 0px 0px;
}

#comtab .tab_area:before {
    z-index: 1;
}

#comtab .tab_area:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #AAA;
    z-index: 1;
}

.tab_icon {
    margin: 2px 3px -5px 0px;
}


#comtab .tab_area li{
    margin: 0 1px;
    padding: 0 5px;
    border: 1px solid #AAA;
    background: #ECECEC;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
 
#comtab .tab_area ul li:hover {
    background:#AAA;
    color:#ffffff;
    cursor:pointer;
}

#comtab .tab_area li.selected {
    background: #FFF;
    z-index: 2;
    border-bottom-color: #FFF;
}


#comtab .content_area {
    clear: both;
    margin: 5px 0px 0px 0px;
}

/* quicktags_plus.js
-------------------------------------*/

div#ed_toolbar {
	margin: 3px 0;
	font-family: Verdana, sans-serif, Arial;
	font-size: 0.9em;
}
div#ed_toolbar a,
div#ed_toolbar a:link,
div#ed_toolbar a:visited,
div#ed_toolbar a:active {
	color: #999;
	background: transparent;
	text-decoration: none;
	letter-spacing: normal;
	}
div#ed_toolbar a:hover {
	color: #666;
	background: transparent;
	}
div#ed_toolbar input.ed_button {
	margin: 1px 2px 1px 0;
	padding: 1px 4px;
	height: 24px;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #666;
	color: #666;
	background: #eee;
	}
div#ed_toolbar input.ed_button:hover {
	color: #666;
	background: #ccc;
}
div#ed_toolbar input#ed_bold {font-weight: bold;}
div#ed_toolbar input#ed_italic {font-style: italic;}
div#ed_toolbar input#ed_under {text-decoration: underline !important;}
div#ed_toolbar input#ed_strike {text-decoration: line-through;}
div#ed_toolbar input#ed_big {font-size: 1.2em;}
div#ed_toolbar input#ed_small {font-size: 0.85em;}
div#ed_toolbar input#ed_block {color: #999;}
div#ed_toolbar input#ed_hr {}
div#ed_toolbar input#ed_image {}
div#ed_toolbar input#ed_anchor {}
div#ed_toolbar input#ed_paragraph {}
div#ed_toolbar input#ed_heading {}
div#ed_toolbar input#ed_style {}
div#ed_toolbar input#ed_left {text-align: left;}
div#ed_toolbar input#ed_center {text-align: center;}
div#ed_toolbar input#ed_right {text-align: right;}
div#ed_toolbar input#ed_fontcolor {}
div#ed_toolbar input#helpmsg {
	border: 0;
	color: #666;
	background: transparent;
	padding: 1px 4px 1px 0;
	margin: 1px 2px 1px 0;
	display: block;
	width: 400px;
	letter-spacing: normal;
	}
div#ed_toolbar #ed_close {
	background: #999;
	color: #fff;
	}
div#ed_toolbar #ed_close:hover {
	background: #c66;
	color: #eee;
	}
img.pic{
	border: 1px solid #000;
	margin: 0 2px 2px 0;
	max-width: 400px;
	max-height: 400px;
	opacity: 0.7;
/*	filter: alpha(opacity=70);	*/
	}
img.pic:hover {
	opacity: 1;
/*	filter: alpha(opacity=100);	*/
	}
div#color_palette {
	margin: 0;
	color: #666;
	background-color: #ddd;
	width: 202px !important;
	}
div#color_palette ul {
	text-align: center;
	margin: 0;
	padding: 0;
	}
div#color_palette ul li {
	list-style: none;
	display: block;
	width: 10px;
	height: 10px;
	line-height: 10px;
	float: left;
	cursor: pointer;
	margin: 0 0 1px 1px;
	}
div#color_palette ul li#sample {
	display: block;
	width: 100%;
	height: auto;
	line-height: auto;
	margin: 0;
	text-align: center;
	padding: 5px 0;
	cursor: default;
	}
div#color_palette ul li.close {
	display: block;
	clear: left;
	width: 100%;
	height: auto;
	line-height: auto;
	margin: 0;
	text-align: center;
	padding: 5px 0;
	}

.emoji{
    vertical-align: middle;
    margin: 0px 3px 0px 3px;
}

.comment-form-icon {
    margin: 2px 0px 5px 0px;
}


.page_name {
	margin: 10px 20px 10px 15px;
	font-size: 11px;
}

.page_name ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#breadcrumbs-one{
  background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
}
 
#breadcrumbs-one li{
  float: left;
}
 
#breadcrumbs-one a{
  padding: .7em 1em .7em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);
}
 
#breadcrumbs-one li:first-child a{
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}
 
#breadcrumbs-one a:hover{
  background: #fff;
}
 
#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}
 
#breadcrumbs-one a::after{
  z-index: 2;
  border-left-color: #ddd;
}
 
#breadcrumbs-one a::before{
  border-left-color: #ccc;
  right: -1.1em;
  z-index: 1;
}
 
#breadcrumbs-one a:hover::after{
  border-left-color: #fff;
}
 
#breadcrumbs-one li:last-child a,
#breadcrumbs-one li:last-child a:hover{
  font-weight: bold;
  background: none;
}
 
#breadcrumbs-one li:last-child a::after,
#breadcrumbs-one li:last-child a::before{
  content: normal;
}


/* オリジナルSNSボタン用CSS */

/* 回り込み解除のためのクラス */
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;
}
 
/* サークルのスタイル */
.sns_circle{
    position:relative;
    width: 50px;
    height: 50px;
    margin:0 5px;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 10%;
    background-color: #999;
    float:left;
    list-style: none;
}
 
/* Webフォントに関する指定 */
.sns_circle span{
    position:absolute;
    padding:10px;
    font-size:30px;
    color:#FFF;/* 文字の色 */
}

/* カウント数に関する指定 */
.sns_count span{
    width:15px;
    height:15px;
    position:absolute;
    margin:33px 0px 0px -20px;
    padding:1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size:10px;
    text-align:center;
    color:#FFF;/* 文字の色 */
    background-color:#666;
}
 
/* リンク領域をブロック全体に */
.sns_circle a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 10%;
    text-indent:-999px;
    color:#FFF;/* 文字の色 */
}
 
/* マウスオーバー */
.sns_circle a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
 
/* 横幅を450pxに固定して真ん中に表示 */
ul.circle_group{
    margin:10px 0px 10px 85px;
    list-style: none;
    padding:0;
}
 
/* アイコン毎の配色と配置 */
.sns_circle.feedly{
    background-color: #6CC655;
}
 
.sns_circle.facebook{
    background-color: #265a96;
}
 
.sns_circle.twitter{
    background-color: #00acec;
}
 
.sns_circle.hatebu{
    background-color: #006fbb;
}
 
.sns_circle.pocket{
    background-color: #EE4256;
}
 
.sns_circle.line{
    background-color: #2cbf13;
}
 
.sns_circle.feed{
    background-color: #ff9900;
}
 
.sns_circle.youtube{
    background-color: #e22d26;
}

/* カード全体像 */
.blogcard {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 500px;
  background-color: #eeeeee;
  border: 1px solid rgb(211,211,211);
  border-radius: 4px;
  box-shadow: 0 10px 6px -6px rgba(0,0,0,.1);
  color: rgb(51,51,51);
  padding: 10px;
}

/* float親要素 */
.blogcard-content {
  margin-bottom: 5px;
  overflow: hidden;
}

/* 画像 */
.blogcard-image {
  display: inline-block;
  float: right; /* 画像を左に配置したい場合は left に変更 1/2 */
  margin: 0 0 5px 5px; /* 画像を左に配置したい場合は 0 10px 5px 0 に変更 2/2 */
  width: 100px !important; /* 画像の表示サイズ変更は数値をpxで変更 1/6 */
  height: 100px !important; /* 画像の表示サイズ変更は数値をpxで変更 2/6 */
  transition-duration: 0.3s; /*変化に掛かる時間*/

}

.blogcard-image-wrapper {
  display: inline-block;
  width: 100px !important; /* 画像の表示サイズ変更は数値をpxで変更 3/6 */
  height: 100px !important; /* 画像の表示サイズ変更は数値をpxで変更 4/6 */
}

.blogcard-image-wrapper img {
  width: 100px !important; /* 画像の表示サイズ変更は数値をpxで変更 5/6 */
  height: 100px !important; /* 画像の表示サイズ変更は数値をpxで変更 6/6 */
  object-fit: cover;
  object-position: center center;
}

.blogcard-image:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

/* タイトル */
.blogcard-title {
  margin-bottom: 5px;
  line-height: 1.4;
  font-size: 15px;
  font-weight: bold;
}

.blogcard-title a {
  color: rgb(61,63,68);
  word-break: break-all;
}

.blogcard-title a:hover {
  text-decoration: underline;
}

/* 引用 */

.blogcard blockquote {
    position: static;
    color: #585858;
    border: solid 1px #aaaaaa;
    border-radius: 3px;
}

blockquote .blogcard-description {
  position: relative;
  z-index: 1;
}

blockquote .blogcard-description:before{
  position: absolute;
  top: -46px;
  left: -10px;
  content: '“';
  font-size: 7em;
  color: #f5f5f5;
  font-family:"ＭＳ Ｐゴシック",sans-serif;
  z-index: -1;
}

blockquote .blogcard-description:after{
  position: absolute;
  bottom: -98px;
  right: -10px;
  content: '”';
  font-size: 7em;
  color: #f5f5f5;
  font-family:"ＭＳ Ｐゴシック",sans-serif;
  z-index: -1;
}

/* 記事概要 */
.blogcard-description {
  line-height: 1.5;
  font-size: 12px;
  padding: 0px 5px;
}

/* フッター(元記事サイト名とリンク) */
.blogcard-footer {
  font-size: 12px;
  color:#999999;
  margin-bottom: -4px; 
}

.blogcard-footer p{
  display: inline-block;
  margin-left: 2px;
}

.blogcard-footer a {
  color: rgb(154,165,171);
}

.blogcard-footer a img {
  margin-right: 5px;
  margin-bottom: -4px;
}

.blogcard-hatena {
  margin-left: 7px;
}

.blogcard-tape{
  position: absolute;
  top: -1em;
  left: 33%;
  width:70px;
  height:25px;
  background-image: linear-gradient(-45deg, rgba(95,135,175,.4) 25%, transparent 25%, transparent 50%, rgba(95,135,175,.4) 50%, rgba(95,135,175,.4) 75%, transparent 75%, transparent 100%);
  background-size: 20px 20px;
  border-left:2px dotted rgba(0,0,0,.1);
  border-right:2px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,.2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-4deg); 
}


.icon-twitter {
    font-size:13px;
    color:#b0b0b0;/* 文字の色 */
}

.icon-facebook {
    font-size:14px;
    color:#b0b0b0;/* 文字の色 */
}

.icon-hatebu {
    font-size:13px;
    color:#b0b0b0;/* 文字の色 */
}

.icon-pocket {
    font-size:13px;
    color:#b0b0b0;/* 文字の色 */
}

.entry_state_top p{
  display: inline-block;
  margin-left: 2px;
}



/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/

.cstmreba {
	width:98%;
	height:auto;
	margin:36px auto;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
	line-height: 1.5;
	word-wrap: break-word;
	box-sizing: border-box;
	display: block;
}
.cstmreba a {
	transition: 0.8s ;
	color:#285EFF; /* テキストリンクカラー */
}
.cstmreba p {
	display: none;
}
.cstmreba a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,
.cstmreba .kaerebalink-box,
.cstmreba .tomarebalink-box {
	width: 100%;
	background-color: #fafafa; /* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
	background: #fff;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
	width:100%;
	display:block;
}
.cstmreba .booklink-image a img,
.cstmreba .kaerebalink-image a img,
.cstmreba .tomarebalink-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
	background: #fff;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.booklink-info a,
.kaerebalink-info a,
.tomarebalink-info a {
	text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.booklink-name>a,
.kaerebalink-name>a,
.tomarebalink-name>a {
	border-bottom: 1px solid ;
	font-size:12px;
}
/* powered by */
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
	font-size:10px;
	line-height:150%;
}
.booklink-powered-date a,
.kaerebalink-powered-date a,
.tomarebalink-powered-date a {
	color:#333;
	border-bottom: none ;
}
.booklink-powered-date a:hover,
.kaerebalink-powered-date a:hover,
.tomarebalink-powered-date a:hover {
	color:#333;
	border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
	font-size:12px;
}
.kaerebalink-link1 div img, .booklink-link2 div img, .tomarebalink-link1 div img {
	display:none !important;
}
.kaerebalink-link1, .booklink-link2, .tomarebalink-link1 {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.booklink-link2>div,
.kaerebalink-link1>div,
.tomarebalink-link1>div {
	float:left;
	width:24%;
	min-width:128px;
	margin:0.5%;
}
/***** ボタンデザインここから ******/
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin: 1px 0;
	padding:3% 0.5%;
	border-radius: 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
	background:#FF9901;
	border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
	background: #bf0000;
	border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
	background:#225496;
	border: 2px solid #225496;
} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
	background: #fff;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
	color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
	color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
	color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.booklink-footer {
	clear:both;
}
/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
	.booklink-image,
	.kaerebalink-image,
	.tomarebalink-image {
		width:100%;
		float:none;
	}
	.booklink-link2>div,
	.kaerebalink-link1>div,
	.tomarebalink-link1>div {
		width: 32.33%;
		margin: 0.5%;
	}
	.booklink-info,
	.kaerebalink-info,
	.tomarebalink-info {
	  text-align:center;
	  padding-bottom: 1px;
	}
}
/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
	.booklink-link2>div,
	.kaerebalink-link1>div,
	.tomarebalink-link1>div {
		width: 49%;
		margin: 0.5%;
	}
}
<!-- process time : 0.10 CPU sec -->