@charset "utf-8";

/* ------------------------------------------------------------ */
/* 共通
/* ------------------------------------------------------------ */
.weaver-preview-menu,
.weaver-benchmark-menu { opacity: 1 !important; }

* {
}

html {font-size: 62.5%;}

body {
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
input {font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}

em {font-style: italic;}
strong {font-weight:bold;}
a {text-decoration: none;color: #1F2021;}
a:hover {alpha(opacity=50);opacity: 0.5;}
a.text:link {
  alpha(opacity=100);
  opacity: 1;
  text-decoration: none;
  color: #000;
}
a.text:visited{alpha(opacity=100);opacity:1;color:#999;}

#header-menu #category-bar2 a.text:visited,
#header-menu #category-bar.specialsite a:visited{color:#000;}

a.text:hover{
  alpha(opacity=100) !important;
  opacity: 1 !important;
  text-decoration: none;
  color: #c6c17d !important;
}

#top .contents-list a,
#top-footer-feature .feature-banner a,
#top-footer-serial .serial-banner a,
#feature-top .series a,
.side-main a,
.article-serialization a,
#article .author-detail,
#article .book-detail,
.same-category-article-list a,
#book .detail-sub .author-detail,
#author .detail-sub a{
  display: block;
}

/* ブロックリンク */
.block-links a,
a.block-link {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}
.block-links a:hover,
a.block-link:hover {
  text-decoration: none;
  opacity: .7;
}

.side-white-space {padding: 0 10px;}
.w-base {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.mw-base {min-width: 1220px;}
.tmpl-detail .w-base {width: 1026px;}
.tmpl-detail .mw-base {min-width: 1046px;}

/* 汎用 */
.right {float: right;}
.left {float: left;}
.w100p {width: 100%;}
.w88 {width: 88px;}
.w100 {width: 100px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.w280 {width: 280px;}
.w286 {width: 286px;}
.w405 {width: 405px;}
.w420 {width: 420px;}
.w640 {width: 640px;}
.w896 {width: 896px;}
.w900 {width: 900px;}
.m-top6 {margin-top: 6px;}
.m-top10 {margin-top: 10px;}
.m-top20 {margin-top: 20px;}
.m-top25 {margin-top: 25px;}
.m-bottom10 {margin-bottom: 10px;}
.m-bottom20 {margin-bottom: 20px;}
.m-bottom30 {margin-bottom: 30px;}
.m-bottom40 {margin-bottom: 40px;}
.m-right10 {margin-right: 10px;}
.m-right15 {margin-right: 15px;}
.m-right18 {margin-right: 18px;}
.m-right20 {margin-right: 20px;}
.m-right25 {margin-right: 25px;}
.m-left5 {margin-left: 5px;}
.m-left10 {margin-left: 10px;}
.m-left20 {margin-left: 20px;}
.m-left25 {margin-left: 25px;}
.m-auto {margin: auto;}
.p-whole5 {padding: 5px;}
.p-bottom20 {padding-bottom: 20px;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {font-size: 12px;font-size: 1.2rem;text-align: right;}
.bold {font-weight: bold;}
.notice {color: #d04354;padding-right:3px;}
.grey {color: #9a9a9a;}
.block {display: block;}
.hidden {display: none}
.sp-only {display: none;}
.v-align-top {vertical-align: top;}

/* 禁則処理 */
.p-matter {
  word-break:break-all;
  overflow-wrap: break-word;
}

/* 日付 */
.date-serif {
  color: #bdbdbd;
  font-family: 'Times New Roman', serif;
  white-space: nowrap;
}

.date {
  color: #bdbdbd;
  white-space: nowrap;
}

/* 二重線 */
.double-border {
  border-bottom: 2px solid #000;
  padding-bottom: 2px;
  margin-bottom: 1px;
}

.double-border > * {border-bottom: 1px solid #000;}
.double-border-reverse {border-bottom: 1px solid #000;padding-bottom: 2px;}
.double-border-reverse > * {border-bottom: 2px solid #000;}
/* 下線 */
.border {border-bottom: 1px solid #000;/* margin-bottom: 10px; */}

/*floatの解除*/
.clearfix:after {
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:"";
}

/* アローリンク */
.arrow-link {
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
}

.arrow-link .arrow-left {
  margin: 0 -10px 0px 2px;
  font-weight: lighter;
}

.arrow-link .arrow-right {
  font-weight: bold;
}

/* テキストの折り返し省略 */
/* FirefoxやIEでは複数行は効かないのでプログラム側で実施
.text-abridgement {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
*/

/* リスト順番あり */
ol.number {
  /*カウントリセット*/
  counter-reset: li;
}

ol.number li {
  list-style:none;
  position: relative;
  min-height: 2.5em;
  padding-left: 2em;
  margin: .5em 0;
}

ol.number li:before {
  /*カウンターのインデックスを挿入*/
  content:counter(li);

  /*ナンバリングを生成*/
  counter-increment:li;

  position: absolute;
  left: 0;
  color: #bababa;
  font-size: 25px;
  font-size: 2.5rem;
  font-family: 'Times New Roman', serif;
}
#top ol.number li:before {
  font-size: 30px;
  font-size: 3.6rem;
  margin-left: 5px;
  margin-bottom:10px;
}

/* リンク矢印 */
.link-arrow-right,
.link-arrow-left {
  font-size: 0.7em;
  display: inline-block;
  width: 1em;
  height: 1em;
  transform: rotate(-45deg);
  position: relative;
}

.link-arrow-right:after,
.link-arrow-left:after {
  content:"";
  display: inline-block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: .3em;
  left: .3em;
}

.link-arrow-right {
  border: 1px solid;
  border-left: none;
  border-top: none;
  margin-right: 1em;
}

.link-arrow-right:after {
  border: 2px solid;
  border-left: none;
  border-top: none;
}

.link-arrow-left {
  border: 2px solid;
  border-right: none;
  border-bottom: none;
  margin: 0 .5em;
}

.link-arrow-left:after {
  border: 1px solid;
  border-right: none;
  border-bottom: none;
}
/* 記事一覧 */
.article-content {
  width: 184px;
  float: left;
  margin-left: 38px;
}

.article-content:nth-child(1) {margin-left: 0;}
#top .category-article .article-content:nth-child(1) {margin-left: 0;}
#category .article-content:nth-child(4n+1) {clear: both;margin-left: 0;}
.article-content .article-img {
  width: 184px;
  border: 1px #dcdcdc solid;
  margin-bottom:3px;
}

.article-content .article-height {margin-bottom: 10px;}
.article-content .author-img {
  float: right;
  width: 184px;
  margin-bottom: 5px;
}
.article-content .article-height .date-line {padding: 3px;}
.article-content .new-label {vertical-align: middle;margin-right: 1em;}
.article-content .date {
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
}

.article-content .article-title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}

.article-content .remove-clipping{color: #bababa;}

.article-content .remove-clipping img,
.article-content .remove-clipping span {
  vertical-align: middle;
}

.article-content .remove-clipping img {padding-right: 5px;}

/* 記事一覧end */


/* 記事一覧テンプレート */
.article {width: 269px;float: left;margin-left: 20px;}
.article:nth-child(1) {margin-left: 0;}
#top .category-article .article:nth-child(1) {margin-left: 0;}
#category .article:nth-child(3n+1) {clear: both;margin-left: 0;}
.article .article-img {width: 269px;border: 1px #dcdcdc solid;margin-bottom:3px;}
.article .article-height {margin: 5px;line-height: 20px;}
.article .author-img {
  float: right;
  width: 80px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.article .article-height .date-line {padding: 3px;}
.article .new-label {vertical-align: middle;margin-right: 1em;}
.article .date {font-size: 12px;font-size: 1.2rem;color: #000;}
.article .article-title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}
.kamehameha {margin-left: 5px;width: 24px;}
.member {
  font-size: 11px;
  font-size: 1.1rem;
  margin-left: 2px;
  font-family: 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;
}
.article .remove-clipping{color: #bababa;}
.article .remove-clipping img,
.article .remove-clipping span {
  vertical-align: middle;
}
.article .remove-clipping img {padding-right: 5px;}

/* 記事テンプレート */
ul.article-tpl {margin: 1.5em 0 1em;}
ul.article-tpl li {margin: 5px 0;}
ul.article-tpl li span {
  display: inline-block;
  width: 205px;
  padding-right: 5px;
  vertical-align: middle;
}
ul.article-tpl li img {
  vertical-align: middle;
  border: 1px solid #000;
}

/* 記事目次 */
#article-body .article-index{
  background: #f1f3fb;
  margin: 25px 0;
  padding: 20px;
}

#article-body .article-index .article-index__title{
  font-size: 1.54rem;
  font-weight: bold;
}

#article-body .article-index .article-index-item__h2{
  font-weight: bold;
  margin-left: .5em;
}

#article-body .article-index .article-index-item__h3{
  margin-left: 1em;
}

/* 記事内テーブル */
.l-scroll-x {
  overflow-x: auto;
}

.article-table{
  text-align: center;
  table-layout: fixed;
  font-size: 14px;
  border-collapse: collapse;
  border-spacing: 0;
}
.article-table-heading,
.article-table-content{
  vertical-align: middle;
  border: 1px solid #D3D3D3;
  padding: 10px;
  word-wrap: break-word;
}
.article-table-heading{
  background: #F2F2F2;
  white-space: nowrap;
  padding: 0 2px;
  font-weight: bold;
}
.article-table-content img{
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.article-table-cap {
  margin-top: 0;
}

/* MORE */
.more-label {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  padding: .4em 1em;
  color: #fff;
  border: 1px solid #fff;
  background-color: rgba(0,0,0,0.5);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* カテゴリメニュー */
div.category-menu {
  margin-bottom: 35px;
}
div.category-menu ul.category-menu {
  white-space:nowrap;
  overflow: hidden;
  font-size: 0;
  display:table;
}
ul.category-menu li {
  margin-right: 2px;
  display: inline-block;
}
ul.category-menu li a {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  /* line-height: 30px; */
  /* line-height: 3.0rem; */
}
ul.category-menu li:nth-child(1) a{padding: 2px 18px;}
#top ul.category-menu li:nth-child(1) a {padding: 2px 0px;}
ul.category-menu li:nth-child(3) a,
ul.category-menu li:nth-child(7) a,
ul.category-menu li:nth-child(9) a,
ul.category-menu li:nth-child(8) a{
  padding: 2px 12px;
}
ul.category-menu li:nth-child(4) a,
ul.category-menu li:nth-child(5) a,
ul.category-menu li:nth-child(6) a,
ul.category-menu li:nth-child(11) a{
  padding: 2px 12px;
}
ul.category-menu li:nth-child(10) a,
ul.category-menu li:nth-child(12) a,
ul.category-menu li:nth-child(13) a,
ul.category-menu li:nth-child(14) a{
  padding: 2px 21px;
}

#top ul.category-menu li:nth-child(7) a,
#top ul.category-menu li:nth-child(10) a,
#top ul.category-menu li:nth-child(12) a,
#top ul.category-menu li:nth-child(13) a,
#top ul.category-menu li:nth-child(14) a{
  padding: 2px 3px;
}
ul.category-menu li:nth-child(2) a{line-height:17px;padding: 2px 12px;}
div.category-menu ul.category-menu li{
  display:table-cell;
  vertical-align: middle;
  text-align:center;
  height: 38px;
  width:82px;
  margin-right:3px;
  border-right: 3px solid #fff;
}

  div.category-menu ul.category-menu li:nth-child(10){
  /*margin-right:0; */
  /*border-right:none; */
}

#top ul.category-menu {width: 1200px;}
#top ul.category-menu li {margin-right: 0;}
#top ul.category-menu li:nth-child(1) {margin-right: 1px;}
#top ul.category-menu li a {
  line-height: 41px;
  line-height: 4.1rem;
}
.category-short,
.category-short a {
  /* width: 101px; */
  width: 64px;
}
.category-long,
.category-long a {
  /* width: 133px; */
  /*width: 112px;*/
}
#top .category-short,
#top .category-short a {
  /*width: 115px;*/
}
#top .category-shorter,
#top .category-shorter a {
  width: 60px;
}
#top .category-long,
#top .category-long a{
  /*width: 115px;*/
}
.category-on {
  /* height: 35px; */
  opacity:0.5;
}
#top .category-on {
  /* height: 46px; */
  opacity:0.4;
}
/*
ul.category-menu li.category-on a {
  border-bottom: solid 2px #fff;
}
*/

/* サブカテゴリーメニュー */
div.sub-category-menu {
  margin-bottom: 30px;
}

#category-name {
  margin-bottom: 15px;
  float: left;
  font-size: 24px;
  font-size: 2.4rem;
  width: 190px;
  background-color: #fff;
}
#main .cf p.genre_description{
  clear:both;
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.4em;
}
#main .cf p.subgenre_description{
  clear:both;
  margin-top: 15px;
  font-size: 1.6rem;
  line-height: 1.4em;
}

.sub-category-menu ul li {float: left;}
.sub-category-menu li a {
  display: block;
  border-style: solid;
  border-width: 1px;
  margin-right: 10px;
  margin-bottom: 5px;
  line-height: 22px;
  padding: 0 1em;
}
.sub-category-on {background-color: #fff !important;}

/* メルマガ */
.mailmagazine {
    border: 5px solid #d9d9d9;
    padding-bottom: 5px;
    text-align: center;
}
#side .mailmagazine{margin-bottom: 20px;}

.mailmagazine img {
   /* width:180px; */
   width:70%;
   padding-top:10px;
}
.mailmagazine p {padding: 10px 20px;}
.mailmagazine .mag-title {color: #767676;}
.mailmagazine .mag-links {text-align: center;margin-bottom:10px;}
.mailmagazine .button {
  width: 90px;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 3;
  color: #fff;
}
.mailmagazine .button:hover {
  alpha(opacity=80) !important;
  opacity:0.8 !important;
}
.mailmagazine .gold {
  background-color: #c4b780;
  margin-right: 11px;
}
.mailmagazine .gray {
  background-color: #9e9e9e;
  margin-left: 11px;
}
#top .mailmagazine .gold {
  margin-right: 0 !important;
}
#top .mailmagazine .gray {
  margin-left: 2px
}
.mailmagazine .mag-description {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.4;
  /* padding-bottom: 16px; */
  text-align: left;
  padding: 10px 20px 6px;
}
.mailmagazine .button {
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2;
    width: 246px;
}
/* プレゼント201612 */
.mailmagazine .present{
  width:100%;
  text-align:center;
  /* margin-bottom: 8px; */
}
.mailmagazine .present .text{
  color: #000;
  font-size: 1.2rem;
  line-height: 1.2;
  display: inline-block;
  padding-top: 3px;
}
.mailmagazine .present img{
  width:100px;
  padding-top: 0;
  box-shadow: 4px 4px #dcdcdc;
}

/* カメハメハ倶楽部 */
.kamehameha-club {
    /* border: 5px solid #d9d9d9; */
    border: 5px solid #e0aaaa;
    padding-bottom: 10px;
    text-align: center;
}
.kamehameha-club .kamehameha-club-image img {
  /* width: 180px; */
  width:290px;
  padding-top: 10px;
  margin: 10px auto;
}
.kamehameha-club .kamehameha-seminar-info{
  /* position: relative; */
  width:60%;
  background: #e0aaaa;
  /* border: 4px solid #e0aaaa; */
  margin: 0 auto 20px;
  color:#fff;
  padding:12px;
  border-radius: 8px;
  font-weight:bold;
}
/*
.kamehameha-club .kamehameha-seminar-info:before {
  bottom: 113%;
  left: 42%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.kamehameha-club .kamehameha-seminar-info:before {
  border-bottom: 10px solid #e0aaaa;
  border-left: 10px solid transparent;
}
*/
.kamehameha-club .kamehameha-seminar-list {
  margin-top:20px;
  padding: 0 10px;
}
.kamehameha-club .kamehameha-seminar-list ul li{
  margin:10px 0;
  padding:0 5px 10px;
  border-bottom:dotted 2px #e0aaaa;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0.4px;
}
.kamehameha-club .kamehameha-seminar-list ul li.kamehameha-seminar-info{
  margin:14px auto;
  border-bottom:none;
  text-align: center;
  padding:12px;
  letter-spacing: 0;
  width: 64%;
  line-height: 1;
  display: inline-block;
}

.kamehameha-club .kamehameha-seminar-list ul li a{
  /* padding:0 5px; */
}
.kamehameha-club p {
  padding: 10px 11px;
}

.kamehameha-club .mag-title {
  color: #767676;
}

.kamehameha-club .mag-links {
  text-align: center;
  margin-bottom:10px;
}
.kamehameha-club .button:hover {
  alpha(opacity=80) !important;
  opacity:0.8 !important;
}
.kamehameha-club .gold {
  background-color: #c4b780;
  margin-right: 11px;
}
.kamehameha-club .gray {
  background-color: #9e9e9e;
  margin-left: 11px;
}
#top .kamehameha-club .gold {
  margin-right: 8px;
}
#top .kamehameha-club .gray {
  margin-left: 2px
}
.kamehameha-club .mag-description {
    color: #000;
    font-size: 1.2rem;
    line-height: 1.5;
    padding-bottom: 20px;
    text-align: left;
}
.kamehameha-club .button {
    border-radius: 5px;
    color:#000;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 2;
    width:180px;
}
.kamehameha-club .mag-links:nth-of-type(2) .button {
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    width: 180px;
    background-color: #cc0000;
    line-height: 2.5;
}
/* ------------------------------------------------------------ */
/* ヘッダ
/* ------------------------------------------------------------ */

#header {
  margin: 0 auto;
}

.base-width {
  width: 1026px;
}

.tmpl-list .base-width {
  width: 1200px;
}

#header-top {
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  font-size: 1.2rem;
}

#header-subtitle {
  text-align: center;
  margin-top: 35px;
  /*margin-top: 30px;*/
  font-family: 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;
}

#header-links .icon-login {
  vertical-align: sub;
}

#header-top a.social-button {
  margin-right: 10px;
}

#header-top a.social-button i {
  font-size: 2rem;
  vertical-align: sub;
}

#header-logo {
  text-align: center;
  margin-top: 10px;
}

#header-menu {
  text-align: center;
  margin-top: 30px;
}

#header-menu a {
  /*margin: auto 16px;*/
  margin: auto 5px;
}
#category-bar {
  position: relative;
  margin-bottom: 10px;
}
#category-bar2 {
  margin-bottom: 10px;
}
#category-bar .theme-special-links {
  margin: 10px 0;
}
#category-bar .theme-special-links .naturalenergy {
  /* color: #f6834c; */
}
#header-bottom .m-auto {
  margin-bottom: 5px;
}

#header .date-serif {
  font-size: 24px;
  font-size: 2.4rem;
  color: #000000;
  padding-bottom:7px;
  position: absolute;
  bottom: -8px;
  left: 0;
}
#current-authorixed {
  margin-right: 1rem;
}
#header-kamelogo-login,
#header-kamelogo_logout {
  margin: 0px 1rem -0.4rem 0;
  display: inline-block;
}
#kamehameha-login {
  background: url("/common/ggo/images/v1/icon_mail_magazine.png") no-repeat;
  padding-left: 3rem;
  background-size:26px auto;
}
#kamehameha-logout img{
  vertical-align: text-top;
}
#kamehameha-login:hover {
  color: #C6C17D !important;
  text-decoration: none !important;
  background: url("/common/ggo/images/v1/icon_mail_magazine_gold.png") no-repeat;
  background-size:26px auto;
}
#kamehameha-logout {
  background: url("/common/ggo/images/v1/icon_mail_magazine.png") no-repeat;
  padding-left: 3rem;
  background-size:26px auto;
  margin-right:20px;
  color: #7f7f7f;
}
#kamehameha-logout:hover {
  color: #C6C17D !important;
  text-decoration: none !important;
  background: url("/common/ggo/images/v1/icon_mail_magazine_gold.png") no-repeat;
  background-size:26px auto;
}
#kamehameha-logout img {
  margin-right: 5px;
}

#favorite_list_link {
  color: #ca0002;
  margin-right: 20px;
}

/* 変更部分追加 */

#header-bottom {
  margin-bottom: 5px;
}
#kamehameha-login {
  margin-right:20px;
}
#kamehameha-member {
  margin-right:40px;
}
#gentousya-detail {
  margin-left:10px;
}
#sns-color-facebook:hover {
  color:#3a589e;
}
#sns-color-twitter:hover {
  color:#00aced;
}
#sns-color-fa-rss:hover {
  color:#ffa500;
}


/* ------------------------------------------------------------ */
/* フッタ
/* ------------------------------------------------------------ */
#footer {
  margin: 0 auto;
  text-align: center;
  /* padding-top:40px; */
}

#footer-logo {
  margin: 20px auto;
}

#footer-links {
  text-align: center;
  margin: 18px 0 10px 0;
  line-height: 170%;
}

#footer-links a {
  text-decoration: none;
  color: #000000;
  font-size: 11px;
  font-size: 1.1rem;
  margin: auto 15px;
}

#footer-menu {
  text-align: center;
  margin: 10px 0;
}

#footer-menu a {
  margin: auto 16px;
}

#copy-right {
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  padding: 12px 0;
  font-size: 11px;
  font-size: 1.1rem;
}

/* mainContainer */
#main-container {
  margin: 0 auto;
}
#top-main-container {
  margin: 0 auto;
  background-color: #fff;
}
#top-container-area {
    width: 100%;
    background-color: #000;
    /* margin: 1px auto 0; */
    /* padding: 25px 0px; */
}
#top-main-container.w-base {
  padding-left: 0;
  padding-right: 0;
}


/* main */
#main {
    float: left;
    margin-top: 10px;
}
#top-main {
    float: left;
    margin: 10px 0 0 20px;
    width:850px;
}
#top-main-side {
    float: right;
    margin: 10px 8px 0 0;
    width:300px;
}

.article-list-style ul,.article-list-style ol {
  font-size: 1.54rem;
  list-style-position: inside;
}

