@charset "utf-8";

/*
Theme Name: Original Theme
Theme URI: 
Description: .
*/

/* 基本設定 ---------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  list-style: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
header, footer, nav, section, article, aside, h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, table, th, td, a,li { box-sizing: border-box;}

body {
  text-align: center;
  font-size: 100%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.7;
  color: #333333;
  letter-spacing: 0.1em;
}

a {
  color: #50738a;
}
a:hover {
  text-decoration: none;
}

img {
  border: none;
  vertical-align: middle;
  max-width: 100%;
}
img {
  width: auto;
  height: auto;
}

.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}

.rightText {
  text-align: right;
}
.w500 {
  width: 500px;
}
.ittext {
  font-style: italic;
}
.jpittext {
  font-family: "MS Pゴシック";
  font-style: italic;
}
.attentionWords {
  display: inline-block;
  padding: 0 0 0;
  border-bottom: 1px solid #666;
  line-height: 1;
}
.smalltext {
  font-size: 75%;
}
.textBold {
  font-weight: bold;
}
.superBig {
  display: inline-block;
  font-size: 180%;
}
.semiBig {
  display: inline-block;
  font-size: 150%;
  margin-right: 0.4rem;
}

/* 上下マージン */
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt60 {
  margin-top: 60px;
}
.mt80 {
  margin-top: 80px;
}

.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 800px) {
  .mb40 { margin-bottom: 20px;}
}

.mb60 {
  margin-bottom: 60px;
}
.mb80 {
  margin-bottom: 80px;
}

.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt60 {
  padding-top: 60px;
}
.pt80 {
  padding-top: 80px;
}

.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb60 {
  padding-bottom: 60px;
}
.pb80 {
  padding-bottom: 80px;
}

.pa19 {
  padding: 19px;
}

.stripe {
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px;
  background-color: #f9f9f9;
  background-image: -webkit-gradient(
    linear,
    0 100%,
    100% 0,
    color-stop(0.25, #efefef),
    color-stop(0.25, transparent),
    color-stop(0.5, transparent),
    color-stop(0.5, #efefef),
    color-stop(0.75, #efefef),
    color-stop(0.75, transparent),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    45deg,
    #efefef 25%,
    transparent 25%,
    transparent 50%,
    #efefef 50%,
    #efefef 75%,
    transparent 75%,
    transparent
  );
  background-image: -moz-linear-gradient(
    45deg,
    #efefef 25%,
    transparent 25%,
    transparent 50%,
    #efefef 50%,
    #efefef 75%,
    transparent 75%,
    transparent
  );
  background-image: -ms-linear-gradient(
    45deg,
    #efefef 25%,
    transparent 25%,
    transparent 50%,
    #efefef 50%,
    #efefef 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    #efefef 25%,
    transparent 25%,
    transparent 50%,
    #efefef 50%,
    #efefef 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #efefef 25%,
    transparent 25%,
    transparent 50%,
    #efefef 50%,
    #efefef 75%,
    transparent 75%,
    transparent
  );
}
.comingSoon {
  text-align: center;
  padding: 59px 0;
  font-size: 120%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

header {
  max-width: 960px;
  width:100%;
  height: 100px;
  margin: 0 auto;
  position: relative;
}
header h1 {
  position: absolute;
  top: 40px;
  left: 30px;
}
header h1 img {
  width: 120px;
  height: auto;
}
header nav ul {
  position: absolute;
  top: 50px;
  right: 30px;
}
header nav ul li {
  display: inline-block;
  margin-left: 50px;
  position: relative;
}
header nav ul li a {
  color: #000;
  text-decoration: none;
  font-size: 90%;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}
header nav ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #666;

  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);

  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  -ms-transition: all 0s;
}
header nav ul li a:hover:after {
  -webkit-transform: scaleX(1.5);
  -moz-transform: scaleX(1.5);
  -o-transform: scaleX(1.5);
  -ms-transform: scaleX(1.5);

  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  -ms-transition: all 0s;
}
header nav ul li a.current:after {
  -webkit-transform: scaleX(1.5);
  -moz-transform: scaleX(1.5);
  -o-transform: scaleX(1.5);
  -ms-transform: scaleX(1.5);
}

header nav ul li#twitterBtn a:hover:after {
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
}

@media only screen and (max-width: 800px) {
  header {}
  header h1 { top:1rem; left:1rem;}
  header h1 img { width: 80px;}
  header nav ul { position: fixed; top:0; right:0; padding:4rem 0; width:100%; height:100%; background:rgba(255, 255, 255, 0.99); z-index:9999; transform:translate(0,-120%); transition: all .5s;}
  header nav ul.onNav{ transform:translate(0,0);}
  header nav ul li { display: block; margin:2rem auto;}
  header nav ul li a:hover:after { max-width:40px; left:50%; transform: translate(-50%,0) scaleX(1.5);}
  header nav ul li a.current:after { max-width:40px; left:50%; transform: translate(-50%,0) scaleX(1.5);}
}

#newIcon {
  position: absolute;
  top: -28px;
  left: 10px;
  width: 54px;
}
#newIconBlog {
  position: absolute;
  top: -28px;
  left: -10px;
  width: 54px;
}
#newIconBook {
  position: absolute;
  top: -28px;
  left: -6px;
  width: 54px;
}

#contentWrapper {
  margin: 40px auto 80px;
  max-width: 960px;
  width:100%;
  font-family: "メイリオ", Meiryo, Verdana, "MS Pゴシック", "MS PGothic", Arial,
    Helvetica, sans-serif;
}

.borderBox {
  border: 1px solid #cccccc;
  padding: 19px;
  position: relative;
  text-align: left;
  margin: 40px auto;
  background: #fff;
}
.borderBox.mb20 { margin-bottom:20px;}

.dateText {
  font-size: 75%;
}
.borderBox h2 {
  font-size: 120%;
  margin: 0 0 40px 0;
}
.eyeCatchImg {
  float: left;
  width: 300px;
}

.borderDottedBox {
  border: 1px solid #cccccc;
  border: none;
  position: relative;
  text-align: left;
  margin: 40px auto;
  background: #fff;
}
.borderDottedBox .magazineTitle--ver2 {
  margin-top: 0;
}
.borderDottedPrimary50 {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-right: 1px dotted #cccccc;
}
.borderDottedSecondary50 {
  float: right;
  width: 50%;
}

.borderDottedPrimary720 {
  float: left;
  width: 719px;
  box-sizing: border-box;
  position: relative;
  box-sizing: border-box;
}
.borderDottedSecondary240 {
  float: right;
  width: 239px;
  box-sizing: border-box;
  border-left: 1px dotted #cccccc;
  box-sizing: border-box;
}

.borderBoxMt20 {
  border: 1px solid #cccccc;
  padding: 19px;
  position: relative;
  text-align: left;
  margin: -20px auto 40px;
  background: #fff;
}

