@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  page.css
 style info :  ページ固有css
=================================================================== */
/* fontsize YUI
10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197%  */
/*----------------------------------------------------------------------------------
		 								common
------------------------------------------------------------------------------------*/
.wp-caption.alignleft, .wp-caption.aligncenter, .wp-caption.alignright, .wp-caption.alignnone {
  max-width: 100%;
  height: 100%;
}

.wp-caption.alignright {
  display: block;
  margin: 0 0 0 auto;
} /* 配置位置 右 */
.wp-caption.alignleft {
  display: block;
  margin: 0 auto 0 0;
} /* 配置位置 左 */
.wp-caption.aligncenter {
  display: block;
  margin: 0 auto;
} /* 配置位置 中央 */
.wp-caption.alignright img, .wp-caption.alignleft img, .wp-caption.aligncenter img {
  max-width: 100%;
  height: 100%;
}

.wp-caption-text {
  font-size: 11px;
  line-height: 1.8;
}

img.alignright {
  display: block;
  margin: 0 0 0 auto;
}

/* 配置位置 右 */
img.alignleft {
  display: block;
  margin: 0 auto 0 0;
}

/* 配置位置 左 */
img.aligncenter {
  display: block;
  margin: 0 auto;
}

img.alignleft, img.aligncenter, img.alignright, img.alignnone {
  max-width: 100%;
  height: 100%;
}

blockquote {
  position: relative;
  padding: 30px 15px 8px 15px;
  box-sizing: border-box;
  font-style: italic;
  background: #efefef;
  color: #555;
  margin-bottom: 45px;
}

blockquote:before {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 3px;
  vertical-align: middle;
  content: "“";
  font-family: sans-serif;
  color: #cfcfcf;
  font-size: 90px;
  line-height: 1;
}

blockquote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.7;
}

blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
}

@media only screen and (max-width: 750px) {
  .animated {
    animation-duration: 2s;
    animation-fill-mode: both;
  }
}

@media only screen and (max-width: 750px) {
  .fadeIn {
    animation-name: fadeIn;
  }
}

@media only screen and (max-width: 750px) {
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}
a[href^="tel:"] {
  pointer-events: none;
}
@media only screen and (max-width: 750px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

/*------------------------------------------------------------------------------------
		 								pagenavi 
------------------------------------------------------------------------------------*/
.wp-pagenavi {
  text-align: center;
  margin-bottom: 15px;
}
.wp-pagenavi span, .wp-pagenavi a {
  font-size: 14px;
  font-weight: 500;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 6px;
  border: none;
  background-color: #F0F1F4 !important;
  box-sizing: border-box;
  transition: all 0.5s ease;
}
.wp-pagenavi span:hover, .wp-pagenavi a:hover {
  background-color: #C10101 !important;
  color: #fff;
  transition: all 0.5s ease;
  cursor: pointer;
  opacity: 1;
}
.wp-pagenavi .current {
  background-color: #C10101 !important;
  color: #fff;
}
.wp-pagenavi .last, .wp-pagenavi .first {
  color: #C10101;
  background-color: #F0F1F4 !important;
}
.wp-pagenavi .page {
  background-color: #fff;
  color: #C10101;
}
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  display: inline-block;
  background-color: #fff;
  color: #C10101;
}

.nextpostslink, .previouspostslink {
  border: none !important;
  color: #122636;
  position: absolute;
  opacity: 1 !important;
}

.nextpostslink {
  position: absolute;
  right: -60px;
}
.nextpostslink::after {
  position: absolute;
  right: 0;
  top: 4px;
  content: url(../images/page/next.svg);
}

.previouspostslink {
  left: -60px;
}
.previouspostslink::after {
  position: absolute;
  left: 0;
  top: 4px;
  content: url(../images/page/prev.svg);
}

