@charset "UTF-8";
/*****************************************************************************************
 * カイの小窓
 ****************************************************************************************/
#blogHeaderBox {
  margin-top: 30px; }
  #blogHeaderBox img {
    padding-left: 10px;
    padding-right: 10px; }

#blogContentBox {
  color: #565656; }
  #blogContentBox a {
    color: #565656; }
  #blogContentBox .content a {
    text-decoration: underline;
    color: #78CCC7; }
  #blogContentBox .blog_frame {
    border: 5px solid #addbdb;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 10px; }
  #blogContentBox h1 {
    color: #565656;
    font-size: 26px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px; }
  #blogContentBox .post_date {
    font-size: 14px;
    background: #78ccc7;
    padding: 0px 8px;
    text-align: right;
    color: #fff;
    margin-bottom: 20px; }
  #blogContentBox .blog_footer_link {
    font-size: 16px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
    #blogContentBox .blog_footer_link .link_top {
      padding: 10px 20px;
      border-left: 1px solid #565656;
      border-right: 1px solid #565656; }

/* スマホ用 */
@media (max-width: 769px) {
  #blogContentBox .sns_box .text {
    padding-left: 15px;
    padding-right: 0px; }

  .sns_box .pull-left img {
    padding-right: 0px; }

  #blogContentBox .content a {
    white-space: pre;
    /* CSS 2.0 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3.0 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: -moz-pre-wrap;
    /* Mozilla */
    white-space: -hp-pre-wrap;
    /* HP Printers */
    word-wrap: break-word;
    /* IE 5+ */ } }
/*****************************************************************************************
 * 連載 - フッターナビゲーション
 ****************************************************************************************/
#singleContentBox .footer_nav {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px; }
  #singleContentBox .footer_nav .new {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    width: 100%;
    max-width: 130px;
    display: inline-block;
    margin-bottom: 20px; }

/* スマホ用 */
@media (max-width: 769px) {
  #singleContentBox .footer_nav div[class^="col-"] {
    padding: 0; } }
/*****************************************************************************************
 * 連載 - 小説を旅する
 ****************************************************************************************/
#singleContentBox.novel {
  background-image: url("/common/images/novel_header_bg.png");
  background-position: center 30px;
  background-repeat: no-repeat;
  background-color: #EAEFF2;
  padding-top: 90px;
  /* あらすじ */
  /* 本文 */
  /* フッター */ }
  #singleContentBox.novel .header_text01 {
    color: #4D587B;
    font-size: 14px;
    margin-bottom: 10px; }
  #singleContentBox.novel .header_text02 {
    font-size: 12px; }
  #singleContentBox.novel .header_no {
    margin-top: 30px;
    font-size: 20px; }
  #singleContentBox.novel h1 {
    font-size: 30px;
    font-family: 'ヒラギノ角ゴ W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004';
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px;
    margin-top: 5px; }
  #singleContentBox.novel .book {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 30px; }
    #singleContentBox.novel .book h3 {
      text-align: center;
      border-bottom: 1px solid #000;
      font-size: 16px;
      margin-top: 20px;
      padding-bottom: 5px; }
    #singleContentBox.novel .book img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
  #singleContentBox.novel .content {
    background-color: #ffffff;
    padding: 30px 120px; }
    #singleContentBox.novel .content h2 {
      text-align: center;
      font-size: 40px;
      background-image: url("/common/images/novel_h2_bg.png");
      background-position: top center;
      background-size: auto;
      background-repeat: repeat-y;
      min-height: 51px;
      line-height: 51px;
      font-family: 'ヒラギノ角ゴ W5 JIS2004', 'Hiragino Kaku Gothic W5 JIS2004'; }
    #singleContentBox.novel .content blockquote {
      padding-left: 30px;
      padding-right: 30px;
      border: none;
      color: #4D587B;
      font-size: 16px; }
  #singleContentBox.novel + #footerBox {
    background-color: #EAEFF2;
    margin-top: 0px; }

/* スマホ用 */
@media (max-width: 769px) {
  #singleContentBox.novel h1 {
    font-size: 20px; }
  #singleContentBox.novel .content {
    background-color: #ffffff;
    padding: 15px; }
    #singleContentBox.novel .content h2 {
      font-size: 22px;
      background: none;
      text-align: left; }
    #singleContentBox.novel .content h3 {
      font-size: 16px; } }
/*****************************************************************************************
 * 連載 - ステージウォッチング
 ****************************************************************************************/