.iconOnly {
  position: absolute;
  top: 10px;
  right: 10px;
}
.photoIconImg {
  max-width: 100px;
  height: auto;
}
.iconBase {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  line-height: 70px;
  text-align: center;
  letter-spacing: 0.1em;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;

  /* box-shadow */
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
}
.iconBase img {
  width: 50%;
  width: 70%;
  height: auto;
}

.iconNewsBg {
  background: #50738a;
  font-size: 75%;
}
.iconBookBg {
  background: #e60012;
  font-size: 100%;
}
.iconBlogBg {
  background: #c8b800;
  font-size: 100%;
}

.notesBase {
  position: absolute;
  top: 100px;
  right: 20px;
}
.notesBase.more {
  top: 160px;
}
.notesBase a {
  transition: all 0.5s ease;
}
.notesBase a:hover {
  opacity: 0.75;
}
@media only screen and (max-width: 800px) {
  .borderBox { margin:0 auto 40px;}
  .notesBase { position:static; margin-bottom:1rem;}

  .borderDottedPrimary720 { float: none; width:100%; height:auto!important;}
  .borderDottedSecondary240 { float: none; width:100%;border-left:none; border-top: 1px dotted #cccccc; height:auto!important;}

  #newIcon {left:50%; transform: translate(-50%,0);}
}

.otherInfo {
  position: absolute;
  top: 80px;
  right: 20px;
}

@media screen and (max-width : 800px) {
  #contentWrapper { margin:0 auto 0;}
  .otherInfo { position:static; padding-top:1rem;}
}

.otherInfo.top60 {
  top: 60px;
}
.otherInfo.top100 {
  top: 100px;
}
.otherInfo.ex {
  text-align: right;
  top: 40px;
}

.otherInfo.ex ul {
  margin-bottom: 10px;
}
.otherInfo ul li {
  display: inline-block;
  width: 80px;
  margin-left: 10px;
}
.otherInfo a {
  transition: all 0.5s ease;
}
.otherInfo a:hover {
  opacity: 0.75;
}
.noteNowHotoJapan {
  width: 150px;
}
@media screen and (max-width : 800px) {
  .otherInfo.ex { text-align:left;}
  .otherInfo ul li { margin-left:0;}
  .noteNowHotoJapan {margin-top: 1rem;}
}

.doubleDash {
  display: inline-block;
  width: 2em;
  position: relative;
  height: 1em;
  margin: 0 0.2rem;
}
.doubleDash:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #333;
}

h2.topTitle {
  font-size: 100%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: left;
  margin: 0 0 -40px 20px;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

#newsWrapper h2,
#bookWrapper h2,
#blogWrapper h2,
#magazineWrapper h2 {
  font-size: 140%;
  margin-bottom: -20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#newsWrapper h3 {
  font-size: 120%;
  margin-bottom: 10px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.twoColumn {
}
.twoColumnPrimaryBook {
  float: left;
  width: 300px;
}
.twoColumnSecondaryBook {
  float: right;
  width: 620px;
  position: relative;
}

@media only screen and (max-width: 800px) {
  .twoColumnPrimaryBook { float: none; width: 100%;}
  .twoColumnSecondaryBook { float:none; width:100%; position: static; margin-top:40px;}

  #newsWrapper h2,
  #bookWrapper h2,
  #blogWrapper h2,
  #magazineWrapper h2 { margin-bottom: 1rem;}
}

.defaultBtn {
  display: block;
  line-height: 1px;
  color: #fff;
  padding: 20px 20px 17px;
  text-decoration: none;
  font-size: 85%;
  background-size:1rem!important;
}
.defaultBtn:hover {background-size:1rem!important;}
.defaultBtnBgRed {
  background: #e60012 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgRed:hover {
  background: #a4000d url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgGreen {
  background: #05a053 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgGreen:hover {
  background: #04743c url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgGreen2 {
  background: #2ba739 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgGreen2:hover {
  background: #1f7829 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgBlack {
  background: #000 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgBlack:hover {
  background: #333 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgPurple {
  background: #827ebb url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgPurple:hover {
  background: #63608f url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgSkyblue {
  background: #71a8cd url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgSkyblue:hover {
  background: #538bb0 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgGray {
  background: #454140 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgGray:hover {
  background: #222220 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgBrown {
  background: #73574a url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgBrown:hover {
  background: #594339 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgBrownVer2 {
  background: #aa7737 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgBrownVer2:hover {
  background: #684922 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgBrownVer3 {
  background: #654037 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgBrownVer3:hover {
  background: #4d312a url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgRedVer2 {
  background: #c8002f url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgRedVer2:hover {
  background: #990024 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgOrange {
  background: #e8390e url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgOrange:hover {
  background: #be2f0b url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgBlue {
  background: #5a86c5 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgBlue:hover {
  background: #4e74aa url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgRedVer3 {
  background: #d1131d url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgRedVer3:hover {
  background: #b81119 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgOrangeVer2 {
  background: #ee7a00 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgOrangeVer2:hover {
  background: #ba5f00 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBgBlueVer2 {
  background: #4c8ecb url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBgBlueVer2:hover {
  background: #3a6c9a url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnIzumi20211101 {
  background: #eb5522 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnIzumi20211101:hover {
  background: hsl(15, 83%, 43%) url(img/icon/btn_arrow.png) right center
    no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnTsujiya20211223 {
  background: #9c686c url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnTsujiya20211223:hover {
  background: hsl(355, 21%, 41%) url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnBouzu20220614 {
  background: #d96262 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtnBouzu20220614:hover {
  background:hsl(0, 61%, 42%) url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnGi20230128{
  background: #de465b url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtnGi20230128:hover{
  background: hsl(352, 70%, 37%) url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtn20230616{
  background: #ec7aad url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtn20230616:hover{
  background:hsl(333, 75%, 60%) url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtn20240217{
  background: #eb6170 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtn20240217:hover{
  background:hsl(353, 78%, 55%) url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.defaultBtn20250323{
  background: #7bbf58 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtn20250323:hover{
  background:hsl(100, 45%, 45%) url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtn20251202{
  background: #02b1c2 url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.defaultBtn20251202:hover{
  background:hsl(185, 98%, 28%) url(img/icon/btn_arrow_ver2.png) right 1rem center no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}



#topNews {
  font-size: 75%;
}
#topNews dt {
  font-size: 0.8rem;
}
#topNews dt span {
  font-size: 120%;
}
#topNews dd {
  margin-bottom: 20px;
  line-height: 1.6;
}
#topNews dd:last-child {
  margin-bottom: 0;
}

.authorPhotoName dt {
  clear: both;
  float: left;
  width: 170px;
  margin-bottom: 20px;
}
.authorPhotoName dd {
  margin-left: 170px;
  font-size: 140%;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.bookTitle {
  font-size: 180%;
  line-height: 1.5;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.bookTitle span {
  font-size: 65%;
}

.bookTitleBig {
  font-size: 200%;
  line-height: 1.5;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.bookTitleBig span {
  font-size: 65%;
}

#bookWrapper h2.bookTitleBig {
  font-size: 200%;
  line-height: 1.5;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom:40px;
}
#bookWrapper h2.bookTitleBig span {
  font-size: 65%;
}

@media only screen and (max-width: 800px) {
#bookWrapper{max-width:calc(375px - 2rem); width: 100%; margin: 0 auto;}
#bookWrapper .borderBox{ margin:0 auto 40px;}
.bookTitleBig { font-size: 160%!important;}
.bookTitleBig span { font-size: 65%;}

#bookWrapper h2.bookTitleBig { font-size: 160%; margin-bottom:20px;}

}

.authorText {
  font-size: 100%;
}
.authorTextBig {
  font-size: 120%;
}

.detailText {
  font-size: 75%;
}
.detailTextBig {
  font-size: 85%;
}
.detailTextBold {
  font-weight: bold;
}

.commentText {
  font-size: 120%;
  line-height: 1.5;
  margin: 40px 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.commentTextSmall {
  font-size: 110%;
  line-height: 1.5;
  margin: 40px 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.commentTextSmallType2 {
  font-size: 105%;
  line-height: 1.5;
  margin: 40px 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#marginLeftComment1 {
  display: block;
  margin-left: 200px;
}
@media only screen and (max-width: 800px) {
  .commentTextSmall { margin:20px 0;}
  .commentTextSmallType2 { margin:20px 0;}
  #marginLeftComment1 { margin-left: 0; display: inline;}
}

.authorSmallTitle {
  font-size: 100%;
  line-height: 1.5;
  margin: 40px 0 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.authorTitle {
  font-size: 120%;
  line-height: 1.5;
  margin: 40px 0 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
dl.authorInfo dt {
  font-weight: bold;
  font-size: 70%;
}
dl.authorInfo dd {
  margin-bottom: 20px;
  font-size: 70%;
}

#blogWrapper {
  margin: 40px auto 80px;
  font-family: "メイリオ", Meiryo, Verdana, "MS Pゴシック", "MS PGothic", Arial,
    Helvetica, sans-serif;
}
#blogContentBg {
  background: #e4e8eb;
}
#blogContent {
  max-width: 960px;
  width:100%;
  margin: 39px auto 0;
  padding: 1px 0;
  word-break: normal;
}
#blogContent p {
  margin: 0 0 20px;
}
.ruby {
  position: relative;
}
.ruby:after {
  position: absolute;
  content: "・";
  top: -0.9rem;
  left: 0;
}
#wani {
  position: relative;
}
#wani:after {
  position: absolute;
  content: "わに";
  top: -0.9rem;
  left: -0.2rem;
  font-size: 10px;
  width: 2rem;
}

#aboutusWrapper h2,
#contactWrapper h2,
#privacyWrapper h2 {
  margin: 0 0 20px -42px;
}

.minitable {
  width: 50%;
  font-size: 75%;
  text-align: left;
  margin: 0 auto;
}
.minitable th,
.minitable td {
  padding: 10px;
  vertical-align: top;
}
.minitable th {
  width: 30%;
}

#aboutusWrapper--ver2 {
  text-align: left;
  width: 50%;
  margin: 4rem auto 0;
}
#aboutusWrapper--ver2 p {
  font-size: 75%;
  margin: 1rem 0;
}
#aboutusWrapper--ver2 ul li {
  font-size: 75%;
  display: inline-block;
  margin: 0 1rem 0 0;
}