/*----------------------------------------------------------------------------------
		 							  noFoundArea 
------------------------------------------------------------------------------------*/
#noFoundArea {
  padding: 300px 0;
  text-align: center;
}
#noFoundArea a {
  color: #122636;
  font-weight: bold;
  text-decoration: underline;
  font-size: 18px;
}

.noFound {
  font-size: 16px;
  margin-bottom: 20px;
}

/*----------------------------------------------------------------------------------
		 								contactArea
------------------------------------------------------------------------------------*/
#contactArea {
  margin: 30px auto 200px;
}
@media only screen and (max-width: 750px) {
  #contactArea {
    margin: 30px auto 150px;
  }
}
#contactArea h1 {
  font-weight: bold;
  font-size: 30px;
}
#contactArea h3 {
  font-size: 15px;
  font-family: "Heebo", sans-serif;
  font-weight: 500;
  margin-top: 20px;
}
#contactArea .tit {
  text-align: center;
  margin-bottom: 80px;
}
#contactArea .thanksTtl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 48px;
}
@media only screen and (max-width: 750px) {
  #contactArea .thanksTtl {
    font-size: 20px;
    margin-bottom: 25px;
  }
}
#contactArea .thankstxt {
  font-size: 18px;
  line-height: 2;
  text-align: center;
  margin-bottom: 70px;
}
@media only screen and (max-width: 750px) {
  #contactArea .thankstxt {
    font-size: 15px;
    line-height: 2.2;
    margin-bottom: 90px;
  }
}
#contactArea .thankstxt a {
  font-weight: 700;
}
#contactArea .toTopButton {
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 750px) {
  #contactArea .toTopButton {
    margin-bottom: 20px;
  }
}
#contactArea .toTopButton a {
  font-size: 16px;
  color: #fff;
  position: relative;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 70px;
  margin: 0 auto;
  border-radius: 10px;
  font-size: 18px;
}

/*----------------------------------------------------------------------------------
		 							  magazineArea 
------------------------------------------------------------------------------------*/
#magazineArea {
  margin-top: 90px;
}
@media only screen and (max-width: 750px) {
  #magazineArea {
    margin-top: 76px;
  }
}
#magazineArea .breadcrumbs.singlePost {
  width: 830px;
  margin: 10px auto 0;
  font-size: 12px;
}
@media only screen and (max-width: 750px) {
  #magazineArea .breadcrumbs.singlePost {
    width: 90%;
  }
}
#magazineArea .breadcrumbs .series {
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0);
  color: #000;
  padding: 0;
  font-family: "游ゴシック", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial;
}
#magazineArea .fa-twitter {
  font-size: 25px;
  position: relative;
  top: 2px;
}
#magazineArea .fa-facebook-f {
  font-size: 22px;
  position: relative;
  top: 2px;
}
#magazineArea .topImg {
  position: relative;
  max-width: 1000px;
  height: 500px;
  margin: 0 auto 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 750px) {
  #magazineArea .topImg {
    max-width: 100%;
    height: 0;
    padding-top: 50%;
  }
}
#magazineArea .topImg img {
  width: 100%;
}
#magazineArea span.date {
  display: inline-block;
  background-color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
  transform: rotate(90deg);
  position: absolute;
  top: 29px;
  left: -28px;
  padding: 0 5px;
}
#magazineArea .seriesBox {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#magazineArea .series {
  display: inline-block;
  background-color: #009A5B;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 19px;
  padding: 2px 8px;
  color: #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  #magazineArea .series {
    font-size: 12px;
  }
}
@media only screen and (max-width: 750px) {
  #magazineArea .series {
    font-size: 12px;
  }
}
#magazineArea .seriesTitle {
  display: block;
  background-color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 3px 8px;
  margin-top: -1px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  #magazineArea .seriesTitle {
    font-size: 11px;
  }
}
@media only screen and (max-width: 750px) {
  #magazineArea .seriesTitle {
    font-size: 11px;
    margin-top: -1px;
  }
}