.article-list-style ul{
  list-style-type: disc;
}

.article-list-style ol {
  list-style-type: decimal;
}


/* ------------------------------------------------------------ */
/* サイドメニュー
/* ------------------------------------------------------------ */
#side {
  width: 326px;
  float: right;
  margin-bottom: 30px;
}
.side-content{
  margin-bottom: 20px;
}
#access-ranking .side-main {
  padding-left: 10px;
  padding-top: 10px;
}

/* 20170731 */
#main.article-detail-main #access-ranking.article-related {
  margin-top: 40px;
}

/* サイド共通記事テンプレート */
.article-tmpl-right {
  margin-top: 10px;
}
.article-tmpl-right dt {
  float: left;
  width: 60px;
    vertical-align: middle;
}
.article-tmpl-right img {
  width: 58px;
  border: 1px solid #f1f3fb;
  vertical-align: middle;
}
.article-tmpl-right p {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    font-size: 1.3rem;
    line-height: 1.2;
}
.article-tmpl-right div {
    width: 225px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
.article-tmpl-right p:nth-of-type(2) {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    font-size: 1.4rem;
    line-height: 1.2;
}
.article-tmpl-left {
  margin-top: 5px;
}
.article-tmpl-left dt {
  float: left;
  width: 90px;
}
.article-tmpl-left dt img {
  width: 60px;
  vertical-align: middle;
}
.article-tmpl-left dd {
  margin-left: 126px;
  padding: 5px 0 5px 5px;
}
/* サイドバナー */
#side .side-banner img {
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
  /* width: 300px; */
}
/* アクセスランキング */
#access-ranking ol.number {
  margin: 10px 0;
}

#access-ranking ol li a {
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.4rem;
}

/* 特集 */
#special-feature .date-serif {
  font-size: 22px;
  font-size: 2.2rem;
  margin: 14px 0;
  color: #bdbdbd;
}

#special-feature .feature-title {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  padding: .8em 0;
  font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}

/* 特集バックナンバー */
#special-feature-backn img {
  width: 100%;
}
#special-feature-backn dl {
  font-size: 20px;
  font-size: 2rem;
  padding: 3px 0 15px;
}

#special-feature-backn dt {
  float: left;
  width: 3.5em;
}

#special-feature-backn dd {
  /* padding-left: 3.5em; */
  line-height: 20px;
  line-height: 2rem;
}

#special-feature-backn dd span{
  font-size: 14px;
  font-size: 1.4rem;
}

/* セミナー情報 */
.seminar-box {
  border:1px solid #bbb24e;
  padding:15px;
  border-radius:5px;
  background-color:#fcfcfc;
  margin-bottom: 20px;
  font-size: 1rem;
}
/* 20160307追加 */
#main-seminar{margin-top: 40px;}

.seminar-box2 {
  border-radius:5px;
  background-color:#fcfcfc;
  margin-bottom: 20px;
  font-size: 1rem;
}
.seminar-box2 .link-button {
  text-align: center;
  margin-bottom: 10px;
}
.seminar-box2 .link-button a {
  display: inline-block;
  font-size: 1.4rem;
  padding: .8em 4em;
  text-align: center;
  width: auto;
  background-color: #bbb24e;
  border: 2px solid #fff;
  border-radius: 5px;
  color: #fff;
}
.seminar-box2 .link-button a {
  padding: .8em 1em;
}

.seminar-box.side-seminar {
  font-size: 0.9rem;
  margin-top: 20px;
}
.seminar-box .labels {
  margin-bottom: 10px;
}
.seminar-box .labels * {
  font-size: 120%;
  padding: .6em 1em;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  text-align: center;
}
.seminar-box .category-label {
  border: 2px solid #bbb24e;
}
.seminar-box .fee-label {
  background-color: #fff;
  border: 2px solid #bbb24e;
  margin-left: 10px;
}
.seminar-box .organizer {
  float: right;
}
.seminar-box .category-label-side {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #bbb24e;
  padding: 15px 0 20px;
}
.seminar-box .seminar-title {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 5px;
}
.seminar-box.side-seminar .seminar-title {
  font-size: 1.6rem;
}
.seminar-box .seminar-sub-title {
  font-size: 140%;
  line-height: 1.3;
  margin-bottom: 5px;
}
.seminar-box .detail {
  border: none;
  border-collapse: separate;
  border-spacing: 1em;
  margin-left: -1em;
  margin-bottom: 10px;
}
.seminar-box .detail {
  border-spacing: .5em;
  margin-left: -0.5em;
}
.seminar-box .detail th,
.seminar-box .detail td {
  text-align: left;
}
.seminar-box .detail td {
  font-size: 140%;
}
.seminar-box .detail th span {
  font-size: 1.1rem;
  padding: 0.5em 1em;
  text-align: center;
  width: auto;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
}
.seminar-box.side-seminar .detail th span {
  padding: 0.3em 1em;
}
.seminar-box .detail td {
  line-height: 1.8;
}
.seminar-box .link-button {
  text-align: center;
  margin-bottom: 10px;
}
.seminar-box .link-button a {
  display: inline-block;
  font-size: 1.3rem;
  padding: .8em 4em;
  text-align: center;
  width: auto;
  background-color: #bbb24e;
  border: 2px solid #fff;
  border-radius: 5px;
  color: #fff;
}
.seminar-box.side-seminar .link-button a {
  padding: .8em 2em;
}
/* 為替 */
#side #side-exchange .side-main #div_RT000DCMC{
  padding-bottom: 20px;
  padding-left: 20px;
}
#side #side-exchange .side-main #div_RT000DCMC table{
  margin-top: 15px;
  border-collapse: separate;
  border-spacing: 8px;
}
#side #side-exchange .side-main #div_RT000DCMC table tr:nth-child(1) td{
  text-align: center !important;;
}

/* 最新記事 */
#side-latest-article .side-main {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* 人気記事 */
#side-pop-article .side-main {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* ------------------------------------------------------------ */
/* ジャンル（カテゴリ）
/* ------------------------------------------------------------ */
/* 最新 */
.saisinn-color {
  background-color: #d00022;
}

/* 相続  */
#article-body .genre-inherieance{
  background-color: #bbb24e;
  border-color: #bbb24e;
}
.genre-inheritance {
  background-color: #bbb24e;
  color: #bbb24e;
  border-color: #bbb24e;
}
.sub-genre-inheritance {
  background-color: #e0ddc0;
  color: #bbb24e;
  border-color: #e0ddc0;
}

/* 不動産 */
#article-body .genre-realestate {
  background-color: #65a171;
  border-color: #65a171;
}
.genre-realestate {
  background-color: #65a171;
  color: #65a171;
  border-color: #65a171;
}
.sub-genre-realestate {
  background-color: #cfe1d1;
  color: #65a171;
  border-color: #cfe1d1;
}

/* 海外活用  */
#article-body .genre-oversea {
  background-color: #5c60a2;
  border-color: #5c60a2;
}
.genre-oversea {
  background-color: #5c60a2;
  color: #5c60a2;
  border-color: #5c60a2;
}

.sub-genre-oversea {
  background-color: #d0d3e6;
  color: #5c60a2;
  border-color: #d0d3e6;
}

.sub-genre-overseas-realestate {
  background-color: #d0d3e6;
  border-color: #d0d3e6;
  color: #fff;
}
.sub-genre-overseas-realestate.sub-category-on {
  color: #d0d3e6;
}

/* 生命保険 */
#article-body .genre-insurance {
  background-color: #cb5e50;
  border-color: #cb5e50;
}
.genre-insurance {
  background-color: #cb5e50;
  color: #cb5e50;
  border-color: #cb5e50;
}

.sub-genre-insurance {
  background-color: #edcdca;
  color: #cb5e50;
  border-color: #edcdca;
}

#article-body .genre-overseas-realestate,
.genre-overseas-realestate {
    background: #00cc66;
    border-color: #00cc66;
}
.genre-overseas-realestate {
    color: #00cc66;
}
#article-body .genre-encryption,
.genre-encryption {
     background: #DC143C;
    border-color: #DC143C;
}
.genre-encryption {
  color: #DC143C;
}

#article-body .genre-ope,
.genre-ope {
    background: #d2691e;
    border-color: #d2691e;
}
.genre-ope {
  color: #d2691e;
}

#article-body .genre-education,
.genre-education {
    background-color: #497cac;
    border-color: #497cac;
}
.genre-education {
  color: #497cac;
}

#article-body .genre-health,
.genre-health  {
    background-color: #3fa2a8;
    border-color: #3fa2a8;
}
.genre-health  {
  color: #3fa2a8;
}

#article-body .education-color,
.education-color {
    background-color: #497cac;
    border-color: #497cac;
}

#article-body .health-color,
.health-color {
    background-color: #3fa2a8;
    border-color: #3fa2a8;
}

#article-body .genre-business,
.genre-business {
    background: #960;
    border-color: #960;
}
.genre-business {
    color: #960;
}

.genre-education-block{
  display:none;
}

.genre-health-block{
  display:none;
}
.genre-realestate-block .sub-genre-realestate{
  background-color: #e0ddc0;
  border-color: #e0ddc0;
  color:#65a171;
}

.genre-overseas-realestate-block .sub-genre-overseas-realestate{
  background-color: #e0ddc0;
  border-color: #e0ddc0;
  color:#00cc66;
}

.genre-business-block .sub-genre-business{
  background-color: #e0ddc0;
  border-color: #e0ddc0;
  color:#960;
}
.sub-genre-business{
  background-color: #e0ddc0;
  border-color: #e0ddc0;
  color:#960;
}

.genre-encryption-block .sub-genre-encryption{
  background-color: #e0ddc0;
  border-color: #e0ddc0;
  color:#DC143C;
}
.sub-genre-encryption{
  background-color: #F5CFE0;
  border-color: #F5CFE0;
  color: #DC143C;
}
.sub-genre-encryption.category-label{
  color: #DC143C;
}

.genre-ope-block .sub-genre-ope{
  background-color: #e0ddc0;
  border-color: #e0ddc0;
  color:#d2691e;
}
.sub-genre-ope{
  background: #EDD0BB;
  border-color: #EDD0BB;
  color: #C46F32;
}
.sub-genre-ope.category-label{
  color: #C46F32;
}
/* 資産運用 */
#article-body .genre-investment {
  background-color: #4d8998;
  border-color: #4d8998;
}
.genre-investment {
  background-color: #4d8998;
  color: #4d8998;
  border-color: #4d8998;
}

.sub-genre-investment {
  background-color: #c7d9dd;
  color: #4d8998;
  border-color: #c7d9dd;
}

/* 税金 */
#article-body .genre-tax {
  background-color: #88836d;
  border-color: #88836d;
}
.genre-tax {
  background-color: #88836d;
  color: #88836d;
  border-color: #88836d;
}

.sub-genre-tax {
  background-color: #c2c0b5;
  color: #88836d;
  border-color: #c2c0b5;
}

#article-body .genre-operation {
  background-color: #d2691e;
  border-color: #88836d;
}
.genre-operation {
  background-color: #d2691e;
  color: #88836d;
  border-color: #88836d;
}

/* その他 */
#article-body .genre-other {
  background-color: #a7a7a7;
  border-color: #a7a7a7;
}
.genre-other {
  background-color: #a7a7a7;
  color: #a7a7a7;
  border-color: #a7a7a7;
}
.kasoutouka {
    background-color: #5ecedd;
    color: #a7a7a7;
    border-color: #a7a7a7;
}
.sub-genre-other {
  background-color: #d2d1d2;
  color: #a7a7a7;
  border-color: #d2d1d2;
}


.sub-genre-health {
  background-color: #3fa2a8;
  color: #fff;
  border-color: #3fa2a8;
  display:none;
}

.sub-genre-health a span,.sub-genre-education a span{
  line-height: 4.1rem;
  color: #fff;
  padding: 4px 38px 4px;
  border: solid 2px #fff;
}

.sub-genre-education {
  background-color: #497cac;
  color: #fff;
  border-color: #497cac;
}

/* サブカテ一覧のナビ */
/* #article-body .health-color {
  background-color: #fff;
  border-color: #fff;
}
.health-color {
  background-color: #fff;
  color: #fff;
  border-color: #fff;
}
.education-color {
  background-color: #fff;
  color: #fff;
  border-color: #fff;
} */
/*
.health-color a span,.education-color a span{
    color: #fff;
    padding: 1px 15px 1px;
    border: solid 1px #fff;
}
*/


/* category label */
.category-label,
.serial-label {
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
  padding: 0.4em 0.8em;
}

.category-label {
  color: #fff;
}

.serial-label {
    border-width: 2px;
    border-style: solid;
    padding: .25em 1em;
    margin: 3px 10px 10px 0px;
}
.category-label.sub-genre-inheritance {
  color: #bbb24e;
}
.category-label.sub-genre-realestate {
  color: #65a171;
}
.category-label.sub-genre-oversea {
    color: #5c60a2;
}
.category-label.sub-genre-insurance {
  color: #cb5e50;
}
.category-label.sub-genre-investment {
  color: #4d8998;
}
.category-label.sub-genre-tax {
  color: #88836d;
}
.category-label.sub-genre-other {
  color: #a7a7a7;
}

.category-label.sub-genre-business {
  background:#e0ddc0;
  color: #8b0000;
}
/* 連載 label */
.serial-label {
  background-color: #fff;
}

/* NEW label */
.new-label {
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  padding: 3px 5px;
  color: #fff;
  background-color: #d00022;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  vertical-align: middle;
}

/* charge label */
.yahoo-charge {
  font-size: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 3px 5px;
  color: #fff;
  background-color: #d00022;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  vertical-align: top;
}

.sub-recommend-area .yahoo-charge, .category-list .yahoo-charge {padding: 2px 5px;}
.bottom-recommend-area .yahoo-charge{padding: 2px 5px;font-size: 1.2rem;}
.article-content .yahoo-charge{padding: 2px 5px;font-size: 1.2rem;}
.article.m-bottom10 .yahoo-charge{padding: 1px 5px;font-size: 1.2rem;line-height: 15px;}
.category-backnumber-list .yahoo-charge{padding: 1px 5px;font-size: 1.1rem;margin-left: 5px;}
.articleslist-content .yahoo-charge{padding: 1px 5px;font-size: 1.1rem;margin-left: 5px;}
.article-top-main .yahoo-charge{font-size: 1.5rem;display: block;width:31px;}
#anchor-backnumber .yahoo-charge{font-size: 1.2rem;padding: 1px 5px;}

/* 特集 label */
.special-feature-label {
  display: inline-block;
  border: 1px solid #666;
  background-color: #000;
  padding: .5em;
  border-radius: .2em;
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
}
.special-feature-label .tokushu {
  color: red;
  margin-right: .5em;
}
.special-feature-label .sfl-date {
  color: #ccc;
  margin-right: .5em;
}
.special-feature-label .sfl-name {
  color: #fff;
}

/* keyword */
.keyword-tag {
  display: inline-block;
  padding: 5px 10px;
  background-color: #ccc;
  color: #fff;
  font-size: 90%;
  margin: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* トピックス */
.topics-title {
  font-size: 1.2rem;
  text-align: center;
  line-height: 2.5;
}
#top .topics-title {
  text-align: left;
  font-size: 1.6rem;
  line-height: 2;
}

.article-list-iso {
  margin: 15px 0;
}

.topic-image {
  width: 200px;
  vertical-align: middle;
  border: 1px solid #f1f3fb;
}

.article-list-iso .article-list-iso-detail {
  margin: 0 20px;
  width: 252px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.6;
}
.article-list-iso .article-list-iso-serial {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #999;
  margin-bottom: 10px;
}
.article-list-iso .article-list-iso-serial .notice {
  margin-right: 5px;
}

/* ------------------------------------------------------------ */
/* カテゴリー一覧、記事一覧
/* ------------------------------------------------------------ */
/* カテゴリーと記事一覧、書籍と著者一覧、連載一覧、特集一覧の共通タイトル */
.common-title {
  background-color: #000;
  margin: 0 auto 42px auto;
  line-height: 1.6;
  padding: 10px 0;
  position:relative;
}
#main-container #main .theme-menu{
  height:41px;
  float:right;
  margin-bottom: 20px;
}
#main-container #main .theme-menu ul li{
  float:left;
  font-size:1.4rem;
  margin-right:2px;
  width:90px;
  text-align:center;
  height:30px;
}
#main-container #main .theme-menu ul li.all{background-color: #000;}
#main-container #main .theme-menu ul li.health{background-color: #3fa2a8;}
#main-container #main .theme-menu ul li.health.current,#main-container #main .theme-menu ul li.education.current{
  height:40px;
  padding-top: 8px;
}
#main-container #main .theme-menu ul li.education{background-color: #497cac;}
#main-container #main .theme-menu ul li.health a,
#main-container #main .theme-menu ul li.education a{
  padding: 8px 30px;
  display: inline-block;
}
#main-container #main .theme-menu ul li.all a{
  padding: 8px 16px;
  display: inline-block;
}

#main-container #main .theme-menu ul li span{
  /* line-height: 3.2rem; */
  color:#fff;
  /* padding:6px 42px 7px; */
  /* border:solid 1px #fff; */
  /* border-right:solid 1px #fff; */
  /* border-bottom:solid 1px #fff; */
  /* border-radius: 0 0 12px 12px / 0 0 12px 12px; */
}
#main-container #main .theme-menu ul li.all span{
  /* line-height: 3.2rem; */
  color:#fff;
  /* padding:0; */
  /* border:none; */
  /* padding: 6px 14px 7px; */
}

.common-title .subcate-theme-menu{
  position: absolute;
  top:78px;
  left:49%;
}

.common-title .theme-back{
  position: absolute;
  top:78px;
  left:15%;
  background-color: #7b683b;
  border-radius: 0 0 12px 12px / 0 0 12px 12px;
  width:66px;
  height:41px;
  text-align:center;
}
.common-title .theme-back span{
  line-height: 4.1rem;
  font-size:1.4rem;
  color:#fff;
  padding:12px 15px 8px;
  border-left:solid 1px #fff;
  border-right:solid 1px #fff;
  border-bottom:solid 1px #fff;
  border-radius: 0 0 12px 12px / 0 0 12px 12px;
}
.common-title .subcate-theme-menu ul li{
  float:left;
  font-size:1.4rem;
  margin-right:2px;
  width:120px;
  text-align:center;
  height:34px;
}
.common-title .subcate-theme-menu ul li.health{
  background-color: #58b046;
  border-radius: 0 0 12px 12px / 0 0 12px 12px;
}
.common-title .subcate-theme-menu ul li.health.current{
  height:60px;
  background-color: #58b046;
  border-radius: 0 0 12px 12px / 0 0 12px 12px;
}
.common-title .subcate-theme-menu ul li.education{
  background-color: #07b2ea;
  border-radius: 0 0 12px 12px / 0 0 12px 12px;
}
.common-title .subcate-theme-menu ul li.education.current{
  height:60px;
  background-color: #07b2ea;
  border-radius: 0 0 12px 12px / 0 0 12px 12px;
}

.common-title .subcate-theme-menu ul li span{
  line-height: 3.1rem;
  color:#fff;
  padding:7px 41px 6px;
  border-left:solid 1px #fff;
  border-right:solid 1px #fff;
  border-bottom:solid 1px #fff;
  border-radius: 0 0 12px 12px / 0 0 12px 12px;
}





.common-title-box {
  width: 1200px;
  margin: auto;
}

.common-title p {
  color: #fff;
  width: 1200px;
  margin: auto;
  font-size: 36px;
  font-size: 3.6rem;
}
.common-title h1 {
  color: #fff;
  width: 1200px;
  margin: auto;
  font-size: 36px;
  font-size: 3.6rem;
}

#main .tag_description{
  margin-bottom: 15px;
  font-size: 1.6rem;
  line-height:1.5em;
}

#category .common-title p {
  width: 1200px;
}

/* category */

#category .sub-category p {
  color: #b6c06a; /* 仮 */
  float: left;
  font-size: 24px;
  font-size: 2.4rem;
  margin-right: 50px;
}

/* sub-category */
#category .sub-category {
  margin: 0 auto 20px auto;
}

#category .sub-category a {
  border: 1px #e1ddc0 solid;
  background-color: #e1ddc0; /* サブカテゴリ*/
  color: #fff;
  padding: 2px 10px;
  margin-right: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

/* ------------------------------------------------------------ */
/* 書籍一覧と著者一覧
/* ------------------------------------------------------------ */
/* index */
.index-main {
  margin-bottom: 100px;
  width: 850px;
}
.index {
  /*margin: 64px auto;*/
  margin: 0px auto;
}
.bottom-menu .index {
  clear: both;
  margin-bottom:0;
}
.index a,
.index p {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
}
.index p {
  font-size: 28px;
  font-size: 2.4rem;
  text-align: center;
  overflow: hidden;
}

.index a:hover {
  color: #fff;
  font-size: 28px !important;
  font-size: 2.8rem !important;
  font-weight: bold !important;
  background-color: #000;
  alpha(opacity=100) !important;
  opacity:1 !important;
}
.index a.current {
  color: #fff;
  font-size: 28px !important;
  font-size: 2.8rem !important;
  font-weight: bold !important;
  background-color: #000;
  alpha(opacity=100) !important;
  opacity:1 !important;
}


.index .on {
  font-size: 40px !important;
  font-size: 4.0rem !important;
  font-weight: bold !important;
  background-color: #e7e3c0;
  cursor: default;
}

.index-select {
  /*margin-top: 100px;*/
  margin-top: 30px;
  border-bottom: 2px solid #b5b5b5;
}

.index-select p {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  padding-bottom: 20px;
  border-bottom: 1px solid #b5b5b5;
}

/* book */
.b-a-common {
  /* width: 387px; */
  width:45%;
  /*border: 1px #ececec solid;*/
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-left: 12px;
  margin-top: 20px;
  float: left;
  padding: 15px;
}