#contactName {
  width: 70%;
  border: 1px solid #999;
  padding: 5px 10px 5px;
  text-align: left;
}
#contactEmail {
  width: 70%;
  border: 1px solid #999;
  padding: 5px 10px 5px;
  text-align: left;
}
#contactContent {
  height: 150px;
  width: 70%;
  border: 1px solid #999;
  padding: 10px;
  text-align: left;
}
.contactSubmitBtn {
  padding: 10px 20px;
}

#privacyWrapper {
  width: 960px;
  margin: 0 auto;
}
#privacyWrapper h3 {
  margin: 0 0 20px;
  font-weight: bold;
  text-align: left;
  font-size: 85%;
}
#privacyWrapper p {
  margin: 0 0 20px;
  text-align: left;
  font-size: 75%;
}
#privacyWrapper ul {
  margin: 20px 20px 40px;
  font-size: 75%;
  text-align: left;
}
#privacyWrapper ul li {
  list-style: disc;
  list-style-position: outside;
}

footer {
  max-width: 960px;
  width:100%;
  height: 60px;
  margin: 0 auto;
  position: relative;
  border-top: 1px solid #666;
  font-family: "メイリオ", Meiryo, Verdana, "MS Pゴシック", "MS PGothic", Arial,
    Helvetica, sans-serif;
}

footer nav ul {
  position: absolute;
  top: 0;
  left: 0;
}
footer nav ul li {
  display: inline-block;
  margin-right: 20px;
}

footer nav ul li a {
  color: #000;
  text-decoration: none;
  font-size: 70%;
  line-height: 1;
}
#copyright {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 70%;
  line-height: 1;
}

@media only screen and (max-width: 800px) {
  footer { height:auto;}
  footer nav ul {position: static;}
  footer nav ul li { margin:0 10px;}
  #copyright { position: static; margin:1rem auto; letter-spacing:0;}

  #blogContent {margin:0 auto 0;}
  #blogWrapper {margin:0 auto 40px;}
}

.attention {
  display: inline-block;
  background: #fffce5;
  line-height: 1;
  padding: 5px 10px;
  margin: 0 5px 0 0;
}
.attentionBig {
  display: inline-block;
  background: #fffce5;
  line-height: 1;
  padding: 20px 20px;
  margin: 10px 0 0 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.attentionBox {
  display: inline-block;
  background: #fffce5;
  line-height: 1.7;
  padding: 5px 10px;
  margin: 1rem 0;
}

#blogSingleTitle {
  margin: 20px 0;
  font-size: 120%;
}
#blogSingleTitle span {
  font-weight: bold;
}
.indexBlogList li {
  line-height: 1.5;
  font-size: 85%;
  margin-bottom: 5px;
}

.indexBlogList li ul.language-chooser-image {
  display: inline-block;
}
.indexBlogList li ul.language-chooser-image li {
  display: inline-block;
  width: 30px;
}

.sidebarList li {
  line-height: 1.5;
  font-size: 85%;
  margin-bottom: 20px;
}
.sidebarList li a {
}

.uptime {
  background: url(img/time.png) 0 center no-repeat;
  padding: 2px 0 2px 24px;
  font-size: 85%;
  line-height: 1;
}
ul#qtranslate-chooser {
}
ul#qtranslate-chooser li {
  margin-left: 20px;
  display: inline-block;
  line-height: 1;
}
ul#qtranslate-chooser li a {
  padding: 0 0 5px 25px;
  text-decoration: none;
  font-size: 75%;
}
ul#qtranslate-chooser li a:hover {
  text-decoration: underline;
}

#langSelect {
  text-align: right;
  position: absolute;
  top: 200px;
  right: 20px;
  z-index: 300;
}

.imgFloatRight {
  float: right;
  width: 240px;
  margin: 0 0 20px 20px;
}
.imgFloatLeft {
  float: left;
  width: 240px;
  margin: 0 20px 20px 0;
}