#magazineTopArea {
  background-color: #fff;
}

.magazineArea__top {
  width: 830px;
  margin: 0 auto 40px;
  font-size: 20px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .magazineArea__top {
    width: 90%;
  }
}
@media only screen and (max-width: 750px) {
  .magazineArea__top {
    width: 90%;
    margin: 0 auto 30px;
    font-size: 12px;
  }
}
.magazineArea__top .inner {
  max-width: 830px;
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  .magazineArea__top .inner {
    max-width: 100%;
  }
}
.magazineArea__top h1 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 12px;
}
@media only screen and (max-width: 750px) {
  .magazineArea__top h1 {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
.magazineArea__top .lead p {
  font-size: 15px;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .magazineArea__top .lead p {
    font-size: 13px;
  }
}
.magazineArea__top .lead p a {
  color: #122636;
}

.magazineArea__date {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 21px;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 750px) {
  .magazineArea__date {
    font-size: 12px;
  }
}

.dateCategory {
  margin-bottom: 20px;
}
@media only screen and (max-width: 750px) {
  .dateCategory {
    margin-bottom: 15px;
  }
}

.tagSns {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 750px) {
  .tagSns {
    display: block;
    margin-bottom: 20px;
  }
}
.tagSns a {
  color: #122636;
}

.insta__banner {
  margin: 25px auto 0;
}
.insta__banner img {
  width: 100%;
}

.magazineArea__bottom {
  width: 830px;
  margin: 0 auto 30px;
  padding-top: 116px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .magazineArea__bottom {
    width: 90%;
  }
}
@media only screen and (max-width: 750px) {
  .magazineArea__bottom {
    padding-top: 30px;
    width: 90%;
    margin: 45px auto 35px;
  }
}

.SnsButton {
  padding: 5px 0;
  width: 153px;
  text-align: center;
  border-radius: 20.5px;
  margin-right: 18px;
  display: block;
}
.SnsButton:hover {
  border: solid 1px #122636;
  box-sizing: border-box;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 750px) {
  .SnsButton {
    width: 97%;
  }
}

.SnsButton--bc-g {
  background-color: #F1F3EE;
  border: solid 1px #F1F3EE;
  box-sizing: border-box;
}

.SnsButton--bc-w {
  background-color: #fff;
  border: solid 1px #fff;
  box-sizing: border-box;
}

@media only screen and (max-width: 750px) {
  .SnsButton__sp--l {
    margin-right: auto;
  }
}

@media only screen and (max-width: 750px) {
  .SnsButton__sp--r {
    margin-right: 0;
    margin-left: auto;
  }
}

.SnsTxt {
  font-size: 15px;
  margin-left: 10px;
  position: relative;
  top: -1px;
}

.magazineArea__tag {
  width: 60%;
  font-size: 15px;
  box-sizing: border-box;
  padding-left: 110px;
  position: relative;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .magazineArea__tag {
    width: 53%;
  }
}
@media only screen and (max-width: 750px) {
  .magazineArea__tag {
    width: 100%;
    font-size: 12px;
    margin-bottom: 16px;
    padding-left: 0;
  }
}
.magazineArea__tag a:hover {
  text-decoration: underline;
}

.magazineArea__sns {
  width: 40%;
}
@media only screen and (max-width: 750px) {
  .magazineArea__sns {
    width: 100%;
  }
}
.magazineArea__sns ul {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .magazineArea__sns ul li {
    width: 50%;
  }
}

.tags {
  font-size: 15px;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 750px) {
  .tags {
    display: none;
  }
}

.magazineArea__tagList {
  display: inline-flex;
  flex-wrap: wrap;
}
.magazineArea__tagList li {
  font-size: 15px;
  margin-right: 18px;
}

.magazineArea__topTxt p {
  font-size: 15px;
  line-height: 2;
}
.magazineArea__topTxt a {
  color: #122636;
}
.magazineArea__topTxt a:hover {
  text-decoration: underline;
}

.related__list__top {
  margin: 20px 0 0;
}
.related__list__top li {
  margin-bottom: 10px;
}
.related__list__top li:last-child {
  margin-bottom: 0;
}
.related__list__top li a {
  color: #122636;
  font-size: 14px;
  display: block;
  transition: all 0.5s ease;
}
.related__list__top li a:hover {
  opacity: 0.65;
  transition: all 0.5s ease;
}

/*-----content------*/
#magazineContentArea {
  background-color: #F1F3EE;
  padding: 50px 0 20px;
}
@media only screen and (max-width: 750px) {
  #magazineContentArea {
    padding: 40px 0 20px;
  }
}
#magazineContentArea .board {
  max-width: 830px;
  margin: 0 auto;
  background-color: #fff;
  padding: 54px;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  #magazineContentArea .board {
    padding: 40px 5%;
    max-width: 90%;
  }
}
#magazineContentArea article img {
  width: 100%;
  height: auto;
  margin-bottom: 45px;
}
@media only screen and (max-width: 750px) {
  #magazineContentArea article img {
    margin-bottom: 20px;
  }
}
#magazineContentArea article h2 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 25px;
}
@media only screen and (max-width: 750px) {
  #magazineContentArea article h2 {
    font-size: 18px;
  }
}
#magazineContentArea article p {
  font-size: 17px;
  margin-bottom: 15px;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  #magazineContentArea article p {
    font-size: 15px;
  }
}
#magazineContentArea article p.caption {
  font-size: 12px;
  margin-top: -6%;
  margin-bottom: 25px;
  color: gray;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  #magazineContentArea article p.caption {
    font-size: 10px;
  }
}
#magazineContentArea article a {
  position: relative;
  color: #009A5B;
}
#magazineContentArea article a:hover::after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  content: "";
  background-color: #009A5B;
  height: 1px;
  width: 100%;
  transition: all 0.5s ease;
}
#magazineContentArea article a:after {
  content: "";
  transition: all 0.5s ease;
}
#magazineContentArea .related {
  font-size: 15px;
  font-weight: bold;
  margin-top: 42px;
  margin-bottom: 18px;
}
#magazineContentArea .related__list li {
  border: solid 1px #F0F1F4;
  margin-bottom: 12px;
}
#magazineContentArea .related__list li:last-child {
  margin-bottom: 0;
}
#magazineContentArea .related__list li a {
  display: block;
  transition: all 0.5s ease;
}
#magazineContentArea .related__list li a:hover {
  opacity: 0.65;
  transition: all 0.5s ease;
}
#magazineContentArea .related__list .related__board {
  display: flex;
  padding: 10px;
}
#magazineContentArea .related__list .related__board .thumb {
  width: 140px;
}
@media only screen and (max-width: 750px) {
  #magazineContentArea .related__list .related__board .thumb {
    width: 20%;
  }
}
#magazineContentArea .related__list .related__board .thumb img {
  width: 100%;
  height: auto;
}
#magazineContentArea .related__list .related__board .txt {
  width: 560px;
  box-sizing: border-box;
  padding-left: 24px;
}
@media only screen and (max-width: 750px) {
  #magazineContentArea .related__list .related__board .txt {
    padding-left: 10px;
    width: 80%;
  }
}
#magazineContentArea .related__list .related__board .txt .ttl {
  color: #122636;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
