@charset "UTF-8";
/**************************************************
sprite用読み込み
@include sprite($a);
**************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;

  background: transparent; }
.postBodyContents a,.pager .next-title a,blockquote a,.pdf a{text-decoration : none ; border-bottom : dotted 1px #111144 ;}

.postBodyContents a img{margin:0 0 -4px -4px;border:solid 4px #FFF;}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  margin-left:140px;
  padding: 0; }

input, select {
  vertical-align: middle; }

ul {
  list-style: none; }

a {
  outline: none; }

/* ===================================================================
CSS information
 style info : body及び基本レイアウトの初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
body {
  background: #fff;
  color: #333;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 1.3; }

img {
  vertical-align: bottom; }

ul, ol, li {
  list-style: none; }
  .postBodyContents ul{margin-bottom:30px;}
 .postBodyContents ul li{color:#111144;margin-left: 140px;list-style-type:disc;margin-bottom: 10px;}
 .postBodyContents ul li:last-child{margin-bottom: 0px;}
li.end{list-style:none!important;}
 .postBodyContents ul li span{color:#000;}
 .postBodyContents ol{margin-bottom:30px;}
.postBodyContents ol li{color:#111144;margin-left: 140px;list-style-type: decimal!important;margin-bottom: 10px;}
.postBodyContents ol li:last-child{margin-bottom: 0px;}
.postBodyContents ol li span{color:#000;}
ul li p,ol li p{color:#000;}

/*--- リンク ---*/
a:link,
a:active {
  color: #000;
  text-decoration: none; }

a:visited {
  color: #000;
  text-decoration: none; }

a:hover,
a:visited:hover {
  text-decoration: underline;
  color: #000; }
.heading a:hover,.heading a:visited:hover{
  text-decoration: none;
 }


/*--- レイアウト ---*/
#wrapper {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto; }

#content:after {
  content: "";
  display: block;
  clear: both; }

#mainContent {
  float: left;
  width: 640px; }

#sideContent {
  float: right;
  position: relative;
  width: 300px;
  padding-top: 94px; }

#content.top #sideContent {
  padding-top: 0; }

#footer {
  overflow: hidden;
  margin-top: 20px; }

/* パンくず */
#breadcrumb {
  box-sizing: border-box;
  color: #888;
  font-size: 12px;
  height: 36px;
  padding-top: 24px; }

#breadcrumb a {
  color: #888;
  margin-right: 1em; }

#breadcrumb span {
  margin-right: 1em; }

#breadcrumb a + a,
#breadcrumb a + span,
#breadcrumb span + span {
  margin-left: 1em; }

