@charset "utf-8";
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?kgj0ro');
  src:  url('../fonts/icomoon.eot?kgj0ro#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?kgj0ro') format('truetype'),
    url('../fonts/icomoon.woff?kgj0ro') format('woff'),
    url('../fonts/icomoon.svg?kgj0ro#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-yahoo- .path1:before {
  content: "\e900";
  color: rgb(230, 25, 21);
}
.icon-yahoo- .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-yahoo- .path3:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-yahoo- .path4:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-rakuten- .path1:before {
  content: "\e904";
  color: rgb(178, 30, 35);
}
.icon-rakuten- .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-rakuten- .path3:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(178, 30, 35);
}
.icon-amazon- .path1:before {
  content: "\e907";
  color: rgb(47, 39, 37);
}
.icon-amazon- .path2:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-amazon- .path3:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(236, 137, 58);
}
.icon-amazon- .path4:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(236, 137, 58);
}
.icon-home3:before {
  content: "\e90b";
}
.icon-book:before {
  content: "\e91f";
}
.icon-books:before {
  content: "\e920";
}
.icon-file-empty:before {
  content: "\e924";
}
.icon-files-empty:before {
  content: "\e925";
}
.icon-folder:before {
  content: "\e92f";
}
.icon-folder-open:before {
  content: "\e930";
}
.icon-price-tag:before {
  content: "\e935";
}
.icon-price-tags:before {
  content: "\e936";
}
.icon-barcode:before {
  content: "\e937";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-phone:before {
  content: "\e942";
}
.icon-location:before {
  content: "\e947";
}
.icon-location2:before {
  content: "\e948";
}
.icon-compass2:before {
  content: "\e94a";
}
.icon-map:before {
  content: "\e94b";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-display:before {
  content: "\e956";
}
.icon-mobile2:before {
  content: "\e959";
}
.icon-tv:before {
  content: "\e95b";
}
.icon-box-add:before {
  content: "\e95e";
}
.icon-box-remove:before {
  content: "\e95f";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-user:before {
  content: "\e971";
}
.icon-clipboard:before {
  content: "\e9b8";
}
.icon-list-numbered:before {
  content: "\e9b9";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-bookmark:before {
  content: "\e9d2";
}
.icon-point-right:before {
  content: "\ea04";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-down:before {
  content: "\ea43";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-appleinc:before {
  content: "\eabe";
}
.icon-finder:before {
  content: "\eabf";
}
.icon-android:before {
  content: "\eac0";
}
.icon-windows:before {
  content: "\eac1";
}
.icon-windows8:before {
  content: "\eac2";
}
@media all and (min-width: 751px) {

/* RESET
-------------------------------------------------------------- */
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
    list-style: none;
}

/* For images to not be able to exceed their container */
img {
    max-width: 100%;
}

/* removes spacing between cells in tables */
table {
    border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
    white-space: revert;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]){
    display:none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]){
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
    -webkit-user-drag: element;
}
  
  
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

img { border:none; }
.pchide { display:none; }
.pcbr { display: block; }
	
/* -------------------------------------------------------------- */

  body { font-family: "Noto Sans JP"; background-color: #fff; color: #333333; }
  a { cursor: pointer; }
  header { width: 100%; background-color: #FF3E5F; }
  header h1 { text-align: center; font-size: 30px; font-weight: bold; padding: 10px; letter-spacing: 2px; color: #fff; }
  header div.title { text-align: center; font-size: 30px; font-weight: bold; padding: 10px; letter-spacing: 2px; color: #fff; }
  #wrapper { width: 980px; margin-left: auto; margin-right: auto; }
  #wrapper .contents { width: 68%; float: left; padding: 2% 3%; background-color: #FCF2F2; border-radius: 10px; margin-top: 15px; margin-bottom: 15px; }
  #wrapper .contents h2 { font-weight: bold; font-size: 25px; line-height: 1.6; color: #FF3E5F; }
  #wrapper .contents h1.ren { font-weight: bold !important; font-size: 25px !important; line-height: 1.6 !important; color: #FF3E5F !important; }
  #wrapper .contents .date { text-align: right; font-size: 14px; margin-bottom: 20px; padding-top: 6px; }
  #wrapper .contents h3 { background-color: #FF3E5F; color: #fff; font-size: 18px; line-height: 1.5; padding: 10px 15px; }
  #wrapper .contents h2.ren { background-color: #FF3E5F; color: #fff; font-size: 18px; line-height: 1.5; padding: 10px 15px; }
  #wrapper .contents h3 span { padding-right: 8px; }
  #wrapper .contents h2.ren span { padding-right: 8px; }
  #wrapper .contents p { line-height: 1.6; font-size: 16px; padding-top: 10px; padding-bottom: 20px; margin-bottom: 30px; }
  #wrapper .contents p.read { padding-bottom: 0px; margin-bottom: 15px; }
  #wrapper .contents .linkbtn { line-height: 1; }
  #wrapper .contents .linkbtn a {width: 400px;margin: auto;background-color: #ff9764;display: block;padding: 15px;border: solid 2px #eee;border-radius: 10px;  text-align: center; }
  #wrapper .contents .twitter { margin-bottom: 30px; }
  #wrapper .contents .af { margin-top: -20px; }
  #wrapper .contents .af ul { font-family: icomoon; }
  #wrapper .contents .af ul li { width: 48%; float: left; margin-right: 1%; margin-bottom: 1%; }
  #wrapper .contents .af ul li.amazon { background-color: #fff; padding: 10px; border-radius: 5px; }
  #wrapper .contents .af ul li.amazon a { line-height: 1; padding-left: 28px; }
  #wrapper .contents .af ul li.amazon .icon-amazon- { font-size: 20px; position: absolute; }
  #wrapper .contents .af ul li.rakuten { background-color: #fff; padding: 10px; border-radius: 5px; }
  #wrapper .contents .af ul li.rakuten a { line-height: 1; padding-left: 28px; }
  #wrapper .contents .af ul li.rakuten .icon-rakuten- { font-size: 20px; position: absolute; }
  #wrapper .contents .af ul li.yahoo { background-color: #fff; padding: 10px; border-radius: 5px; }
  #wrapper .contents .af ul li.yahoo a { line-height: 1; padding-left: 28px; }
  #wrapper .contents .af ul li.yahoo .icon-yahoo- { font-size: 20px; position: absolute; }
  #wrapper .contents h4 { margin-top: 30px; margin-bottom: 10px; border-bottom: solid 1px ; font-size: 20px; padding-bottom: 5px;}
  #wrapper .contents h2.kanren { margin-top: 30px !important; margin-bottom: 10px !important; border-bottom: solid 1px !important; font-size: 20px !important; padding-bottom: 5px !important;}
  #wrapper .contents .card { width: 31.33%; float: left; background-color: #fff; border-radius: 6px; margin: 1%; padding: 2%; }
  #wrapper .contents .card p { margin-bottom: 0px !important; }
  #wrapper .contents .card2 { width: 48%; float: left; background-color: #fff; border-radius: 6px; margin: 1%; padding: 2%; }
  #wrapper .contents .card2 h5 { font-weight: bold; }
  #wrapper .contents .card2 h6 { text-align: center; padding-top: 4px; padding-bottom: 4px; }
  #wrapper .contents .card2 h6 img { height: 257px; width: auto; }
  #wrapper .contents .card2 p { padding-bottom: 0px; margin-bottom: 0; }
  #wrapper .contents .card2 a { cursor: pointer; }
  #wrapper #google-ad { margin-top: 15px; width:294px; float: right; }
  #wrapper .side { width: 30%; float: right; background-color: #FCF2F2; border-radius: 10px; margin-top: 15px; margin-bottom: 40px; padding: 2%; }
  #wrapper .side h3 { font-weight: bold; font-size: 18px; border-bottom: solid 1px #FF3E5F; margin-bottom: 10px; padding-bottom: 5px; color: #FF3E5F; }
  #wrapper .side h2.kate { font-weight: bold !important; font-size: 18px !important; border-bottom: solid 1px #FF3E5F !important; margin-bottom: 10px !important; padding-bottom: 5px !important; color: #FF3E5F !important; }
  #wrapper .side .cate li { font-size: 14px; line-height: 1.7; padding-left: 10px; }
  #wrapper .side .cate li.icon-circle-right:before {
    content: "\ea42";
    color: #333333;
    padding-right: 5px;
  }
  #wrapper .side .cupramen li { padding-bottom: 12px; }
  #wrapper .side .cupramen li a { text-decoration: underline; font-size: 14px; }
  #wrapper .side .cupramen {}
  div.easyLink-box div.easyLink-img p.easyLink-img-box span > img { width: auto !important; }
  .pagen {
    clear: both;
    text-align: center;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }
  .pagen a { text-decoration: underline; padding-left: 4px; padding-right: 4px; }
  .pagen span { padding-left: 4px; padding-right: 4px; }
  
  footer { background-color: #FCF2F2; }
  footer ul.nav { width: 980px; margin: auto; padding-top: 8px; padding-bottom: 8px; line-height: 1.5; }
  footer ul.nav li { float: left; line-height: 1.6; }
  footer ul li::after { content: '＞'; font-size: 14px; padding-left: 4px; padding-right: 4px; }
  footer ul li:last-child::after { content: ''; }
  footer .copyright { clear: both; text-align: center; padding: 4px; font-size: 14px; background-color: #FF3E5F; }
  footer .copyright div { padding-bottom: 10px; }
  footer .copyright a { color:#333333; text-decoration: none; }
  
/* -------------------------------------------------------------- */
  
  body.book {}
  body.book .af { width: 90%; margin-left: auto; margin-right: auto; }
  body.book .b_amazon { text-align: center; width: 400px; margin-left: auto; margin-right: auto; margin-top: 10px; }
  body.book .b_amazon a { width: 100%; padding: 10px; background-color: #F3A322; color: #fff; display: block; border-radius: 6px; font-size: 14px; border: solid 2px #fff; }
  body.book .b_comic { width: 50%; float: left; height: 60px; }
  body.book .b_comic a { width: 95%; padding: 10px; text-align: center; background-color: #F3A322; color: #fff; display: block; border-radius: 6px; font-size: 14px;  border: solid 2px #fff;}
  body.book .b_unext { width: 50%; float: left; height: 60px; }
  body.book .b_unext a { width: 95%; padding: 10px; text-align: center; background-color: #3a3938; color: #fff; display: block; border-radius: 6px; font-size: 14px; border: solid 2px #fff; }
  body.book .b_zenkan { width: 50%; float: left; height: 60px; }
  body.book .b_zenkan a { width: 95%; padding: 10px; text-align: center; background-color: #1d9bf0; color: #fff; display: block; border-radius: 6px; font-size: 14px; border: solid 2px #fff; }
  body.book .b_itudemo { width: 50%; float: left; height: 60px; }
  body.book .b_itudemo a { width: 95%; padding: 10px; text-align: center; background-color: #7c3f17; color: #fff; display: block; border-radius: 6px; font-size: 14px; border: solid 2px #fff; }
  body.book .b_abema { width: 50%; float: left; height: 60px; }
  body.book .b_abema a { width: 95%; padding: 10px; text-align: center; background-color: #2b9b34; color: #fff; display: block; border-radius: 6px; font-size: 14px;  border: solid 2px #fff;}
  body.book .b_sukima { width: 50%; float: left; height: 60px; }
  body.book .b_sukima a { width: 95%; padding: 10px; text-align: center; background-color: #c53e2c; color: #fff; display: block; border-radius: 6px; font-size: 14px; border: solid 2px #fff; }
  body.book .b_houdai { width: 50%; float: left; height: 60px; }
  body.book .b_houdai a { width: 95%; padding: 10px; text-align: center; background-color: #e5dc3f; color: #2e2c2d; display: block; border-radius: 6px; font-size: 14px; border: solid 2px #fff; }
  body.book .b_kindle { width: 50%; float: left; height: 60px; }
  body.book .b_kindle a { width: 95%; padding: 10px; text-align: center; background-color: #3a3938; color: #F3A322; display: block; border-radius: 6px; font-size: 14px; border: solid 2px #fff; }
  body.book .side .card {}
  body.book .side .card a { background-color: #fff; border-radius: 10px; display: block; padding: 10px; margin-bottom: 10px; }
  body.book .side .card h5 { font-size: 14px; }
  body.book .side .card p { text-align: right; font-size: 12px; }
  body.book .side h3.akasatana { margin-top: 20px; }
  body.book .side ul.akasatana li { float: left; padding: 8px 15px; font-size: 20px; }
  body.book .side ul.akasatana li:nth-child(5n+1) { clear: both; }
}