#singleContentBox.stage {
  padding-top: 30px;
  background-image: url("/common/images/stage_header_bg.png");
  background-position: center 30px;
  background-repeat: repeat-x; }
  #singleContentBox.stage .header {
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center; }
  #singleContentBox.stage .header_no {
    margin-top: 30px;
    font-size: 16px;
    text-align: center; }
  #singleContentBox.stage h1 {
    font-size: 27px;
    text-align: center;
    padding-bottom: 3px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: 'ヒラギノ角ゴ W5 JIS2004', 'Hiragino Kaku Gothic W5 JIS2004'; }
  #singleContentBox.stage .content {
    background: #fff;
    border-top: 2px solid #000;
    padding-bottom: 20px; }
    #singleContentBox.stage .content a {
      color: #50ACD4;
      text-decoration: underline; }

/* スマホ用 */
@media (max-width: 769px) {
  #singleContentBox.stage {
    background-image: none; }
    #singleContentBox.stage h1 {
      font-size: 20px; } }
/*****************************************************************************************
 * 連載 - さっぱち
 ****************************************************************************************/
#singleContentBox.sappachi {
  background-image: url("/common/images/sappachi_bg.gif");
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #FFC900;
  padding-top: 0px;
  /* ヘッダー */
  /* メイン */
  /* フッター */
  /* ハートランド */ }
  #singleContentBox.sappachi .no {
    background-image: url("/common/images/sappachi_no_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 41px;
    min-height: 44px;
    text-align: center;
    font-size: 25px;
    line-height: 41px; }
  #singleContentBox.sappachi h1 {
    font-size: 24px;
    font-family: 'ヒラギノ角ゴ W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004';
    text-align: center;
    background-image: url("/common/images/sappachi_h1_line.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 8px; }
  #singleContentBox.sappachi .sns_box {
    background: white; }
  #singleContentBox.sappachi .sappachi_header_logo {
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 12px; }
    #singleContentBox.sappachi .sappachi_header_logo img {
      padding-right: 20px; }
  #singleContentBox.sappachi .sappachi_frame {
    background-image: url("/common/images/sappachi_contentbox_middle.png");
    background-position: center center;
    background-repeat: repeat-y;
    padding-top: 10px; }
  #singleContentBox.sappachi + #footerBox {
    background-color: #FFC900;
    margin-top: 0px; }
  #singleContentBox.sappachi .ad_content {
    padding: 0 20px; }
    #singleContentBox.sappachi .ad_content h2 {
      font-size: 30px;
      line-height: 150%;
      font-family: 'リュウミン M-KL', 'Ryumin Medium KL';
      -webkit-text-stroke: 0.2px #333;
      margin-top: 0px;
      margin-bottom: 30px; }
    #singleContentBox.sappachi .ad_content h3 {
      font-family: 'ヒラギノ角ゴ W4 JIS2004', 'Hiragino Kaku Gothic W4 JIS2004';
      font-size: 20px; }
    #singleContentBox.sappachi .ad_content .ad_contact {
      border-top: 1px solid #866922;
      border-bottom: 1px solid #866922;
      padding: 10px 0;
      font-size: 15px;
      line-height: 150%;
      margin: 15px 0; }
      #singleContentBox.sappachi .ad_content .ad_contact .icon_tel {
        display: inline;
        margin-bottom: 3px; }

.sappachi_footer {
  background-image: url("/common/images/sappachi_footer.png");
  background-position: center center;
  background-repeat: repeat-x;
  min-height: 81px; }

/* PC用 */
@media (min-width: 770px) {
  #singleContentBox.sappachi {
    min-width: 970px;
    min-height: 1000px; }
    #singleContentBox.sappachi .sappachi_header_detail {
      padding-top: 40px; }
    #singleContentBox.sappachi + #footerBox {
      padding-bottom: 81px; }

  .sappachi_footer {
    position: fixed !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 970px; } }