@media only screen and (max-width: 750px) {
  #magazineContentArea .related__list .related__board .txt .ttl {
    font-size: 14px;
    margin-bottom: 0;
  }
}
#magazineContentArea .related__list .related__board .txt .lead {
  font-size: 12px;
  line-height: 2;
}

/*-----author------*/
.authorBox {
  display: flex;
  border: solid 2px #122636;
  box-sizing: border-box;
  padding: 32px 28px 22px 28px;
  width: 830px;
  margin: 0 auto;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .authorBox {
    width: 90%;
  }
}
@media only screen and (max-width: 750px) {
  .authorBox {
    display: block;
    width: 90%;
    padding: 4%;
  }
}
.authorBox a:hover {
  text-decoration: underline;
}

.authorBox__archive {
  border: none;
  margin: 0 auto 3%;
}

.authorBox__img {
  width: 16%;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .authorBox__img {
    width: 20%;
  }
}
@media only screen and (max-width: 750px) {
  .authorBox__img {
    width: 100%;
  }
}

.authorBox__txt {
  width: 84%;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .authorBox__txt {
    width: 80%;
  }
}
@media only screen and (max-width: 750px) {
  .authorBox__txt {
    width: 100%;
  }
}
.authorBox__txt h3 {
  font-size: 15px;
  margin-bottom: 6px;
}
@media only screen and (max-width: 750px) {
  .authorBox__txt h3 {
    text-align: center;
  }
}
.authorBox__txt h3 span {
  font-size: 18px;
  font-weight: bold;
}
.authorBox__txt p {
  font-size: 13px;
  line-height: 1.8;
}