.b-a-common:nth-child(2n-1) {
  clear: both;
  margin-left: 0;
}

.b-a-common .book-img {
  width: 110px;
  margin: 0 0 10px 10px;
}

.b-a-common .author-img {
  width: 68px;
  border: 1px #c0c0c0 solid;
  margin-left: 5px;
  margin-bottom: 5px;
}

.b-a-common .caption {
  min-height: 110px;
}

.b-a-common .title {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 5px;
}
.author .title {
  font-size: 22px;
  font-size: 2.2rem;
}


.b-a-common .b-a-sub {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
}

.b-a-common .common-s-c {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
}

.b-a-common .summary {
  color: #c0c0c0;
}

/* author */
#author-top .author {
  box-shadow: 2px 2px 3px #e7e7e7;
  -webkit-box-shadow: 2px 2px 3px #e7e7e7;
  -moz-box-shadow: 2px 2px 3px #e7e7e7;
}
.b-a-common .career {
  clear: both;
}

/* ------------------------------------------------------------ */
/* 連載一覧
/* ------------------------------------------------------------ */
/* sort */
#serialization .sort {
  margin: 10px 10px 20px 10px;
}

#serialization .sort a{
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 5px;
}

#serialization .sort-on {
  color: #b6c06a;/* ソート select時(仮) */
}

/* series-articles */
#serialization .series-column {
  width: 100%;
  margin-bottom: 20px;
}

#serialization .column-img {
  width: 120px;
  float: left;
}

#serialization .caption {
  width: 720px;
  margin-left: 10px;
  float: left;
}

#serialization .column-content {
  margin-bottom: 10px;
  line-height: 16px;
}

#serialization .column-title {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  border: 1px #c0c0c0 solid;
  background-color: #f1f3fb;/* 連載タイトル バックカラー(仮) */
  padding: 5px 10px;
  width: 698px;
  line-height: 1.2;
}

#serialization .author {
  font-weight: 600;
}

#serialization .column-summary {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

#serialization .new-article {
  color: #d04354;/* 最新記事 (仮) */
}

#serialization .article-title {
  font-size: 18px;
  font-size: 1.8rem;
}

#serialization .first {
  float: right;
  margin: 0 20px 0 20px;
  line-height: 2.0;
}

/* ------------------------------------------------------------ */
/* 連載
/* ------------------------------------------------------------ */
.column-pankuzu {padding-bottom: 30px !important;}
.column-title {
    background-color: #000;
    margin: 0 auto;
    line-height: 1.6;
    padding: 10px 0;
    font-family: 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;
}
.column-title h1 {
    color: #fff;
    width: 1200px;
    margin: auto;
    font-size: 36px;
    font-size: 3.2rem;
}
#main-container #main #column-name {
  margin-bottom: 15px;
  font-size: 24px;
  font-size: 3rem;
  background-color: #fff;
  font-weight: 700;
  display: block;
}
#main-container #main #category-head {margin-bottom: 30px;width:100%;}
#main-container #main #category-head #category-pic{width:45%;margin-bottom: 10px;float:left;}
#main-container #main #category-head .category-summary{font-size: 1.8rem;line-height: 1.6;float:left;width:55%;}
#main-container #main #category-head .category-summary p{padding-left:10px;}
#main-container #main .category-backnumber{margin-top: 30px;clear:both;}
/* #main-container #main .category-backnumber .category-backnumber-list{width: 640px;} */
#main-container #main .category-backnumber .category-backnumber-list li {margin: 5px 0;line-height: 1.6;}
#main-container #main .category-author-info{width:780px;margin:30px 40px 30px 30px;}
#main-container #main .category-author-info .author-name{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.8;
    color: #000;
    margin-left: 0;
}
#main-container #main .category-book{width:780px;margin:30px 40px 30px 30px;}
#category #main-container #main .small-title {
    font-size: 12px;
    font-size: 1.5rem;
    font-weight: 600;
    /* margin-bottom: 10px; */
    margin: 40px 0 10px;
}
/* 20170111 */
#category #main-container #main .article-banner {
    text-align: left;
    margin: 10px 0 10px 30px;
    display: inline-block;
}
#category #main-container #main .article-banner img{width:640px;}

/* 20161212 */
#column-list .column-content {
    width: 410px;
    margin: 30px 14px 0 0;
    float: left;
}
#column-list .column-content:nth-child(2n-1) {
    clear: both;
    margin-left: 0;
}
#column-list .column-content .author-name{
 clear: both;
 color:#000;
 font-size: 1.2rem;
}
#column-list .column-content .column-author-image{
  margin-right: 6px;
  width:116px;
}
#column-list .column-content .column-author-image{
  max-width:100%;
  max-height:100%;
}
#column-list .column-content .column-author-image img{
  width:116px;
}
#column-list .column-content .column-author-image .author-name span{
  font-size: 1rem;
  margin-left: 4px;
}
#column-list .column-content .column-detail{
  float: right;
  width: 286px;
}
#column-list .column-content .column-detail .keyword-tag{font-size:1.1rem;}
#column-list .column-content .column-detail .column-article-genre{
  font-size:1.1rem;
  clear:both;
  margin-bottom:6px;
  padding-top: 2px;
}
#column-list .column-content .column-detail p{font-size:1.1rem;}
#column-list .column-content .column-detail .column-name {
    background-color: #e8e8e8;
    padding: 6px;
    border-radius: 6px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    min-height:44px;
}
#column-list .column-content .column-detail .column-article-head {margin:4px 0;}

#column-list .column-content .column-detail .column-article-head .column-genre-title{
  float:left;
  font-size: 1.1rem;
  margin-top:2px;
}
#column-list .column-content .column-detail .column-article-head .column-article-number{
  float:right;
}
#column-list .column-content .column-detail .column-article-keyword .column-keyword-title{
  font-size: 1.1rem;
  display:block;
}
#column-list .column-content .column-detail .column-article-keyword .keyword-tag{margin: 2px 2px;}


/*
特集一覧
*/

/* contents */
#feature .contents {
  margin-bottom: 30px;
}

#feature .title-block {
  margin-bottom: 28px;
}

#feature .feature-date {
  font-size: 24px;
  font-size: 2.4rem;
  float: left;
}

#feature .feature-title {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  margin-left: 10px;
  width: 700px;
  float: left;
}

#feature .top-link {
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 40px;
  float: right;
}

.feature-img {
  width: 850px;
  margin-bottom: 10px;
}

.summary {
  font-size: 1.5px;
  font-size: 1.5rem;
  line-height: 1.6;
}

/* ------------------------------------------------------------ */
/* 特集TOP
/* ------------------------------------------------------------ */
/* 共通 */
#feature-top .m-tb-10 {
  margin: 10px 0;
}

#feature-top .m-rl-18 {
  margin: 0 18px;
}

/* 特集トップのサイドバー */
/* アクセスランキング */
#feature-top-access-ranking ol {
  padding: 10px;
}

#feature-top-access-ranking ol li a {
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.2rem;
}

/* 人気記事 */
#feature-top-side-pop-article ul.article-tpl li span {
  padding-right: 0;
  padding-left: 5px;
}

/* 特集バックナンバー */
#feature-top-special-feature-backn dl {
  font-size: 20px;
  font-size: 2rem;
  padding: 3px 0 15px;
}

#feature-top-special-feature-backn dt {
  float: left;
  width: 4.0em;
}

#feature-top-special-feature-backn dd {
  padding-left: 4.5em;
  line-height: 20px;
  line-height: 2rem;
}

#feature-top-special-feature-backn dt span {
  font-size: 24px;
  font-size: 2.4rem;
}

#feature-top-special-feature-backn dd span {
  font-size: 18px;
  font-size: 1.8rem;
}

#feature-top-special-feature-backn .backnum {
  margin: 1.5em 0 1em;
}

/* メールマガジン */
#feature-top .mail-magazine {
  margin-top: 10px;
  border: solid 5px #c0c0c0;
}

/* title */
#feature-top .main-title {
  margin : 0 0 0 50px;
}

#feature-top .sub-title {
  font-size: 80%;
  margin: 5px 0 0 220px;
}

/* main */
.main {
width:850px;
}
.main-width {
width:850px;
}
/* main-article */
#feature-top #main-article {
  margin-bottom: 50px;
}
#feature-top #main-article .caption p {
font-size: 1.5rem;
line-height: 1.6;
}
#feature-top .p-relative {
  position: relative;
}

#feature-top .position-c {
  position: absolute;
  color: #fff;
  height: 45px;
  width: 100%;
  bottom: 0;
}

#feature-top .position-c p{
  text-align: center;
  margin: 2px 0;
}

#feature-top .feature-sub-img {
  margin: 18px 0;
}

/* writing-team */
#feature-top #writing-team {
  margin-bottom: 60px;
}

#feature-top .small-title {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 10px;
}

#feature-top .footer-article .small-title {
    margin-bottom: 30px;
}

#feature-top .author {
  float: left;
  width: 440px;
  margin-bottom: 10px;
  margin-left: 16px;
}

#feature-top .author:nth-of-type(2n+1) {
  clear: both;
  margin-left: 0px;
}

/* footer-article */
#feature-top .article:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}

/* fodeer */
#feature-top .footer-contents {
  clear: both;
}

/* more */
.more {
  margin: 30px auto;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}

.view {
  display: inline-block;
  border: solid 2px #000;
   border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 520px;
  text-align: center;
  padding: 10px 36px;
}

.arrow-under {
  transform: rotate(45deg) !important;
  top: -6px;
}

/* related-books */
#feature-top #related-books {
  margin-bottom: 80px;
}

/* sns */
#feature-top .sns {
  text-align: center;
}

/* series */
#feature-top .series .feature-banner {
  float: left;
  margin-bottom: 20px;
  margin-left: 16px;
}

#feature-top .series .feature-banner:nth-of-type(2n+1) {
  clear: both;
  margin-left: 0px;
}

/* ------------------------------------------------------------ */
/* 著者、書籍紹介ページ
/* ------------------------------------------------------------ */
.author-detail-main {
  margin-top: 0 !important;
  width: 640px;
}

.book-detail-main {
  margin-top: 0 !important;
  width: 640px;
}

.detail-title {
  background-image:url(/common/ggo/images/v1/background_page_title.jpg);
  margin-bottom: 20px;
}

.detail-title .title-box {
  width: 1026px;
  margin: auto;
  position: relative;
  height: 75px;
  line-height: 75px;
}

.border-gray {
  border-color: #ccc;
}
.ab-topic-title {
  line-height: 2;
  font-weight: bold;
}

/* 書籍・著者共通 */
.ab-detail .title {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 20px 0;
}
.ab-detail .description {
/*.ab-detail .description > * {*/
  margin: 8px 0;
  line-height: 1.2;
}
.detail-sub .ab-detail .description > * {
  margin: 5px 0;
}
.ab-detail .description .summary {
  /*nt-size: 12px;*/
  font-size: 1.0em;
  margin: 40px 0;
  line-height: 1.8;
}
.book-detail-main .book-detail .description {
  margin-left: 220px;
}
.book-detail-main .book-detail .description .summary {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 40px 0;
  line-height: 1.8;
}
.ab-detail .affiliate a {
  display: inline-block;
  margin-right: 10px;
  margin-top:5px;
  margin-bottom: 5px;
}
.ab-detail .affiliate img {
  height: 18px;
  border: 1px solid #000;
  padding: 10px;
}
.ab-detail .affiliate img.book-affi-lazy {
  width: 73px;
  height: 18px;
}
.book-detail .title {
  /* margin-left: 1em !important; */
  text-indent: -1em !important;
}
.book-detail h1 {margin-bottom:20px;}
.detail-sub .description .summary {
  margin: 20px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}
.author-detail .description {
  font-size: 16px;
  font-size: 1.4rem;
}
.author-detail .summary {
  font-size: 13px;
  font-size: 1.3rem;
}
.author-detail .description .summary a{
  color:#0000CD;
}

/* 書籍ページ */
.book-detail-main .detail-main {
  margin-bottom: 60px;
}
.detail-main .book-detail .detail-image img {
  width: 200px;
  margin-right: 20px;
}

.detail-sub .author-detail .detail-image img {
  width: 100px;
  margin-left: 20px;
}
.detail-sub .author-detail .description {
  font-size: 14px;
  font-size: 1.4rem;
}

/* 著者ページ */
.authors-book-listing {
  margin-bottom: 30px;
}
.detail-main .author-detail .detail-image img {
  width: 180px;
  margin-left: 10px;
}
.detail-main .author-detail .detail-image img.author-detail-lazy-img{
  height: auto;
}
.detail-sub .book-detail .detail-image img {
  width: 100px;
  margin-right: 20px;
}

.detail-sub .book-detail .title {
  font-size: 24px;
  font-size: 2.4rem;
}
.detail-sub .book-detail .description {
  margin-left: 120px;
  font-size: 14px;
  font-size: 1.4rem;
}

.detail-sub .book-detail .summary {
  font-size: 12px;
  font-size: 1.2rem;
}

.detail-sub .book-detail {
  margin-top: 16px;
}

/* 掲載記事 */
#articleslist-warp {
  margin-top: 40px;
}

.contents .article {
  width: 206px;
  margin-left: 11px;
}

.contents .article .article-img {
  width: 204px;
}

.contents .article:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}

/*
.contents {
  margin: 20px 0;
}

.contents .article {
  width: 206px;
  margin-left: 11px;
}

.contents .article:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}

.contents .article .article-img {
  width: 204px;
}

/* ------------------------------------------------------------ */
/* TOP
/* ------------------------------------------------------------ */
/* トップ メイン*/
#top .content-kind {
    color: #000;
    font-size:110%;
    margin-top: 8px;
}

#top .new-feature-content img {
    height: 133px;
    width: 100px;
}

#top .contents-list {
    border-bottom: 1px dotted #ccc;
    margin-left: 20px;
    margin-top: 10px;
    padding-bottom: 8px;
    width: 850px;
}
#top .contents-list:nth-child(1){
  padding-top: 10px;
}
#top .contents-list-banner {
  width: 870px;
  display: block !important;
}
#top .contents-list-banner .top-banner{
  margin:20px 0 10px 20px;
}
#top .contents-list-more {
  margin-top: 6px;
}

.content-title {
    font-size: 1.8rem;
    line-height: 1.2;
    padding: .5em 0;
}

#top .new-feature-content .latest-feature-info {
    float: left;
    margin-left: 15px;
    width: 690px;
}

#top .new-feature-content .featuretop-summary {
    clear: none;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top: 0px;
}

#main-recommend {
    margin-right: 0px;
    width: 590px;
}
#main-recommend .sub-recommend-image.left {width: 200px;}
/* 20190314 */
#main-recommend .sub-recommend-image.left img{width: 200px;}
#main-recommend .serialization,
#main-recommend .content-title {padding-left:212px;}
#main-recommend .serialization .serial-sponsored-img {
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}
#main-recommend .serialization .serial-sponsored-title {
    padding-left: 4px;
    font-size: 10px;
    font-size: 1rem;
    margin: 0;
    color: #ffffff;
}

#main-recommend .bold {
  font-size:2.2rem;
  line-height: 1.2;
}
#main-recommend .author-name {margin-left: 0em;}
#main-recommend .date {
  font-size: 1.2rem;
  margin-left: 10px;
}
#main-recommend .featuretop-summary {
  font-size: 1.2rem;
  margin-top:10px;
  line-height: 1.4;
}
.sub-recommend {
    margin-top: 6px;
    /*width: 720px;*/
}
.sub-recommend .bold{
  font-size:1.9rem;line-height: 1.2;
}
/* 20190314 */
.sub-recommend .sub-recommend-image.left img{width: 92px;}
.bottom-recommend .bottom-recommend-image.left img{width: 78px;}

#top-main .category-list .sub-recommend {
    margin-top: 6px;
    width: 420px;
}
#top-main .category-list #category-block-sonota .sub-recommend {
  float:left;
}

#top .category-article div.left .article_border {
  border-bottom:1px dotted #ccc;
  padding-bottom:5px;
  margin-bottom:5px;
}
#top .category-article div.left .title-info-padding {
  padding:0;
}
#top .category-article div.left .numbering-title {
  color:#000;
  /*font-size:15px;*/
  font-size:14px;
  padding:5px;
  line-height: 1.6;
}
#main-recommend .sfl-block {
    font-size: 1.3rem;
    margin-bottom: 10px;
    padding-left: 212px;
}

.serialization {
    color: #9a9a9a;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom:5px;
}
#top-main .category-list .category-block .category-article .sub-recommend .sub-recommend-area .serialization {
    font-size: 1.3rem;
}
#top .new-feature-content .content-title {
    margin: 3px 0 0;
}

.top-special-feature .feature-summary {
    color: #000;
    font-family:"メイリオ";
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin-right:00px;
    padding: 0px  0px  10px  0px;
    width: 100%;
}

#top-special-feature-content nth-child(3) dl{
    float: left;
    padding: 10px 10px 10px 0px;
    width: 280px;
    margin-right: 10px;
}

.article-new .article-img-new {
    border: 1px solid #dcdcdc;
    margin-bottom: 3px;
    width: 186px;
}

.article-new {
    width: 186px;
    float: left;
    margin-left: 16px;
}

.article .article-height .date-line {
    padding-top: 3px;
}

.article .new-label {
    margin-right: 0px;
    vertical-align: middle;
}

#top .content-kind span {
    color: #d04354;
    margin-right: 8px;
    margin-left: 8px;
}

#main-recommend-area .new-label, .sub-recommend-area .new-label, #category-select .new-label {
    margin-left: 5px;
}

#main-recommend-area .date, .sub-recommend-area .date, #category-select .date {
    font-size: 1.2rem;
    margin-left:5px;
}

#top ol.number li::before {
    font-size: 3.2rem;
    margin-bottom: 10px;
    margin-left: 5px;
}

#access-ranking.top-access-ranking ol li a {
    padding-top: 10px;
    font-size: 1.4rem;
    line-height: 2.4;
}

#info-area {
  width: 100%;
  background-color: #000;
  margin: 1px auto 0;
  padding: 25px 0px 12px 0px;
  color: #fff;
}

#recommend {
  margin: 0 auto ;
  position: relative;
}
#info-area #recommend div:nth-child(1) .right{
  width: 580px;
}
#main-recommend,
.sub-recommend {
  position: relative;
  display: inline-block;
  color: #fff;
}

.recommend .serialization {
  margin-bottom: 5px;
}

.sub-recommend:nth-of-type(1) {
  margin-top: 0;
}
#category-block-sonota .sub-recommend{
  margin-top: 0;
}
#category-block-sonota .sub-recommend:nth-of-type(2n) {
  margin-left: 10px;
}
#category-block-sonota .sub-recommend:nth-of-type(2n+1) {
  clear:both ;
}

#main-recommend-image img {
  width: 100%;
}

#main-recommend-area {
  position: absolute;
  background-color: rgba(38,38,38,0.8);
  bottom: 0;
  width: 572px;
  padding: 10px;
  padding-bottom: 0;
}
#main-recommend .content-title {
  font-size: 20px;
  font-size: 2rem;
}

.author-name {
  color: #bdbdbd;
  font-size: 12px;
  font-size: 1.2rem;
}
#recommend .author-name {
  display: inline-block;
}
.category-author-name {
  font-size: 13px;
  font-size: 1.3rem;
  margin-left: 1em;
  display: inline-block;
}

.content-title .text-abridgement {
  -webkit-line-clamp: 3;
}

#main-recommend-area .new-label,
.sub-recommend-area .new-label,
#category-select .new-label {
  margin-left: 10px;
}
#main-recommend-area .date,
.sub-recommend-area .date,
#category-select .date {
  margin-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

#top .author-image {
  float: left;
  width: 92px;
}

/* トップサブ */

.sfl-block {
    font-size: 1.3rem;
    margin-bottom: 10px;
}
.bottom-recommend-area .sfl-block {
    margin-bottom: 5px;
}

#top .new-content .content-title {
  font-size: 110%;
  margin-left: 3px;
  margin-top: 8px;
}

#top .new-content .content-title p {
  line-height: 1.2;
  display: inline;
  margin-right: 35px;
}

#top .serialization-label {
  font-size: 68%;
  margin-top: 8px;
  color: #BDBDBD;
}

#top .serialization-label span:first-child  {
  color: #d04354;
  margin-right: 7px;
}

/* ジャンル別メイン */
#category-select {
  background-color: #fff;
  width: 1200px;
  float: left;
  margin-top: 10px;
  margin-bottom: 15px;
  min-height: 710px;
  clear: both;
  padding-bottom: 30px;
}

.sub-info {
  width: 590px;
  margin-top: 25px;
  margin-bottom: 40px;
  display: inline-block;
}

#special-feature .feature-side-title {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 14px;
  font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}

#special-feature .feature-side-summary {
  font-size: 12px;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 30px;
  color: #666;
  font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;

}

.sub-info .content-text {
  width: 280px;
  display: inline-block;
  margin-top: 25px;
  min-height: 50px;
}

#top .contents-list:nth-child(8) {
  width: 850px;
  margin-left: 20px;
  margin-top: 20px;
  padding-bottom: 10px;
  border: none;
}

#top .contents-list-link {
  border: none;
  float: right;
}

#top ul +.contents-list {
  margin-top: 30px;
}

#top .contents-list .content-title,
#top .contents-list .content-title .date-label {
  color: #000;
}

#top .contents-list .content-title .author-name,
#top .contents-list .content-title .kamehameha-only {
  color: #767676;
}

#top .content-kind span {
  color: #d04354;
  margin-right:8px;
}

#top .content-kind span.mailmember {
  color: #A19305;
  margin-right:8px;
  font-size: 1.2rem;
  margin-left:4px;
}
#top .content-kind img.mailmember {
  width:20px;
  margin-left: 4px;
}
.article .article-height img.mailmember {
  width:20px;
  margin-left: 4px;
}
.article-content .article-height span.mailmember, .article .article-height span.mailmember {
  color: #A19305;
  margin-right:8px;
  font-size: 1.2rem;
  margin-left:4px;
}