/* スマホ用 */
@media (max-width: 769px) {
  #singleContentBox.sappachi {
    background-image: none; }
    #singleContentBox.sappachi h1 {
      font-size: 20px; }
    #singleContentBox.sappachi .sappachi_frame {
      padding-top: 20px;
      padding-bottom: 20px;
      margin-left: 10px;
      margin-right: 10px; }
    #singleContentBox.sappachi .ad_content h2 {
      font-size: 20px; }
    #singleContentBox.sappachi .ad_content img {
      float: none;
      margin-left: auto;
      margin-right: auto; }

  .sappachi_footer {
    background-color: #FFC900; } }
/*****************************************************************************************
 * 連載 - hello sapporo
 ****************************************************************************************/
#singleHeaderBox.sapporo {
  background-image: url("/common/images/hello_sapporo_header_bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
  font-family: 'FB Miller Display Roman';
  font-size: 14px;
  height: 243px;
  padding-top: 30px; }

#singleContentBox.sapporo .content {
  font-family: 'FB Miller Display Roman';
  line-height: 180%;
  max-width: 770px;
  margin-left: auto;
  margin-right: auto; }
  #singleContentBox.sapporo .content a {
    text-decoration: none;
    border-bottom: dashed 1px #666; }
    #singleContentBox.sapporo .content a:hover {
      text-decoration: none;
      border-bottom: dashed 1px #999; }
  #singleContentBox.sapporo .content h1 {
    font-family: 'FB Miller Display Semibold';
    font-size: 28px; }
  #singleContentBox.sapporo .content .sub {
    font-family: 'Helvetica Oblique', 'Helvetica', 'Arial', 'Verdana';
    font-style: italic;
    font-size: 14px;
    color: #666;
    line-height: 150%;
    margin-bottom: 30px; }
  #singleContentBox.sapporo .content img {
    margin-left: auto;
    margin-right: auto; }
#singleContentBox.sapporo .backnumber {
  background: #F7FFF9;
  margin-top: 30px;
  border-bottom: solid 1px #B9CBA6; }
  #singleContentBox.sapporo .backnumber .content {
    line-height: 130%;
    font-size: 14px; }
  #singleContentBox.sapporo .backnumber .sub {
    font-size: 13px; }
  #singleContentBox.sapporo .backnumber a {
    border-bottom: none; }
    #singleContentBox.sapporo .backnumber a.more {
      text-decoration: underline; }
  #singleContentBox.sapporo .backnumber .nav-tabs {
    border-bottom: solid 1px #B9CBA6;
    background: #fff; }
  #singleContentBox.sapporo .backnumber .container {
    background: #F7FFF9;
    padding-top: 50px;
    padding-bottom: 20px; }

@media (min-width: 970px) {
  #singleContentBox.sapporo .backnumber .nav-tabs {
    padding-left: 10%; } }
/*****************************************************************************************
 * 連載 - 北海道遺産
 ****************************************************************************************/
#singleContentBox.heritage a {
  color: #50ACD4;
  text-decoration: underline; }
#singleContentBox.heritage .header p {
  margin-top: 10px;
  margin-bottom: 30px; }
#singleContentBox.heritage h1 {
  background-color: #F5F5F5;
  background-image: url("/common/images/heritage_h1_bg.png");
  background-repeat: repeat-y;
  border-right: 1px solid #D7D7D7;
  border-bottom: 2px solid #D7D7D7;
  padding-left: 24px;
  padding-right: 8px;
  line-height: 40px;
  font-size: 20px;
  font-family: 'ヒラギノ角ゴ W5 JIS2004', 'Hiragino Kaku Gothic W5 JIS2004'; }
#singleContentBox.heritage h2 {
  font-size: 26px;
  font-family: 'ヒラギノ角ゴ W5 JIS2004', 'Hiragino Kaku Gothic W5 JIS2004';
  line-height: 130%; }
#singleContentBox.heritage h3 {
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: 'ヒラギノ角ゴ W5 JIS2004', 'Hiragino Kaku Gothic W5 JIS2004';
  line-height: 130%; }
#singleContentBox.heritage h4 {
  font-size: 18px;
  font-family: 'ヒラギノ角ゴ W5 JIS2004', 'Hiragino Kaku Gothic W5 JIS2004';
  line-height: 130%; }
#singleContentBox.heritage .content {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 170%; }
  #singleContentBox.heritage .content .frame {
    padding: 20px;
    border: 1px solid #999;
    margin-bottom: 50px; }
  #singleContentBox.heritage .content table {
    margin-bottom: 30px;
    border: 0; }
    #singleContentBox.heritage .content table th,
    #singleContentBox.heritage .content table td {
      font-size: 14px;
      border: 1px solid #999; }

/* PC用 */
@media (min-width: 768px) {
  #singleContentBox.heritage .content img.main {
    max-width: 940px;
    margin-left: -70px;
    margin-right: -70px; } }
/* スマホ用 */
@media (max-width: 769px) {
  #singleContentBox.heritage h2 {
    font-size: 20px; } }