.autherImg {
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .autherImg {
    margin: 0 auto 10px 0;
  }
}
.autherImg img {
  width: 100%;
}

.sliderBox {
  width: 600px;
  margin: 0 auto 50px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .sliderBox {
    width: 60%;
  }
}
@media only screen and (max-width: 750px) {
  .sliderBox {
    width: 90%;
    margin: 0 auto;
  }
}

.contentsBox {
  background-color: #fff;
  padding: 45px 0 20px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 750px) {
  .contentsBox {
    margin-bottom: 30px;
    padding: 20px 0 20px;
  }
}
.contentsBox h1 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 25px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .contentsBox h1 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 750px) {
  .contentsBox h1 {
    font-size: 18px;
  }
}
.contentsBox p {
  font-size: 15px;
  margin-bottom: 15px;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .contentsBox p {
    font-size: 13px;
  }
}
.contentsBox em {
  font-style: italic;
}
.contentsBox img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

#magazineRecommendArea {
  padding: 90px 2% 80px;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea {
    padding: 60px 0 60px;
  }
}
#magazineRecommendArea .inner {
  max-width: 1080px;
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .inner {
    max-width: 90%;
  }
}
#magazineRecommendArea .recommend__ttl {
  font-size: 14px;
  margin-bottom: 40px;
}
#magazineRecommendArea .recommend__ttl span {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 40px;
  margin-right: 15px;
}
#magazineRecommendArea .recommend__list {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list {
    flex-wrap: wrap;
  }
}
#magazineRecommendArea .recommend__list .recommend__box {
  width: 22%;
  margin-right: 4%;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list .recommend__box {
    width: 46%;
    margin: 0 2% 8%;
  }
}
#magazineRecommendArea .recommend__list .recommend__box:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list .recommend__box:nth-child(2n) {
    margin-right: 0;
  }
}
#magazineRecommendArea .recommend__list .recommend__box .thumb {
  position: relative;
}
#magazineRecommendArea .recommend__list .recommend__box .thumb img {
  width: 100%;
}
#magazineRecommendArea .recommend__list .recommend__box .thumb span.date {
  display: inline-block;
  background-color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
  transform: rotate(90deg);
  position: absolute;
  top: 29px;
  left: -28px;
  padding: 0 5px;
}
#magazineRecommendArea .recommend__list .recommend__box .thumb .commonBox {
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
}
#magazineRecommendArea .recommend__list .recommend__box .thumb .commonTitle {
  display: block;
  font-weight: bold;
  font-size: 13px;
  padding: 10px 10px 5px;
  margin-top: -1px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  #magazineRecommendArea .recommend__list .recommend__box .thumb .commonTitle {
    font-size: 11px;
  }
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list .recommend__box .thumb .commonTitle {
    font-size: 11px;
    margin-top: -1px;
    padding: 5px 5px 0px;
  }
}
#magazineRecommendArea .recommend__list .recommend__box .thumb .vol {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #009a5b;
  margin-top: 1px;
}
#magazineRecommendArea .recommend__list .recommend__box .thumb .vol span {
  font-size: 18px;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list .recommend__box .thumb .vol span {
    font-size: 15px;
  }
}
#magazineRecommendArea .recommend__list .recommend__box .ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list .recommend__box .ttl {
    font-size: 14px;
  }
}
#magazineRecommendArea .recommend__list .recommend__box .post-categories {
  margin: 8px 0 5px;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list .recommend__box .post-categories {
    margin: 5px 0 2px;
  }
}
#magazineRecommendArea .recommend__list .recommend__box .post-categories a {
  font-size: 13px;
  color: #8B8B8B;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list .recommend__box .post-categories a {
    font-size: 10px;
  }
}
#magazineRecommendArea .recommend__list .recommend__box .seriesTitle {
  display: block;
  font-weight: normal;
  font-size: 13px;
  padding: 0px 0px 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  #magazineRecommendArea .recommend__list .recommend__box .seriesTitle {
    font-size: 12px;
    padding: 0px 0px 5px;
  }
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list .recommend__box .seriesTitle {
    font-size: 10px;
    padding: 0px 0px 5px;
  }
}
#magazineRecommendArea .recommend__list .recommend__box .seriesTitle a {
  color: #122636;
}
#magazineRecommendArea .recommend__list .recommend__box .tagList {
  display: flex;
  flex-wrap: wrap;
}
#magazineRecommendArea .recommend__list .recommend__box .tagList li {
  margin-right: 6px;
  margin-bottom: 3px;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list .recommend__box .tagList li {
    margin-right: 5px;
    margin-bottom: 2px;
  }
}
#magazineRecommendArea .recommend__list .recommend__box .tagList li a {
  display: inline-block;
  background-color: #F1F3EE;
  border-radius: 4px;
  padding: 0 4px;
  color: #F1F3EE;
  font-size: 13px;
}
@media only screen and (max-width: 750px) {
  #magazineRecommendArea .recommend__list .recommend__box .tagList li a {
    font-size: 11px;
    padding: 0 2px;
  }
}