#top .arrow-link {
  width: 735px;
  margin: 50px 0 0 25px;
}

/* ジャンル別トップサイド */
#top .image-area {
  width: 300px;
  float: right;
  margin-left: -300px;
  margin-top: 80px;
  transform: translateX(-8px);
}
.pr-articles .bx-wrapper{
  margin-bottom: 20px;
}
#top .image-area .pr-articles{
  width: 300px;
  margin-top: 10px;
}
#top .image-area .pr-articles ul.articleslider{
  display:none;
}
#top .image-area .pr-articles .bx-viewport ul.articleslider {
    display: block !important;
}
/*
#top .image-area .pr-articles ul.articleslider li span{
  position: absolute;
  top:2px;
  right:2px;
  font-size: 1.5rem;
  font-weight: bold;
  border: solid 1px #fff;
}
*/

/*
#top .image-area > div {
  width: 300px;
  margin-top: 20px;
}
*/

/* トップメイン */
#category-select .new-feature-content {
  border: none;
  color: #000;
}

#top .new-feature-content .content-title {
  margin: 8px 0 0 0;
}

#top .new-feature-content img {
  width: 236px;
  height: 133px;
}

#top .new-feature-content .author-img {
  width: 66px;
  height: 88px;
  margin: 0 0 13px 13px;
}

#top .new-feature-content .latest-feature-info {
  width: 626px;
  margin-left: 15px;
  float: left;
}

#top .new-feature-content .featuretop-summary {
  clear: both;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 10px;
  line-height: 1.5;
}

/* アクセスランキング,特集 */
.top-main-content {
  width: 590px;
}
.top-special-feature dd p{
    font-size: 1.3rem;
    line-height: 1.2;
}
.top-access-ranking {
  float: left;
  width:420px;
  /*width:780px;*/
  margin-right:10px
}
.top-access-ranking ol {
  margin-top: 20px !important;
}
.top-access-ranking ol li {
  padding-left: 30px;
  /* margin: 1em 0; */
}

<?rb if /media_top/=~@helper.skin  ?>
<?rb end ?>

#top-main #special-feature {
  width: 850px;
  margin-top: 20px;
}
.top-special-feature {
  float: right;
}
.top-special-feature .date-serif {
  font-size: 26px !important;
  font-size: 2.6rem !important;
}
.top-special-feature .feature-title {
  padding: 0 0 20px !important;
}
.top-special-feature .feature-summary {
    color: #000;
    font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
    font-size: 12px;
    letter-spacing: 0.12em;
    line-height: 1.5;
    margin-right: 10px;
    padding-bottom:10px;
}
/*
.top-special-feature a {
    padding: 10px 10px 10px 0px;
    width: 280px;
}
#top-special-feature-content a:nth-of-type(1) {
    padding: 10px 10px 10px 0px;
    width: 280px;
    margin-right: 10px;
}
*/

.top-special-feature img {
  width: 92px;
}
.top-special-feature dt {
  float: left;
}
.top-special-feature dd {
  font-size: 1.4rem;
  line-height: 1.2;
  float: right;
  font-weight: normal;
  padding-left: 10px;
  width: 190px;
}
#top-special-feature-content a.top-special-item {
  width: 420px;
  margin: 10px 10px 0 0;
  position: relative;
}
#top-special-feature-content a:nth-child(2) {margin-right: 0;}
/* #top-special-feature-content a .special-article-image{height:220px;} */
#top-special-feature-content a .special-article-image img{
  width:100%;
  opacity:0.5;
  margin:0;
}
#top-special-feature-content a .special-title{
  position: absolute;
  top: 24px;
  padding: 8px 0 6px 10px;
  width:410px;
  /* min-height:48px; */
  color:#fff;
  font-size: 2rem;
  font-weight:bold;
  /* opacity: 0.8; */
}
#top-special-feature-content a .special-author-list {
    position: absolute;
    text-align:center;
    top: 110px;
    width: 100%;
    color: #fff;
    font-size: 1.6rem;
    background-color: #000;
    padding: 8px 0;
}
/*
#top-special-feature-content a .special-author{
  position: absolute;
  bottom: 0;
  padding: 6px 0;
  width:420px;
  min-height:120px;
  color:#fff;
  font-weight:bold;
  background: linear-gradient(to right, #000 75% , #d9d9d9);
  opacity:0.7;
}
*/
#top-special-feature-content a .top-special-slider-0,#top-special-feature-content a .top-special-slider-1{
  width:400px;
}
#top-special-feature-content a .special-slider-item-0,#top-special-feature-content a .special-slider-item-1{
  height:130px;
  background: linear-gradient(to right, #000 75% , #d9d9d9);
  width:400px;
}

#top-special-feature-content a img{
  margin:4px 0 0 10px;
  float:left;
}
#top-special-feature-content a .special-author-detail{
  margin:20px 0 0 16px;
  color:#fff;
  width: 240px;
  float:left;
}
#top-special-feature-content a .special-author-detail .special-author-name{
  font-size: 1.8rem;
  margin-bottom: 12px;
  display:block;
}
#top-special-feature-content a .special-author-detail .special-author-shozoku{
  font-size: 1.4rem;
  display:block;
  margin-bottom: 4px;
}
#top-special-feature-content a .special-author-detail .special-author-katagaki{
  font-size: 1.4rem;
  display:block;
}
#top-special-feature-content a .special-author-detail .link-arrow-right {
  font-size: 0.7em;
  display: inline-block;
  width: 1em;
  height: 1em;
  transform: rotate(-45deg);
  border:none;
  float:right;
}
#top-special-feature-content a dd p:nth-of-type(1) {
  padding-bottom: 10px;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: normal;
}
#top-special-feature-content a dd p:nth-of-type(2) {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: normal;
}
#top-special-feature-content a dd p:nth-of-type(3) span:nth-of-type(1) {
  margin-right: 8px;
  color: #000;
  font-size: 1.2rem;
  margin-left: 0;
  line-height: 1.4;
}
#top-special-feature-content .top-specialcolor-0{background-color: #000099;}
#top-special-feature-content .top-specialcolor-1{background-color: #660000;}

#special-feature.top-main-content .text-center{
  padding: 10px 10px 10px 0px;
}

/* 右カラム特集 */
#side #special-feature {
  width: 300px;
}
#side .top-special-feature {float:none;}
#side .top-special-feature img {
    width: 66px;
}
#side #top-special-feature-content{
  margin-bottom:20px;
}
#side #top-special-feature-content a {
    width: 300px;
    /* position: relative; */
    margin:10px 0 0 0;
    display: block;
}
#side #top-special-feature-content a.top-special-item {
  width: 300px;
  margin-top: 10px;
  position: relative;
}

#side #top-special-feature-content a .bx-wrapper .bx-controls .bx-pager .bx-pager-item a{
  width:10px;
  position:static;
  margin-right: 10px;
}

#side #top-special-feature-content .left {float:none;}

#side #top-special-feature-content a .special-title{
  position: absolute;
  top: 16px;
  padding: 6px 0 6px 5px;
  width:295px;
  color:#fff;
  font-size: 1.4rem;
  font-weight:bold;
  opacity: 0.8;
}
#side #top-special-feature-content a .special-author-list {
    position: absolute;
    text-align:center;
    top: 76px;
    width: 100%;
    color: #fff;
    font-size: 1.4rem;
    background-color: #000;
    padding: 6px 0;
}

#side #top-special-feature-content a .special-author {
    position: absolute;
    top: 76px;
    padding: 6px 0;
    width: 300px;
    min-height: 84px;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(to right, #000 75% , #d9d9d9);
    opacity: 0.7;
}
#side #top-special-feature-content a .special-author-image {
    margin-left: 6px;
    opacity: 1;
    position: absolute;
    top: 80px;
}
#side #top-special-feature-content a #top-special-slider-0 .special-slider-item-0 img,
#side #top-special-feature-content a #top-special-slider-1 .special-slider-item-1 img {
    margin: 4px 0 0 4px;
    float: left;
}
#side #top-special-feature-content a .special-article-image img {
    width: 100%;
    opacity: 0.5;
}
#side #top-special-feature-content a .special-author-detail {
    /*
    margin-left: 10px;
    position: absolute;
    top: 100px;
    left: 68px;
    */
    margin: 10px 0 0 6px;
    color: #fff;
    width: 222px;
    float:left;
}
#side #top-special-feature-content a .special-author-detail .special-author-name {
    font-size: 1.6rem;
    margin-bottom: 12px;
    display: block;
}
#side #top-special-feature-content a .special-author-detail .special-author-shozoku,
#side #top-special-feature-content a .special-author-detail .special-author-katagaki {
    font-size: 1.2rem;
}
#side #top-special-feature-content a .special-slider-item-0, #side #top-special-feature-content a .special-slider-item-1 {
    height: 98px;
}


/* 特集記事一覧 */
.special-series{
  clear: both;
  display: flex;
  flex-wrap: wrap;
}
#special-series{
  clear:both;
  margin-top:40px;
}
#special-article-list{width:830px;}
#special-article-list .article-content {
  width: 100%;
  margin: 0 10px 16px 0;
  float: left;
  border-bottom: solid 1px #dcdcdc;
  padding-bottom: 6px;
  display: block;
  clear: both;
}
/*
#special-article-list .article-content:nth-child(2n-1) {
    clear: both;
    margin-left: 0;
}
#special-article-list .article-content:nth-child(2n) {margin: 0 0 40px 0;}
*/
#special-article-list .article-content .article-detail {
    float: left;
    width: 690px;
}
#special-article-list .article-content .special-article-author-image {
    margin-right: 20px;
    width: 116px;
    float:left;
}
#special-article-list .article-content .special-article-author-image img{
    max-width: 100%;
    max-height: 100%;
}
#special-article-list .article-content .special-article-author-image .author-img {width: 116px;}
#special-article-list .article-content .article-detail .article-title {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom:4px;
    /* min-height:73px; */
}
#special-article-list .article-content .article-detail .author-name {
  font-size: 1.4rem;
  margin-bottom:8px;
}
#special-article-list .article-content .article-detail .article-summary {
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: 1px;
}
#feature-top .special-series .feature-banner.banner {
  float: left;
  margin-top: 24px;
  margin-left: 0;
}
#feature-top .special-series .feature-banner.banner:nth-child(2n) {
  margin-left: 10px;
}


/* トップメインバナー */
.top-main-banner-wrapper {
  float: left;
  width:420px;
  text-align: center;
  margin-top: 30px;
  height:300px;
  height:auto;
  /*display:none;*/
}
.top-main-banner-wrapper .bx-viewport{
  /* height:300px !important; */
}

.top-main-banner {
  /* display:inline-block; */
}
.top-main-banner a{
  /* position: unset !important; */
  left:60px;
}
.top-main-banner a img{width:auto;}


/* カテゴリー(ジャンル)別記事一覧 */
#top .category-list {
  margin-top: 20px;
  width:850px;
}
#top .category-block {
  width: 420px;
  float: left;
  margin-right: 10px;
  margin-bottom: 40px;
  /*height: 510px;*/
  /* height: 680px; */
}
#top #category-block-sonota {
 /*width: 850px;*/
  width: 420px;
  margin-left: 0;
  margin-bottom: 0;
  /*height: 360px;*/
  overflow: hidden;
}
#top .category-block:nth-child(odd) {
  clear: both;
}
#top .category-block:nth-child(2n) {
  margin-right: 0;
}
#top .category-block.genre-other-block{
  width: 100%;
  margin-right: 0;
}
#top .category-block.genre-other-block .category-article > .left:nth-child(odd){
  margin-right: 10px;
}

#top .category-head {
  line-height: 24px;
  line-height: 2.4rem;
  text-align: center;
  margin-bottom: 8px;
}

#top .category-head a {
  color: #fff;
}

#top .category-head span.link-arrow-right {
  float: right;
  right: 10px;
  top: 7px;
}
.category-article .article {
    width: 186px;
    margin-left: 16px;
}
.category-article .article .author-img {
  width: 186px;
}

/* TOPフッタ */
#top .top-footer {
  /* margin: 30px 0 20px; */
  clear: both;
  margin: 30px 0 20px;
  padding:0 20px;
  width:1160px;
}

/* フッター特集/連載リスト */
.feature-banner.banner {
  width: 420px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  position: relative;
  box-shadow: 3px 3px 3px 0 #ccc;
  -webkit-box-shadow: 3px 3px 3px 0 #ccc;
  -moz-box-shadow: 3px 3px 3px 0 #ccc;
  margin-bottom: 20px;
}

.feature-banner .feature-banner-img-mask{
  position: relative;
  overflow: hidden;
  height: 138px;
  width: 420px;
  border-radius: 5px 5px 0 0;
}

.feature-banner .feature-banner-img img,
.feature-banner .feature-banner-img-mask img{
  /* width: 310px; */
  max-width:100%;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  height: auto;
  /* float: left; */
}

.feature-banner .feature-banner-img-mask img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  margin: auto;
  border-radius: 0;
}

.feature-banner .feature-label {
  font-family: 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  background-color: rgba(0,0,0,0);
}

.feature-banner .more-label {
  position: absolute;
  bottom: 10px;
  left: 5px;
}

.feature-banner .date-serif {
  font-size: 20px;
  font-size: 2.0rem;
  text-align: right;
  padding: 5px 10px;
}

.feature-banner .feature-banner-title {
  font-size: 2rem;
  padding: 10px;
}

#top .serial-banner {
  margin-left: 18px;
}

#top .serial-banner .serial-img img {
  width: 182px;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  float: right;
}

#top .serial-banner .more-label {
  position: absolute;
  bottom: 10px;
  right: 5px;
}

#top .serial-banner .serial-banner-info {
  font-size: 20px;
  font-size: 2.0rem;
  padding: 15px 10px 5px;
}

#top .serial-banner .category-label {
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 1em;
}

#top .serial-banner .serial-banner-title {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 10px;
  line-height: 1.6;
}

/* related-books */
#top #related-books {
  /* width: 896px; */
  width: 100%;
  margin-top:30px;
}

a.books {
  width: 174px;
  /* margin: 15px 5px 5px 4px; */
  margin: 15px 20px 5px 0;
  float: left;
}
#related-books a.books:nth-child(7) {margin: 15px 0 5px;}

.books-img {
  /* width: 118px; */
  width: 134px;
}

.books p{
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10px 0;
}

.books-title {
  font-weight: bold;
}
#top .recommend-items {
  width: 664px;
  margin-top: 25px;
  margin-bottom: 40px;
  display: inline-block;
}
#top .backnumber {
  width: 286px;
  float: right;
  margin-right:10px;
}
/* フッターディスクリプション */
.footer-desc{
  clear:both;
  margin:40px 0;
  padding: 30px 175px;
  font-size: 1.4rem;
  line-height: 1.4;
}
.footer-desc a{font-weight:bold;color: inherit;text-decoration: underline;}
#top .footer-desc{padding: 30px 175px 0;border-top: solid 1px #000;}

/* TOPバナー */
#top .contents-list:nth-child(8) div {
    display: table-cell;
    vertical-align: middle;
}
#top .contents-list:nth-child(8) div:nth-child(2) {
    padding-left: 148px;
}
#top .top-banner a {
  float: left;
  margin-right:10px;
}
#top .top-banner a:nth-of-type(2) {
/*  margin-left: 20px; */
}
#top .top-banner div:nth-of-type(2) a {
  margin-left: 148px;
}
#top .top-banner img {
  width:238px;
}

/* ------------------------------------------------------------ */
/* 記事
/* ------------------------------------------------------------ */
/* ページタイトル */
#title-box {margin: auto;position: relative}
.pankuzu {padding: 10px 0;font-size: 80%;}
.pankuzu li {float: left;margin: 3px;}
.article-top-special-feature {margin-bottom: 10px;}
.article-top-special-feature .special-feature-label {font-size: 14px;font-size: 1.4rem;}
.sns-buttons-top {
  position: absolute;
  top: 40px;
  right: 30px;
}

.article-top-genre {margin-bottom: 5px;}
.article-top-serial {margin-bottom: 5px;}
.article-top-serial .serial-label {margin-right: 5px;}
.article-top-serial .serial-title {
  vertical-align: middle;
  line-height: 1.4;
  font-size: 130%;
  margin: 5px 0;
}
/* 20170306 */
.article-top-serial .serial-sponsored-img{
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.article-top-serial .serial-sponsored-title {
  padding-left: 4px;
  font-size: 12px;
  font-size: 1.2rem;
}

.article-top-main .main-title {
  font-size: 250%;
  font-weight: bold;
  margin: 5px 0;
  /* 20171213 */
  /* font-family: Hiragino Kaku Gothic ProN; */
}
.article-top-main .sub-title {font-size: 160%;}
.article-top-main .article-detail {margin: 10px 0;}
.article-top-main .writer-name,
.article-top-main .article-date {
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: middle;
}
.article-top-main .article-authors {margin-right: 20px;}
.article-top-main .article-date {margin-right: 20px;}
.article-detail-main {margin-top: 0 !important;width: 640px;}

/* 20170111 */
.article-detail-main .article-banner{text-align:left;margin:10px 0;display: inline-block;}
.article-detail-main .article-banner img{width:640px;}

/* 右サイドバナーなし */
#main.\--no-sidebar {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* 禁則処理 */
#article-body {
  word-break: normal;
  overflow-wrap: break-word;
  padding: 10px 0px;
  line-height: 1.8;
  font-size: 110%;
}
#article-pic {width: 640px;}
.\--no-sidebar #article-pic {width: 900px;}
#article-summary {
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  padding: 10px;
  margin-bottom: 25px;
}

#article-body h4,#article-body h2 {
  border-left: 8px solid #b1a85d;
  color: #b1a85d;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  padding:0 0 0 20px;
  z-index: 1;
  line-height:1.4;
  margin: 2em 0;
  /* font-family: Hiragino Kaku Gothic ProN; */
}

#article-body h4:before,#article-body h2:before {
  content: "";
  display: block;
  position: absolute;
  left:2px;
  border-left: 2px solid #b1a85d;
  min-height: 100%;
  z-index: 10;
}
/* 20210906 */
#article-body h3 {
  border-top:solid 2px #b1a85d;
  border-bottom:solid 2px #b1a85d;
  font-size: 1.8rem;
  padding:6px 0 6px 10px;
  line-height:1.4;
  margin: 1.5em 0;
}

#article-body .figure-right {clear: both;float: right;margin: 0 0 15px 15px;}
#article-body .figure-left {clear: both;float: left;margin: 0 15px 15px 0;}
#article-body .figure-center {clear: both;margin: 15px auto;}
#article-body .figure-right,
#article-body .figure-left,
#article-body .figure-center {
  max-width: 100%;
}

#article-body .figure-right img,
#article-body .figure-left img,
#article-body .figure-center img {
  width: 100%;
}

#article-body .figure-right img.lazy,
#article-body .figure-left img.lazy,
#article-body .figure-center img.lazy {
  width: 100%;
  height: auto;
}

#article-body .figure-right .caption .figure-expand,
#article-body .figure-left .caption .figure-expand,
#article-body .figure-center .caption .figure-expand {
  background: #fff url(/common/ggo/images/v1/icon_figure_expand.jpg) no-repeat;
  padding-left: 40px;
}
.article-body #article-body table{width:100%;}
#article-head .caption,
#article-body .figure-right .caption,
#article-body .figure-left .caption,
#article-body .figure-center .caption{
  font-size: 12px;
  color: #676b6c;
  line-height: 1.5;
}
/* 20190805 */
#article-body .figure-right .title,
#article-body .figure-left .title,
#article-body .figure-center .title {
  font-size: 16px;
  font-weight: bold;
  display: block;
}
/* 20210219 */
#article-body .video-area {text-align: center;max-width: 100%;margin-top: 20px;}
#article-body .video-area .video{display:inline-block;}
#article-body .video-area .video-caption{display:inline-block;}
#article-body .video-area .video-caption .vcaption {
  font-size: 12px;
  color: #676b6c;
  line-height: 1.5;
  text-align: left;
}

/* 20171106 */
#article-body .seminar-info{
  clear: both;
  margin-top: 20px;
  text-align:center;
  border: solid 5px #b1a85d;
  padding:20px 0;
}
#article-body .seminar-info a{
  line-height: 1;
  font-size: 104%;
  text-decoration: underline;
  font-weight: bold;
}
#article-body .seminar-info a span{
  font-size: 118%;
  display: inline-block;
  margin-bottom: 12px;
  text-decoration: underline;
}
#article-body p em{
  font-family:"游ゴシック",YuGothic,"ＭＳ Ｐゴシック";
  font-style: italic;
}
/* 20180220 */
#article-body .bluebox{
  background: #F0F8FF; 
  width:618px; 
  border: 1px solid #D3D3D3; 
  height:100％;
  padding:30px 10px; 
  font-size: 16px;
}
#article-body .bluebox .bluebox-title{
  font-size:20px;
  font-weight:bold;
}
#article-body .bluebox .bluebox-text{
  display: inline-block;
  margin-left: 40px;
  margin-top: 14px;
}

/* 20181127 */
#article-body .yahooo-contents{
  text-align:center;
  font-size:24px;
  font-weight:bold;
  margin-top: 40px;
}
#article-body .yahooo-contents a{text-decoration: underline;}

#article-body .sn-contents{
  text-align:center;
  font-size:24px;
  font-weight:bold;
  margin-top: 40px;
}
#article-body .sn-contents a{text-decoration: underline;}