/* ページネーション */
#pagenationWrapper {
  position: relative;
  text-align: center;
  letter-spacing: 0;
}
#pagenation {
  margin-top: 40px;
  margin-bottom: 20px;
}
#pagenation a#toPageBackOne {
  padding: 10px 15px;
  color: #fff;
  background: none;
  color: #50738a;
  background: #ebf1f4;
}
#pagenation a#toPageBackOne:hover {
  background: #50738a;
  color: #fff;
}
#pagenation a {
  border: 1px solid #50738a;
  background: #ebf1f4;
  padding: 9px 14px;
  color: #50738a;
  text-decoration: none;
}
#pagenation a:hover {
  background: #50738a;
  color: #fff;
}
#pagenation span {
  border: 1px solid #50738a;
  padding: 9px 14px;
  color: #50738a;
  background: #fff;
}

#pagenationBack {
  position: absolute;
  top: 0;
  left: 0;
}
#pagenationBack a {
  border: 1px solid #50738a;
  background: #ebf1f4;
  padding: 9px 14px;
  color: #50738a;
  text-decoration: none;
}
#pagenationBack a:hover {
  background: #50738a;
  color: #fff;
}
#pagenationNext {
  position: absolute;
  top: 0;
  right: 0;
}
#pagenationNext a {
  border: 1px solid #50738a;
  background: #ebf1f4;
  padding: 9px 14px;
  color: #50738a;
  text-decoration: none;
}
#pagenationNext a:hover {
  background: #50738a;
  color: #fff;
}

span.listTitle {
  display: inline-block;
  font-weight: bold;
}

ul.listSentence li {
  margin-bottom: 20px;
}

#detailWrapper h2 {
  margin-bottom: 40px;
}
#detailWrapper p {
  margin-bottom: 40px;
}
#detailWrapper h3 {
  margin-bottom: 20px;
  font-weight: bold;
}
.baseTable {
  font-size: 85%;
  margin-bottom: 40px;
}
.baseTable tr > th {
  padding: 20px 0;
  text-align: center;
  width: 10%;
  vertical-align: top;
}
.baseTable tr > td {
  padding: 0 20px;
  vertical-align: top;
}

.exTable {
  width: 100%;
}
.exTable tr > th {
  padding: 20px 0 20px 40px;
  text-align: left;
  width: 25%;
  vertical-align: top;
}
.exTable tr > td {
  padding: 20px 20px;
  vertical-align: top;
}

.exTable tr > th:nth-of-type(2n + 1) {
  background: #fff;
  border-bottom: 1px solid #efefef;
}
.exTable tr > td:nth-of-type(2n + 1) {
  background: #fff;
  border-bottom: 1px solid #efefef;
}

#ver2sidebar {
  float: left;
  max-width: 280px;
  width:100%;
}

@media screen and (max-width : 800px) {
  #ver2sidebar { float: none; margin:4rem auto 0;}
}


#ver2sidebar dl#topNews dd a {
  font-size: 11px;
}
#ver2sidebar dl#topNews dt span {
  display: block;
  font-size: 12px;
}

.ver2blogVol {
  display: block;
  font-size: 11px;
}
#ver2sidebar .indexBlogList {
  font-size: 14px;
  margin-top: 100px;
}
#ver2sidebar .indexBlogList .language-chooser-image {
  margin-left: 10px;
}

#ver2buatsuiSoupBg {
  background: url(img/blog/colin_buatsuisoup280.png) 0 0 no-repeat;
}

#ver2mainContent {
  float: right;
  width: 640px;
}

#ver2mainContent .twoColumnPrimaryBook {
  float: left;
  width: 150px;
}
#ver2mainContent .twoColumnSecondaryBook {
  float: right;
  width: 410px;
}

@media screen and (max-width : 800px) {
  #ver2mainContent { float:none; max-width:calc(260px + 2rem); width:100%; margin:0 auto;}
  #ver2mainContent .twoColumnPrimaryBook { float: none; width: auto;}
  #ver2mainContent .twoColumnSecondaryBook { float: none; width: auto; margin-top:2rem;}
}


.w410 {
  width: 410px;
}
.w205 {
  width: 205px;
}
.w240 {
  width: 240px;
}

.w250 {
  width: 250px;
}
#ver2mainContent .notesBase {
  position: absolute;
  top: 120px;
  right: 20px;
}

@media only screen and (max-width: 800px) {
  .w240 { max-width:260px; width:100%;}
  #ver2mainContent .notesBase { position: static; padding-top:1rem;}
}

#ver2mainContent .bookTitle {
  font-size: 140%;font-size: 132%;
  line-height: 1.5;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#ver2mainContent .bookTitle span {
  font-size: 65%;
}