.nav__bottom {
  max-width: 830px;
  margin: 0 auto;
  padding: 20px 0 0;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .nav__bottom {
    padding: 20px 5% 0;
  }
}
@media only screen and (max-width: 750px) {
  .nav__bottom {
    padding: 20px 5% 0;
  }
}

/*----------------------------------------------------------------------------------
		 								common
------------------------------------------------------------------------------------*/
.search__ttl {
  text-align: center;
  font-size: 22px;
  margin-bottom: 90px;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 750px) {
  .search__ttl {
    font-size: 20px;
    margin-bottom: 60px;
  }
}

.pages {
  padding: 80px 0;
}
@media only screen and (max-width: 750px) {
  .pages {
    padding: 50px 5% 0;
  }
}

.article__list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1080px;
  margin: 0 auto;
}
.article__list .box {
  width: 30.7%;
  margin-right: 3.95%;
  margin-bottom: 50px;
}
@media only screen and (max-width: 750px) {
  .article__list .box {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 15px;
  }
}
.article__list .box:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 750px) {
  .article__list .box:nth-child(odd) {
    margin-right: 6%;
  }
}
@media only screen and (max-width: 750px) {
  .article__list .box:nth-child(even) {
    margin-right: 0;
  }
}
.article__list .box a {
  display: block;
}
.article__list .box a:hover {
  opacity: 0.65;
}
.article__list .box .thumb {
  position: relative;
}
.article__list .box .thumb img {
  width: 100%;
}
.article__list .box .thumb span.date {
  display: inline-block;
  background-color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
  transform: rotate(90deg);
  position: absolute;
  top: 29px;
  left: -28px;
  padding: 0 5px;
}
.article__list .box .thumb .commonBox {
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
}
.article__list .box .thumb .commonTitle {
  display: block;
  font-weight: bold;
  font-size: 13px;
  padding: 10px 10px 5px;
  margin-top: -1px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .article__list .box .thumb .commonTitle {
    font-size: 11px;
  }
}
@media only screen and (max-width: 750px) {
  .article__list .box .thumb .commonTitle {
    font-size: 11px;
    margin-top: -1px;
    padding: 5px 5px 0px;
  }
}
.article__list .box .thumb .vol {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #009a5b;
  margin-top: 1px;
}
.article__list .box .thumb .vol span {
  font-size: 18px;
}
@media only screen and (max-width: 750px) {
  .article__list .box .thumb .vol span {
    font-size: 15px;
  }
}
.article__list .box .ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media only screen and (max-width: 750px) {
  .article__list .box .ttl {
    font-size: 14px;
  }
}
.article__list .box .post-categories {
  margin: 8px 0 5px;
}
@media only screen and (max-width: 750px) {
  .article__list .box .post-categories {
    margin: 5px 0 2px;
  }
}
.article__list .box .post-categories a {
  font-size: 13px;
  color: #8B8B8B;
}
@media only screen and (max-width: 750px) {
  .article__list .box .post-categories a {
    font-size: 10px;
  }
}
.article__list .box .seriesTitle {
  display: block;
  font-weight: normal;
  font-size: 13px;
  padding: 0px 0px 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .article__list .box .seriesTitle {
    font-size: 12px;
    padding: 0px 0px 5px;
  }
}
@media only screen and (max-width: 750px) {
  .article__list .box .seriesTitle {
    font-size: 10px;
    padding: 0px 0px 5px;
  }
}
.article__list .box .seriesTitle a {
  color: #122636;
}
.article__list .box .tagList {
  display: flex;
  flex-wrap: wrap;
}
.article__list .box .tagList li {
  margin-right: 6px;
  margin-bottom: 3px;
}
@media only screen and (max-width: 750px) {
  .article__list .box .tagList li {
    margin-right: 5px;
    margin-bottom: 2px;
  }
}
.article__list .box .tagList li a {
  display: inline-block;
  background-color: gray;
  border-radius: 4px;
  padding: 0 4px;
  color: gray;
  font-size: 13px;
}
@media only screen and (max-width: 750px) {
  .article__list .box .tagList li a {
    font-size: 11px;
    padding: 0 2px;
  }
}