/* 連載用ページング */
.serial-paging {
  margin: 30px 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.serial-paging .prev {
  float: left;
}

.serial-paging .prev .link-arrow-left {
  margin-right: 2em;
}

.serial-paging .next{
  float: right;
  text-align: right;
}

.serial-paging .next .link-arrow-right {
  margin-left: 2em;
}

/* 免責事項 */
.disclaimer {
  color: #888888;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 20px 0;
  line-height:18px;
  line-height:1.8rem;
}

/* 著者情報 */
.author-info {
  margin: 30px 0;
}
.special-authoer.author-info {
  margin-left: 30px;
  margin-right: 40px;
  margin-bottom: 30px;
}
.author-info .author-name{
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.8;
  color: #000;
  margin-left: 0;
}
.special-authoer{
  width: 780px;
}
.author-detail {
  padding: 10px 0;
}
.author-detail .author-pic {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

.author-detail .author-post {
  margin-bottom: 20px;
}

.author-detail .author-history,
.author-detail .author-description {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}
/* 書籍情報 */
.article-book-detail {
  border: 1px solid #ccc;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  -webkit-box-shadow:5px 5px 5px 1px #eee;
  -moz-box-shadow:5px 5px 5px 1px #eee;
  box-shadow:5px 5px 5px 1px #eee;
  position: relative;
  margin: 30px 0 40px;
}

.article-book-detail .book-detail-image {
  float: left;
  padding: 20px;
  padding-right: 27px;
}

.article-book-detail .book-detail-description {
  padding: 15px;
  padding-left: 160px;
  padding-right: 24px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
}

.article-book-detail .book-detail-description .book-title {
  margin: .5em 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

.article-book-detail .book-detail-description .book-summary {
  padding: 1em 0;
  color: #999;
  line-height: 1.4;
}

.article-book-detail .book-detail-link {
  width: 465px;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 60px;
  text-align: right;
}

.article-book-detail .book-detail-link span {
  line-height: 60px;
  z-index: 10;
  position: absolute;
  right: 60px;
  color: #999;
}

.article-book-detail .book-detail-link div {
  display: inline-block;
  width: 60px;
  height: 60px;
  overflow: hidden;
}

.article-book-detail .book-detail-link p {
  display:inline-block;
  width:100px;
  height:100px;
  background-color:#d4cb89;
  position:relative;
  transform:rotate(-45deg);
  margin-right: 30px;
  margin-top: -20px;
  margin-left: -70px;
}

.article-book-detail .book-detail-link p:after{
  content:"";
  width:100px;
  height:100px;
  background-color:#fff;
  display:inline-block;
  position:absolute;
  top:-15px;
  left:-15px;
}

.article-book-detail .author-pucture{
  float:right;
  width: 90px;
  height: 120px;
}

/* SNSボタン */
.sns-buttons {
  margin:24px 0 36px;
}

/* キーワード */
.article-keywords {
  margin-bottom: 15px;
}

.article-keywords dt {
  color: #8d8d8d;
}

.article-keywords a:nth-of-type(1) {
  margin-left: 0;
}

/* 連載バックナンバー */
.article-backnumber {
  margin-top: 30px;
  /* padding:15px;
  border: 1px solid #000;
  border-radius: 3px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow:0 0 2px 2px #fcfcfc inset;
  -moz-box-shadow:0 0 6px 2px #fcfcfc inset;
  box-shadow:0 0 1px 1px #fcfcfc inset; */
  clear:both;
  border-bottom:1px solid #000;
}

/* 20170731 */
#main.article-detail-main #anchor-backnumber.article-backnumber {
  border-bottom:none;
}


#articleslist-warp.contents .column-title {
  margin-bottom: 35px;
  background-color: #f1f3fb;
  padding: 10px;
}
.article-backnumber .column-title {
  margin-bottom: 0;
  background-color: #f1f3fb;
  border-radius: 1px;
  padding: 10px;
  border: 1px solid #000;
}
.article-backnumber .column-title .notice {
  margin-right: 5px;
}
.article-backnumber ul{
height:138px;
overflow-y:auto;
margin:25px 0;
}
.article-backnumber li {
  margin: 5px 0;
  line-height: 1.6;
}
#anchor-backnumber.article-backnumber ul li .new-label {
  padding: 1px 5px;
}



#articleslist-warp.contents li {
  margin: 5px 0;
  line-height: 1.6;
}
#articleslist-warp.contents {
  margin-top: 30px;
}
.articleslist-content {
  margin-bottom: 40px;
}
.articleslist-content ul {
  margin-bottom: 40px;
}
/* フッタコンテンツ */
#footer-contents {
  clear: both;
  margin-bottom: 50px;
}

#footer-contents .topics-title {
  font-size: 14px;
  font-size: 1.4rem;
}
#footer-contents .article-list {
  width: 500px;
  float: left;
}
#footer-contents .article-list:nth-of-type(even) {
  margin-left: 16px;
}

#footer-contents .article-list-left {
  float: left;
}

#footer-contents .article-list-right {
  float: right;
}

#footer-contents .same-category-article-list,
#footer-contents .favo {
  margin-top: 50px;
}

#footer-contents .favo-articles-list .favo-page {
  margin-left: 16px;
}

#footer-contents .favo-articles-list .favo-page:nth-of-type(1) {
  margin-left: 0;
}
#footer-contents .favo-page{
  float:left;
  width: 244px;
  margin-top: 15px;
  line-height: 1.4;
}

#footer-contents .favo-page p {
  margin: 5px 0;
}

#footer-contents .favo-img{
  width: 242px;
  border: 1px solid #000;
}

/* upアイコン */
#back-to-top {
  position: fixed;
  bottom:50px;
  right:15px;
  display:none;
  opacity: 0.8;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}
#back-to-top img:hover {
  opacity: 0.5;
}

/* ------------------------------------------------------------ */
/* ログイン
/* ------------------------------------------------------------ */
#auth-login {
  text-align: center;
  padding: 64px 0 84px;
  margin-bottom: 0;
}
#auth-login p {
  line-height: 1.4;
  margin-bottom: 40px;
}
#auth-login p.login-text {
  line-height: 1.4;
  margin-bottom: 20px;
  text-align: left;
}
#auth-login p.login-err-text {
  text-align:center;
  font-size:20px;
  margin-bottom: 60px;
}
#auth-login p.login-err-registtext {
  text-align:center;
  font-size:14px;
  margin-bottom: 10px;
}
#auth-login p.login-input-title{
  line-height: 1.4;
  margin-bottom: 5px;
  padding-right: 154px;
}
#auth-login .info {
  margin-bottom: 29px;
  color: #8B8B8B;
}
#auth-login .link-arrow-right {
  margin-left: 1em;
}

#auth-login input {
  font-size: 13px;
}
#auth-login input[type=checkbox] {
  margin-bottom: 56px;
}
#auth-login input[type=email] {
  box-sizing: border-box;
  width: 360px;
  padding: 12px 9px;
  margin-bottom: 21px;
}
#auth-login input[type="text"] {
    box-sizing: border-box;
    width: 360px;
    padding: 12px 9px;
    margin-bottom: 21px;
}
#auth-login .submit-mailmember{
/*  width: 360px; */
/*  border: medium none; */
/*  border-radius: 4px; */
/*  background-color: #C4B780; */
  color: #FFF;
  cursor: pointer;
/*  outline: medium none; */
/*  padding: 8px 0px; */
/*  margin-bottom: 21px; */
}
/* 20180223 */
#auth-login .login-regist-title{
  margin-top: 5px;
  display: inline-block;
  width: 360px;
  border: medium none;
  border-radius: 4px;
  background-color: #C4B780;
  outline: medium none;
  padding: 8px 0px;
}

.login-btn {
  width: 360px;
  border: none;
  border-radius: 4px;
  background-color: #cc0001;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding: 8px 0;
  margin-bottom: 21px;
}
.login-btn:hover {
  alpha(opacity=50);
  opacity: 0.5;
}
.kamehameha-regist {
  padding: 13px 0;
  width: 360px;
  margin-bottom: 21px;
  display: inline-block;
  border: 2px solid #d8d8d8;
  border-radius: 8px;
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
}
/* 20180226 */
#auth-login > div{
  width: 500px;
  display: inline-block;
}

/* ------------------------------------------------------------ */
/* ログアウト
/* ------------------------------------------------------------ */
.logout {
  min-width: 1046px;
  height: 500px;
  background-image: url(/common/ggo/images/v1/background_page_title.jpg);
}

.logout p {
  text-align: center;
}

.logout-text {
  padding: 95px 0 60px;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}

.logout a{
  padding: 50px 0;
}

.logout .gotop{
  color: #d4cb89;
  padding-right: 15px;
}

/* ------------------------------------------------------------ */
/* お気に入り
/* ------------------------------------------------------------ */

#favo-login {
  text-align: center;
  background-color: #f1f3fb;
  padding:10px 10px 30px 10px;
}
#favo-login-text {
  letter-spacing: 1px;
  margin:35px 0 15px;
}
.favo-a-col {
  color: #d4cc8d;
}
.no-clippings {
  margin-top: auto;
  padding: 50px 0;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}

/********************************************
               検索フォーム
 ********************************************/
#search_form {
  position: absolute;
  right: 10px;
  /* bottom: 5px; */
  bottom: 0;
}

#search_form input {
  /* display: none; */
  outline: none;
  color: #000;
}
#search_form input[type=search] {
  /*
  border: none;
  width: 150px;
  cursor: pointer;
  */
  width: 170px;
}
.tmpl-list #search_form input[type=search] {
  width: 200px;
}

#search_form input[type=search]:hover {
  background-color: #fff;
}

#search_form input[type="submit"] {
  background: none;
  border: none;
  /* color: #d4cb89; */
  cursor: pointer;
  /* display: none;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
   */
  transition: all .5s;
  font-size: 1.7rem;
}
#search_form i {
  font-size: 17px;
  font-size: 1.7rem;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
}

/* ------------------------------------------------------------ */
/* 検索結果ページ
/* ------------------------------------------------------------ */
.search-article input,
.search-article i {
  outline: none;
  border: none;
}

.search-result p,
.search-article {
  margin: 10px 0;
  width: 100%;
}

.search-result p {
  font-size: 18px;
  font-size: 1.8rem;
  color: #bababa;
}

.search-article {
  border: solid 1px #d4cb89;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: hidden;
  margin: 20px 0 50px;
  position: relative;
}

.search-article input {
  border: none;
  line-height: 40px;
  line-height: 4.0rem;
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 10px;
}

.search-article input[type="submit"] {
  background: none;
  color: #d4cb89;
  cursor: pointer;
}

.search-article input[type="search"] {
  width: 700px;
}

.search-article i {
  font-size: 30px;
  font-size: 3rem;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  top: 5px;
  line-height: 30px;
}


/* 検索結果 */
.no-result {
  margin: 50px auto;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
/*記事ページログイン*/
#read-login {
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  width: 620px;
  text-align: center;
  /* border: solid 3px #cc0001; */
  border: solid 3px #C4B780;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color:#676767;
}

/* 20180306 */
#read-login .login-regist-title{
  margin: 0 0 40px;
  display: inline-block;
  width: 360px;
  border: medium none;
  border-radius: 4px;
  background-color: #C4B780;
  outline: medium none;
  padding: 8px 0px;
}
#read-login .login-input-title-w{
  text-align:left;
  margin: 0 32px 12px;
}

#read-login .login-input-title{width: 364px;}
#read-login .input-mailmember{ime-mode:disabled;height: 30px;width: 310px;}
#read-login .submit-mailmember{
  background: #C4B780 none repeat scroll 0% 0%;
  color: #FFF;
  font-size: 14px;
  width: 360px;
  height: 35px;
  border: 0px none;
}
#read-login #login-botton {
  width: 360px;
  margin-top:20px;
}
#read-login #login-mail-box {
  width:360px;
}


#login-text .mailmember{margin:45px 0;}
#registration {color:#cc0001;}

#login-botton {
  width: 100px;
  height: 35px;
  border: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 10px;
  background-color: #cc0001;
  color:#fff;
  font-size:1.4rem;
  font-size:14px;
}
.mailmag-login-botton {
  background-color: #666666 !important;
}


#next-login {
  margin-top:15px;
}
#next-login input {
  vertical-align: middle;
}
#read-login #next-login.mailmember-next-login{margin-bottom:40px;}
#login-mail-box {
  height: 30px;
  width:310px;
}
#kamehame-club-link {
  font-size:0.8em;
  margin:20px 0 40px;
}
#login-check-box {
  font-size:1.2rem;
  font-size:12px;
}
#kamehame-text {
  color: #676767;
  font-size:12px;
  font-size:1.2rem;
}
#kamehame-registration {
  margin-top:45px;
}
#kamehame-club-botton {
  height: 40px;
  width:270px;
  font-size:1.4rem;
  font-size:14px;
}

/* SNS */
.fb-like,
.twitter-share-button,
.add-clipping,
.add-clipping img {
  vertical-align: top;
}
.add-clipping{
  display: inline-flex;
  align-items: center;
}
.twitter-share-button,
.add-clipping {
  margin-left: 10px;
}
.add-clipping span {
  margin-left: 5px;
}
.hatena-bookmark-button-frame{
  margin-left: 10px;
  vertical-align: top;
}
#top .content-kind {
    color: #000;
    font-size:110%;
    margin-top: 8px;
}
#top .new-feature-content img {
    height: 133px;
    width: 100px;
}
#top .new-feature-content .latest-feature-info {
    float: left;
    margin-left: 15px;
    width: 690px;
}
#top .new-feature-content .featuretop-summary {
    clear: none;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top: 0px;
}
#top .sub-recommend-area {
    float: left;
    padding-left: 12px;
    padding-right: 10px;
    width: 466px;
}
#top .sub-recommend-area .serialization .serial-sponsored-img{
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
#top .sub-recommend-area .serialization .serial-sponsored-title{
    padding-left: 4px;
    font-size: 10px;
    font-size: 1rem;
}
/* 20191206 */
#top #info-area #recommend #top-upper-banner-area{width:100%;text-align: center;}
#top #info-area #recommend #top-upper-banner-area #top-upper-banner-wrapper{display: inline-block;}
#top #info-area #recommend #top-upper-banner-area .top-upper-banner{margin-top:12px;}
#top #info-area #recommend #top-upper-banner-area .top-upper-banner:nth-child(2n+1){margin-right:12px;}
/* #top #info-area #recommend #top-upper-banner-area .top-upper-banner:nth-child(2) */
#top #info-area #recommend #top-upper-banner-area .top-upper-banner img{width:594px;}
#top #top-lower-banner-area{background-color: #000;}
#top #top-lower-banner-area #top-lower-banner-container #top-banner-container{width:100%;}
#top #top-lower-banner-area #top-lower-banner-container #top-banner-container .top-lower-banner{margin-bottom:12px;}
/* #top #top-lower-banner-area #top-lower-banner-container #top-banner-container .top-lower-banner:nth-child(1), */
#top #top-lower-banner-area #top-lower-banner-container #top-banner-container .top-lower-banner:nth-child(2n+1){margin-right:12px;}
#top #top-lower-banner-area #top-lower-banner-container #top-banner-container .top-lower-banner img{width:594px;}

#top-main .category-list .sub-recommend-area {
    float: left;
    padding-left: 6px;
    padding-right: 0;
    width: 322px;
}

/* 20170730  */
#top-main .category-list .category-block .category-article .left .category-article-list-wrap{
  height: 436px;
  overflow-y: auto;
  overflow-x: hidden;
  display:none;
}
#top-main .category-list .category-block .category-article .left .category-article-list-wrap .sub-recommend-area{
  width: 396px;
}
#top-main .category-list #category-block-sonota .category-article .left .category-article-list-wrap{
  clear:both;
  height: 296px;
  overflow-y: auto;
  overflow-x: hidden;
}
#top-main .category-list #category-block-sonota .category-article .left .category-article-list-wrap .sub-recommend{
  width: 400px;
}


#top .bottom {
  padding:20px 0 0 10px;
  border-top: dotted 2px;
}
/*
#top .bottom-recommend {
    margin-top: 6px;
    width: 380px;
    margin-right:10px;
}
*/
#top .bottom-recommend-area {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 294px;
}
#top .bottom-recommend:nth-child(3) .bottom-recommend-area{padding-right: 0;}

#top .bottom-recommend-area .serialization {
    color: #9a9a9a;
    font-size: 1.1rem;
    line-height: 1.2;
    min-height:26px;
    /* margin-bottom: 5px; */
}
#top .bottom-recommend-area .content-title {
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 0;
}
#top .bottom-recommend-area .content-title .title {
    font-size: 1.4rem;
    line-height: 1.2;
    color:#fff;
}
/* 20170306 */
#info-area #recommend .bottom .bottom-recommend-area .serialization .serial-sponsored-img,
#info-area #recommend #category-select .left .contents-list .content-kind .serial-sponsored-img,
#contents .caption .article-height .serial-sponsored-img{
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
#info-area #recommend .bottom .bottom-recommend-area .serialization .serial-sponsored-title,
#contents .caption .article-height .serial-sponsored-title{
    padding-left: 4px;
    font-size: 10px;
    font-size: 1rem;
}
#info-area #recommend #category-select .left .contents-list .content-kind .serial-sponsored-title{
    padding-left: 4px;
    font-size: 10px;
    font-size: 1rem;
    margin:0;
    color:#000000;
}

/* 次ページ見出し 20200608 */
.next-page-navi {
    margin:40px auto 0;
    text-align: center;
    max-width:75%;
    background: #EFEDE0 0% 0% no-repeat padding-box;
    border: solid 2px #88836d;
}
.next-page-navi .next-page-navi__link {
  display:inline-block;
  font-weight:bold;
  padding:12px 10px;
  color: #000;
  letter-spacing: 0.75px;
}

/* ページネーション 20161213 */
.pagination {
  clear: both;
    overflow: hidden;
    margin-top: 20px;
    text-align: center;
    /*padding: 80px 0;*/
    padding: 20px 0;
}
.pagination .page a {
    display: inline-block;
    font-size: 1.2em;
    border: 1px solid #000;
    color: #000;
    width: 40px;
    height: 36px;
    line-height: 36px;
}
.pagination .current {
    display: inline-block;
    font-size: 1.2em;
    border: 1px solid #000;
    background-color: #000;
    color: #FFF;
    width: 40px;
    height: 36px;
    line-height: 36px;
}
.pagination .page a:hover {
    text-decoration: none;
    background-color: #000;
    color: #FFF;
    opacity: 1;
}
.pagination .next{
    display: inline-block;
    /* margin-left: 10px; */
    text-decoration: none;
   /*  background-color: #000; */
    opacity: 1;
    border: 1px solid #000;
}
.pagination .prev {
    display: inline-block;
    /* margin-right: 10px; */
    text-decoration: none;
    /* background-color: #000; */
    opacity: 1;
    border: 1px solid #000;
}
.pagination .next a,.pagination .prev a{
    color: #000;
    width: 60px;
    height: 36px;
    line-height: 38px;
    display: inline-block;
/*
    white-space: nowrap;
    overflow: hidden;
*/
}
.presentbody {padding: 0 60px 20px 40px !important;}
.presentbody .present-subtitle{
  font-size: 3.2rem;
  margin-bottom: 32px;
  text-align: center;
  border-top: 2px solid #bbb24e;
  border-bottom: 8px double #bbb24e;
  padding: .5em .75em;
  background: #fff;
  color: #bbb24e;
  background: rgb(252,252,252);
}
.presentbody .present-summary{font-size:1.8rem;margin-bottom: 32px;}
.presentbody .present-button{text-align:center;}
.presentbody .present-button a{
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 2rem;
  font-wight: bold;
  line-height: 3;
  width: 280px;
  background-color: #c4b780;
  margin-bottom: 32px;
  letter-spacing: 2px;
  border: 5px double #fff;
  border-radius: 10px;
}
.presentbody .present-attention{margin-bottom: 40px;}
.presentbody .present-monthly{
  text-align: center;
  font-size: 2.1rem;
  font-weight: bold;
  color: #000;
  border-bottom: 2px solid #zdcd;
  border-bottom: 3px dotted #bbb24e;
}
.presentbody.bottom{margin-top:40px;}
.bottom-menu{margin-top:60px;}

/* ------------------------------------------------------------ */
/* テーマ特集
/* ------------------------------------------------------------ */
/*///// 共通 /////*/
/* 見出し(二重下線) */
.theme-special-content-title {
  font-size: 1.8rem;
  line-height: 1.5;
  border-bottom: 1px #888 solid;
}
.theme-special-content-title::after {
  display: block;
  content: "";
  border-bottom: 2px #888 solid;
  position: relative;
  bottom: -5px;
}
/* 二重矢印 */
.double-arrow-prev,
.double-arrow-next {
  position: relative;
}
.double-arrow-prev::before,
.double-arrow-next::after {
  display: block;
  content: "";
  width: .5em;
  height: .5em;
  position: absolute;
  top: 6px;
}
.double-arrow-prev::before {
  border-left: 1px #fff solid;
  border-bottom: 1px #fff solid;
  box-shadow: -2px 2px 0 0 #aaa, -4px 4px 0 0 #fff;
  transform: rotate(45deg);
  left: -1.5em;
}
.double-arrow-next::after {
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
  box-shadow: 2px 2px 0 0 #aaa, 4px 4px 0 0 #fff;
  transform: rotate(-45deg);
  right: -1.5em;
}

.theme-special-wrap {
  margin: 40px 0;
}
/*/// テーマ特集の画像＋説明 ///*/
.theme-special-title {
  width: 400px;
  margin-right: 40px;
  position: relative;
}
.theme-special-title .theme-special-description {
  width: 100%;
  padding: 10px 0;
  background: rgba(255, 255, 255, .6);
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  position: absolute;
  top: 31%;
}
.theme-special-title .theme-special-description .title {
  font-size: 4.5rem;
}
.theme-special-title .theme-special-description .text {
  font-size: 1.8rem;
  margin-top: -8px;
}