.ver2listBorderBox {
  border: 1px solid #cccccc;
  padding: 19px;
  position: relative;
  text-align: left;
  margin: 20px auto;
  background: #fff;
}
.ver2blogBannerBtn {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.ver2blogBannerBtn:hover {
  background: rgba(0, 0, 0, 0.2);
}

.ver2MideumWidth {
  max-width: 720px;
  width:100%;
  margin: 0 auto;
}
.ver2smallWidth {
  width: 480px;
  margin: 0 auto;
}

.ver2MideumWidth .twoColumnPrimaryBook {
  float: left;
  width: 200px;
}
.ver2MideumWidth .twoColumnSecondaryBook {
  float: right;
  width: 440px;
}
.ver2MideumWidth p {
  font-size: 12px;
}
.ver2MideumWidth p.bigText {
  font-size: 100%;
}
.ver2MideumWidth img {
  height: auto;
}

.upBtn {
  position: relative;
  top: -40px;
  left: 50%;
  width: 60px;
  height: auto;
  margin-left: -30px;
  margin-bottom: -40px;
}

.bookSubTwoColumn {
  width: 260px;
}

.bookCover {
  width: 260px;
  height: auto;
}

.subInfo {
  margin-top: 40px;
}

@media only screen and (max-width: 800px) {
  .bookCover { width:100%;}
  .subInfo {margin-top:20px; text-align: left;}
  .ver2MideumWidth {max-width: calc(375px - 2rem);}
  .ver2MideumWidth .twoColumnPrimaryBook {float:none; width: 100%;}
  .ver2MideumWidth .twoColumnSecondaryBook {float: none; width: 100%; margin-top:20px;}

  .ver2listBorderBox {margin: 20px auto!important;}
}

.subInfo.addBorder {
  border:1px solid #cccccc;
  padding:1rem 1rem 0;
  margin-bottom:20px;
}

.titleSetMargin{margin-left:1em;}

h4.baseSubTitle {
  margin: 0 0 1rem;
  font-size: 100%;
  line-height: 1.5;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
ul.baseIndexList {
  margin: 0 0 1rem;
  font-size: 75%;
}
ul.baseIndexList li {
  margin-bottom: 0.2rem;
}
ul.baseIndexList li.leftSpace {
  margin-left: 1.7rem;
}
ul.baseIndexList li span {
  line-height: 1;
  padding: 0.4rem 0.5rem 0.3rem;
  border: 1px solid #999;
  display: inline-block;
  margin: 0.2rem 0 0.5rem;
}

ol.baseIndexList {
  margin: 0 0 1rem;
  font-size: 75%;
}
ol.baseIndexList li {
  margin-bottom: 0.2rem;
}
ol.baseIndexList li span {
  padding-right: 1rem;
  display: inline-block;
}
ol.baseIndexList li span.addLetterSpacing:first-letter {
  padding-right: 1.2em;
}

ol.baseIndexList.marginM li {
  margin-bottom: 1rem;
}

ol.baseIndexList.marginNone li {
  margin-bottom:0;
}

ol.numIndexList {
  margin: 0 0 1rem 1.4em;
  font-size: 75%;
}
ol.numIndexList > li{ list-style-position: outside; margin:0 0 1em 1.4em; list-style-type: decimal-leading-zero;}
ol.numIndexList > li span{ color:#999;}

.subInfo__left {
  float: left;
  width: 40%;
}
.subInfo__right {
  float: right;
  width: 55%;
}

.subInfo__left h4 {
  margin: 0 0 1rem;
  font-size: 100%;
  line-height: 1.5;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.subInfo__left ul {
  margin: 0 0 1rem;
  font-size: 75%;
}

.subInfo__right h4 {
  margin: 0 0 1rem;
  font-size: 100%;
  line-height: 1.5;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.subInfo__right h5 {
  font-weight: bold;
  margin: 0 0 1rem;
  font-size: 75%;
}
.subInfo__right ol {
  margin: 0 0.5rem 1rem;
  font-size: 75%;
}

.subInfo.izumi20211101 {
  margin-top: 0;
}
.subInfo.izumi20211101 > a {
  display: inline-block;
  width: 50%;
}

.subInfo.twoColumn {
  margin-top: 0;
  text-align:right;
}
@media only screen and (max-width: 800px) {
  .subInfo.twoColumn {text-align:left;}
}
.subInfo.twoColumn > a {
  display: inline-block;
  width: 50%;
}

.furigana {
  position: relative;
}
.furigana--star {
  position: absolute;
  top: -0.9rem;
  font-size: 10px;
  font-weight: normal;
  left: -0.3rem;
}

.toColinSan {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 80%;
  margin: 1rem 0;
  text-align: center;
  background: #c8002f;
  max-width: 260px;
  padding: 0.8rem 0;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.toColinSan:hover {
  background: #b00029;
}
.toColinSan:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url(img/icon/mail.png) center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.minchoBigTitle {
  font-size: 1.5rem;
  line-height: 1.7;
  margin: 1rem 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.minchoBigTitle strong {
  font-size: 3rem;
}
.thumbIconSize {
  width: 160px;
  height: 160px;
}
.bookNotesTitle {
  font-weight: normal !important;
  font-size: 1.2rem;
  margin-top: 1rem;
}

#noteWrapper {
  border-top: 1px dotted #ccc;
  padding-top: 2rem;
  margin-top: 2rem;
}

.bookPhotoList li p {
  margin: 1rem 0 2rem;
  text-align: center;
  font-size: 1.5rem;
}
.bookPhotoList2 {
  width: 100%;
}
.bookPhotoList2 li {
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
}
.bookPhotoList2 li img {
  max-height: 300px;
  height: auto;
  width: auto;
}
.bookPhotoList2 li img.size--s {
  max-height: 240px;
  height: auto;
  width: auto;
}
.bookPhotoList2 li img:hover {
  opacity: 0.8;
}

.bookPhotoList3 {
  width: 100%;
  margin: 1rem 10px 0;
}
.bookPhotoList3 li {
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.bookPhotoList3 li img {
  max-height: 100px;
  height: auto;
  width: auto;
}

.fontsize1-5rem {
  font-size: 1.5rem;
}

#detailWrapper .noteBlock {
  margin-bottom: 4rem;
}
#detailWrapper .noteBlock p {
  margin: 1rem 0.5rem 0.5rem;
  font-size: 1.2rem;
  display: inline-block;
  position: relative;
}
#detailWrapper .noteBlock p span {
  background: #ee7a00;
  color: #fff;
  padding: 0.2rem 0.8rem;
  border-radius: 5px;
  line-height: 1;
}
#detailWrapper .noteBlock p span.omake {
  background: #fff;
  color: #ee7a00;
  border: 1px solid #ee7a00;
  padding: 0.2rem 0.8rem;
  border-radius: 5px;
  line-height: 1;
}
#detailWrapper .noteBlock p span.update {
  background: #fff;
  color: #ee7a00;
  padding: 0.2rem 0.8rem;
  border-radius: 0;
  line-height: 1;
  border: 1px solid #ee7a00;
  font-size: 0.8rem;
}
#detailWrapper .noteBlock p.caption {
  font-size: 1rem;
  color: #333;
}

#creditWrapper {
  background: #eee;
  padding: 1rem 1rem 1rem;
}
#creditWrapper p {
  margin-bottom: 0 !important;
}

.imageInfo {
  text-align: center;
  margin: 0.5rem auto 0;
}

#magazineWrapper {
  margin: 40px auto 80px;
  font-family: "メイリオ", Meiryo, Verdana, "MS Pゴシック", "MS PGothic", Arial,
    Helvetica, sans-serif;
}
#magazineContentBg {
  background: #f7f7f7;
}
#magazineContent {
  max-width: 960px;
  width:100%;
  margin: 39px auto 0;
  padding: 1px 0;
  word-break: normal;
}
#magazineContent p {
  margin: 0 0 20px;
}
#magazineContent p.illust {
  margin: 5px 0 0;
  font-size: 0.75rem;
}

.magazineTitleImage {
  margin: 2rem auto 0;
}

.magazineTitle--ver2 {
  margin: 2rem auto 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fff;
}
.magazineTitle--ver2.bb1 {
  border-bottom: 1px solid #ccc;
}

.magazineImage--ver2 {
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  padding: 0 0 0 2rem;
}
.magazineLead--ver2 {
  display: table-cell;
  vertical-align: middle;
  font-size: 1rem;
  padding: 2rem 0 2rem 2rem;
  text-align: left;
}
.magazineLead--ver2.pr2rem { padding-right:2rem;}
@media only screen and (max-width: 800px) {
  #magazineWrapper {margin:0 auto 40px;}
  #magazineContentBg{ padding:0 1rem;}
  #magazineContent { margin:1rem auto 0;}

  .magazineTitle--ver2 { margin: 2rem auto 0; display:block;}
  .magazineImage--ver2 {display:block; width: 100%; padding: 0;}
  .magazineLead--ver2 {display: block; width: 100%; padding: 1rem;}

  .magazineLead--ver2.pr2rem { padding-right:1rem;}
}

