@charset "UTF-8";
    .btn-shine {
color: #fff;
background-color: #c9171e; font-weight: bold;
border-radius: 4px;
cursor: pointer;
line-height: normal;
text-decoration: none;
border: 2px solid transparent;
padding: 14px 20px;
font-size: 18px;
margin: 1em;
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.btn-shine:hover{
color: #fff;
} .btn-shine:before { animation: shine 3s ease-in-out infinite; background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px;
}
@keyframes shine {
0% {
transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
transform: scale(0) rotate(45deg);
opacity: 0.5;
}
81% {
transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0;
}
} .related-entry-heading{
font-size: 20px; } #navi {
font-weight: bold; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } #navi .menu-item-has-children>a::after {
display: none; } .post-4423 .date-tags {
display: none;
} #post-4423 h1.entry-title {
display: none;
} .page .sns-share {
display: none;
} .home.page .toc {
display: none;
} .logo-image * {
display: block;
}
.logo-image {
padding: 0;
}
.logo-image * {
display: block;
margin: auto;
} .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 p {
margin: 0;
padding: 0;
}
.cstmreba a {
transition: 0.8s ;
color:#285EFF; }
.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;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
overflow:hidden;
line-height:170%;
color: #333;
} .cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none;
} .cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
border-bottom: 1px solid ;
font-size:16px;
} .cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
font-size:10px;
line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
color:#333;
border-bottom: none ;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#333;
border-bottom: 1px solid #333 ;
} .cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
}
.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {
display:none !important;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 100%;
margin-top: 5px;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
float:left;
width:24%;
min-width:128px;
margin:0.5%;
} .cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .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: 13px;
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;} .cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;} .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;} .cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}  .cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} .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 .shoplinkwowma a { background:#ea5404; border: 2px solid #ea5404;} .cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;}  .cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} .cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} .cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} .cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} .cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} .cstmreba .booklink-link2 .shoplinkebj a { background:#f8485e; border: 2px solid #f8485e;} .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;
} .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;
}   .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; } .cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; } .cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; } .cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; } .cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; } .cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }  .cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} .cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; } .cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } .cstmreba .kaerebalink-link1 .shoplinkwowma a:hover { color:#ea5404; } .cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;}  .cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} .cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } .cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } .cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } .cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } .cstmreba .booklink-link2 .shoplinkebj a:hover { color:#f8485e; } .cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; }  .cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
color:#FF9901; } .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;}  .cstmreba .booklink-footer {
clear:both;
} @media screen and (max-width:768px){
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:100%;
float:none;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
width: 32.33%;
margin: 0.5%;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
} @media screen and (max-width:480px){
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
width: 49%;
margin: 0.5%;
}
} div#wpp-2 {
background: #fff;
border: 4px double #eeac00;
margin: 0em 0em 2em 0em;
padding: 0em;
}
div#wpp-2 .widgettitle {
background: none;
color: #ffffff;
box-shadow: none;
}
div#wpp-2 .widgettitle span {
border-top: none;
border-bottom: none;
display: block;
width: 100%;
height: 100%;
padding: .75em .8em;
color: #3E3E3E;
}
div#wpp-2 ul.wpp-list {
counter-reset: ranking;
}
div#wpp-2 .wpp-list a:hover.wpp-post-title {
text-decoration: underline;
}
div#wpp-2 .wpp-list a.wpp-post-title {
color: #1E73C1;
}
div#wpp-2 ul.wpp-list li {
padding-bottom: 0;
margin-bottom: 0;
}
div#wpp-2 ul.wpp-list li:before {
counter-increment: ranking;
content: counter(ranking) ".";
font-size: 100%;
font-weight: bold;
color: #1e73be;
background: white;
top: 0;
text-align: center;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
div#wpp-2 ul.wpp-list li a.wpp-post-title {
padding-left: 5px;
text-indent: 0;
border-bottom: dashed 1px #2b2954;
text-decoration: none;
}   @media screen and (max-width: 1240px){ } @media screen and (max-width: 1030px){ } @media screen and (max-width: 768px){ } @media screen and (max-width: 480px){ }