/*/// タブ＋新着記事＋メルマガ登録ボタン ///*/
.theme-special-recent-list-wrap {
  width: calc(100% - 440px);
}
/* タブ */
.theme-special-tabs {
  width: 100%;
  margin-bottom: 26px;
  font-size: 0;
}
.theme-special-tabs li {
  box-sizing: border-box;
  display: inline-block;
  width: calc((100% - 51px) / 4);
  font-size: 1.7rem;
  text-align: center;
}
.theme-special-tabs li:not(:last-child) {
  margin-right: 17px;
}
.theme-special-tabs li a {
  padding: 10px 0;
  border: 2px  #888 solid;
  border-radius: 3px;
  background: linear-gradient(-45deg,
              transparent 35%, rgba(0, 0, 0, .05) 35%, rgba(0, 0, 0, .05) 45%, transparent 45%,
              transparent 85%, rgba(0, 0, 0, .05) 85%, rgba(0, 0, 0, .05) 95%, transparent 95%) 0 /4px 4px, #e0e0e0;
}
.theme-special-tabs li.active a,
.theme-special-tabs li.active a:hover {
  border: 2px  #555 solid;
  background: linear-gradient(-45deg,
              transparent 35%, rgba(0, 0, 0, .05) 35%, rgba(0, 0, 0, .05) 45%, transparent 45%,
              transparent 85%, rgba(0, 0, 0, .05) 85%, rgba(0, 0, 0, .05) 95%, transparent 95%) 0 /4px 4px, #a7a7a7;
  color: #fff;
}
/* 新着記事 */
.theme-special-recent-title {
  color: #bbb;
  font-size: 1.6rem;
  margin:5px 0px 10px;
}
.theme-special-recent-list {
  margin: 8px 0 20px;
  border-top: 3px #cdcdcd solid;
  padding: 22px 40px 30px;
  background: #f9f9f9;
}
.theme-special-recent-list ul li {
  border-bottom: 1px #ddd dashed;
  font-size: 1.6rem;
  padding: 5px 0;
  line-height: 1.5;
  letter-spacing: 1.5px;
}
.theme-special-recent-list ul li a {
  padding: 0 10px;
}
.theme-special-recent-list ul li a:hover {
  opacity: .3;
}
/* メルマガ登録 */
.theme-special-header .mail-magazine {
  text-align: center;
  line-height: 2;
  letter-spacing: 1px;
}
.theme-special-header .mail-magazine .btn {
  width: 340px;
  margin: auto;
  background: #999;
  color: #fff;
  padding: 4px 0;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 3px;
  letter-spacing: 3px;
}
/* セミナー情報, イベント情報 */
.theme-special-info {
  display: table;
  width: 100%;
  margin: 26px 0 65px;
  border-top: 2px #cacaca solid;
  border-bottom: 2px #cacaca solid;
}
.theme-special-info dt,
.theme-special-info dd {
  display: table-cell;
  vertical-align: middle;
}
.theme-special-info dt {
  width: 6em;
  padding: 10px;
  background: #cacaca;
  color: #fff;
  font-size: 1.2rem;
}
.theme-special-info dd {
  min-width: 300px;
  padding: 5px 10px;
}
.theme-special-info dd ul li {
  display: inline-block;
  padding: 5px 0;
}
.theme-special-info dd ul li:not(:last-child) {
  margin-right: 50px;
}
.theme-special-info dd ul li .double-arrow-next::after {
  border-color: #cacaca;
  box-shadow: 2px 2px 0 0 #fff, 4px 4px 0 0 #cacaca;
}
/* おすすめ案件情報・案件一覧 */
.theme-special-items {
  margin: 28px 0;
}
.theme-special-items ul {
  display: flex;
  flex-wrap: wrap;
}
.theme-special-items ul li {
  border: 1px #ddd solid;
  box-shadow: 0 2px 5px 0 #ddd;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 30px;
}
.theme-special-items.item-col3 ul li {
  width: calc((100% - 40px) / 3);
}
.theme-special-items.item-col3 ul li:not(:nth-child(3n)) {
  margin-right: 20px;
}
.theme-special-items.item-col4 ul li {
  width: calc((100% - 120px) / 4);
}
.theme-special-items.item-col4 ul li:not(:nth-child(4n)) {
  margin-right: 40px;
}
.theme-special-items ul li .item-img {
  width: 80px;
  height: 80px;
  margin-right: 10px;
}
.theme-special-items ul li .item-img img {
  vertical-align: bottom;
}
.theme-special-items ul li .item-title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  word-break: break-all;
}
.theme-special-items ul li table {
  width: 100%;
  margin: 20px 0 35px;
  font-size: 1.5rem;
}
.theme-special-items ul li table tr {
  border-bottom: 1px #ddd dashed;
}
.theme-special-items ul li table tr th {
  width: 6em;
  padding: 5px 0;
  color: #999;
}
.theme-special-items ul.block-links li table tr th {
  width: 6em;
}
.theme-ma .theme-special-items ul li table tr th {
  width: 6em;
}
.theme-special-items ul li table tr td {
  padding: 5px 0 0 0px;
  font-weight: bold;
}
.theme-special-items ul li table tr td span{
  line-height: 1.5;
}
.theme-special-items ul li .btn {
  height: auto;
  border: 2px #afafaf solid;
  background: #9c9c9c;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 2.5;
}
.theme-special-items ul li .btn:hover {
  border-color: #909090;
  background: #818181;
  opacity: 1;
}
/* おすすめ案件情報 */
.theme-special-recommend-items {
  margin-bottom: 35px;
}
.theme-special-recommend-items ul li {
  border-color: #ccc;
}
.theme-special-recommend-items ul li .item-title {
  width: calc(100% - 106px);
}
.theme-special-recommend-items ul li .btn {
  width: 80%;
  margin: 0 auto;
  border-color: #d2d2d2;
  background: #bfbfbf;
}
.theme-special-recommend-items ul li .btn:hover {
  border-color: #d2d2d2;
  background: #a1a1a1;
}
/* 案件一覧 */
.theme-special-search-items ul li {
  padding: 15px 18px;
}
.theme-special-search-items ul li .item-title {
  margin: 5px 0;
  min-height: 3em;
}
.theme-special-search-items ul li table {
  margin: 30px 0 30px;
}
/* ヒット件数 */
.theme-special-result-count {
  margin: 18px 0;
  color: #797979;
  font-size: 1.6rem;
}

/* 地図画像 太陽光 */
.theme-special-map {
  width: 610px;
  height: 454px;
  background: url(/common/ggo/images/v1/map0.png) no-repeat 0 /contain;
  position: relative;
}
.theme-special-map[data-active="1"] { /* 北海道・東北 */
  background: url(/common/ggo/images/v1/map1.png) no-repeat 0 /contain;
}
.theme-special-map[data-active="2"] { /* 関東 */
  background: url(/common/ggo/images/v1/map2.png) no-repeat 0 /contain;
}
.theme-special-map[data-active="3"] { /* 中部 */
  background: url(/common/ggo/images/v1/map3.png) no-repeat 0 /contain;
}
.theme-special-map[data-active="4"] { /* 近畿 */
  background: url(/common/ggo/images/v1/map4.png) no-repeat 0 /contain;
}
.theme-special-map[data-active="5"] { /* 中国 */
  background: url(/common/ggo/images/v1/map5.png) no-repeat 0 /contain;
}
.theme-special-map[data-active="6"] { /* 四国 */
  background: url(/common/ggo/images/v1/map6.png) no-repeat 0 /contain;
}
.theme-special-map[data-active="7"] { /* 九州・沖縄 */
  background: url(/common/ggo/images/v1/map7.png) no-repeat 0 /contain;
}
.theme-special-map[data-active="8"] { /* 海外 */
  background: url(/common/ggo/images/v1/map8.png) no-repeat 0 /contain;
}
/* 地図上リンク */
.theme-special-map .map-link {
  display: block;
  height: 1em;
  /* background: rgba(255, 0, 0, .1); */
  position: absolute;
}
.theme-special-map .map-link[data-no="1"] { /* 北海道・東北 */
  width: 6em;
  top: 54px;
  left: 376px;
}
.theme-special-map .map-link[data-no="2"] { /* 関東 */
  width: 2em;
  top: 294px;
  left: 430px;
}
.theme-special-map .map-link[data-no="3"] { /* 中部 */
  width: 2em;
  top: 218px;
  left: 331px;
}
.theme-special-map .map-link[data-no="4"] { /* 近畿 */
  width: 2em;
  top: 254px;
  left: 239px;
}
.theme-special-map .map-link[data-no="5"] { /* 中国 */
  width: 2em;
  top: 268px;
  left: 127px;
}
.theme-special-map .map-link[data-no="6"] { /* 四国 */
  width: 2em;
  top: 354px;
  left: 170px;
}
.theme-special-map .map-link[data-no="7"] { /* 九州・沖縄 */
  width: 5em;
  top: 399px;
  left: 54px;
}
.theme-special-map .map-link[data-no="8"] { /* 海外 */
  width: 2em;
  top: 320px;
  left: 549px;
}

/* 地図画像 M&A*/
.theme-special-ma-map {
  width: 610px;
  height: 454px;
  background: url(/common/ggo/images/v1/ma-map0.png) no-repeat 0 /contain;
  position: relative;
}
.theme-special-ma-map[data-active="1"] { /* 北海道・東北 */
  background: url(/common/ggo/images/v1/ma-map1.png) no-repeat 0 /contain;
}
.theme-special-ma-map[data-active="2"] { /* 関東 */
  background: url(/common/ggo/images/v1/ma-map2.png) no-repeat 0 /contain;
}
.theme-special-ma-map[data-active="3"] { /* 中部 */
  background: url(/common/ggo/images/v1/ma-map3.png) no-repeat 0 /contain;
}
.theme-special-ma-map[data-active="4"] { /* 近畿 */
  background: url(/common/ggo/images/v1/ma-map4.png) no-repeat 0 /contain;
}
.theme-special-ma-map[data-active="5"] { /* 中国 */
  background: url(/common/ggo/images/v1/ma-map5.png) no-repeat 0 /contain;
}
.theme-special-ma-map[data-active="6"] { /* 四国 */
  background: url(/common/ggo/images/v1/ma-map6.png) no-repeat 0 /contain;
}
.theme-special-ma-map[data-active="7"] { /* 九州・沖縄 */
  background: url(/common/ggo/images/v1/ma-map7.png) no-repeat 0 /contain;
}
.theme-special-ma-map[data-active="8"] { /* 海外 */
  background: url(/common/ggo/images/v1/ma-map8.png) no-repeat 0 /contain;
}
/* 地図上リンク */
.theme-special-ma-map .map-link {
  display: block;
  height: 1em;
  /* background: rgba(255, 0, 0, .1); */
  position: absolute;
}
.theme-special-ma-map .map-link[data-no="1"] { /* 北海道・東北 */
  width: 6em;
  top: 54px;
  left: 376px;
}
.theme-special-ma-map .map-link[data-no="2"] { /* 関東 */
  width: 2em;
  top: 294px;
  left: 430px;
}
.theme-special-ma-map .map-link[data-no="3"] { /* 中部 */
  width: 2em;
  top: 218px;
  left: 331px;
}
.theme-special-ma-map .map-link[data-no="4"] { /* 近畿 */
  width: 2em;
  top: 254px;
  left: 239px;
}
.theme-special-ma-map .map-link[data-no="5"] { /* 中国 */
  width: 2em;
  top: 268px;
  left: 127px;
}
.theme-special-ma-map .map-link[data-no="6"] { /* 四国 */
  width: 2em;
  top: 354px;
  left: 170px;
}
.theme-special-ma-map .map-link[data-no="7"] { /* 九州・沖縄 */
  width: 5em;
  top: 399px;
  left: 54px;
}
.theme-special-ma-map .map-link[data-no="8"] { /* 海外 */
  width: 2em;
  top: 320px;
  left: 549px;
}


/* 地図画像 Seminar*/
.theme-special-seminar-map {
  width: 610px;
  height: 454px;
  background: url(/common/ggo/images/v1/seminar-map0.png) no-repeat 0 /contain;
  position: relative;
}
.theme-special-seminar-map[data-active="1"] { /* 北海道・東北 */
  background: url(/common/ggo/images/v1/seminar-map1.png) no-repeat 0 /contain;
}
.theme-special-seminar-map[data-active="2"] { /* 関東 */
  background: url(/common/ggo/images/v1/seminar-map2.png) no-repeat 0 /contain;
}
.theme-special-seminar-map[data-active="3"] { /* 中部 */
  background: url(/common/ggo/images/v1/seminar-map3.png) no-repeat 0 /contain;
}
.theme-special-seminar-map[data-active="4"] { /* 近畿 */
  background: url(/common/ggo/images/v1/seminar-map4.png) no-repeat 0 /contain;
}
.theme-special-seminar-map[data-active="5"] { /* 中国 */
  background: url(/common/ggo/images/v1/seminar-map5.png) no-repeat 0 /contain;
}
.theme-special-seminar-map[data-active="6"] { /* 四国 */
  background: url(/common/ggo/images/v1/seminar-map6.png) no-repeat 0 /contain;
}
.theme-special-seminar-map[data-active="7"] { /* 九州・沖縄 */
  background: url(/common/ggo/images/v1/seminar-map7.png) no-repeat 0 /contain;
}
.theme-special-seminar-map[data-active="8"] { /* 海外 */
  background: url(/common/ggo/images/v1/seminar-map8.png) no-repeat 0 /contain;
}
/* 地図上リンク */
.theme-special-seminar-map .map-link {
  display: block;
  height: 1em;
  /* background: rgba(255, 0, 0, .1); */
  position: absolute;
}
.theme-special-seminar-map .map-link[data-no="1"] { /* 北海道・東北 */
  width: 6em;
  top: 54px;
  left: 376px;
}
.theme-special-seminar-map .map-link[data-no="2"] { /* 関東 */
  width: 2em;
  top: 294px;
  left: 430px;
}
.theme-special-seminar-map .map-link[data-no="3"] { /* 中部 */
  width: 2em;
  top: 218px;
  left: 331px;
}
.theme-special-seminar-map .map-link[data-no="4"] { /* 近畿 */
  width: 2em;
  top: 254px;
  left: 239px;
}
.theme-special-seminar-map .map-link[data-no="5"] { /* 中国 */
  width: 2em;
  top: 268px;
  left: 127px;
}
.theme-special-seminar-map .map-link[data-no="6"] { /* 四国 */
  width: 2em;
  top: 354px;
  left: 170px;
}
.theme-special-seminar-map .map-link[data-no="7"] { /* 九州・沖縄 */
  width: 5em;
  top: 399px;
  left: 54px;
}
.theme-special-seminar-map .map-link[data-no="8"] { /* 海外 */
  width: 2em;
  top: 320px;
  left: 549px;
}

.theme-seminar p a{color:#339933 !important;}

/* 詳細検索 */
.theme-special-cond-wrap {
  margin: 65px 0 90px;
}
.theme-special-cond-wrap .cond-form .cond-title {
  background: #777;
  color: #fff;
  padding: 10px;
}
/* 詳細検索入力項目 */
.theme-special-cond-wrap .cond-form {
  width: calc(100% - 610px - 50px); /* 100% - map.width - margin */
}
.theme-special-cond-wrap .cond-form table {
  border: 2px #777 solid;
}
.theme-special-cond-wrap .cond-form table tr:not(:last-child) {
  border-bottom: 1px #777 dashed;
}
.theme-special-cond-wrap .cond-form table tr th,
.theme-special-cond-wrap .cond-form table tr td {
  padding: 20px;
  font-size: 1.6rem;
}
.theme-special-cond-wrap .cond-form table tr th {
  width: 4em;
  color: #777;
}
.theme-special-cond-wrap .cond-form table tr td {
  letter-spacing: 1px;
}
.theme-special-cond-wrap .cond-form table tr td .small {
  font-size: 1.4rem;
}
.theme-special-cond-wrap .cond-form table tr td > label:not(:last-child) {
  margin-right: 1.8em;
}
/* 20180213 */
.theme-special-cond-wrap .cond-form table tr td.status > label:not(:last-child) {
  margin-right: 1em;
}
.theme-special-cond-wrap .cond-form table tr td input[type="radio"],
.theme-special-cond-wrap .cond-form table tr td input[type="checkbox"] {
  margin-right: 5px;
}
.theme-special-cond-wrap .cond-form table tr td input[type="number"] {
  width: 90px;
  margin: 0 5px 0 3px;
  text-align: right;
}
.theme-special-cond-wrap .cond-form table tr td ul {
  font-size: 0;
  letter-spacing: 0;
}
.theme-special-cond-wrap .cond-form table tr td ul li {
  display: inline-block;
  width: 50%;
  font-size: 1.4rem;
  letter-spacing: 1px;
}
.theme-special-cond-wrap .cond-form table tr td ul li:not(:nth-last-child(-n+2)) {
  margin-bottom: 10px;
}
.theme-special-cond-wrap .cond-form table tr td ul li input {
  vertical-align: middle;
}
.theme-special-cond-wrap .cond-form table tr td .err-msg {
  color: #e11;
  font-size: 1.4rem;
  margin-top: 10px;
}
/* 検索ボタン */
.theme-special-cond-wrap .cond-form .search-btn {
  display: block;
  width: 155px;
  border: none;
  margin: 33px auto 0;
  padding: 10px;
  background: #222;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 5px;
  position: relative;
}
.theme-special-cond-wrap .cond-form .search-btn::before,
.theme-special-cond-wrap .cond-form .search-btn::after {
  display: block;
  content: "";
  position: absolute;
}
.theme-special-cond-wrap .cond-form .search-btn::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px #fff solid;
  top: 24%;
  right: 22.5%;
}
.theme-special-cond-wrap .cond-form .search-btn::after {
  height: 6px;
  border-left: 3px #fff solid;
  transform: rotate(35deg);
  top: 55%;
  right: 28%;
}

/* ページネーション */
.theme-special-pagination {
  height: 1em;
  padding: 10px;
  margin-top: 25px;
  background: #bfbfbf;
  box-shadow: 0 3px 3px 0 #ccc;
  font-weight: bold;
  position: relative;
}
.theme-special-pagination .prev {
  position: absolute;
  left: 50px;
}
.theme-special-pagination .next {
  position: absolute;
  right: 50px;
}
.theme-special-pagination a {
  color: #fff;
}

/* ------------------------------------------------------------ */
/* テーマ特集の色指定：北風と太陽
/* ------------------------------------------------------------ */
/* 見出し(二重下線) */
.theme-natural-energy .theme-special-content-title,
.theme-natural-energy .theme-special-content-title::after {
  color: #f4641f;
  border-color: #f4641f;
}
/* タブ */
.theme-natural-energy .theme-special-tabs li a {
  color: #f67d43;
  border-color: #f9ae8a;
  background: linear-gradient(-45deg,
              transparent 35%, rgba(0, 0, 0, .02) 35%, rgba(0, 0, 0, .02) 45%, transparent 45%,
              transparent 85%, rgba(0, 0, 0, .02) 85%, rgba(0, 0, 0, .02) 95%, transparent 95%) 0 /4px 4px, #ecddd2;
}
.theme-natural-energy .theme-special-tabs li.active a,
.theme-natural-energy .theme-special-tabs li a:hover {
  opacity: 1;
  color: #fff;
  border: 2px  #f67d43 solid;
  background: linear-gradient(-45deg,
              transparent 35%, rgba(0, 0, 0, .05) 35%, rgba(0, 0, 0, .05) 45%, transparent 45%,
              transparent 85%, rgba(0, 0, 0, .05) 85%, rgba(0, 0, 0, .05) 95%, transparent 95%) 0 /4px 4px, #f78d5b;
}
/* お問い合わせタブ */
.theme-natural-energy .theme-special-tabs li a.icon-mail::before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 15px;
  background: url(/common/ggo/images/v1/icon-mail-white.png);
  margin-right: 10px;
  vertical-align: top;
}
.theme-natural-energy .theme-special-tabs li.active a.icon-mail::before,
.theme-natural-energy .theme-special-tabs li:hover a.icon-mail::before {
  background: url(/common/ggo/images/v1/icon-mail-white.png);
}
/* 新着記事 */
.theme-natural-energy .theme-special-recent-title {
  color: #dec5b1;
}
.theme-natural-energy .theme-special-recent-list {
  border-color: #dec5b1;
  background: #fcf9f7;
}
.theme-natural-energy .theme-special-recent-list ul li a {
  background: #fcf9f7;
}
/* メルマガ登録 */
.theme-natural-energy .theme-special-header .mail-magazine .btn {
  background: #f77a41;
}
/* セミナー情報, イベント情報 */
.theme-natural-energy .theme-special-info {
  border-color: #dec5b1;
}
.theme-natural-energy .theme-special-info dt {
  background: #dec5b1;
}
.theme-natural-energy .theme-special-info dd ul li .double-arrow-next::after {
  border-color: #dec5b1;
  box-shadow: 2px 2px 0 0 #fff, 4px 4px 0 0 #dec5b1;
}
/* 案件一覧 */
.theme-natural-energy .theme-special-items ul li {
  border-color: #e2cdb0
}
.theme-natural-energy .theme-special-items ul li .memberonly{
  text-align: center;
  margin-bottom:6px;
}
.theme-natural-energy .theme-special-items ul li .memberonly img.mailmemberimg {
    width: 20px;
    margin-left: 4px;
}
.theme-natural-energy .theme-special-items ul li .memberonly span.mailmembertext {
    color: #A19305;
    margin-right: 8px;
    font-size: 1.2rem;
    margin-left: 4px;
}