/*****************************************************************************************
 * 連載 - 愛され建築
 ****************************************************************************************/
#singleContentBox.architect {
  background-position: center center;
  background-color: #e9e8db;
  padding-top: 0px;
  background-attachment: fixed; }
  #singleContentBox.architect .architect_header {
    text-align: center; }
    #singleContentBox.architect .architect_header .architect_header_logo {
      text-align: center;
      margin-top: 45px; }
    #singleContentBox.architect .architect_header .architect_header_text {
      display: inline-block;
      text-align: left;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px; }
      #singleContentBox.architect .architect_header .architect_header_text .architect_header_detail {
        margin-top: 5px;
        font-size: 17px;
        font-family: "リュウミン M-KL", "Ryumin Medium KL"; }
      #singleContentBox.architect .architect_header .architect_header_text .architect_header_writer {
        font-size: 14px; }
  #singleContentBox.architect .architect_frame {
    background-color: #fff;
    padding: 15px 0;
    margin-bottom: 30px;
    /* ハートランド */ }
    #singleContentBox.architect .architect_frame h1,
    #singleContentBox.architect .architect_frame .no {
      font-size: 20px;
      display: inline-block; }
    #singleContentBox.architect .architect_frame .no {
      background-repeat: no-repeat;
      background-position: left center;
      background-image: url("/common/images/architect_square.png");
      background-image: -webkit-image-set(url("/common/images/architect_square.png") 1x, url("/common/images/architect_square@2x.png") 2x);
      padding-left: 22px;
      padding-right: 10px; }
    #singleContentBox.architect .architect_frame h2 {
      margin-top: 5px;
      font-size: 26px;
      font-family: "リュウミン M-KL", "Ryumin Medium KL";
      margin-bottom: 30px; }
    #singleContentBox.architect .architect_frame .navigator_box .pull-left:last-child {
      font-size: 15px;
      line-height: 160%; }
      #singleContentBox.architect .architect_frame .navigator_box .pull-left:last-child .name {
        font-size: 16px; }
    #singleContentBox.architect .architect_frame .ad_content {
      padding: 0 20px; }
      #singleContentBox.architect .architect_frame .ad_content h2 {
        margin-top: 0px;
        margin-bottom: 30px; }
      #singleContentBox.architect .architect_frame .ad_content h3 {
        font-family: 'ヒラギノ角ゴ W4 JIS2004', 'Hiragino Kaku Gothic W4 JIS2004';
        font-size: 20px; }
      #singleContentBox.architect .architect_frame .ad_content .ad_contact {
        border-top: 1px solid #866922;
        border-bottom: 1px solid #866922;
        padding: 10px 0;
        font-size: 15px;
        line-height: 150%;
        margin: 15px 0; }
        #singleContentBox.architect .architect_frame .ad_content .ad_contact .icon_tel {
          display: inline;
          margin-bottom: 3px; }

@media (min-width: 768px) {
  #singleContentBox.architect {
    background-image: url("/common/images/architect_bg.jpg"); }
    #singleContentBox.architect .architect_frame img.main {
      max-width: 940px;
      margin-left: -130px;
      margin-right: -130px;
      padding: 0 10px; }
    #singleContentBox.architect .architect_frame h2 {
      font-size: 30px; }
    #singleContentBox.architect .architect_frame .navigator_box .pull-left:last-child {
      max-width: 440px;
      padding-left: 15px; } }
@media (min-width: 768px) {
  #singleContentBox.architect {
    background-image: url("/common/images/architect_bg.jpg"); } }
/*****************************************************************************************
 * 連載 - 北の名人図鑑
 ****************************************************************************************/