.magazineLead--ver2 h3#sakana100Title {
  font-size: 2.4rem;
  font-family: "ゴシックMB101 B","ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif; font-weight: bold;
  background: url(svg/icon_gun.svg) right center no-repeat;
  background-size: 3.6rem;
  padding-right: 4.6rem;
  display: inline-block;
}
.magazineLead--ver2 h3#yose2shinTitle {
  font-size: 2.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 10px;
}
.magazineLead--ver2 h3#colinoyceTitle {
  font-size: 2.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 10px;
}
.magazineLead--ver2 h3#sakana2Title {
  font-size: 2.4rem;
  font-family: "ゴシックMB101 B","ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
  font-weight: bold;
  margin-bottom: 10px;
}
.magazineLead--ver2 h3#sakana2Title span{ display:inline-block; padding:0 0 0 1.4em; font-size:1rem; line-height:2.4; position:relative; top:-0.4em;font-family: "メイリオ", Meiryo, Verdana, "MS Pゴシック", "MS PGothic", Arial,
  Helvetica, sans-serif;font-weight: bold;}

@media only screen and (max-width: 800px) {
  .magazineLead--ver2 h3#sakana100Title {
    font-size:1.6rem;
    background-size: 2.6rem;
    padding-right: 3.6rem;
  }
  .magazineLead--ver2 h3#yose2shinTitle {
    font-size:1.6rem;
    margin-bottom: 10px;
  }
  .magazineLead--ver2 h3#colinoyceTitle {
    font-size:1.6rem;
    margin-bottom: 10px;
  }
  .magazineLead--ver2 h3#sakana2Title {
    font-size:1.6rem;
    margin-bottom: 10px;
  }

  #magazineContent p {
   font-size:0.8rem;
  }
}


.magazineLead--ver2 > p {
  font-size: 1rem;
  margin-bottom: 0 !important;
}
.magazineLead--ver2 > p.author {
  font-size: 1rem;
  margin: 0 0 1rem !important;
}
.magazineLead--ver2 > p.author.mt-10px {
  margin-top:-10px !important;
}
.magazineLead--ver2 > p.author span.author--en{ display:inline-block; padding-left:1rem;}
.magazineLead--ver2 > p.author span.author--en::before{ content:"/　";}
.magazineLead--ver2 a {
  text-decoration: none !important;
}
.magazineLead--ver2 a h3 {
  color: #333;
}
.magazineLead--ver2 > p.link a {
  margin-top: 1rem;
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.5rem 2rem;
  text-align: center;
  background: #eee;
  text-decoration: none;
  color: #333;
}
.magazineLead--ver2 > p.link a:hover {
  background: #ccc;
}

#magazineContent p#magazineLead {
  margin: 2rem auto 0;
}
#magazineContent p#magazineLead span {
  font-weight: bold;
}

#magazineList li {
  padding: 2rem;
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}
#magazineList li > a > img {
  margin: 0 auto;
}
.magazineListAuthor {
  font-size: 1rem;
  font-weight: bold;
  margin: 1rem auto;
}
.magazineListAuthor span {
  display: inline-block;
  margin: 0 0 0 1rem;
  font-size: 0.8rem;
}

.magazineAutherWrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 2rem 0 0;
}
.magazineAutherWrapper.lower {
  margin: 2rem 0;
  padding: 2rem 2rem 2rem;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
}
.magazineAutherWrapper.single {
  margin: 4rem 0 0;
  padding: 0;
  box-sizing: border-box;
  text-align: left;
}
.magazineAutherPhoto {
  display: table-cell;
  width: 20%;
  vertical-align: top;
  padding-right: 2rem;
}
.magazineAutherText {
  display: table-cell;
  width: 80%;
  vertical-align: top;
}

@media only screen and (max-width: 800px) {
  .magazineAutherPhoto {display: block; width:150px; padding-right:0; padding:1rem 0;}
  .magazineAutherText {display: block; width: 100%;}
}

.magazineAutherText h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.magazineAutherText h3 span {
  display: inline-block;
  margin: 0 0 0 1rem;
  font-size: 0.8rem;
}
.magazineAutherText p {
  font-size: 0.8rem;
}

.magazineAutherWrapper.single .magazineAutherPhoto {
  width: 25%;
}
.magazineAutherWrapper.single .magazineAutherText {
  width: 75%;
}

.sakanaList1 {
  margin: 2rem 0 0;
}
.sakanaList1 li {
  float: left;
  width: 50%;
  text-align: left;
  padding: 4px;
  box-sizing: border-box;
}

@media only screen and (max-width: 800px) {
  .sakanaList1 li {height:auto!important;float:none; display:block; width:100%; vertical-align:top;}
  .sakanaList1 li a h3{height:auto!important;}
  .sakanaList1 li p{height:auto!important;}
}

.sakanaList1 li a {
  text-decoration: none;
  color: #333;
  display: block;
  box-sizing: border-box;
  padding: 1rem;
  position: relative;
  background: #fff;
  border: 1px solid #fff;
}
.sakanaList1 li a:hover {
  background: #f1f5f9;
  border: 1px solid #f1f5f9;
}
/*
.sakanaList1 li:first-child a{ border:1px solid #ffcc00;}
.sakanaList1 li:first-child a:hover{ border:1px solid #ffcc00;}
.sakanaList1 li:first-child a:after{ content:"公開中"; position:absolute; top:0; right:0; background:#ffcc00; color:#fff; font-size:0.8rem; padding:0.2rem 0.5rem;} 
*/
/*
.sakanaList1 li a:after{ content:""; position:absolute; top:1rem; right:1rem; width:2rem; height:8px; border-bottom: 1px solid #333; border-right: 1px solid #333; transform: skew(45deg);}
*/
.sakanaList1 li a h3 {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.2rem;
}
.sakanaList1 li a p {
  font-size: 0.8rem;
}

.sakanaTable {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 1rem 0 0;
  font-size: 0.8rem;
  border-top: 1px dotted #ccc;
  padding-top: 1rem;
}
.sakanaTd {
  display: table-cell;
  vertical-align: top;
}
.sakanaTd dl {
  margin-bottom: 1rem;
}
.sakanaTd dl dd {
  color: #ff6600;
}
.sakanaTd table {
  width: 100%;
}
.sakanaTd table td {
  width: 30%;
  color: #ffcc00;
}

.magazineSingleWrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 2rem 0;
}
.magazineSingleContentWrapper {
  display: table-cell;
  width: 70%;
  vertical-align: top;
  text-align: left;
  background: #fff;
  padding: 1rem;
  box-sizing: border-box;
}
.magazineSingleContentWrapper > h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.magazineSingleSideWrapper {
  display: table-cell;
  width: 30%;
  vertical-align: top;
}

.magazineSingleSideWrapper h4 {
  margin: 1rem auto 1rem;
  font-size: 1.2rem;
}
.magazineSingleSideWrapper h4:before {
  content: "【 ";
}
.magazineSingleSideWrapper h4:after {
  content: " 】";
}

.magazineSingleSideWrapper ul {
  border-top: 1px dotted #ccc;
  margin: 0 2rem;
}
.magazineSingleSideWrapper ul li {
  display: inline-block;
  padding: 0.5rem 0.5rem;
}
.magazineSingleSideWrapper ul li a {
  color: #333;
  font-size: 0.8rem;
}