/* ===================================================================
CSS information
 style info : 新ページ用
=================================================================== */
.wrap {
  position: relative;
  overflow: hidden;
  background: #fff;

  min-width: 1100px; }
  .wrap.post {
    margin: 40px auto;
    background: #fff; }
  .wrap a {
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out; }

header.top {
	padding:38px 90px 25px;
  background: #700028;
  height:56px;
  -webkit-animation: loopColor 240s infinite;
          animation: loopColor 240s infinite; }

header.post {
  width: 100%;
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  background: #700028;
  z-index: 101;
  -webkit-animation: loopColor 240s infinite;
          animation: loopColor 240s infinite; }
  header.post a {
    width: 198px;
    height: 26px;
    margin: 7px auto;
    display: block; }

nav.sideNavi {
  width: 50px;
  height: 100%;
  position: fixed;
  top: 40px;
  left: 50%;
  margin-left: -550px;
  min-height: 652px;
  background: #eee;
  padding-top: 1px;
  z-index: 100; }
  nav.top_sideNavi {
  width: 50px;
  height: 100%;
  position: fixed;
  top: 40px;
  left: 50%;
  margin-left: -550px;
 min-height: 612px;
  background: #eee;
  padding-top: 1px;
  z-index: 100; }
  nav.sideNavi .sideNaviInner {
    position: relative;
    height: 100%; }
  nav.sideNavi ul.btm {
    position: absolute;
    bottom: 40px;
    left: 0; }
  nav.sideNavi ul.top_btm {
    position: absolute;
    bottom: 0px;
    left: 0; }

  nav.sideNavi ul li {
    width: 50px;
    height: 50px;
    margin-bottom: 1px;
    position: relative; }
    nav.sideNavi ul li.work {
      background: #700028;
      -webkit-animation: loopColor 240s infinite;
              animation: loopColor 240s infinite; }
      nav.sideNavi ul li.work a {
        background: url(/images/n/campanella/2017/common/icon_work.png) 50% 50% no-repeat; }
      nav.sideNavi ul li.work .hoverArea {
        background: #700028;
        -webkit-animation: loopColor 240s infinite;
                animation: loopColor 240s infinite; }
        nav.sideNavi ul li.work .hoverArea img {
          margin: 13px 20px; }
    nav.sideNavi ul li.food {
      background: #700028;
      -webkit-animation: loopColor 240s infinite;
              animation: loopColor 240s infinite; }
      nav.sideNavi ul li.food a {
        background: url(/images/n/campanella/2017/common/icon_food.png) 50% 50% no-repeat; }
      nav.sideNavi ul li.food .hoverArea {
        background: #700028;
        -webkit-animation: loopColor 240s infinite;
                animation: loopColor 240s infinite; }
        nav.sideNavi ul li.food .hoverArea img {
          width: 72px;
          height: 23px;
          display: block;
          margin: 13px 20px; }
    nav.sideNavi ul li.life {
      background: #700028;
      -webkit-animation: loopColor 240s infinite;
              animation: loopColor 240s infinite; }
      nav.sideNavi ul li.life a {
        background: url(/images/n/campanella/2017/common/icon_life.png) 50% 50% no-repeat; }
      nav.sideNavi ul li.life .hoverArea {
        background: #700028;
        -webkit-animation: loopColor 240s infinite;
                animation: loopColor 240s infinite; }
        nav.sideNavi ul li.life .hoverArea img {
          margin: 13px 20px; }
    nav.sideNavi ul li.culture {
      background: #700028;
      -webkit-animation: loopColor 240s infinite;
              animation: loopColor 240s infinite; }
      nav.sideNavi ul li.culture a {
        background: url(/images/n/campanella/2017/common/icon_culture.png) 50% 50% no-repeat; }
      nav.sideNavi ul li.culture .hoverArea {
        background: #700028;
        -webkit-animation: loopColor 240s infinite;
                animation: loopColor 240s infinite; }
        nav.sideNavi ul li.culture .hoverArea img {
          margin: 13px 20px; }
    nav.sideNavi ul li.search {
      background: #ccc; }
      nav.sideNavi ul li.search a {
        background: url(/images/n/campanella/2017/common/icon_search.png) 50% 50% no-repeat; }
      nav.sideNavi ul li.search .hoverArea {
        background: #ccc; }
        nav.sideNavi ul li.search .hoverArea form {
          margin: 10px 2px; }
          nav.sideNavi ul li.search .hoverArea form input {
            font-size: 16px;
            padding: 7px 9px;
            border: #b7b7b7 solid 1px; }
    nav.sideNavi ul li.latest {
      background: #c2c2c2; }
      nav.sideNavi ul li.latest a {
        background: url(/images/n/campanella/2017/common/icon_latest.png) 50% 50% no-repeat; }
      nav.sideNavi ul li.latest .hoverArea {
        background: #c2c2c2; }
        nav.sideNavi ul li.latest .hoverArea img {
          margin: 13px 20px; }
    nav.sideNavi ul li.twit {
      background: #5cabea; }
      nav.sideNavi ul li.twit a {
        background: url(/images/n/campanella/2017/common/icon_twit.png) 50% 50% no-repeat; }
    nav.sideNavi ul li.face {
      background: #3a639f; }
      nav.sideNavi ul li.face a {
        background: url(/images/n/campanella/2017/common/icon_face.png) 50% 50% no-repeat; }
    nav.sideNavi ul li.about {
      background: #000; }
      nav.sideNavi ul li.about a {
        background: url(/images/n/campanella/2017/common/icon_about.png) 50% 50% no-repeat; }
      nav.sideNavi ul li.about .hoverArea {
        background: #000; }
        nav.sideNavi ul li.about .hoverArea img {
          margin: 13px 20px; }
    nav.sideNavi ul li.privacy {
      background: #333; }
      nav.sideNavi ul li.privacy a {
        background: url(/images/n/campanella/2017/common/icon_privacy.png) 50% 50% no-repeat; }
      nav.sideNavi ul li.privacy .hoverArea {
        background: #333; }
        nav.sideNavi ul li.privacy .hoverArea img {
          margin: 13px 20px; }
    nav.sideNavi ul li.faq {
      background: #000; }
      nav.sideNavi ul li.faq a {
        background: url(/images/n/campanella/2017/common/icon_faq.png) 50% 50% no-repeat; }
      nav.sideNavi ul li.faq .hoverArea {
        background: #000; }
        nav.sideNavi ul li.faq .hoverArea img {
          margin: 13px 20px; }
    nav.sideNavi ul li.copyright {
      background: #333; }
      nav.sideNavi ul li.copyright a {
        background: url(/images/n/campanella/2017/common/icon_copyright.png) 50% 50% no-repeat; }
      nav.sideNavi ul li.copyright .hoverArea {
        background: #333; }
        nav.sideNavi ul li.copyright .hoverArea img {
          margin: 13px 20px; }
    nav.sideNavi ul li a {
      width: 50px;
      height: 50px;
      display: block; }
    nav.sideNavi ul li .hoverArea {
      width: 0;
      height: 50px;
      position: absolute;
      top: 0;
      left: 51px;
      overflow: hidden; }

section {
  position: relative;
  overflow: hidden; }



.topSlider .imageArea {
  width: 1024px;
  height: 436px; }

.topSlider .textArea {
  width: 1024px;
  padding-bottom:30px;
  background: #fff; }

.topNewPostArea {
  position: relative;
  width: 1024px;
  padding-left: 76px;
	padding-bottom: 40px;
	min-height: 612px;
  margin: 0 auto; }
.topicsArea {
  position: relative;
  width: 1024px;
  padding-left: 76px;
  margin: 0 auto 20px; }
.topFooter {
  width: 1100px;
    padding: 35px 40px;
    box-sizing: border-box;
    margin: 0 auto;
    border-top: #ccc solid 1px;
    background: #fff; }

.topAd {
  width: 100%;
 background-color:#f7f7f8;
  padding: 20px 0; }


.postHead {
  position: relative;
  width: 1024px;
  padding-left: 76px;
  margin: 0 auto; }
  .postHead .parentTitle {
    margin: 14px 0;
    line-height: 1;
    height: 20px; }
    .postHead .parentTitle a {
      width: 100px;
      height: 20px;
      background: #000;
      color: #fff;
      margin-right: 10px;
      display: block;
      overflow: hidden;
      float: left; }
.postHead .parentTitle .title a  {
	 width:auto;
	 height:auto;
	 overflow: visible;
      display: block;
      color: #565656;
	  background: none;
      float: left; }
      .postHead .parentTitle a:hover {
        text-decoration: none; }

.postHead .parentTitle .title a:hover {text-decoration:underline;color:#565656; }
      .postHead .parentTitle a .iconArea {
        width: 20px;
        height: 20px;
        display: block;
        border-right: #fff solid 1px;
        float: left; }
      .postHead .parentTitle a .categoryName {
        width: 76px;
        height: 20px;
        display: block;
        text-align: center;
        float: left; }
      .postHead .parentTitle a.work .iconArea {
        background: url(/images/n/campanella/2017/common/icon_work.png) 50% 50% no-repeat;
        background-size: auto 13px; }
      .postHead .parentTitle a.work .categoryName {
        background: url(/images/n/campanella/2017/common/text_work.png) 50% 50% no-repeat;
        background-size: auto 10px; }
      .postHead .parentTitle a.food .iconArea {
        background: url(/images/n/campanella/2017/common/icon_food.png) 50% 50% no-repeat;
        background-size: auto 13px; }
      .postHead .parentTitle a.food .categoryName {
        background: url(/images/n/campanella/2017/common/text_food.png) 50% 50% no-repeat;
        background-size: auto 10px; }
      .postHead .parentTitle a.life .iconArea {
        background: url(/images/n/campanella/2017/common/icon_life.png) 50% 50% no-repeat;
        background-size: auto 13px; }
      .postHead .parentTitle a.life .categoryName {
        background: url(/images/n/campanella/2017/common/text_life.png) 50% 50% no-repeat;
        background-size: auto 10px; }
      .postHead .parentTitle a.culture .iconArea {
        background: url(/images/n/campanella/2017/common/icon_culture.png) 50% 50% no-repeat;
        background-size: auto 13px; }
      .postHead .parentTitle a.culture .categoryName {
        background: url(/images/n/campanella/2017/common/text_culture.png) 50% 50% no-repeat;
        background-size: auto 10px; }
    .postHead .parentTitle .title {
      width: 730px;
      height: auto;
      margin-top: 4px;
      display: block;
      float: left; }
  .postHead .titleArea {
    margin-bottom: 13px;
    position: relative;
    min-height: 65px;
  width:850px; }
    .postHead .titleArea h1 {
      font-size: 22px;
      margin-bottom: 10px; }
    .postHead .titleArea h2 {
      font-size: 14px;
      margin-bottom: 10px; }
    .postHead .titleArea p.author {
      font-size: 11px; }

.snsArea {
  position: absolute;
  top: 27px;
  right: 25px; }
  .snsArea ul li {
    text-align: right; }
    .snsArea ul li.face {
      margin-bottom: 10px; }
    .snsArea ul li.twit {
      margin-bottom: 6px; }
      .snsArea ul li.twit {
        margin-bottom: 10px; }

.bpimage_image_area {
  width: 100%;
  background: #000;
  margin-bottom: 10px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 0; }
  .bpimage_image_area img, .bpimage_image_area iframe {
    max-width: 1024px;vertical-align: bottom; }

.bpimage_caption {
  margin-bottom: 20px;
  font-size: 12px; }

.galleryArea{position: relative;background: #fff;}
.galleryNav{width: 100%;position: relative;overflow: hidden;background: #000;}
.galleryNav ul{position: relative;overflow: hidden;}
.galleryNav li{width: 102px;height: 43px;float: left;overflow: hidden;}
.galleryNav li a{width: 100%;height: 43px;display: block;position: relative;}
.galleryNav li a:hover,.galleryNav li a.selected{opacity: 0.5;}
.galleryNav li img{width: 100%;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.galleryImages{background: #000;}
.galleryImages ul{position: relative;min-height: 436px;overflow: hidden;}
.galleryImages li{width: 100%;position: absolute;top: 0;left: 0;opacity: 0;-webkit-transition: 1s ease-out;transition: 1s ease-out;min-height: 436px;}
.galleryImages li.selected{opacity: 1;}
.galleryImages img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.gallery_caption{text-align: left;line-height: 1.6em;margin: 5px 0 20px 0;font-size: 75%;}

.postBody {
  width: 1024px;
  padding-left: 76px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
  border-bottom: #b2b2b2 solid 1px; }

.postBodyContents {
	width: 690px;
       border-top: #000 solid 2px;
       margin-bottom: 40px;
       float: left;
       padding-top: 16px; }
  .postBodyContents .bplead {
	  padding: 0 0 15px;
	  border-bottom: #b2b2b2 solid 1px;
	  margin-bottom: 30px; }
    .postBodyContents p.bplead {
      font-size: 16px;
      line-height: 1.6;
    font-weight: bold;
  margin-left:0 !important;}
 .postBodyContents p {
    margin-left: 140px;
    margin-bottom: 24px;
    line-height: 2; }
  .postBodyContents h4{
    margin-bottom: 24px;
    line-height: 2;
    border-bottom: #b2b2b2 dotted 1px;
    font-size: 1.3em;
  }

  .postBodyContents h5{
    margin-bottom: 24px;
    line-height: 1.6em;
    font-size: 1em;
    margin-left: 140px;
  }
  .postBodyContents h6{
    margin-bottom: 24px;
    line-height: 1.6em;
    font-size: 1em;
    margin-left: 140px;
  }
  .postBodyContents iframe {
    margin-bottom: 24px; }
  .postBodyContents figure {
    margin-bottom: 50px; }
    .postBodyContents figure img {
      margin-bottom: 0.5em; }
    .postBodyContents figure figcaption {
      font-size: 12px; }
  .postBodyContents a {
    color: #111144;
    text-decoration: none;
   }
    .postBodyContents a:hover,.pager a:hover {
      color:#1c93ed;
      text-decoration: none; }
      .postBodyContents a:visited,.next-title a:visited {
        color:#111144;
        text-decoration: none; }

      .postBodyContents a:visited:hover{
        color:#1c93ed;
        text-decoration: none; }
      .pager a:visited:hover{
          color:#1c93ed;
          text-decoration: none; }

.pager {
  margin-top: 50px; }
  .pager .next-title {
    text-align: center;
    margin-bottom: 20px; }

      .pager .next-title a:hover {
        text-decoration: none; }
        .pager li a:visited {
          color:#fff!important;
          text-decoration: none; }

  .pager ul {
    text-align: center;
    overflow: hidden;
  margin-bottom:0px; }
    .pager ul li {
      border: #000 solid 1px;
      color:#000;
      margin-left:0px;
      list-style-type:none!important;
      width: 33px;
      height: 33px;
      overflow: hidden;
      display: inline-block; }
    .postBodyContents .pager ul li:last-child{margin-bottom:10px!important;}

      .pager ul li.prev, .pager ul li.next {
        border: 0; }
      .pager ul li.prev a {
        background: url(/images/n/campanella/2017/common/arrow_prev.png) 50% 50% no-repeat; }
        .pager ul li.prev a:hover {
          background: url(/images/n/campanella/2017/common/arrow_prev_on.png) 50% 50% no-repeat; }
      .pager ul li.prev span {
        background: url(/images/n/campanella/2017/common/arrow_prev_on.png) 50% 50% no-repeat; }
      .pager ul li.next a {
        background: url(/images/n/campanella/2017/common/arrow_next.png) 50% 50% no-repeat; }
        .pager ul li.next a:hover {
          background: url(/images/n/campanella/2017/common/arrow_next_on.png) 50% 50% no-repeat; }
      .pager ul li.next span {
        background: url(/images/n/campanella/2017/common/arrow_next_on.png) 50% 50% no-repeat; }
      .pager ul li a, .pager ul li span {
        width: 33px;
        height: 33px;
        display: table-cell;
        vertical-align: middle; }
      .pager ul li a {
        background: #000;
        color: #fff;
        text-decoration: none; }
      .pager ul li a:hover {
          background: #FFF;
          color: #000;
          text-decoration: none; }
      .pager ul li a:visited {
            background: #000;
            color: #fff;
            text-decoration: none; }

.postBodyNavi {
  width: 300px;
  border-top: #000 solid 2px;
  margin-bottom: 40px;
  float: right; }

.nextLink, .recommendArea {
  margin-bottom: 35px;
  overflow: hidden; }
  .nextLink h3, .recommendArea h3 {
    font-size: 16px;
    padding: 1em 0em;
    text-align: left; }
  .nextLink a, .recommendArea a {
    display: block;
    margin-bottom: 20px; }
.recommendArea .title,.recommendArea .text{
  display: block;}
.recommendArea .title a,.nextLink .title p{display: block;
    margin-bottom: 5px;color:#565656;}

  .nextLink .imageArea {
    display: block;
    width: 300px;
    height: 128px;
	margin-bottom:6px;
    overflow: hidden;
  position: relative; }
  .recommendArea .imageArea {
    display: block;
    width: 300px;
    height: 128px;
	margin-bottom:6px;
    overflow: hidden;
  position: relative; }
.nextLink .imageArea img, .recommendArea .imageArea img, .pickupArea .imageArea img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
  .nextLink p, .recommendArea p {
    font-size: 12px; }

.bnrArea {
  margin-bottom: 20px;
  overflow: hidden; }
  .bnrArea a {
    display: block;
    margin-bottom: 20px; }

.recommendArea {
  border-top: #000 solid 2px; }

.footer {
  margin-top: 30px; }
  .footer p, .footer a {
    font-size: 10px;
    color: #444;
    line-height: 2; }
  .postBodyNavi .footer .copyright {
    margin-bottom: 20px;color:#000;}
  .postBodyNavi .footer .fUcaution {
    margin-bottom: 20px; }
 .postBodyNavi .footer .fUcautionImg {
    width: auto;
    height: auto;
    float: left;
}

.pickupArea {
  clear: both; }
  .pickupAreaBox {
    width: 336px;
    display: block;
    float: left;
    margin-right: 8px; }
    .pickupArea .pickupAreaBox:last-child {
      margin-right: 0; }


  .pickupArea .pickupAreaBox .imageArea {
    width: 336px;
    height: 143px;
    margin-bottom: 6px;
    overflow: hidden;
  position: relative; }
.pickupArea .pickupAreaBox .title p{margin-bottom: 5px;color:#565656;}

  .pickupArea p {
    font-size: 12px; }

@-webkit-keyframes loopColor {
  0% {
    background: #700028; }
  50% {
    background: #ae7702; }
  100% {
    background: #700028; } }

@keyframes loopColor {
  0% {
    background: #700028; }
  50% {
    background: #ae7702; }
  100% {
    background: #700028; } }



/* ===================================================================
CSS top
20170203　杉江追加分
=================================================================== */
.clearfix:after { content:" ";clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0;overflow:hidden; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

.toplogo{
	float:left;    height: 27px;
    margin-top: 14px;}
.toplogoMark{
	float:left;height:56px;margin-right: 15px;}
.header_list{
		float:left;margin-top: 0px;}
.header_list li{
	float:left; margin-left:30px;}
.header_list li:first-child{
	float:left; margin-left:55px;}
.dateAera{float:right;color:#fff;}
.date{font-size: 30px;line-height:1;text-align:center;}
.week{font-size: 15px;
    text-align: center;}
header.top .header_list img {
	vertical-align:top;
}
.topText{margin-left: 55px;color:#fff;margin-bottom:15px;}
.top_width{width:1024px;margin:0 auto;}

.topNewPostArea .heading{width:984px;height:50px;background-color:#700027; display:table;padding:0 20px; margin-bottom:20px; -webkit-animation: loopColor 240s infinite;
          animation: loopColor 240s infinite;}
		 .topNewPostArea .heading .iconArea {
 display: table-cell;
    vertical-align: middle;
		height:50px;}
/*.topNewPostArea .heading .work .iconArea {
        background: url(/images/n/campanella/2017/common/heading_work.png) center left no-repeat;
		height:50px;width:500px; }
.topNewPostArea .heading .food .iconArea {
        background: url(/images/n/campanella/2017/common/heading_food.png) center left no-repeat;
		height:50px;width:500px; }
.topNewPostArea .heading .life .iconArea {
        background: url(/images/n/campanella/2017/common/heading_life.png) center left no-repeat;
		height:50px;width:500px; }
.topNewPostArea .heading .culture .iconArea {
        background: url(/images/n/campanella/2017/common/heading_culture.png) center left no-repeat;
		height:50px;width:500px; }	*/

.topNewPostArea .heading .update{
	text-align:right; color:#fff; display: table-cell;
	vertical-align: middle;}
.topicsArea .heading .update{
	text-align:right; color:#fff; display: table-cell;
	vertical-align: middle;}

.topicsArea .heading{width:984px;height:50px;background-color:#afafaf; display:table;padding:0 20px; margin-bottom:10px;}
.topicsArea .heading .iconArea {
 display: table-cell;
    vertical-align: middle;
		height:50px;width:500px; }

.near img{margin-left:4px;}
/*
.topicsArea .heading .near .iconArea {
        background: url(/images/n/campanella/2017/common/near.png) center left no-repeat;display: table-cell;
    vertical-align: middle;
		height:50px;width:500px; }
.topicsArea .heading .news .iconArea {
        background: url(/images/n/campanella/2017/common/news.png) center left no-repeat;
		height:50px;width:500px; }*/

.article_min_contents li{width:336px;margin-right:8px; display:inline-block;vertical-align: top;letter-spacing: normal;
}
.article_min_contents{letter-spacing: -.4em;}
.article_min_contents li .imgBox{width: 336px;
    height: 143px;
    overflow: hidden;
    position: relative;}

.article_min_contents li .imgBox img{    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;}


.article_min_contents li:nth-child(3n){margin-right:0px;}

.article_min_contents p{margin-top:5px;margin-bottom:15px;}
.article_min_contents .title p{margin-top:6px;margin-bottom:5px;}
.footer_left{float:left;}
.footer_right1{float:right; margin-left:15px;}
.footer_right2{float:right; width:320px;}
.topFooter p{font-size:10px;color:#444444;line-height: 1.8em;}
.scroll{margin:30px 20px 0 0; text-align:right;}
/*TOPスライダーのアイコン周り(postHeadタグの流用)*/
.topHead {
  position: relative;
  width: 1024px;
  padding-left: 36px;
  margin: 0 auto; }
  .topHead .parentTitle {
    margin: 20px 0 14px;
    line-height: 1;
    height: 20px; }
    .topHead .parentTitle a {
      width: 100px;
      height: 20px;
      background: #000;
      color: #fff;
      margin-right: 10px;
      display: block;
      overflow: hidden;
      float: left; }

 .topHead .parentTitle .title a {
	 width:auto;
	 height:auto;
      display: block;
      color: #565656;
	  background: none;
      float: left;
overflow: visible;}
.article_topHead .title a{color:#565656;font-size:13px;}

.article_topHead .categoryToptitle a{color:#565656;font-size:13px;}
      .topHead .parentTitle a:hover {
        text-decoration: none; }
.topHead .parentTitle .title a:hover {text-decoration:underline;color:#000;}
      .topHead .parentTitle a .iconArea {
        width: 20px;
        height: 20px;
        display: block;
        border-right: #fff solid 1px;
        float: left; }
      .topHead .parentTitle a .categoryName {
        width: 76px;
        height: 20px;
        display: block;
        text-align: center;
        float: left; }
      .topHead .parentTitle a.work .iconArea {
        background: url(/images/n/campanella/2017/common/icon_work.png) 50% 50% no-repeat;
        background-size: auto 13px; }
      .topHead .parentTitle a.work .categoryName {
        background: url(/images/n/campanella/2017/common/text_work.png) 50% 50% no-repeat;
        background-size: auto 10px; }
      .topHead .parentTitle a.food .iconArea {
        background: url(/images/n/campanella/2017/common/icon_food.png) 50% 50% no-repeat;
        background-size: auto 13px; }
      .topHead .parentTitle a.food .categoryName {
        background: url(/images/n/campanella/2017/common/text_food.png) 50% 50% no-repeat;
        background-size: auto 10px; }
      .topHead .parentTitle a.life .iconArea {
        background: url(/images/n/campanella/2017/common/icon_life.png) 50% 50% no-repeat;
        background-size: auto 13px; }
      .topHead .parentTitle a.life .categoryName {
        background: url(/images/n/campanella/2017/common/text_life.png) 50% 50% no-repeat;
        background-size: auto 10px; }
      .topHead .parentTitle a.culture .iconArea {
        background: url(/images/n/campanella/2017/common/icon_culture.png) 50% 50% no-repeat;
        background-size: auto 13px; }
      .topHead .parentTitle a.culture .categoryName {
        background: url(/images/n/campanella/2017/common/text_culture.png) 50% 50% no-repeat;
        background-size: auto 10px; }
    .topHead .parentTitle .title {
      width: 900px;
      height: auto;
      margin-top: 4px;
      display: block;
      float: left;
color:#afafaf;}
  .topHead .titleArea {
    position: relative; }
    .topHead .titleArea h1 {
      font-size: 22px;}
    .topHead .titleArea h2 {
      font-size: 14px;
      margin-bottom: 5px; }
    .topHead .titleArea p.author {
      font-size: 11px; }

/*記事見出し(postHeadタグの流用)*/
.article_topHead {
  position: relative;
  width: 1024px;
  margin: 0 auto; }
.article_topHead .parentTitle {
    margin: 20px 0 14px;
    line-height: 1;
    height: 20px; }

.article_topHead .parentTitle .title, .article_topHead .parentTitle .categoryToptitle {
      width: 900px;
      height: 20px;
      margin-top: 4px;
      display: block;
      float: left; }
.article_topHead .titleArea {
    position: relative; }
.article_topHead .titleArea h1 {
      font-size: 22px;
	  margin-bottom:30px;}
.article_topHead .titleArea h2 {
      font-size: 14px;
      margin-bottom: 5px; }
.article_topHead .titleArea p.author {
      font-size: 11px; }
	  .sp{display:none;}

.topNewPostAreaCategory {
    position: relative;
    width: 1024px;
    padding-left: 76px;
    margin: 40px auto 40px;
}

  .topNewPostAreaCategory .heading{width:984px;height:50px;background-color:#afafaf; display:table;padding:0 20px; margin-bottom:20px; }
		 .topNewPostAreaCategory .heading .iconArea {
 display: table-cell;
    vertical-align: middle;
		height:50px;}
		.topNewPostAreaCategory .heading .update{
	text-align:right; color:#fff; display: table-cell;
	vertical-align: middle;}
	.topNewPostAreaCategory .heading .count{
	text-align:right; color:#fff; display: table-cell;font-size: 20px;
	vertical-align: middle;}
	.topNewPostAreaCategory .heading .searchWord{
	    text-align: left;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
       font-size: 24px;
    padding-top: 6px;}



.topNewPostAreaList {
    position: relative;
    width: 1024px;
    padding-left: 76px;
    margin: 20px auto 40px;
	min-height: 612px;
}

  .topNewPostAreaList .heading{width:984px;height:50px;background-color:#afafaf; display:table;padding:0 20px; margin-bottom:20px;}
	.topNewPostAreaList .heading .searchWord{
	   text-align: left;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 27px;
    padding-top: 4px;
    padding-left: 10px;
   }

.ListText{margin-bottom:20px;padding: 0 32px;line-height: 1.5;}

#slogo{width:56px;height:56px;}
.contenttopogomark #slogo{width:30px;height:30px;}
.contenttopogomark{float:left;margin-right:9px; height:30px}
.contenttoplogo{float:left;}

.catchcopy{    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;    color: #fff;
}

.copyBig{font-size:150%;}





#overlayer{
  position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 1000;
}

#overlayerInner{
  position: fixed;width: 90%;height: 90%;overflow: auto;top: 5%;left: 5%;
}

#overlayerBtnCls{width: 30px;height: 30px;position: fixed;top: 10px;right: 10px;display: block;}
#overlayerBtnCls span{width: 30px;height: 1px;display: block;background-color: #fff;position: absolute;top: 15px;left: 0;}
#overlayerBtnCls span:nth-child(1){transform: rotate(45deg);}
#overlayerBtnCls span:nth-child(2){transform: rotate(-45deg);}

/*画像拡大用　既存サイトのものをママ使用*/
.btnClose {
    clear: both;
    margin: 30px 0 30px 0;
    text-align: center;
}
.btnClose h4 {
    border: 1px solid #818181;
    padding: 5px 15px;
    width: 200px;
    margin: 0 auto;
}
.btnClose h4 a {
    display: block;
    cursor: pointer;
}
ul#footerNav {
    background-color: #262323;
    padding: 9px 0 9px 0;
    margin: 0 0 30px 0;
    line-height: 1.5em;
    overflow: hidden;
}
ul#footerNav li {
    font-size: 75%;
    float: left;
    line-height: 1em;
    margin: 0 20px 0 20px;
}
.footerUnder {
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px 0;
}
.fUleft {
    width: 510px;
    float: left;
}
p.copyright {
    line-height: 1.8em;
}
.fUright {
    width: 350px;
    float: right;
}
p.fUcaution {
    width: 250px;
    float: left;
}
.fUcautionImg {
    width: 82px;
    height: 31px;
    float: right;
}

p.copyright {
    line-height: 1.8em;
}
p.copyright, p.fUcaution {
    font-size: 63%;
}
ul#footerNav li a {
    text-decoration: underline;
}
ul#footerNav li a {
    color: #FFF;
}

p.copyright{color: #818181;}




.bpbox p,.bpbox2 p,.bpbox3 p,.bpbox4 p{
  margin: 0 0 24px 0;
    line-height: 1.5;}
.bpprofile_name{font-weight: bold;}
.bpprofile_text  {
    padding: 20px 0 0 0;
    line-height: 1.6em;
}
.bpbox p{color:#000;}
/*既存cssからの定義-about*/
div.imageContents {
    text-align: center;
}


.aboutcampanellaLogo {
    width: 342px;
    height: 300px;
    margin: 70px auto 110px auto;
}

.aboutcampanella {
    margin: 0 0 100px 0;
}
h3.acTtl {
    margin: 0 0 25px 0;
    text-align: center;
}
p.acText {
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
}
p.acText, p.proftext {
    line-height: 2em;
}
p.acText {
    font-size: 100%;
}

h3.credoTtl {
    padding: 0 0 7px 0;
    background-image: url(http://business.nikkeibp.co.jp/images/n/campanella/about/bg_dots.gif);
    background-position: 0 bottom;
    background-repeat: repeat-x;
    margin: 0 0 30px 0;
}
.credocampanella {
    margin: 0 0 60px 0;
}
li.credlist {
    margin: 0 0 10px 0;
    padding: 0;
}

h3.profTtl {
    margin: 0 0 20px 0;
}

h3.profTtl {
    font-size: 138%;
}
.editorprofile {
    margin: 0 0 60px 0;
    overflow: hidden;
}
.epleft {
    width: 189px;
    float: left;
}
.epright {
    width: 465px;
    float: right;
}
.profname {
    margin: 0 0 5px 0;
    padding: 0;
}
.profjob {
    margin: 0 0 15px 0;
    padding: 0;
}
p.proftext{
    line-height: 1.7em;
}
.proftext {
    margin: 0;
    padding: 0;
}


/*追加したもの-about*/
#mainContents{ width: 690px; margin: 0 auto;}
.mContentsLeft {
       width: 690px;
    float: left;
    padding: 50px;
    margin: 0 auto;
    border-top: 10px solid #000;
    background-color: #fff;
}


/*bp標準のccss定義*/
.dll_normal,.dll_simple{margin-left:140px;}
.bpimage_double{margin:0 auto;}
.bpquestion {
    font-weight: bold;
    color: #0c3e80;
    line-height: 130%!important;
    text-indent: 30px;
    background: url(/images/n/campanella/2017/common/icn_line_blue.png) no-repeat;
    background-position: 4px 5px;}

    .bpanswer {
    color: #000;
    line-height: 130%!important;
    text-indent: 30px;
    background: url(/images/n/campanella/2017/common/icn_line_black.png) no-repeat;
    background-position: 4px 5px;
}
.bpword b{font-size:120%;}
.bpword{margin-left:140px;font-size:80%;margin-bottom:30px;}

 p.bpquestion {
color:#262323;
}
.bpcode {
    margin: 1em 0;
    /*border: 1px solid #818181;*/
    line-height: 130%;
    color: #818181;
    text-align: left;
    /*margin-left:140px;*/
    padding: 0 20px 20px;
}

.bpcode2 {
    margin: 1em 0;

    /*border: 1px solid #666666;*/
    line-height: 130%;
    color: #35c122;
    background-color: #000;
    text-align: left;
    /*margin-left:140px;*/
    padding: 0 20px 20px;
}

.bpframe{
  padding: 10px 10px 10px 10px;
	margin: 0 0 30px 140px;
	overflow:hidden;
  background-color: #eeeeee;
}
.bpbox p:last-child{margin-bottom:0;}
.bpbox2 p:last-child{margin-bottom:0;}
.bpbox3 p:last-child{margin-bottom:0;}
.bpbox4 p:last-child{margin-bottom:0;}
.bpframe p:last-child{margin-bottom:0;}
.bpbox {
overflow:hidden;
}

.bpbox_center {
margin: 0 0px 30px;
color:#818181;
}

.bpimage_center {
margin: 0 auto;
}

.bpimage_title {
	margin: 0 0 5px 0;
	font-size:75%;}

.bpimage_caption {
	line-height:1.6em;
	margin: 5px 0 20px 0;
	font-size:75%;}

.bpimage_caption a {
	text-decoration: underline;
	color: #342f74; }

.bpimage_caption a:visited {
	color: #006a85;}

.bpimage_caption a:hover {
	text-decoration: none;
	color: #c3151f; }

.bpimage_click {
	margin: 0 0 20px 0;
	font-size:75%;}
.postBodyContents h3{clear:both;font-size: 1.5em;}


/*.detailArticleContents h4{
	font-size: 113%;
	padding: 0 0 5px 0;
	background-image: url(/images/n/campanella/common/bg_dots.gif);
	background-position: 0 bottom;
	background-repeat: repeat-x;
	clear: both;
	margin: 0 0 30px 0;}*/

/*.detailArticleContents h5 {
	color:#262323;
	font-size:87%;
	margin-bottom:30px;
}*/

.bpimage_right {
	color:#818181;
	float: right;
  clear:both;
	margin: 0 0 0px 30px;}

.bpimage_left {
	color:#818181;
	float:left;
	margin: 0 30px 0px 0;
clear:both;
/*margin-left: 140px;*/}
.bpbox_center .bpimage_double .bpimage_left{margin:0;}

.bpbox_center .bpimage_double .bpimage_right{clear:none;margin: 0 0 30px 0px;}
.bpimage_title{color: #000000;
    font-size: 95%;margin-top:5px;}
.bpimage_caption{color: #000000;}

.bpprofile {
	font-size: 87%;
	color:#818181;
	overflow: hidden;
	/*background-color: #F2F2F2;*/
	padding: 0 20px;
  border-left: 10px solid #eeeeee;
	margin: 0 0 50px 0;
	overflow:hidden;
margin-left: 140px;}

.bpprofile p , .bpprofile_photo p, .bpinterview p {
margin-left: 0;margin-bottom: 24px;
}
.bpbox p, .bpbox2 p, .bpbox3 p, .bpbox4 p, .bpframe p{
margin-left: 0;
}
.bpprofile p , .bpprofile_photo p, .bpinterview p{line-height: 1.3}


.bpprofile_text {
	padding: 20px 0 0 0;
	margin: 0;
	line-height: 1.6em;}


.bpprofile_photo {
	font-size: 87%;
	color:#818181;
	overflow: hidden;
	/*background-color: #F2F2F2;*/
  border-left: 10px solid #eeeeee;
	padding: 0 20px;
	margin: 0 0 50px 0;
margin-left: 140px;
box-sizing: content-box;
}

.bpprofile_text img {
	padding:0 20px 0px 0;
	margin-bottom:15px;
	float: left;}

.bpinterview {
  font-size: 100%;
    color: #000000;
    overflow: hidden;
    /*background-color: #F2F2F2;*/
    margin: 0 0 50px 0;
    margin-left: 140px;}

.bpinterview_position {
	font-size:100%;}

.bpinterview_name {
	font-size:125%;}

.bpinterview_text {
  padding: 20px 0 0 0;
margin: 0;
line-height: 1.6em;}

.bpbox {
  font-size: 100%;
    color: #000;
    overflow: hidden;
    /*background-color: #F2F2F2;*/
    padding: 20px;
    margin: 0 0 0 0;
    border-top:1px solid #000;
    overflow: hidden;
    margin-left: 140px;}

.bpbox_title {
	padding: 0px;
color:#000000;
font-weight: bold;
margin-bottom: 24px;}


.bpbox_text {
	padding: 0px 0px 0px 0px;
    line-height: 1.5em;}


.bpbox2 {
  font-size: 100%;
    color: #000;
    overflow: hidden;
    /*background-color: #e4f3ff;*/
    padding: 20px;
    margin: 0 0 0px 0;
    overflow: hidden;
    border-top:1px dotted #000;
    margin-left: 140px;}

.bpbox2 .bpbox_title {
	color:#000000;
	font-size: 100%;
font-weight: bold;
margin-bottom: 24px;}

.bpbox2 .bpbox_text {
	font-size: 100%;
    line-height: 1.5em;}

.bpbox3 {
  font-size: 100%;
    color: #000;
    overflow: hidden;
    /*background-color: #ffebf2;*/
    padding: 20px;
    margin: 0 0 0px 0;
    border-top:1px solid #000;
    overflow: hidden;
    /*margin-left: 140px;*/
  }

.bpbox3 .bpbox_title {
	color:#000000;
	font-size: 100%;
font-weight: bold;
margin-bottom: 24px;}

.bpbox3 .bpbox_text {
	color:#000000;
	font-size: 100%;
    line-height: 1.5em;}

.bpbox4 {
  font-size: 100%;
    color: #000;
    overflow: hidden;
    /*background-color: #fff9e4;*/
    padding: 20px;
    margin: 0 0 0px 0;
    border-top:1px dotted #000;
    overflow: hidden;
    /*margin-left: 140px;*/
  }

.bpbox4 .bpbox_title {
	color:#000000;
	font-size: 100%;
font-weight: bold;
margin-bottom: 24px;}

.bpbox4 .bpbox_text {
	color:#000000;
	font-size: 100%;
    line-height: 1.5em;}

	.bpframe .bpbox_text {
		color:#000000;
		font-size: 100%;
	    line-height: 1.5em;}

.bpteisei_box {
	font-size: 87%;
	margin: 0 0 30px 0;
margin-left:140px;}

.bpannotation {
	margin: 0 0 30px 0;
	font-size:75%;
margin-left: 140px;}

.bpreference {
	margin: 0 0 30px 0;
	font-size:75%;
	color:#818181;
margin-left: 140px;}

.none {
	margin: 0 0 30px 0;}

.none li{
	font-size: 87%;
	color: #818181;
	line-height: 1.6em;}

.disc {
	margin: 0 0 30px 0;
	padding-left: 25px;}

.disc li{
	list-style-type:disc;
	font-size: 87%;
	color: #818181;
	line-height: 1.6em;}

.circle {
	margin: 0 0 30px 0;
	padding-left: 25px;}

.circle li{
	list-style-type: circle;
	font-size: 87%;
	color: #818181;
	line-height: 1.6em;}

.square {
	margin: 0 0 30px 0;
	padding-left: 25px;
}

.square li{
	list-style-type: square;
	font-size: 87%;
	color: #818181;
	line-height: 1.6em;}

.decimal {
	margin: 0 0 30px 0;
	padding-left: 25px;}

.decimal li{
	list-style-type: decimal;
	font-size: 87%;
	color: #818181;
	line-height: 1.6em;}

.lower-roman {
	margin: 0 0 30px 0;
	padding-left: 25px;}

.lower-roman li{
	list-style-type: lower-roman;
	font-size: 87%;
	color: #818181;
	line-height: 1.6em;}

.upper-roman {
	margin: 0 0 30px 0;
	padding-left: 25px;}

.upper-roman li{
	list-style-type: upper-roman;
	font-size: 87%;
	color: #818181;
	line-height: 1.6em;}

.lower-alpha {
	margin: 0 0 30px 0;
	padding-left: 25px;}

.lower-alpha li{
	list-style-type: lower-alpha;
	font-size: 87%;
	color: #818181;
	line-height: 1.6em;}

.upper-alpha {
	margin: 0 0 30px 0;
	padding-left: 25px;}

.upper-alpha li{
	list-style-type: upper-alpha;
	font-size: 87%;
	color: #818181;
	line-height: 1.6em;}

  .dll_normal h5,.dll_normal p,.dll_normal li{margin-left:0!important;}


pre{white-space: pre-wrap;}

code {
    word-wrap: break-word;
}

.end h5,.dll_simple li{margin-left:0!important;}


blockquote{
	margin-left:140px;
	padding: 20px;
	color:#818181;
	 border-top: 1px solid #cccccc;
	 border-bottom: 1px solid #cccccc;
	 overflow: hidden;
	 margin-bottom: 30px;
	 line-height: 2;
 }
 blockquote p{margin-left: 0px!important;}
  blockquote p:last-child{margin-left: 0px!important;margin-bottom: 0px!important;}