#singleContentBox.kitanomeijin {
  background-color: #EFEDE7; }
  #singleContentBox.kitanomeijin .kitanomeijin_header {
    margin-bottom: 30px; }
    #singleContentBox.kitanomeijin .kitanomeijin_header .kitanomeijin_header_text {
      max-width: 574px;
      font-size: 16px;
      font-family: '秀英明朝 M';
      margin-left: 20px; }
  #singleContentBox.kitanomeijin h1 {
    font-family: '秀英明朝 M';
    margin-top: 0px;
    margin-bottom: 30px; }
  #singleContentBox.kitanomeijin h2 {
    font-family: 'ヒラギノ角ゴ W5 JIS2004', 'Hiragino Kaku Gothic W5 JIS2004';
    font-size: 20px; }
  #singleContentBox.kitanomeijin .content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
  #singleContentBox.kitanomeijin .cat_title {
    color: #961A70;
    font-size: 18px;
    font-family: 'ゴシックMB101 DB'; }
  #singleContentBox.kitanomeijin .no {
    color: #961A70;
    font-family: 'ゴシックMB101 DB';
    line-height: 120%; }
  #singleContentBox.kitanomeijin .name {
    color: #585757;
    font-family: 'ゴシックMB101 DB';
    line-height: 120%; }
  #singleContentBox.kitanomeijin .pre_content {
    margin-bottom: 30px;
    margin-top: 30px; }
  #singleContentBox.kitanomeijin .line {
    margin: 30px 0; }
  #singleContentBox.kitanomeijin .main_image {
    margin-top: 20px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      #singleContentBox.kitanomeijin .main_image img {
        margin-left: -70px;
        margin-right: -70px;
        max-width: 940px; } }
  #singleContentBox.kitanomeijin .copy_write {
    font-size: 14px;
    margin-bottom: 35px;
    text-align: right; }

@media (min-width: 768px) {
  #singleContentBox.kitanomeijin {
    background-image: url("/common/images/kitanomeijin_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed; }
    #singleContentBox.kitanomeijin.ja .kitanomeijin_header .kitanomeijin_header_text {
      padding-top: 50px; }
    #singleContentBox.kitanomeijin.en .kitanomeijin_header .kitanomeijin_header_text {
      padding-top: 30px; }
    #singleContentBox.kitanomeijin .kitanomeijin_header {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto; }
      #singleContentBox.kitanomeijin .kitanomeijin_header .kitanomeijin_header_logo {
        margin-left: -20px; }
    #singleContentBox.kitanomeijin h1 {
      font-size: 38px; }
    #singleContentBox.kitanomeijin h2 {
      font-size: 26px;
      line-height: 130%; }
    #singleContentBox.kitanomeijin .no {
      font-size: 24px;
      line-height: 120%; }
    #singleContentBox.kitanomeijin .name {
      font-size: 24px;
      line-height: 120%; }
    #singleContentBox.kitanomeijin .main_image img {
      margin-left: -70px;
      margin-right: -70px;
      max-width: 940px; } }
/*****************************************************************************************
 * 連載 - 映画と握手
 ****************************************************************************************/
#singleContentBox.cinema {
  background: #FEFDF1; }
  #singleContentBox.cinema .cinema_header {
    text-align: center; }
    #singleContentBox.cinema .cinema_header .header_writer {
      margin-top: 10px;
      font-size: 14px; }
  #singleContentBox.cinema .cinema_frame {
    border: #333 3px solid;
    background: #fff; }
    #singleContentBox.cinema .cinema_frame .no {
      text-align: center; }
    #singleContentBox.cinema .cinema_frame h1 {
      text-align: center;
      font-size: 20px;
      font-family: 'Hiragino Kaku Gothic W5 JIS2004';
      margin-top: 0px; }
    #singleContentBox.cinema .cinema_frame hr {
      border-color: #333; }

@media (max-width: 769px) {
  #singleContentBox.cinema .cinema_header {
    margin-bottom: 30px; }
  #singleContentBox.cinema .cinema_frame_bottom img.pull-right {
    float: none !important;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto; } }
@media (min-width: 768px) {
  #singleContentBox.cinema {
    background: #FEFDF1 url("/common/images/cinema_bg.jpg") top center no-repeat fixed; }
    #singleContentBox.cinema .cinema_header {
      height: 820px; }
      #singleContentBox.cinema .cinema_header .header_logo {
        margin-top: 100px;
        margin-left: 40px; }
      #singleContentBox.cinema .cinema_header .header_detail {
        margin-top: 15px;
        font-size: 18px; }
      #singleContentBox.cinema .cinema_header .header_writer {
        margin-top: 15px;
        font-size: 14px; }
    #singleContentBox.cinema .cinema_frame {
      padding-top: 30px; }
      #singleContentBox.cinema .cinema_frame .no {
        font-size: 20px; }
      #singleContentBox.cinema .cinema_frame h1 {
        font-size: 40px; }
      #singleContentBox.cinema .cinema_frame .main_image img {
        margin-left: -70px;
        margin-right: -70px;
        margin-top: 20px;
        margin-bottom: 20px;
        max-width: 840px; }
    #singleContentBox.cinema .cinema_frame_bottom .content {
      font-size: 14px; }
      #singleContentBox.cinema .cinema_frame_bottom .content img.pull-right {
        margin: 8px; } }