.magazineBackWrapper {
  text-align: center;
  margin-top: 2rem;
}
.magazineBackWrapper a {
  display: inline-block;
  padding: 0.5rem 1rem 0.4rem;
  background: #333;
  color: #fff;
  text-decoration: none;
  font-size: 0.8rem;
}
.magazineBackWrapper a:hover {
  background: #666;
}

#magazineEyecatch {
  margin-top: 2rem;
}
#magazineSingleContent {
  margin-top: 2rem;
}
#magazineSingleContent p {
  text-indent: 1em;
  margin: 0;
}
#magazineSingleContent img {
  margin: 2rem auto;
}

#sakana2PostWrapper p {
  text-indent: 1em;
  margin: 0;
}
#sakana2PostWrapper p.uptime{ text-indent:0; margin-bottom: 1rem;}
.sakana2ImageWrapper{ text-align:center;}
.sakana2ImageWrapper img{max-width: 320px; margin: 2rem auto 5px;}
.sakana2ImageWrapper span {
  display: block;
  font-size: 0.8rem;
}

.noDispWrapper {
  opacity: 0.5;
}
.sakanaThumb {
  max-width: 150px;
  height: auto;
}

.sakanaUpdateDayWrapper {
  margin-top: 2rem;
}

#indexSakanaSideWrapper {
  margin: 0 0 40px;
  border: 1px solid #cccccc;
  padding: 0;
  position: relative;
  text-align: left;
  background: #fff;
}
#indexSakanaSideWrapper dl {
  padding: 19px 19px 0;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
.indexMagazineImage {
  margin-bottom: 19px;
}
#sakanaNewNumber {
  padding: 0 19px 0;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
#sakanaNextUpdate {
  color: #999;
}
.indexMagazineTitle {
  font-size: 100%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: left;
  margin: 0 0 0 20px;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}
.sakanaUpdateDayIndexWrapper {
  padding: 0 19px 19px;
  font-size: 0.8rem;
}
.sakanaMoreLeadWrapper {
  margin: 0 1rem 1rem;
}
.sakanaMoreLeadWrapper a {
  display: block;
  font-size: 0.8rem;
  padding: 0.5rem 0;
  text-align: center;
  background: #eee;
  text-decoration: none;
  color: #333;
}
.sakanaMoreLeadWrapper a:hover {
  background: #ccc;
}

#sakanaTobiraUpdate {
  color: #999;
}
#sakanaSingleParam2Wrapper dl dt:before {
  content: "知っていれば……";
  display: block;
}

.sakanaPhotoWrapper {
  text-align: center;
}
#magazineSingleContent .sakanaPhotoWrapper img {
  width: 50%;
  height: auto;
  margin: 2rem auto 10px;
}
.sakanaPhotoWrapper span {
  display: block;
  font-size: 0.8rem;
}

.news1remText {
  font-size: 1rem !important;
  margin: 1rem 0 0;
}

.marumoji {
  display: inline-block;
  position: relative;
  margin: 0 0.4rem;
  text-indent: 0;
  line-height: 0;
  letter-spacing: 0;
}
.marumoji:before {
  content: "";
  border: 1px solid #333;
  border-radius: 20px;
  height: 1.3em;
  width: 1.3em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.sakanaFurigana {
  position: relative;
  display: inline-block;
  text-indent: 0;
}
#furigana--sekikyoku {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  right: -0.4rem;
  letter-spacing: 0;
}
#furigana--chibiki {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  right: 0.2rem;
  letter-spacing: 0;
}
#furigana--eri {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  right: -0.1em;
  letter-spacing: 0;
  width: 2.2em;
}
#furigana--wake {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  right: 0.75em;
  letter-spacing: 0;
  width: 2.2em;
}
#furigana--hi {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  right: -0.6em;
  letter-spacing: 0;
  width: 2.2em;
}
#furigana--kamasu {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  right: 0.3em;
  letter-spacing: 0;
  width: 2.2em;
  white-space: nowrap;
}
#furigana--katsu {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  right: -0.1em;
  letter-spacing: 0;
  width: 2.2em;
  white-space: nowrap;
}
#furigana--yaki {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  right: 0.75em;
  letter-spacing: 0;
  width: 2.2em;
  white-space: nowrap;
}
#furigana--shimosama {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  left: -0.2rem;
  letter-spacing: 0;
  white-space: nowrap;
}
#furigana--gori {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  right: -0.1em;
  letter-spacing: 0;
  width: 2.2em;
}
#furigana--itamasu {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  left: -0.2rem;
  letter-spacing: 0;
  white-space: nowrap;
}
#furigana--kuchiboso {
  position: absolute;
  top: -0.7em;
  font-size: 0.6rem;
  font-weight: normal;
  left: -0.2rem;
  letter-spacing: 0;
  white-space: nowrap;
}

ruby rt {
  font-size: 0.6rem;
  font-weight: normal;
}

.sakanaRuby {
  position: relative;
}
.sakanaRuby:after {
  position: absolute;
  content: "・";
  top: -0.9em;
  left: 0;
  text-indent: 0;
}

.sakanaRuby2 {
  position: relative;
}
.sakanaRuby2:after {
  position: absolute;
  content: "＊";
  top: -0.9em;
  left: 0.2em;
  text-indent: 0;
  font-size: 0.65rem;
}

#magazineSingleContent p.postNote {
  font-size: 0.9rem;
  color: #999;
  margin: 2rem 0;
  text-indent: 0;
}

.yoseImageWrapper {
  margin: 2rem auto 0;
  text-align: center;
}
.yoseImageWrapper img {
  max-width: 320px;
}
p.yoseCaption {
  font-size: 0.8rem;
  text-align: center;
  margin-top: 10px !important;
}


#indexSakana2SideWrapper {
  margin: 0 0 40px;
  border: 1px solid #cccccc;
  padding: 0;
  position: relative;
  text-align: left;
  background: #fff;
}
#indexSakana2SideWrapper > h3 {
    font-family: "ゴシックMB101 B","ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
    margin: 0 0 1rem 1rem; font-weight: bold;
}
#indexSakana2SideWrapper > h3 span.subTitle{ display:block; font-size:0.8rem; font-weight: bold;}

#indexSakana2SideWrapper > p#indexSakana2Lead {
  font-size: 0.8rem;
  margin: 0 1rem 1rem;
}
#sakana2NewNumber2 {
  padding: 0 19px 0;
  font-size: 0.8rem;
  margin-bottom: 5px;
}
#sakana2UpdateDay {
  padding: 0 19px 0;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
.sakana2MoreLeadWrapper {
  margin: 0 1rem 1rem;
}
.sakana2MoreLeadWrapper a {
  display: block;
  font-size: 0.8rem;
  padding: 0.5rem 0;
  text-align: center;
  background: #eee;
  text-decoration: none;
  color: #333;
}
.sakana2MoreLeadWrapper a:hover {
  background: #ccc;
}