/*----------------------------------------------------------------------------------
		 								privacy_area
------------------------------------------------------------------------------------*/
.privacy_area {
  width: 800px;
  margin: 30px auto 200px;
}
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .privacy_area {
    width: 80%;
    margin: 30px auto 150px;
  }
}
@media only screen and (max-width: 750px) {
  .privacy_area {
    width: 90%;
    margin: 30px auto 150px;
  }
}
.privacy_area ul {
  list-style: none;
  font-weight: 500;
  line-height: 1.8;
  overflow-wrap: break-word;
  margin-bottom: 50px;
  font-weight: "Noto Sans JP", sans-serif;
  font-size: 14px;
}
.privacy_area h1 {
  font-weight: bold;
  font-size: 30px;
}
.privacy_area h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 25px;
}
.privacy_area h3 {
  font-size: 15px;
  font-family: "Heebo", sans-serif;
  font-weight: 500;
  margin-top: 20px;
}
.privacy_area p {
  font-weight: 500;
  line-height: 1.8;
  font-size: 14px;
  margin-bottom: 50px;
}
.privacy_area .tit {
  text-align: center;
  margin-bottom: 80px;
}
.privacy_area .intro {
  margin-bottom: 40px;
}
.privacy_area .logo__kana {
  margin-top: 50px;
  text-align: right;
}
.privacy_area .logo__kana img {
  width: 50px;
}