.theme-natural-energy .theme-special-items ul li .btn {
  border-color: #f8996a;
  background: #f68048;
}
.theme-natural-energy .theme-special-items ul li .btn:hover {
  border-color: #f57638;
  background: #f45d15;
}
/* おすすめ案件情報 */
.theme-natural-energy .theme-special-recommend-items ul li {
  border-color: #e2cdbd;
}
.theme-natural-energy .theme-special-recommend-items ul li .btn {
  border-color: #e2cebd;
  background: #d7b9a1;
}
.theme-natural-energy .theme-special-recommend-items ul li .btn:hover {
  border-color: #e3d0bf;
  background: #b99b82;
}
/* 商談中・成約済み */
.theme-natural-energy .theme-special-items ul .nowon,.theme-natural-energy .theme-special-items ul .reserve{
position:relative;
  border-color:rgba(226,205,189,0.3);
  box-shadow: 0 2px 5px 0 rgba(221,221,221,0.3);
}
.theme-natural-energy .theme-special-items ul .nowon .fwrap,.theme-natural-energy .theme-special-items ul .reserve .fwrap{
position:relative;
}
.theme-natural-energy .theme-special-items ul .nowon .fwrap::after,.theme-natural-energy .theme-special-items ul .reserve .fwrap::after{
    z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(255,255,255,0.7);
}
.theme-natural-energy .theme-special-items ul .nowon .btn.block-link,.theme-natural-energy .theme-special-items ul .reserve .btn.block-link{
opacity:0.7;
}
.theme-natural-energy .theme-special-items ul li .mrk-n,.theme-natural-energy .theme-special-items ul li .mrk-r{
display:none;
}
.theme-natural-energy .theme-special-items ul .nowon .mrk-n{
display:block;
position:absolute;
margin:auto;
top:0;
bottom:0;
right:0;
left:0;
width:139px;
height:30px;
background-color:#f77a41;
z-index:2;
border-radius:69.5px;
font-size:30px;
text-align:center;
color:#fff;
line-height:1;
padding:54.5px 0;
}
.theme-natural-energy .theme-special-items ul .reserve .mrk-r{
display:block;
position:absolute;
margin:auto;
top:0;
bottom:0;
right:0;
left:0;
width:133px;
height:28px;
background-color:#fff;
z-index:2;
border-radius:69.5px;
font-size:30px;
text-align:center;
color:#f77a41;
line-height:1;
padding:50.5px 0;
border:3px solid #f77a41;
}
.theme-natural-energy .theme-special-items.item-col4 ul .nowon .mrk-n{
width:120px;
height:26px;
padding:47px 0;
border-radius:60px;
font-size:26px;
}
.theme-natural-energy .theme-special-items.item-col4 ul .reserve .mrk-r{
width:114px;
height:26px;
padding:44px 0;
border-radius:60px;
font-size:26px;
}
/* 詳細検索 */
.theme-natural-energy .theme-special-cond-wrap .cond-form .cond-title,
.theme-natural-energy .theme-special-cond-wrap .cond-form .search-btn {
  background: #f24f00;
}
.theme-natural-energy .theme-special-cond-wrap .cond-form table,
.theme-natural-energy .theme-special-cond-wrap .cond-form table tr:not(:last-child) {
  border-color: #f24f00;
}
.theme-natural-energy .theme-special-cond-wrap .cond-form table tr th {
  color: #f24f00;
}
.theme-natural-energy .theme-special-cond-wrap .cond-form table tr:nth-child(2) > td,
.theme-natural-energy .theme-special-cond-wrap .cond-form table tr:nth-child(3) > td {
  /* color: #767676; */
}
/* ページネーション */
.theme-natural-energy .theme-special-pagination {
  background: #d7b9a1;
}
.theme-natural-energy .theme-special-pagination .double-arrow-prev::before {
  box-shadow: -2px 2px 0 0 #d7b9a1, -4px 4px 0 0 #fff;
}
.theme-natural-energy .theme-special-pagination .double-arrow-next::after {
  box-shadow: 2px 2px 0 0 #d7b9a1, 4px 4px 0 0 #fff;
}
/* 20180202 */
.articleend-inquiry{
  text-align: center;
  margin: 20px 0;
}

/* ------------------------------------------------------------ */
/* テーマ特集の色指定：スモールM&A
/* ------------------------------------------------------------ */
/* 見出し(二重下線) */
.theme-ma .theme-special-content-title,
.theme-ma .theme-special-content-title::after {
  color: #4093de;
  border-color: #4093de;
}
/* タブ */
.theme-ma .theme-special-tabs li a {
  color: #4093de;
  border-color: #a5ccef;
  background: linear-gradient(-45deg,
              transparent 35%, rgba(0, 0, 0, .02) 35%, rgba(0, 0, 0, .02) 45%, transparent 45%,
              transparent 85%, rgba(0, 0, 0, .02) 85%, rgba(0, 0, 0, .02) 95%, transparent 95%) 0 /4px 4px, #e6eaee;
}
.theme-ma .theme-special-tabs li.active a,
.theme-ma .theme-special-tabs li a:hover {
  opacity: 1;
  color: #fff;
  border: 2px  #a5ccef solid;
  background: linear-gradient(-45deg,
              transparent 35%, rgba(0, 0, 0, .05) 35%, rgba(0, 0, 0, .05) 45%, transparent 45%,
              transparent 85%, rgba(0, 0, 0, .05) 85%, rgba(0, 0, 0, .05) 95%, transparent 95%) 0 /4px 4px, #3083cf;
}
/* お問い合わせタブ */
.theme-ma .theme-special-tabs li a.icon-mail::before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 15px;
  background: url(/common/ggo/images/v1/icon-mail-blue.png);
  margin-right: 10px;
  vertical-align: top;
}
.theme-ma .theme-special-tabs li.active a.icon-mail::before,
.theme-ma .theme-special-tabs li:hover a.icon-mail::before {
  background: url(/common/ggo/images/v1/icon-mail-white.png);
}
/* 新着記事 */
.theme-ma .theme-special-recent-title {
  color: #87a3c7;
}
.theme-ma .theme-special-recent-list {
  border-color: #87a3c7;
  background: #eff5fc;
}
.theme-ma .theme-special-recent-list ul li a {
  background: #eff5fc;
}
/* メルマガ登録 */
.theme-ma .theme-special-header .mail-magazine .btn {
  background: #2289e6;
}
/* セミナー情報, イベント情報 */
.theme-ma .theme-special-info {
  border-color: #8ea6c5;
}
.theme-ma .theme-special-info dt {
  background: #8ea6c5;
}
.theme-ma .theme-special-info dd ul li .double-arrow-next::after {
  border-color: #8ea6c5;
  box-shadow: 2px 2px 0 0 #fff, 4px 4px 0 0 #8ea6c5;
}
/* 案件一覧 */
.theme-ma .theme-special-items ul li {
  border-color: #87a3c7;
}
.theme-ma .theme-special-items ul li .btn {
  border-color: #9fb6d4;
  background: #87a3c7;
}
.theme-ma .theme-special-items ul li .btn:hover {
  border-color: #4093de;
  background: #4093de;
}
.theme-ma .theme-special-items ul li .memberonly{
  text-align: center;
  margin-bottom:6px;
}
.theme-ma .theme-special-items ul li .memberonly img.mailmemberimg {
    width: 20px;
    margin-left: 4px;
}
.theme-ma .theme-special-items ul li .memberonly span.mailmembertext {
    color: #A19305;
    margin-right: 8px;
    font-size: 1.2rem;
    margin-left: 4px;
}


/* おすすめ案件情報 */
.theme-ma .theme-special-recommend-items ul li {
  border-color: #87a3c7;
}
.theme-ma .theme-special-recommend-items ul li .btn {
  border-color: #9fb6d4;
  background: #87a3c7;
}
.theme-ma .theme-special-recommend-items ul li .btn:hover {
  border-color: #9fb6d4;
  background: #4093de;
}

/* 商談中・成約済み */
.theme-ma .theme-special-items ul .nowon,.theme-ma .theme-special-items ul .reserve{
position:relative;
  border-color:rgba(226,205,189,0.3);
  box-shadow: 0 2px 5px 0 rgba(221,221,221,0.3);
}
.theme-ma .theme-special-items ul .nowon .fwrap,.theme-ma .theme-special-items ul .reserve .fwrap{
position:relative;
}
.theme-ma .theme-special-items ul .nowon .fwrap::after,.theme-ma .theme-special-items ul .reserve .fwrap::after{
    z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(255,255,255,0.7);
}
.theme-ma .theme-special-items ul .nowon .btn.block-link,.theme-ma .theme-special-items ul .reserve .btn.block-link{
opacity:0.7;
}
.theme-ma .theme-special-items ul li .mrk-n,.theme-ma .theme-special-items ul li .mrk-r{
display:none;
}
.theme-ma .theme-special-items ul .nowon .mrk-n{
display:block;
position:absolute;
margin:auto;
top:0;
bottom:0;
right:0;
left:0;
width:139px;
height:30px;
background-color:#2289e6;;
z-index:2;
border-radius:69.5px;
font-size:30px;
text-align:center;
color:#fff;
line-height:1;
padding:54.5px 0;
}
.theme-ma .theme-special-items ul .reserve .mrk-r{
display:block;
position:absolute;
margin:auto;
top:0;
bottom:0;
right:0;
left:0;
width:133px;
height:28px;
background-color:#fff;
z-index:2;
border-radius:69.5px;
font-size:30px;
text-align:center;
color:#2289e6;
line-height:1;
padding:50.5px 0;
border:3px solid #2289e6;
}
.theme-ma .theme-special-items.item-col4 ul .nowon .mrk-n{
width:120px;
height:26px;
padding:47px 0;
border-radius:60px;
font-size:26px;
}
.theme-ma .theme-special-items.item-col4 ul .reserve .mrk-r{
width:114px;
height:26px;
padding:44px 0;
border-radius:60px;
font-size:26px;
}


/* 詳細検索 */
.theme-ma .theme-special-cond-wrap .cond-form .cond-title,
.theme-ma .theme-special-cond-wrap .cond-form .search-btn {
  background: #2289e6;
}
.theme-ma .theme-special-cond-wrap .cond-form table,
.theme-ma .theme-special-cond-wrap .cond-form table tr:not(:last-child) {
  border-color: #2289e6;
}
.theme-ma .theme-special-cond-wrap .cond-form table tr th {
  color: #2289e6;
}
.theme-ma .theme-special-cond-wrap .cond-form table tr:nth-child(2) > td,
.theme-ma .theme-special-cond-wrap .cond-form table tr:nth-child(3) > td {
  color: #767676;
}
/* ページネーション */
.theme-ma .theme-special-pagination {
  background: #d2d2d2;
}
.theme-ma .theme-special-pagination .double-arrow-prev::before {
  box-shadow: -2px 2px 0 0 #d2d2d2, -4px 4px 0 0 #fff;
}
.theme-ma .theme-special-pagination .double-arrow-next::after {
  box-shadow: 2px 2px 0 0 #d2d2d2, 4px 4px 0 0 #fff;
}
.theme-ma p a{color:#4093de !important;}


/* ------------------------------------------------------------ */
/* テーマ特集の色指定：セミナー情報
/* ------------------------------------------------------------ */
.theme-seminar .theme-special-header{margin-bottom:40px;}
.theme-seminar .theme-special-recommend-items ul li .item-title {
    width: 100%;
}
.theme-seminar .theme-special-items ul li table tr th {
    width: 4em;
}
.theme-seminar .theme-special-items ul.block-links li table tr th {
    width: 3em;
}

/* 見出し(二重下線) */
.theme-seminar .theme-special-content-title,
.theme-seminar .theme-special-content-title::after {
  color: #339933;
  border-color: #339933;
}
/* タブ */
.theme-seminar .theme-special-tabs li a {
  color: #339933;
  border-color: #99cc99;
  background: linear-gradient(-45deg,
              transparent 35%, rgba(0, 0, 0, .02) 35%, rgba(0, 0, 0, .02) 45%, transparent 45%,
              transparent 85%, rgba(0, 0, 0, .02) 85%, rgba(0, 0, 0, .02) 95%, transparent 95%) 0 /4px 4px, #e7f2e7;
}
.theme-seminar .theme-special-tabs li.active a,
.theme-seminar .theme-special-tabs li a:hover {
  opacity: 1;
  color: #fff;
  border: 2px  #339933 solid;
  background: linear-gradient(-45deg,
              transparent 35%, rgba(0, 0, 0, .05) 35%, rgba(0, 0, 0, .05) 45%, transparent 45%,
              transparent 85%, rgba(0, 0, 0, .05) 85%, rgba(0, 0, 0, .05) 95%, transparent 95%) 0 /4px 4px, #339933;
}
/* お問い合わせタブ */
.theme-seminar .theme-special-tabs li a.icon-mail::before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 15px;
  background: url(/common/ggo/images/v1/icon-mail-green.png);
  margin-right: 10px;
  vertical-align: top;
}
.theme-seminar .theme-special-tabs li.active a.icon-mail::before,
.theme-seminar .theme-special-tabs li:hover a.icon-mail::before {
  background: url(/common/ggo/images/v1/icon-mail-white.png);
}
.theme-seminar .theme-special-tabs li:last-child{width: 260px;}


/* 新着記事 */
.theme-seminar .theme-special-recent-title {
  color: #fff;
  margin: 8px 0 0px;
  border: 1px #65a171 solid;
  padding: 15px 0 10px 10px;
  background: #65a171;
}
.theme-seminar .theme-special-recent-list {
  border-color: #99cc99;
  background: #e7f2e7;
}
.theme-seminar .theme-special-recent-list ul li a {
  background: #e7f2e7;
}
/* メルマガ登録 */
.theme-seminar .theme-special-header .mail-magazine .btn {
  background: #339933;
}
/* セミナー情報, イベント情報 */
.theme-seminar .theme-special-info {
  border-color: #99cc99;
}
.theme-seminar .theme-special-info dt {
  background: #99cc99;
}
.theme-seminar .theme-special-info dd ul li .double-arrow-next::after {
  border-color: #99cc99;
  box-shadow: 2px 2px 0 0 #fff, 4px 4px 0 0 #99cc99;
}
.theme-seminar .theme-special-items ul li .memberonly{
  text-align: center;
  margin-bottom:6px;
}
.theme-seminar .theme-special-items ul li .memberonly img.mailmemberimg {
    width: 20px;
    margin-left: 4px;
}
.theme-seminar .theme-special-items ul li .memberonly span.mailmembertext {
    color: #A19305;
    margin-right: 8px;
    font-size: 1.2rem;
    margin-left: 4px;
}


/* 案件一覧 */
.theme-seminar .theme-special-items ul li {
  border-color: #c3eac3;
}
.theme-seminar .theme-special-items ul li .item-seminartype{
  padding: 4px 6px 2px;
  font-size: 1.2rem;
  color: #fff;
  /* background-color: #5c60a2; */
  border-radius: 2px;
  /* border: 1px solid #5c60a2; */
  line-height: 1;
  float: left;
  margin-bottom: 6px;
}
.theme-seminar .theme-special-items ul li .fwrap .fee {
  padding: 0px 10px;
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  margin-left: 10px;
  font-size: 1.2rem;
  line-height: 1;
}

.theme-seminar .theme-special-items ul li .item-title{clear:both;}

.theme-seminar .theme-special-items ul li .btn {
  border-color: #c3eac3;
  background: #4eb34e;
}
.theme-seminar .theme-special-items ul li .btn:hover {
  border-color: #99cc99;
  background: #339933;
}
/* おすすめ案件情報 */
.theme-seminar .theme-special-recommend-items ul li {
  border-color: #339933;
}
.theme-seminar .theme-special-recommend-items ul li .item-seminartype{
  padding: 5px 8px;
  font-size: 1.3rem;
  color: #fff;
  /* background-color: #5c60a2; */
  border-radius: 2px;
  /* border: 1px solid #5c60a2; */
  line-height: 1;
  display: block;
  float: left;
  margin-bottom: 6px;
}
.theme-seminar .theme-special-recommend-items ul li .btn {
  border-color: #c3eac3;
  background: #4eb34e;
}
.theme-seminar .theme-special-recommend-items ul li .btn:hover {
  border-color: #c3eac3;
  background: #339933;
}
.theme-seminar .theme-special-recommend-items ul li .fwrap .fee {
    padding: 5px 10px 4px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    margin-left: 10px;
    font-size: 1.3rem;
    line-height: 1;
    float: left;
}


/* 終了・満員御礼 */
.theme-seminar .theme-special-items ul .nowon,
.theme-seminar .theme-special-items ul .reserve,
.theme-seminar .theme-special-items ul .reserve2,
.theme-seminar .theme-special-items ul .reserve3{
position:relative;
  border-color:rgba(226,205,189,0.3);
  box-shadow: 0 2px 5px 0 rgba(221,221,221,0.3);
}
.theme-seminar .theme-special-items ul .nowon .fwrap,
.theme-seminar .theme-special-items ul .reserve .fwrap,
.theme-seminar .theme-special-items ul .reserve2 .fwrap,
.theme-seminar .theme-special-items ul .reserve3 .fwrap{
position:relative;
}
.theme-seminar .theme-special-items ul .nowon .fwrap::after,
.theme-seminar .theme-special-items ul .reserve .fwrap::after,
.theme-seminar .theme-special-items ul .reserve2 .fwrap::after,
.theme-seminar .theme-special-items ul .reserve3 .fwrap::after{
    z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(255,255,255,0.7);
}
.theme-seminar .theme-special-items ul .nowon .btn.block-link,
.theme-seminar .theme-special-items ul .reserve .btn.block-link,
.theme-seminar .theme-special-items ul .reserve2 .btn.block-link,
.theme-seminar .theme-special-items ul .reserve3 .btn.block-link{
opacity:0.7;
}
.theme-seminar .theme-special-items ul li .mrk-n,
.theme-seminar .theme-special-items ul li .mrk-r,
.theme-seminar .theme-special-items ul li .mrk-r2,
.theme-seminar .theme-special-items ul li .mrk-r3{
display:none;
}
.theme-seminar .theme-special-items ul .nowon .mrk-n{
display:block;
position:absolute;
margin:auto;
top:0;
bottom:0;
right:0;
left:0;
width:139px;
height:30px;
background-color:#339933;;
z-index:2;
border-radius:69.5px;
font-size:30px;
text-align:center;
color:#fff;
line-height:1;
padding:54.5px 0;
}
.theme-seminar .theme-special-items ul .reserve .mrk-r,
.theme-seminar .theme-special-items ul .reserve2 .mrk-r2,
.theme-seminar .theme-special-items ul .reserve3 .mrk-r3{
display:block;
position:absolute;
margin:auto;
top:0;
bottom:0;
right:0;
left:0;
width:133px;
height:28px;
background-color:#fff;
z-index:2;
border-radius:69.5px;
font-size:30px;
text-align:center;
color:#339933;
line-height:1;
padding:50.5px 0;
border:3px solid #339933;
}
.theme-seminar .theme-special-items.item-col4 ul .nowon .mrk-n{
width:120px;
height:26px;
padding:47px 0;
border-radius:60px;
font-size:26px;
}
.theme-seminar .theme-special-items.item-col4 ul .reserve .mrk-r,
.theme-seminar .theme-special-items.item-col4 ul .reserve2 .mrk-r2,
.theme-seminar .theme-special-items.item-col4 ul .reserve3 .mrk-r3{
width:114px;
height:26px;
padding:44px 0;
border-radius:60px;
font-size:26px;
}



/* 詳細検索 */
.theme-seminar .theme-special-cond-wrap .cond-form .cond-title,
.theme-seminar .theme-special-cond-wrap .cond-form .search-btn {
  background: #339933;
}
.theme-seminar .theme-special-cond-wrap .cond-form table,
.theme-seminar .theme-special-cond-wrap .cond-form table tr:not(:last-child) {
  border-color: #339933;
}
.theme-seminar .theme-special-cond-wrap .cond-form table tr th {
  color: #339933;
  width: 6em;
  padding: 20px 10px 20px 20px;
}
/* 20171228 */
.theme-seminar .theme-special-cond-wrap .cond-form table tr td select[name="lecturer.name"]{width:370px;}

.theme-seminar .theme-special-cond-wrap .cond-form table tr:nth-child(2) > td,
.theme-seminar .theme-special-cond-wrap .cond-form table tr:nth-child(3) > td {
  color: #767676;
}
/* ページネーション */
.theme-seminar .theme-special-pagination {
  background: #99cc99;
}
.theme-seminar .theme-special-pagination .double-arrow-prev::before {
  box-shadow: -2px 2px 0 0 #99cc99, -4px 4px 0 0 #fff;
}
.theme-seminar .theme-special-pagination .double-arrow-next::after {
  box-shadow: 2px 2px 0 0 #99cc99, 4px 4px 0 0 #fff;
}

/* セミナー記事用追記 */
.seminar-detail #main-container{
margin-top:40px;
}
.seminar-detail .article-body{
border:1px solid #d4cc8d;
background-color:#fcfcfc;
margin-bottom:40px;
}
.seminar-detail .seminar-head{
background-color:#d4cc8d;
padding:15px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:row;
justify-content:space-between;
}
.seminar-detail .seminar-head span{
display:block;
}
.seminar-detail .seminar-head span a{
font-size:1.4rem;
letter-spacing:0.05rem;
color:#fff;
}
.seminar-detail .double-line{
border:none;
border-top:4px double #d4cc8d;
margin:1px 0 0 0;
}
.seminar-detail #article-body{
padding:0;
}
.seminar-detail .seminar-signage{
padding:24px 26px;
}
.seminar-detail .seminar-signage .flg-block{
float:left;
}
.seminar-detail .seminar-signage .flg{
padding:5px 8px;
font-size:1.3rem;
color:#fff;
background-color:#5c60a2;
border-radius:2px;
border:1px solid #5c60a2;
line-height:1;
display:block;
float:left;
}
.seminar-detail .seminar-signage .fee{
padding:5px 20px;
background-color:#fff;
border:1px solid #000;
color:#000;
margin-left:10px;
}
.seminar-detail .seminar-signage .full-flg{
float:right;
font-size:2.4rem;
font-weight:600;
color:#cc0033;
letter-spacing:0.05rem;
line-height:1;
}
.seminar-detail .seminar-signage .main-title{
font-size:2.5rem;
line-height:3.8rem;
margin-top:26px;
margin-bottom:13px;
display:block;
font-weight:600;
}
.seminar-detail .seminar-signage .main-title.kanban img{width:100%;}