#indexYoseSideWrapper {
  margin: 0 0 40px;
  border: 1px solid #cccccc;
  padding: 0;
  position: relative;
  text-align: left;
  background: #fff;
}
#indexYoseSideWrapper > h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin: 0 0 1rem 1rem;
}
#yoseNewNumber {
  padding: 0 19px 0;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
#yoseNewNumber2 {
  padding: 0 19px 0;
  font-size: 0.8rem;
  margin-bottom: 5px;
}
#yoseUpdateDay {
  padding: 0 19px 0;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
.yoseMoreLeadWrapper {
  margin: 0 1rem 1rem;
}
.yoseMoreLeadWrapper a {
  display: block;
  font-size: 0.8rem;
  padding: 0.5rem 0;
  text-align: center;
  background: #eee;
  text-decoration: none;
  color: #333;
}
.yoseMoreLeadWrapper a:hover {
  background: #ccc;
}

#yoseSingleTitle {
  position: relative;
  margin: 20px 0 40px;
  font-size: 120%;
}
#yoseSingleTitle:after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 0;
  height: 1px;
  width: 100%;
  background: url(img/magazine/yose_title_bg.jpg) 0 0;
}
#yoseSingleTitle span {
  font-size: 1rem;
}
#yosePostWrapper ol {
  margin: 0 0 20px;
}

#sakana2SingleTitle {
  position: relative;
  margin: 20px 0 40px;
  font-size: 120%;

  margin: 20px 0 20px;
}
#sakana2SingleTitle:after {
  content: ""; content:none;
  position: absolute;
  bottom: -11px;
  left: 0;
  height: 1px;
  width: 100%;
  background:#a7b4be;
}
#sakana2SingleTitle span {
  font-size: 1rem;
}
span.blogDate{ display:block; font-size:0.75rem;}
#blogContent p.blogDate{ margin:0 0 -1.7em; font-size:0.75rem;}
.subImage{ display:inline-block; width:240px; float:right; padding:0 0 1em 2em;}
.subImage img{cursor:pointer;}
.subImage img:hover{opacity:0.8;}


#keibabookSubTitle {
  font-size: 85% !important;
}

#indexSakanaSideInner {
  padding: 1rem 1rem 0;
}
#indexSakanaSideInner > h3 {
  font-size: 1.3rem;
  font-family: "ゴシックMB101 B","ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
  background: url(svg/icon_gun.svg) right center no-repeat;
  background-size: 1.6rem;
  padding-right: 2.2rem;
  display: inline-block;
}
#indexSakanaSideInner > p {
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
#indexSakanaSideInner > p#author {
  font-size: 0.8rem;
  margin: 0 0 1rem;
}
#indexSakanaSideInner > p#author span {
  font-size: 0.6rem;
}

#indexYoseSideWrapper > p#indexYoseLead {
  font-size: 0.8rem;
  margin: 0 1rem 1rem;
}

.scoup {
  position: relative;
  display: inline-block;
  margin: 0 0 20px;
}
.scoup::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  background: url(svg/icon_scoup.svg) right bottom no-repeat;
  background-size: contain;
}

.shoplist {
  margin-top: 1rem;
}
.shoplist li {
  display: inline-block;
  max-width: 80px;
  margin: 0 10px 1rem 0;
}
.shoplist li.yodobashi {
  max-width: 160px;
}

.twoColumnList {
  margin: 2rem auto;
}
.twoColumnList li {
  display: inline-block;
  width: 49%;
  box-sizing: border-box;
  text-align: center;
}
.downloadBtn {
  display: inline-block;
  padding: 0.5rem 3rem 0.5rem 2rem;
  position: relative;
  background: #333;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 50px;
  margin: 1rem auto 0;
  text-decoration: none;
}
.downloadBtn:hover {
  background: #000;
}
.downloadBtn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 1.2em;
  height: 1.2em;
  background: url(img/icon_download.svg) center center no-repeat;
  background-size: contain;
  transform: translate(0, -50%);
}

#newsIndexFixWrapper {
  margin-bottom: 2rem;
  font-size: 12px;
}
#newsIndexFixWrapper > span {
  display: block;
}
#newsIndexFixWrapper > h3 {
  margin: 0;
}
#newsIndexFixWrapper img {
  margin: 1rem 0;
}

.threeColumnPhoto {
  margin: 1rem 0;
}
.threeColumnPhoto li {
  display: inline-block;
  width: 30%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.titleA {
  font-size: 1.4rem;
  display: block;
}
.titleB {
  font-size: 1rem;
  display: block;
  margin-bottom: 10px;
}


.detailOl li{ font-size: 85%; margin-bottom:1em;}
.detailUl li{ font-size: 85%;}

.newsBookImage{ max-width:100px; margin-top:2px;}

.series{ margin-top:2rem; max-width:260px;}
.series dt{ background:#8b8b8b url(svg/icon_books_ver3.svg) right 1em bottom 1em no-repeat; background-size:15%; color:#fff; padding:10px 1rem; font-size:0.8rem;}
.series dd ul{ margin:0;}
.series dd ul > li{ background:url(svg/icon_series_ver3.svg) 0.76em center no-repeat; background-size:0.9em; padding:10px 0 12px 2.2em; border:1px solid #8b8b8b; border-top:none}
.series dd a{ font-size:0.8rem;}

.romaNumTitle{ text-align: center; width:17em;}




.pcOnly{}
.spOnly{ display:none;}
#hamburger{ display:none;}

/* スマホ・タブレット ---------------------------------------------*/
@media only screen and (max-width: 800px) {
  .series{ margin-top:1rem; max-width:none;}

  .pcOnly{ display:none;}
  .spOnly{ display:block;}

  #hamburger{ display:block; position:fixed; top:0; right:0; padding:1rem 1rem 0.5rem; z-index:10000;}

  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: relative;
    width: 30px;
    height: 21px;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #333;
    border-radius: 0;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 10px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }

  .shoplist li {margin: 0 10px 0 0;}
  .shoplist li.yodobashi {margin:10px 10px 0 0;}

  .twoColumnList {margin:0 auto 2rem;}
  .twoColumnList li {display:block; width: 100%; margin-bottom:1rem;}

  .subImage{ display:block; width:100%; max-width:calc(375px - 2rem); float:none; padding:0 0 1rem;}
  .sakanaThumb{ max-width: none; width:100%;}

  .sakanaTd table{ display:block;}
  .sakanaTd table td{ display:block; width:100%;}
  .sakanaTd table th{ display:block; width:100%;}

  .sakanaTd dl{ height:auto!important;}

  .magazineSingleWrapper {display:block; margin: 2rem 0;}
  .magazineSingleContentWrapper {display:block; width:100%;}
  .magazineSingleSideWrapper {display:block; width:100%;}
  .magazineAutherWrapper.single{ margin:1rem 0 0;}

  .magazineAutherWrapper.single .magazineAutherPhoto{ width:100%;}
  .magazineAutherWrapper.single .magazineAutherPhoto img{ width:150px;}
  .magazineAutherWrapper.single .magazineAutherText{ width:100%;}

  .magazineAutherWrapper.lower{ padding:1rem;}
}