.seminar-detail .seminar-signage .main-title .sub-title{
display:block;
font-size:1.8rem;
  line-height: 2.2rem;
  padding-top: 10px;
}
.seminar-detail .seminar-signage .magazine-flg{
font-size:1.1rem;
letter-spacing:0.05rem;
color:#ab1228;
padding:8px 9px;
border:1px solid #ab1228;
border-radius:2px;
margin-bottom:10px;
display:block;
line-height:1;
width:9.2rem;
}
.seminar-detail .seminar-signage .sns-buttons-top{
position:static;
/* width:220px; */
width:390px;
}
.seminar-detail .seminar-signage .sns-buttons-top .fb_iframe_widget{
line-height:1;
}
.seminar-detail .seminar-signage .sns-buttons-top .twitter-share-button,.seminar-detail .seminar-signage .sns-buttons-top .add-clipping{
margin:0;
}
.seminar-detail .seminar-signage .sns-buttons-top .hatena-bookmark-button-frame{
margin-left:0;
}
.seminar-detail .seminar-signage .flg-sns{
/* float:left; */
}
.seminar-detail .seminar-signage .thumb{
/* float:right; */
/* width:200px; */
  margin-top:20px;
  width:100%;
}
.seminar-detail .seminar-signage .thumb img{
width:100%;
}
.seminar-detail .seminar-main-info{
padding:24px 26px;
margin:36px 0;
}
.seminar-detail .seminar-main-info table{
border-collapse:separate;
}
.seminar-detail .seminar-main-info th{
text-align:left;
vertical-align:top;
width:10%;
}
.seminar-detail .seminar-main-info th span{
font-size:1.2rem;
padding:6px 10px;
border:1px solid #ccc;
line-height:1;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.seminar-detail .seminar-main-info td{
padding-bottom:20px;
padding-left:30px;
font-size:1.4rem;
letter-spacing:0.05rem;
}
.seminar-detail .seminar-main-info .place span{
display:block;
}
.seminar-detail .seminar-main-info .place .map span{
display:inline;
padding-left:10px;
font-size:1.1rem;
}
.seminar-detail .seminar-main-info .place .map span img{
vertical-align:middle;
width:18px;
padding-left:2px;
}
.seminar-detail .seminar-main-info .affiliation span{
display:block;
}
.seminar-detail .seminar-main-info .affiliation .af-name{
font-size:1.6rem;
}
.seminar-detail .seminar-main-info .seminar-date{
font-size:2.4rem;
font-weight:600;
line-height:1;
}
.seminar-detail .seminar-main-info .seminar-date .datesmall{
  display: block;
  font-size: 1.6rem;
  margin: 12px 0;
  font-weight:normal;
}
.seminar-detail .seminar-main-info table tr:last-child td{
padding-bottom:0;
}
.seminar-detail .seminar-content,.seminar-detail .seminar-author{
padding:0 26px;
}
.seminar-detail .seminar-content{
margin-bottom:60px;
}
.item-title{
margin-bottom:20px;
}
.item-title span{
padding:6px 15px;
background-color:#535353;
border-radius:2px;
color:#fff;
font-size:1.2rem;
letter-spacing:0.05rem;
}

.item-title span.new-label {
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;
    padding: 3px 5px;
    color: #fff;
    background-color: #d00022;
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    vertical-align: middle;
    margin-left: 4px;
    display: inline-block;
}
.item-title span.osusume {
  padding: 1px 8px;
  background-color: #fff;
  border: 1px solid #d00022;
  color: #d00022;
  margin-left: 8px;
  font-weight: bold;
}
.seminar-detail .seminar-content p{
font-size:1.4rem;
line-height:1.8rem;
margin-bottom:1.4rem;
}
.seminar-detail .seminar-content ul{
font-size:1.4rem;
line-height:1.8rem;
margin-left: 40px;
list-style-type:disc;
}
.seminar-detail .seminar-content ul li{
margin-bottom:1.4rem;
}
.seminar-detail .seminar-author .author-content{
margin-bottom:60px;
}
.seminar-detail .seminar-author .author-content .thumb{
width:180px;
float:left;
}
.seminar-detail .seminar-author .author-content .thumb img{
width:100%;
display:block;
}
.seminar-detail .seminar-author .author-content .author-text{
width:380px;
float:right;
}
.seminar-detail .seminar-author .author-content .author-text span{
display:block;
}
.seminar-detail .seminar-author .author-content .author-text .a-name{
font-size:1.8rem;
font-weight:600;
line-height:2.4rem;
}
.seminar-detail .seminar-author .author-content .author-text .a-name span{
display:inline;
font-weight:400;
font-size:1.4rem;
}
.seminar-detail .seminar-author .author-content .author-text .a-aff{
font-size:1.4rem;
font-weight:600;
line-height:2.4rem;
margin-bottom:20px;
}
.seminar-detail .seminar-author .author-content .author-text .a-text{
font-size:1.3rem;
line-height:2.0rem;
}
.seminar-detail .series{
  margin-bottom:30px;
  line-height:1.6;
  text-align:left;
}
.seminar-detail .series .series-head{
font-size:1.4rem;
letter-spacing:0.05rem;
color:#8b8b8b;
}
.seminar-detail .series span{
font-size:1.5rem;
}
.seminar-detail .sub-btn{
width:420px;
text-align:center;
background: linear-gradient(to bottom, #bdbb86 0%,#929056 100%);
border:5px solid #e2e1ba;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
font-size:1.7rem;
letter-spacing:0.05rem;
margin:0 auto 60px;
}
.seminar-detail .sub-btn a{
color:#fff;
display:block;
padding:22px 0;
}
.seminar-detail .seminar-top{
font-size:1.2rem;
letter-spacing:0.05rem;
text-align:center;
}
.seminar-detail .seminar-top a{
color:#898b89;
}

/* 201707-記事内下部css追加 */
.related-title{
font-size:1.4rem;
letter-spacing:0.05rem;
font-weight:600;
color:#838383;
padding-bottom:10px;
}
#access-ranking.article-related .side-main ul li a{
  display: inline-block;
}
#access-ranking.article-related .side-main ul li .new-label {
  padding: 1px 5px;
  margin-left:10px;
}


.article-related .side-main{
  padding-left:0 !important;
}
.article-related .side-main ul{
margin:10px 0;
}
.article-related .side-main ul li{
list-style:none;
font-size:1.4rem;
line-height:1.55;
padding-bottom:8px;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}
.same-category-article-list .article-list{
padding-bottom:15px;
border-bottom:1px solid #000;
margin-bottom:40px;
}
.same-category-article-list .article-list .double-border .topics-title{
font-size:1.4rem;
text-align:left;
}
.same-category-article-list .article-list .article-list-iso{
margin-bottom:20px;
}
.same-category-article-list .article-list .article-list-iso .topic-image{
display:none;
}
.same-category-article-list .article-list .article-list-iso .article-list-iso-detail{
width:100%;
margin:0;
margin-left:10px;
}
.same-category-article-list .article-list .article-list-iso .article-list-iso-detail .article-list-iso-serial{
margin-bottom:7px;
}
.related-topics-wrap{
height:320px;
overflow-y:auto;
overflow-x:hidden;
}
.same-category-article-list .article-list .related-topics-wrap .article-list-iso .article-list-iso-detail .article-list-iso-title .new-label{
  padding: 1px 5px;
  margin-left: 6px;
}

.theme-fudousan-list {
    margin: 0 0px;
    border: 1px #65a171 solid;
    border-top-color: rgb(205, 205, 205);
    padding: 12px 10px 0px;
    /* background: #f9f9f9; */
}

.theme-fudousan-list ul li {
    /*border-bottom: 1px #ddd dashed;*/
    font-size: 1.4rem;
    padding: 3px 0;
    line-height: 1.5;
    letter-spacing: 1.5px;
    font-weight: bold;
}

.fudousan-title {
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.6;
    padding: 10px 0;
    font-family: 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;
}

.fudousan-title h1 {
    color: #000;
    width: 1200px;
    margin: auto;
    font-size: 36px;
    font-size: 3.2rem;
}

.fudousan-title p {
    color: #000;
    width: 1200px;
    margin: 20px auto 0px;
    font-size: 18px;
    font-size: 1.6rem;
}

#fudousan-info-area {
    width: 100%;
    background-color: #000;
    margin: 1px auto 0;
    padding: 0px 0px 0px 0px;
    color: #fff;
}
#fudousan-info-area .article {
    width: 360px;
    float: left;
    margin-left: 0px;
}

#slide-banner {
 border-right: dotted 1px #fff;
 padding-right:7px;
 height:120px;
}

/* 2018.09.19追加 */
.seminar-detail .seminar-signage.nowon .signage-bottom,
.seminar-detail .seminar-signage.reserve .signage-bottom,
.seminar-detail .seminar-signage.reserve2 .signage-bottom,
.seminar-detail .seminar-signage.reserve3 .signage-bottom {
  position: relative;
}
.seminar-detail .seminar-signage.nowon .signage-bottom .thumb,
.seminar-detail .seminar-signage.reserve .signage-bottom .thumb,
.seminar-detail .seminar-signage.reserve2 .signage-bottom .thumb,
.seminar-detail .seminar-signage.reserve3 .signage-bottom .thumb {
  opacity: .5;
}
.seminar-detail .seminar-signage .mrk-n,
.seminar-detail .seminar-signage .mrk-r,
.seminar-detail .seminar-signage .mrk-r2,
.seminar-detail .seminar-signage .mrk-r3 {
  display: none;
}
.seminar-detail .seminar-signage.nowon .mrk-n{
  display:block;
  position:absolute;
  margin:auto;
  top:0;
  bottom:0;
  right:0;
  left:0;
  width:139px;
  height:30px;
  background-color:#339933;;
  z-index:2;
  border-radius:69.5px;
  font-size:30px;
  text-align:center;
  color:#fff;
  line-height:1;
  padding:54.5px 0;
}
.seminar-detail .seminar-signage.reserve .mrk-r,
.seminar-detail .seminar-signage.reserve2 .mrk-r2,
.seminar-detail .seminar-signage.reserve3 .mrk-r3{
  display:block;
  position:absolute;
  margin:auto;
  top:0;
  bottom:0;
  right:0;
  left:0;
  width:133px;
  height:28px;
  background-color:#fff;
  z-index:2;
  border-radius:69.5px;
  font-size:30px;
  text-align:center;
  color:#339933;
  line-height:1;
  padding:50.5px 0;
  border:3px solid #339933;
}


.square_btn{
    display: inline-block;
    padding: 7px 20px;
  border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
    margin: 7px 20px;
    position: absolute;
}

.square_btn2 {
    /*splay: inline-block;*/
    padding: 20px 80px;
    border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
    margin: 40px auto;
    width: 180px;
}

.detail-main .author-detail .left img {
    width: 180px;
    margin-right: 20px;

}

#expert{
    background-color: #2e8b57;
    padding: 10px;
    color:#fff;
}

*タブ切り替え全体のスタイル*/
.tabs {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 700px;
margin: 0 auto;}
/*タブのスタイル*/
.tab_item {
/*width: calc(93.5%/2);*/
width: 50px;
height: 50px;
border-bottom: 3px solid #5ab4bd;
background-color: #d9d9d9;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item:hover {
opacity: 0.75;
}

.tab_item1 {
width: calc(93.5%/2);
height: 50px;
border-bottom: 3px solid #5ab4bd;
background-color: #d9d9d9;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
/*padding: 0px 40px 0;*/
padding: 10px;
clear: both;
overflow: hidden;
}

.tab_content a{
padding-left:10px;
font-size: 2.8rem !important;
width: 40px;
height: 50px;
line-height: 50px;
display: inline-block;
border-radius: 35px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
}

.tab_content a:hover{
  color: #fff;
  font-size: 28px !important;
  font-size: 2.8rem !important;
  font-weight: bold !important;
  background-color: #5ab4bd;
  alpha(opacity=100) !important;
  opacity:1 !important;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#low:checked ~ #low_content 
{
display: block;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #kana_a,
#programming:checked ~ #kana_ka,
#kana_sa:checked ~ #kana_sa,
#kana_ta:checked ~ #kana_ta,
#kana_na:checked ~ #kana_na,
#kana_ha:checked ~ #kana_ha,
#kana_ma:checked ~ #kana_ma,
#kana_ya:checked ~ #kana_ya,
#kana_ra:checked ~ #kana_ra,
#kana_wa:checked ~ #kana_wa,
#tab_keiji:checked ~ #tab_keiji,
#tab_fudousan:checked ~ #tab_fudousan,
#tab_souzoku:checked ~ #tab_souzoku,
#tab_keiei:checked ~ #tab_keiei,
#tab_rikon:checked ~ #tab_rikon,
#low:checked ~ #low_content 
{
display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #5ab4bd;
color: #fff;
}
.tab_content_description {
font-size: 16px;
line-height: 25px;
text-align: center;
}

.tab_content_description ul {
list-style: none;
height:72px;
}

.tab_content_description li {
width: calc(100%/5);
float: left;
height: 72px;
}

.tab_content_description li a {
/*list-style-type: disc;*/
/*text-decoration: underline;*/
}

.ab-detail h3 {
margin-top: 20px;
}

.ab-detail li {
list-style-type: disc;
font-size:14px;
margin-left: 160px;
line-height: 25px;
}

#contents li a{
margin:5px 10px 5px 0;
padding:5px;
border: solid 1px #d4cb89;
}

.tab_item2 {
    width: calc(100%/5);
    /*width: 200px;*/
    height: 50px;
    border-bottom: 3px solid #5ab4bd;
    background-color: #d9d9d9;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;

}

.tabs input:checked + .tab_item2 {
    background-color: #5ab4bd;
    color: #fff;

}

.tab_content2 {
    display: none;
    padding: 10px 0 0 0;
    clear: both;
    overflow: hidden;

}

.nav-tabs > li > a {
    font-size:30px;
}

#category #side {
    margin: 0;
}

.underline{text-decoration: underline;}

.fancybox-title-float-wrap .child {text-align: left;}

.seminar-subscribe {
  margin-bottom: 40px;
}
.seminar-subscribe__headline {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.seminar-subscribe-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.seminar-subscribe__item {
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  margin: 10px;
  min-height: 54px;
  max-width: 400px;
  letter-spacing: 1px;
  text-align: center;
}

.seminar-subscribe-list--kame{
  margin-top:8px;
  gap: 20px;
}
.seminar-subscribe__kame{
  width: 240px;
}


.seminar-subscribe__item.seminar-subscribe__item--btn1 {
  background-color: #b1212c;
}
.seminar-subscribe__item.seminar-subscribe__item--btn4 {
  background-color:#fff;
  color:#000;
  border: 2px solid #000;
  border-radius: 2em;
  box-shadow: 5px 6px 0px 0 #666666bd;
}
.seminar-subscribe__item.seminar-subscribe__item--btn2 {
  background-color: #cac48e;
}
.seminar-subscribe__item.seminar-subscribe__item--btn3 {
  flex-basis: 100%;
  background-color: #63b64c;
}

/* セミナーカンバン画像表示時にタイトル・サブタイトル表示 */
.main-title-with-img{
    font-size: 2.2rem;
    line-height: 3.8rem;
    margin-bottom: 13px;
    font-weight: 600;
}
.sub-title-with-img{
    font-size: 1.8rem;
    line-height: 3.8rem;
    margin-bottom: 13px;
    font-weight: 600;
}



/* プレミアム特集記事一覧 */
#premium-series{
  clear:both;
  margin-top:40px;
}
/* #premium-article-list{width:830px;} */
#premium-article-list .article-content {
  width: 100%;
  margin: 0 10px 16px 0;
  float: left;
  border-bottom: solid 1px #dcdcdc;
  padding-bottom: 6px;
  display: block;
  clear: both;
}
/*
#premium-article-list .article-content:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
}
#premium-article-list .article-content:nth-child(2n) {margin: 0 0 40px 0;}
*/
#premium-article-list .article-content .article-detail {
    float: left;
    width: 690px;
}
#premium-article-list .article-content .premium-article-author-image {
    margin-right: 20px;
    width: 116px;
    float:left;
}
#premium-article-list .article-content .premium-article-author-image img{
    max-width: 100%;
    max-height: 100%;
}
#premium-article-list .article-content .premium-article-author-image .author-img {width: 116px;}
#premium-article-list .article-content .article-detail .article-title {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom:4px;
    /* min-height:73px; */
}
#premium-article-list .article-content .article-detail .author-name {
  font-size: 1.4rem;
  margin-bottom:8px;
}
#premium-article-list .article-content .article-detail .article-summary {
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: 1px;
}
#feature-top .premium-series .feature-banner.banner {
  float: left;
  margin-top: 24px;
  margin-left: 0;
}
#feature-top .premium-series .feature-banner.banner:nth-child(2n) {
  margin-left: 10px;
}

.seminarBlock{
  position: relative;
  width: 640px;
  overflow: hidden;
}
.seminarLists{
  position: relative;
  display: flex;
  overflow: hidden;
  margin: 10px 0 25px;
  list-style: none !important;
}
.seminarList{
  position: relative;
  width: 200px;
  height: auto;
  margin: 10px 10px 0 0;
}

.seminarList.nonImg .seminarTitle{
  width: 180px;
  line-height: 18px;
  padding: 10px 0 0 10px;
  font-size: 15px;
  font-weight: 700;
}
.recommend_seminar_head{
  background-color: #efede0;
  line-height: 18px;
  margin: 30px 0 0 0;
  padding: 9px 0 6px 5px;
  font-weight: 700;
  font-size: 18px;
}
.seminarLink {
  display: block;
  width: 200px;
  margin: 0 20px 0 0;
}
.seminarLink.opacity{
  opacity: 0.4;
}
.seminarImg{
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;

}

.seminarSubTitle{
  position: absolute;
  display: block;
  width: 180px;
  line-height: 16px;
  padding: 5px 5px 5px 30px;
  background-color: #fff;
  box-shadow: 8px 6px 0 rgb(20 20 20 / 30%);
  font-size: 12px;
  font-weight: 700;
  top: 30px;
  left: 50px;
}
.seminarDescription{
  position: absolute;
  display: block;
  width: 130px;
  line-height: 14px;
  padding: 7px 5px 7px 30px;
  background-color: #fff;
  box-shadow: 8px 6px 0 rgb(20 20 20 / 30%);
  font-size: 10px;
  font-weight: 700;
  top: 80px;
  left: 50px;
}

.instructorName{
  position: absolute;
  font-size: 10px;
  color: #a82803;
  top: 125px;
  left: 120px;
}
.instructorCompany{
  position: absolute;
  line-height: 11px;
  font-size: 10px;
  color: #a82803;
  top: 142px;
  left: 120px;
}
.instructorTitle{
  position: absolute;
  line-height: 11px;
  font-size: 10px;
  color: #a82803;
  top: 169px;
  left: 120px;
}
.seminarDate{
  display: block;
  width: 200px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1;
}
.seminarKanban { height: 200px; }
.hidden_part{
  display: none;
}

/* lazy */
.bx-controls{
  display: none;
}
.top-main-banner-lazy{
  width: 300px!important;
}
.top-side-banner-lazy{
  width: 326px!important;
  height: 183px;
}
.sub-recommend-image-lazy{
  height: 122.5px;
}
.bottom-recommend-image-lazy{
  height: 103.5px;
}
.sub-recommend-image-left-lazy{
  height: 266px;
  
}
.article-content-lazy-wrap{
  min-height: 245px;
  display: flex;
  align-items: center;
}
.article-content-lazy{
  height: auto;
}
.feature-img-lazy{
  height: 283px;
}
.special-img-lazy{
  height: 181px;
}
.author-img-lazy{
  height: 90px!important;
  width: 70px;
  float: right;
}
.book-img-lazy{
  height: 181px!important;
}
.right book-img-lazy{
  height: 181px!important;
}
.book-detail-lazy{
  height: 260.5px;
}
.affiliates-lazy{
  height: 133px;
}
.detail-image-lazy{
  width: 200px;
}
.author-pic-lazy{
  height: 133px;
  width: 100px;
}
img.affi-img-lazy{
  width: 73px!important;
  height: 40px;
}
.author-lazy-img{
  float:left; 
  margin-right:5px;
}
.side-banner-lazy-img{
  width: 100%;
  height: auto;
}
.side-ranking-lazy-img{
  float:left;
  margin-right:5px;
}
.book-detail-lazy{
  width: 140px;
  height: auto;
}
.book-affi-lazy{
  width: 100%;
  height: auto;
}
.top-bannars{
  width: 30%;
  height: auto;
}
.seminar-signage-lazy-img{
  width: 100%;
  height: auto;
}
.seminar-author-lazy-img.lazy{
  opacity:1;
}
.seminar-recommend-lazy-banner.lazy{
  opacity:1;
}
.seminar-author-thumb-lazy-img{
  width: 100%;
  height: auto;
}
.article-author-lazy-img{
  height: auto;
}
.seminar-speakers-lazy-banner.lazy{
  opacity:1;
}
.seminar-main-lazy-img.lazy{
  opacity:1;
}
.seminar-detail-speaker-lazy-img.lazy{
  opacity:1;
}
.feature-img.lazy{
  height: auto;
}
#side .side-banner img.lazy{
  height: auto;
}
.detail-book-lazy-img.lazy{
  height: auto;
}
.premium-header .premium-title img.lazy{
  height: auto;
}
.premium-header .premium-recent-article .pimage img.lazy{
  height: auto;
}
.article .article-img.lazy{
  height: auto;
}
.premium-author img.lazy {
  height: auto;
}
.header-banner-lazy-img.lazy{
  height: auto;
}
.kamehameha-lazy-img{
  height: auto;
}
.expert-slider-author-lazy{
  height: auto;
}

/* relationship */
.relationship-wrap{
  display: flex;
  flex-wrap: wrap;
}
.relationship__item{
  width: 32%;
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  margin-right: 2%;
}
.relationship__item:nth-child(3n){
  margin-right: 0;
}
.relationship__heading{
  margin-bottom: 10px;
  font-weight: bold;
}
.relationship__image img{
  width: 100%;
  height: auto;
}