@charset "UTF-8";

body {
  font-family: "メイリオ", verdana, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* sass */
.formBox .img-control {
  display: inline-block;
  text-align: left; }
.formBox .deleteImg {
  display: inline-block;
  margin-top: 5px; }
  .formBox .deleteImg input[type="checkbox"] {
    display: inline-block; }
  .formBox .deleteImg .deleteImg-txt {
    display: inline-block;
    margin-left: 5px; }

.user-close {
  float: right; }
  .user-close img {
    width: 15px; }

.userCommet .userName:after {
  content: "";
  display: block;
  clear: both; }

.pc_mode {
  display: inline-block !important; }

.sp_mode {
  display: none !important; }

@media only screen and (max-width: 767px) {
  .pc_mode {
    display: none !important; }

  .sp_mode {
    display: inline-block !important; } }
a.zoomImages {
  display: inline-block;
  max-width: 100%;
  position: relative; }

a.zoomImages img {
  max-width: 100%;
  height: auto; }

.pswp__caption__center {
  text-align: center; }

a.zoomImages:after {
  content: '';
  width: 59px;
  height: 59px;
  display: block;
  background: rgba(0, 0, 0, 0) url("../basicinfo_b/dummy_image/zoomIcon.png") no-repeat left top;
  background-size: 59px 59px;
  position: absolute;
  top: 8px;
  right: 8px; }

.contentIcnList li.folder.noneMainVisual a span.mark {
  background: none !important;
  display: none !important;
  height: auto !important;
  left: auto !important;
  margin: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: static !important;
  top: auto !important;
  width: 0 !important; }

.block2D .userCommetWrap_NonLogin {
  margin-bottom: -20px; }

.userCommetWrap_NonLogin {
  border-top: 1px solid #d3d3d3;
  text-align: center;
  background-color: #DDD;
  padding: 0 20px 10px; }

.userCommetWrap_NonLogin .nonLoginTtl {
  font-size: 16px;
  padding-top: 5px; }

.userCommetWrap_NonLogin .btn {
  text-align: center;
  width: 220px;
  margin: 10px auto 0; }

.userCommetWrap_NonLogin .btn > a {
  background-color: #333;
  padding: 14px 0;
  display: block;
  font-size: 14px;
  text-decoration: none;
  color: #FFF;
  border: none;
  box-sizing: border-box; }

.userCommetWrap_NonLogin .btn > a:hover {
  opacity: 0.8; }

.appInfo .snsList {
  margin-bottom: 30px; }

#footerInner .appInfo ul.snsList li {
  margin-left: 0; }

#footerInner .appInfo ul.snsList li:first-child {
  padding-left: 0; }

#footerInner .appInfo .snsList li img {
  width: 30px;
  height: auto; }

@media only screen and (max-width: 767px) {
  #footerInner .appInfo ul.snsList {
    float: none; }

  #footerInner .appInfo ul.snsList li {
    margin-left: 10px; }

  #footerInner .appInfo ul.snsList li:frist-child {
    margin-left: 0; } }
.accordionWrap .ereaBtnList {
  margin-bottom: 0;
  padding-bottom: 10px; }

.mapTtlBtn {
  display: none; }

.mapArea.typeB {
  margin-top: 30px; }

.serchConditions {
  display: none; }

@media only screen and (max-width: 767px) {
  .accordionContents {
    display: none; }

  .accordionWrap + .serchConditions {
    margin-top: 15px; }

  .serchConditions + .mapArea.typeB {
    margin-top: 15px; }

  .serchConditions {
    display: block;
    font-size: 15px; }

  .mapTtlBtn {
    display: block; }

  .mapTtlBtn > span {
    padding: 15px 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    display: block;
    cursor: pointer;
    background: #ececec url("/files/user/common/css/images/icn_plus.png") no-repeat right center;
    background-size: 32px auto; }

  .mapTtlBtn.active {
    margin-bottom: 15px; }

  .mapTtlBtn.active > span {
    background: #ececec url("/files/user/common/css/images/icn_plus_on.png") no-repeat right center;
    background-size: 32px auto; } }
/* padding set
------------------------------------------------*/
/*reset*/
.padReset {
  padding: 0px !important; }

/*0px*/
.padT00 {
  padding-top: 0px !important; }

.padR00 {
  padding-right: 0px !important; }

.padB00 {
  padding-bottom: 0px !important; }

.padL00 {
  padding-left: 0px !important; }

img {
  -webkit-touch-callout: none;
  -webkit-user-select: none; }

body {
  word-wrap: break-word; }

body#page_error #sideNaviWrap {
  padding: 80px 15px 0; }

#page_notfound {
  min-height: 530px;
  margin-top: 80px; }

.mtM2 {
  margin-top: 20px !important; }

.mbS {
  margin-bottom: 10px !important; }

.mbM {
  margin-bottom: 30px !important; }

.mbL {
  margin-bottom: 50px !important; }

.mb00 {
  margin-bottom: 0 !important; }

.enpT40 {
  padding-top: 40px; }

.anchorArea {
  margin-top: -60px;
  padding-top: 60px; }

/* button
==========================================================*/
a:hover img.btn {
  filter: alpha(opacity=80);
  opacity: 0.8; }

a.ov:hover {
  filter: alpha(opacity=80);
  opacity: 0.8; }

a:hover img {
  filter: alpha(opacity=80);
  opacity: 0.8; }

/*layout
==================================================*/
.layoutA {
  float: left; }

.layoutB {
  margin-bottom: 15px;
  position: absolute;
  top: 5px;
  right: 0; }
  .layoutB:after {
    content: "";
    display: block;
    clear: both; }

.layoutC {
  float: left;
  margin-bottom: 18px; }

.layoutD {
  float: right;
  margin-top: -60px; }

.clearFloat {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  width: 0px; }

/*h
==================================================*/
.h1Ttl {
  font-size: 26px;
  margin-bottom: 15px;
  font-weight: normal; }

.h1TtlB {
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 20px; }
  .h1TtlB.trans {
    margin-bottom: 0px; }
    .h1TtlB.trans + p {
      font-size: 14px;
      margin-bottom: 20px; }

.h1TtlC {
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 10px; }

.h1TtlC {
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 10px;
  padding-left: 50px;
  background: url("/files/user/common/css/images/icn_basicinfo_ttl01.png") no-repeat left center; }

.h2TtlA {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 13px;
  font-weight: normal; }
  .h2TtlA.inline {
    display: inline-block;
    vertical-align: middle; }
    .h2TtlA.inline + p {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 13px;
      font-size: 14px;
      padding-left: 10px; }

.h2TtlB {
  font-size: 20px;
  font-weight: normal;
  color: #000;
  padding-left: 30px;
  margin-bottom: 10px; }
  .h2TtlB.ttl_comment {
    background: url("/files/user/common/css/images/icn_h2_01.png") no-repeat left 0.2em;
    background-size: 26px 23px; }
  .h2TtlB.ttl_recommend {
    background: url("/files/user/common/css/images/icn_spot_content.png") no-repeat left 0.2em;
    background-size: 16px 23px; }

.h2TtlC {
  font-size: 16px;
  font-weight: normal;
  color: #000;
  padding-left: 23px;
  margin-bottom: 10px; }
  .h2TtlC.ttl_relation {
    background: url("/files/user/common/css/images/icn_story.png") no-repeat left 0.2em;
    background-size: 18px 18px; }
  .h2TtlC.ttl_travelPlan {
    background: url("/files/user/common/css/images/icn_plan.png") no-repeat left 0.3em;
    background-size: 18px 16px; }
  .h2TtlC.ttl_introduction {
    padding-left: 20px;
    background: url("/files/user/common/css/images/icn_spot_content.png") no-repeat left 0.2em;
    background-size: 14px 20px; }

.h2TtlD {
  font-size: 16px;
  font-weight: normal;
  color: #FFF;
  line-height: 1;
  padding: 10px 0 12px 20px; }
  .h2TtlD.yellow {
    background-color: #ECAC00; }

.h2TtlE {
  font-size: 20px;
  line-height: 1;
  font-weight: normal;
  padding-bottom: 10px;
  border-bottom: 2px solid #333;
  margin-bottom: 15px; }

.h2TtlF {
  font-size: 22px;
  line-height: 1;
  color: #FFF;
  padding: 15px 22px;
  background-color: #999;
  margin-bottom: 15px;
  font-weight: normal; }

.h3TtlA {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 15px;
  display: table; }
  .h3TtlA span {
    white-space: nowrap;
    display: table-cell; }

.h3TtlB {
  color: #FFF;
  font-size: 18px;
  font-weight: normal;
  line-height: 1; }
  .h3TtlB.ttl_sideA {
    padding: 10px 0 10px 62px;
    background: #cf2d0c url("/files/user/common/css/images/icn_comment.png") no-repeat 15px 13px;
    background-size: 35px 31px; }
    .h3TtlB.ttl_sideA span {
      display: block;
      margin-top: 6px;
      font-size: 12px; }
  .h3TtlB.ttl_sideB {
    padding: 14px 0 18px 56px;
    background: #cf2d0c url("/files/user/common/css/images/icn_comment.png") no-repeat 11px 8px;
    background-size: 35px 31px; }
    .h3TtlB.ttl_sideB span {
      display: block;
      float: right;
      font-size: 12px;
      padding-top: 3px;
      padding-right: 10px;
      padding-bottom: 10px; }

.h3TtlC {
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  padding-left: 35px;
  line-height: 32px;
  position: relative;
  z-index: 10;
  min-height: 32px;
  left: -35px;
  padding-bottom: 10px; }
  .h3TtlC.nonePad {
    padding-bottom: 0; }
  .h3TtlC.ttlC_cate01 {
    background: url("/files/user/common/css/images/icn_spot_cate01.png") no-repeat left top;
    background-size: 32px 32px; }
  .h3TtlC.ttlC_cate02 {
    background: url("/files/user/common/css/images/icn_spot_cate02.png") no-repeat left top;
    background-size: 32px 32px; }
  .h3TtlC.ttlC_cate03 {
    background: url("/files/user/common/css/images/icn_spot_cate03.png") no-repeat left top;
    background-size: 32px 32px; }
  .h3TtlC.ttlC_cate04 {
    background: url("/files/user/common/css/images/icn_spot_cate04.png") no-repeat left top;
    background-size: 32px 32px; }
  .h3TtlC.ttlC_cate05 {
    background: url("/files/user/common/css/images/icn_spot_cate05.png") no-repeat left top;
    background-size: 32px 32px; }
  .h3TtlC.ttlC_cate06 {
    background: url("/files/user/common/css/images/icn_spot_cate06.png") no-repeat left top;
    background-size: 32px 32px; }
  .h3TtlC.ttlC_cate07 {
    background: url("/files/user/common/css/images/icn_spot_cate07.png") no-repeat left top;
    background-size: 32px 32px; }
  .h3TtlC.ttlC_cate10 {
    background: url("/files/user/common/css/images/icn_spot_cate10.png") no-repeat left top;
    background-size: 32px 32px; }
  .h3TtlC.icn_last.ttlC_cate01 {
    background: url("/files/user/common/css/images/icn_spot_cate01.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top;
    background-size: 32px 32px; }
  .h3TtlC.icn_last.ttlC_cate02 {
    background: url("/files/user/common/css/images/icn_spot_cate02.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top;
    background-size: 32px 32px; }
  .h3TtlC.icn_last.ttlC_cate03 {
    background: url("/files/user/common/css/images/icn_spot_cate03.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top;
    background-size: 32px 32px; }
  .h3TtlC.icn_last.ttlC_cate04 {
    background: url("/files/user/common/css/images/icn_spot_cate04.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top;
    background-size: 32px 32px; }
  .h3TtlC.icn_last.ttlC_cate05 {
    background: url("/files/user/common/css/images/icn_spot_cate05.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top;
    background-size: 32px 32px; }
  .h3TtlC.icn_last.ttlC_cate06 {
    background: url("/files/user/common/css/images/icn_spot_cate06.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top;
    background-size: 32px 32px; }
  .h3TtlC.icn_last.ttlC_cate07 {
    background: url("/files/user/common/css/images/icn_spot_cate07.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top;
    background-size: 32px 32px; }
  .h3TtlC.icn_last.ttlC_cate09 {
    background: url("/files/user/common/css/images/icn_spot_cate09.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top;
    background-size: 32px 32px; }
  .h3TtlC.icn_last.ttlC_cate10 {
    background: url("/files/user/common/css/images/icn_spot_cate10.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top;
    background-size: 32px 32px; }
.h3TtlD {
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
  color: #815a23;
  padding: 0 0 10px 20px;
  border-bottom: #815A23 1px dotted;
  margin-bottom: 15px; }
  .h3TtlD.flag {
    background: url("/files/user/common/css/images/icn_flag01.png") no-repeat left top;
    background-size: 14px 16px; }

.h4ttlA {
  font-size: 16px;
  margin-bottom: 15px; }

.loginTtl {
  min-height: 34px;
  font-size: 14px;
  font-weight: normal;
  padding-left: 40px;
  padding-right: 30px;
  margin-bottom: 20px;
  background: url("/files/user/common/css/images/icn_fancy_login.png") no-repeat left top;
  background-size: 34px 34px; }

.aboutTtl {
  background: url("/files/user/common/css/images/bg_bdr_03.png");
  font-size: 18px;
  color: #FFF;
  padding: 10px 0;
  text-align: center;
  line-height: 1; }

.staffTtl {
  text-align: center;
  font-size: 16px;
  margin-bottom: 15px; }
  .staffTtl:before, .staffTtl:after {
    content: '—'; }

.h2TtlG {
  font-size: 18px;
  line-height: 1;
  color: #fff;
  padding: 10px 0 12px 20px;
  background-color: #93af2d; }

.ttlWatch {
  font-size: 18px;
  line-height: 1;
  color: #fff;
  padding: 10px 0 12px 40px;
  background: #93af2d;
  position: relative;
  margin-left: 15px;
  font-weight: normal; }
  .ttlWatch:after {
    position: absolute;
    left: -15px;
    top: 0;
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    background: url("/files/user/common/css/images/icn_watch.png") no-repeat left top; }

/*p
==================================================*/
.cardIcn {
  max-width: 35px;
  padding: 0 3px;
  vertical-align: middle; }

.icnTtl {
  display: inline-block;
  font-size: 11px;
  color: #000;
  line-height: 1;
  border: 1px solid #000;
  padding: 4px 13px 4px 26px;
  margin-bottom: 5px; }
  .icnTtl.story {
    background: #ffffff url("/files/user/common/css/images/icn_story_content.png") no-repeat 10px 4px;
    background-size: 10px 10px; }
  .icnTtl.spot {
    background: #ffffff url("/files/user/common/css/images/icn_spot_content2.png") no-repeat 10px 4px;
    background-size: 8px 12px; }
  .icnTtl.plan {
    background: #ffffff url("/files/user/common/css/images/icn_plan_content.png") no-repeat 10px 4px;
    background-size: 13px 11px; }

.articleTxt {
  color: #000;
  font-size: 16px;
  margin-bottom: 30px; }
  .articleTxt.typeB {
    margin-bottom: 10px; }
  .articleTxt.typeC {
    margin-bottom: 20px; }

.imgCapSet {
  color: #000;
  font-size: 14px;
  line-height: 1.6;
  text-align: center; }
  .imgCapSet span {
    display: inline-block;
    margin-top: 6px;
    text-align: left; }

.imgList .imgCapSet {
  color: #000;
  font-size: 13px;
  line-height: 1.6; }
  .imgList .imgCapSet span {
    display: inline-block;
    margin-top: 6px;
    width: 100%; }

.txt {
  color: #000;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 10px; }

.articleContent .noteTxt {
  font-size: 12px;
  text-align: right;
  margin-bottom: 15px;
  margin-top: 10px; }
  .articleContent .noteTxt .days {
    display: block; }
  .articleContent .noteTxt .writer {
    display: block; }
  .articleContent .noteTxt.posiNote {
    position: absolute;
    right: 0;
    margin-top: 20px;
    margin-bottom: 0; }
  .articleContent .noteTxt .writerPhoto {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden; }
    .articleContent .noteTxt .writerPhoto img {
      display: inline-block;
      height: 40px;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      border-radius: 20px;
      width: auto; }
  .articleContent .noteTxt .writerName {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px; }

.mapArea + .noteTxt {
  font-size: 12px;
  text-align: right;
  margin-bottom: 15px;
  margin-top: 35px; }

.reviewNote {
  margin-top: 20px;
  font-size: 13px; }
  .reviewNote .review {
    display: inline-block;
    margin-left: 15px; }
    .reviewNote .review img {
      width: 18px;
      height: auto; }

.planComment {
  font-size: 16px; }

.moveIcn {
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  border: 1px solid #DEDBD4;
  border-radius: 15px;
  padding: 8px 20px 8px 20px;
  margin-bottom: 10px;
  background-color: #FFF; }
  .moveIcn span {
    vertical-align: middle; }

.icn_train,
.icn_walk,
.icn_bus,
.icn_airplane,
.icn_bicycle,
.icn_ship,
.icn_car {
  width: 100%;
  height: auto;
  vertical-align: middle;
  padding-right: 20px; }

.icn_train {
  max-width: 12px; }

.icn_walk {
  max-width: 12px; }

.icn_bus {
  max-width: 21px; }

.icn_airplane {
  max-width: 21px; }

.icn_bicycle {
  max-width: 21px; }

.icn_ship {
  max-width: 21px; }

.icn_car {
  max-width: 21px; }

.recommendSpot p {
  font-size: 14px; }

.likeTxt {
  text-align: center;
  padding: 20px 0 10px; }

.imgCapA {
  font-size: 14px;
  padding-top: 5px;
  display: block;
  text-align: left; }

/*list
==================================================*/
.line_sns {
  display: none !important; }

.tagList {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
  line-height: 25px;
  background: url("/files/user/common/css/images/icn_tag.png") no-repeat left 0.3em;
  background-size: 20px 20px; }
  .tagList li {
    display: inline-block;
    padding-left: 5px; }
    .tagList li:first-child {
      padding-left: 0; }
    .tagList li a {
      font-size: 13px;
      color: #333; }
      .tagList li a:hover {
        text-decoration: none; }
  .tagList.layoutA {
    margin-top: 0; }

.contentIcnList li {
  display: inline-block; }
  .contentIcnList li.like a {
    background: #e7e7e7 url("/files/user/common/css/images/icn_like_content.png") no-repeat 14px 16px;
    background-size: 26px 20px;
    position: relative; }
    .contentIcnList li.like a span.mark {
      background: #ec3713 url("/files/user/common/css/images/icn_like_content_on.png") no-repeat center 16px;
      background-size: 24px 20px;
      display: block;
      position: absolute;
      width: 50px;
      height: 50px;
      border-radius: 25px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      z-index: 10;
      visibility: hidden;
      pointer-events: none; }
  .contentIcnList li.like.on a {
    background: #ec3713 url("/files/user/common/css/images/icn_like_content_on.png") no-repeat center 16px;
    background-size: 24px 20px; }
    .contentIcnList li.like.on a span.mark {
      visibility: visible;
      opacity: 0;
      -ms-transform: scale(2);
      -webkit-transform: scale(2);
      transform: scale(2);
      -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out;
      transition: opacity 0.8s ease-in, transform 0.8s ease-out; }
  .contentIcnList li.like.on span {
    color: #EC3713; }
  .contentIcnList li.folder {
    padding-left: 8px; }
    .contentIcnList li.folder a {
      background: #e7e7e7 url("/files/user/common/css/images/icn_folder_content.png") no-repeat 10px 15px;
      background-size: 36px 20px;
      /*position: relative;*/ }
      .contentIcnList li.folder a span.mark {
        background: #fff;
        opacity: 0.3;
        background-size: 26px 20px;
        display: block;
        position: absolute;
        width: 600px;
        height: 350px;
        top: -380px;
        left: 50px;
        margin: 0;
        padding: 0;
        z-index: 10;
        visibility: hidden;
        pointer-events: none; }
    .contentIcnList li.folder.on a {
      background: #f39400 url("/files/user/common/css/images/icn_folder_content2_on.png") no-repeat center 15px;
      background-size: 26px 20px
      /*span.mark{
      	visibility: visible;
      	opacity: 0;
      	@include transform(scale(2));
      	@include transition(opacity 0.8s ease-in, transform 0.8s ease-out); 
      }*/ }
      .contentIcnList li.folder.on a span.mark {
        visibility: visible;
        opacity: 0;
        width: 0 !important;
        height: 0 !important;
        top: 20px !important;
        left: 20px !important;
        -moz-transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s;
        -o-transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s;
        -webkit-transition: opacity 0.4s ease-in, width 0.5s ease-out, height 0.5s ease-out, top 0.5s linear, left 0.5s linear;
        -webkit-transition-delay: 0.2s, 0.1s, 0.1s, 0.1s, 0.1s;
        -webkit-transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s;
                transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s; }
    .contentIcnList li.folder.on_2 a {
      background: #f39400 url("/files/user/common/css/images/icn_folder_content2_on.png") no-repeat center 15px;
      background-size: 26px 20px; }
  .contentIcnList li.favorite {
    vertical-align: middle;
    font-size: 0;
    margin-left: 20px; }
    .contentIcnList li.favorite span {
      display: inline-block;
      width: auto;
      height: auto;
      font-style: 0;
      border-radius: 0%; }
      .contentIcnList li.favorite span:first-child {
        margin-left: 0; }
      .contentIcnList li.favorite span img {
        width: 20px;
        height: auto; }
  .contentIcnList li a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    vertical-align: middle;
    text-decoration: none; }
    .contentIcnList li a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }
  .contentIcnList li span {
    color: #9D9D9D;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px; }

.block2A .blockR .snsList img {
  width: 30px;
  height: auto; }

.snsList li {
  display: inline-block;
  padding-left: 10px; }
  .snsList li a {
    display: block; }
    .snsList li a:hover img {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }
    .snsList li a img {
      width:auto;
      height: 40px; }

.imgDetail li {
  font-size: 12px;
  margin-bottom: 3px; }
  .imgDetail li span {
    font-weight: bold; }
  .imgDetail li a {
    color: #333; }
  .imgDetail li .cardImg {
    width: 100%;
    max-width: 190px;
    vertical-align: middle;
    padding-left: 10px; }

.statusList {
  display: inline-block; }
  .statusList li {
    display: inline-block;
    vertical-align: top; }
    .statusList li a {
      min-height: 46px;
      font-size: 13px;
      display: block;
      background-color: #e7e7e7;
      text-decoration: none;
      line-height: 1;
      padding: 14px 0 14px 0;
      text-align: center;
      box-sizing: border-box; }
      .statusList li a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8; }
    .statusList li.bookMark {
      min-width: 148px; }
      .statusList li.bookMark a {
        border: 1px solid #BCBCBC;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #E7E7E7; }
        .statusList li.bookMark a span {
          display: inline-block;
          position: relative; }
          .statusList li.bookMark a span:before {
            display: inline-block;
            content: "";
            background: url("/files/user/common/css/images/icn_folder_content_ov.png") no-repeat left top;
            background-size: 22px 13px;
            width: 22px;
            height: 13px;
            padding-right: 5px; }
      .statusList li.bookMark.on a {
        border: 1px solid #f39400;
        color: #fff;
        background-color: #f39400; }
        .statusList li.bookMark.on a span:before {
          display: inline-block;
          content: "";
          background: url("/files/user/common/css/images/icn_folder_content_on.png") no-repeat left top;
          background-size: 16px 13px;
          width: 22px;
          height: 13px;
          padding-right: 5px; }
    .statusList li.gone {
      min-width: 148px; }
      .statusList li.gone a {
        border-right: 1px solid #BCBCBC;
        border-bottom: 1px solid #BCBCBC;
        border-top: 1px solid #BCBCBC;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 12px;
        padding-bottom: 9px;
        background-color: #E6E7E7; }
        .statusList li.gone a span {
          display: inline-block;
          vertical-align: middle; }
          .statusList li.gone a span:before {
            display: inline-block;
            content: "";
            background: url("/files/user/common/css/images/icn_going_content_ov.png") no-repeat left top;
            background-size: 23px 22px;
            width: 23px;
            height: 22px;
            padding-right: 5px;
            vertical-align: middle; }
      .statusList li.gone.on a {
        border-right: 1px solid #498147;
        border-bottom: 1px solid #498147;
        border-top: 1px solid #498147;
        color: #fff;
        background-color: #498147; }
        .statusList li.gone.on a span {
          background-color: #498147;
          display: inline-block; }
          .statusList li.gone.on a span:before {
            display: inline-block;
            content: "";
            background: url("/files/user/common/css/images/icn_going_content_on.png") no-repeat left top;
            background-size: 23px 22px;
            width: 23px;
            height: 22px;
            padding-right: 5px; }

.review span img {
  width: 14px;
  height: auto; }

.imgList {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .imgList li {
    display: table-cell;
    vertical-align: top;
    width: 33.3%;
    padding: 0 15px; }
    .imgList li:first-child {
      padding-left: 0; }
    .imgList li:last-child {
      padding-right: 0; }
    .imgList li img {
      width: 100%;
      height: auto; }
    .imgList li a:hover img {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }

.RecommendWrap .imgList li {
  width: 20%;
  padding: 0 12px; }
  .RecommendWrap .imgList li:first-child {
    padding-left: 0; }
  .RecommendWrap .imgList li:last-child {
    padding-right: 0; }

.spotDetailList {
  font-size: 13px;
  margin-bottom: 10px; }
  .spotDetailList li {
    display: inline-block;
    padding-left: 20px;
    margin-left: 20px; }
    .spotDetailList li:first-child {
      margin-left: 0; }
    .spotDetailList li.icnTime {
      background: url("/files/user/common/css/images/icn_plan_time.png") no-repeat left center;
      background-size: 14px 14px; }
    .spotDetailList li.icnMoney {
      background: url("/files/user/common/css/images/icn_plan_money.png") no-repeat left center;
      background-size: 14px 14px; }

.moveList {
  display: table; }
  .moveList dt,
  .moveList dd {
    display: table-cell;
    vertical-align: top; }
  .moveList dt {
    white-space: nowrap;
    font-size: 16px;
    line-height: 1;
    padding-top: 7px;
    padding-right: 14px;
    border-right: 4px solid #DEDBD4; }

.indentList {
  font-size: 13px; }
  .indentList li {
    display: table; }
    .indentList li span {
      display: table-cell; }

.indentList2 {
  font-size: 16px;
  margin-left: 15px;
  margin-bottom: 20px; }
  .indentList2 li {
    display: table; }
    .indentList2 li span {
      white-space: nowrap;
      display: table-cell;
      padding-right: 15px; }

.indentList3 {
  font-size: 16px; }
  .indentList3 li {
    display: table; }
    .indentList3 li span {
      white-space: nowrap;
      display: table-cell; }

.loginBtnList {
  text-align: center;
  margin-bottom: 30px; }
  .loginBtnList li a {
    padding-top: 10px;
    vertical-align: top;
    display: inline-block; }
  .loginBtnList li img {
    width: 100%;
    height: auto;
    max-width: 187px; }

/*block
==================================================*/
.block1A {
  margin-bottom: 40px; }
  .block1A .innerBlock {
    text-align: center; }
    .block1A .innerBlock img {
      max-width: 530px;
      height: auto;
      display: block;
      margin: 0 auto; }

.block1B {
  margin-top: 12px; }
  .block1B .innerBlock {
    margin-top: 12px;
    text-align: center; }
    .block1B .innerBlock img {
      max-width: 515px;
      text-align: center;
      height: auto;
      display: block;
      margin: 0 auto; }
    .block1B .innerBlock.centerImg {
      padding: 0 125px; }
      .block1B .innerBlock.centerImg img {
        width: 100%;
        display: block; }

.block2A {
  margin-bottom: 10px; }
  .block2A:after {
    content: "";
    display: block;
    clear: both; }
  .block2A .blockL {
    width: 50%;
    float: left; }
    .block2A .blockL img {
      width: 100%;
      height: auto; }
  .block2A .blockR {
    width: 50%;
    float: right;
    text-align: right; }
    .block2A .blockR img {
      width: 100%;
      height: auto; }
  .block2A.snsBlock {
    margin-top: 10px; }
    .block2A.snsBlock .blockL {
      width: 30%; }
    .block2A.snsBlock .blockR {
      width: 70%; }

.block2B {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 40px; }
  .block2B .innerBlock {
    display: table-cell;
    width: 50%;
    padding: 0 10px;
    text-align: center; }
    .block2B .innerBlock:first-child {
      padding-left: 0; }
    .block2B .innerBlock:last-child {
      padding-right: 0; }
    .block2B .innerBlock img {
      max-width: 270px;
      height: auto; }

.block2C {
  margin-bottom: 40px; }
  .block2C:after {
    content: "";
    display: block;
    clear: both; }
  .block2C .blockL,
  .block2C .blockR {
    text-align: center; }
    .block2C .blockL img,
    .block2C .blockR img {
      max-width: 260px;
      height: auto; }
    .block2C .blockL *,
    .block2C .blockR * {
      text-align: left; }
  .block2C .blockL {
    width: 50%;
    float: left; }
  .block2C .blockR {
    width: 50%;
    float: right;
    padding-left: 20px;
    box-sizing: border-box; }
  .block2C.type2 .blockL {
    width: 50%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box; }
  .block2C.type2 .blockR {
    width: 50%;
    float: right;
    padding-left: 0; }

.block2D {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
      flex-flow: row;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 90px; }
  .block2D .innerBlock {
    border: 1px solid #d3d3d3; }
    .block2D .innerBlock.posiR {
      position: relative; }
    .block2D .innerBlock .mapArea {
      width: 420px; }
      .block2D .innerBlock .mapArea .ggmap {
        height: 266px; }
  .block2D.block2D_typeB {
    display: block;
    letter-spacing: -.40em; }
    .block2D.block2D_typeB:after {
      content: "";
      display: block;
      clear: both; }
    .block2D.block2D_typeB .innerBlock {
      display: inline-block;
      letter-spacing: normal;
      width: 420px;
      vertical-align: top; }
      .block2D.block2D_typeB .innerBlock:last-child {
        float: right; }

.block2E {
  margin-top: 15px; }
  .block2E:after {
    content: "";
    display: block;
    clear: both; }
  .block2E .blockL {
    width: 420px;
    float: left; }
  .block2E .blockR {
    width: 420px;
    float: right; }

.block2F {
  margin: -7px -7px 0 -7px;
  overflow: hidden;
  padding: 12px 0 0; }
  .block2F .innerBlock {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    padding: 7px;
    text-align: center;
    vertical-align: top; }
    .block2F .innerBlock img {
      max-width: 250px;
      text-align: center;
      display: block;
      margin: 0 auto; }
  .block2F + .moveArea {
    margin-top: 18px; }

.block2G {
  width: 100%;
  display: table;
  table-layout: fixed;
  border: 1px solid #d3d3d3; }
  .block2G .innerBlock {
    display: table-cell;
    vertical-align: top;
    width: 50%; }
    .block2G .innerBlock img {
      width: 100%;
      height: auto; }

.block2H {
  margin-bottom: 40px; }
  .block2H:after {
    content: "";
    display: block;
    clear: both; }
  .block2H .blockL,
  .block2H .blockR {
    text-align: center; }
    .block2H .blockL img,
    .block2H .blockR img {
      max-width: 100%;
      height: auto; }
    .block2H .blockL .txt,
    .block2H .blockR .txt {
      text-align: left; }
  .block2H .blockL {
    width: 49%;
    float: left; }
  .block2H .blockR {
    width: 49%;
    float: right;
    box-sizing: border-box; }
  .block2H.reverse .blockL {
    width: 49%; }
  .block2H.reverse .blockR {
    width: 49%; }

.block2I {
  margin-bottom: 40px; }
  .block2I:after {
    content: "";
    display: block;
    clear: both; }
  .block2I .blockL img,
  .block2I .blockR img {
    max-width: 100%;
    height: auto; }
  .block2I .blockL {
    width: 49%;
    float: left; }
  .block2I .blockR {
    width: 49%;
    float: right;
    box-sizing: border-box; }

.block3A {
  display: table;
  table-layout: fixed;
  margin-bottom: 40px;
  margin-left: -10px;
  margin-right: -10px; }
  .block3A .innerBlock {
    display: table-cell;
    width: 33.33%;
    padding: 0 10px; }
    .block3A .innerBlock img {
      max-width: 173px;
      width: 100%;
      height: auto; }

/*line
==================================================*/
.line {
  border-top: 2px solid #333;
  height: 2px;
  box-sizing: border-box;
  margin-bottom: 15px; }

/*btn
==================================================*/
.btnLstA li {
  display: inline-block; }

.conditionalArea .btnLstA {
  margin-top: 12px; }

a.changeBtn {
  color: #FFF;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
  padding: 7px 50px 8px 10px;
  background: #999999 url("/files/user/common/css/images/icn_chaneBtn.png") no-repeat right center;
  background-size: 20px 10px; }
  a.changeBtn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }

.moreBtn a {
  display: block;
  color: #FFF;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  padding: 11px 50px 11px 10px;
  background: #999999 url("/files/user/common/css/images/icn_chaneBtn.png") no-repeat right center;
  background-size: 20px 10px; }
  .moreBtn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }

.moreBtnB {
  display: none; }

.mapBtn a {
  display: block;
  color: #FFF;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  padding: 20px 11px 20px 34px;
  background: #ec6565 url("/files/user/common/css/images/icn_mapBtn.png") no-repeat 9px center;
  background-size: 17px 25px; }
  .mapBtn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }

.returnBtn {
  width: 200px;
  margin: 35px auto 0; }
  .returnBtn a,
  .returnBtn input[type="button"], 
  .returnBtn input[type="submit"] {
    text-align: center;
    background-color: #333;
    padding: 14px 0;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #FFF;
    border: none;
    width: 200px;
    cursor: pointer; }
    .returnBtn a:hover,
    .returnBtn input[type="button"]:hover,
    .returnBtn input[type="submit"]:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }

.cancelBtn {
  width: 200px;
  margin: 35px auto 0; }
  .cancelBtn a,
  .cancelBtn input[type="button"] {
    text-align: center;
    background-color: #999999;
    padding: 14px 0;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #FFF;
    border: none;
    width: 200px; }
    .cancelBtn a:hover,
    .cancelBtn input[type="button"]:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }

.loginBtn {
  width: 200px;
  margin: 35px auto 0; }
  .loginBtn a,
  .loginBtn input[type="button"] {
    border: 0 none;
    text-align: center;
    background-color: #333;
    padding: 14px 0;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #FFF; }
    .loginBtn a:hover,
    .loginBtn input[type="button"]:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }
  .loginBtn input[type="button"] {
    width: 200px; }

input[type="button"],
input[type="submit"] {
  border-radius: 0;
  -webkit-appearance: none; }

.formBtnList {
  margin-top: 40px;
  text-align: center; }
  .formBtnList li {
    width: 210px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top; }
    .formBtnList li.return a,
    .formBtnList li.return input[type="button"] {
      background-color: #999999; }
    .formBtnList li.fbBtn {
      width: auto; }
      .formBtnList li.fbBtn a {
        background-color: transparent;
        padding: 0; }
        .formBtnList li.fbBtn a img {
          max-width: 210px;
          width: 100%;
          height: auto; }
    .formBtnList li a,
    .formBtnList li input[type="button"] {
      width: 210px;
      box-sizing: border-box;
      border: none;
      text-align: center;
      background-color: #333;
      padding: 15px 0;
      display: block;
      font-size: 14px;
      text-decoration: none;
      color: #FFF;
      position: relative;
      cursor: pointer;
      border-radius: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .formBtnList li a:hover,
      .formBtnList li input[type="button"]:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8; }
      .formBtnList li a span,
      .formBtnList li input[type="button"] span {
        position: absolute;
        font-size: 11px;
        top: 50%;
        left: 50%;
        margin-left: -4em; }
        .formBtnList li a span.ch,
        .formBtnList li input[type="button"] span.ch {
          margin-left: -2.5em; }
      .formBtnList li a.line2,
      .formBtnList li input[type="button"].line2 {
        padding: 6px 0 23px; }
      .formBtnList li a.imgBtn,
      .formBtnList li input[type="button"].imgBtn {
        padding: 0; }
    .formBtnList li a img {
      width: 100%;
      max-width: 210px;
      height: auto; }

.ereaBtnList,
.tagBtnList {
  width: 890px;
  margin-bottom: 30px;
  margin: 0 -5px 10px; }
  .ereaBtnList li,
  .tagBtnList li {
    display: inline-block;
    margin: 0 5px 10px; }
    .ereaBtnList li label,
    .tagBtnList li label {
      font-size: 14px;
      line-height: 1;
      display: inline-block;
      padding: 9px 10px 10px;
      text-decoration: none;
      background-color: #ECECEC;
      cursor: pointer; }
      .ereaBtnList li label:hover,
      .tagBtnList li label:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8; }
    .ereaBtnList li.on label,
    .tagBtnList li.on label {
      color: #fff;
      background-color: #ec6565; }

.categoryBtn {
  width: 869px;
  margin: 0 -4px 10px; }
  .categoryBtn li {
    display: inline-block;
    margin: 0 4px 10px; }
    .categoryBtn li label {
      font-size: 14px;
      line-height: 1;
      display: block;
      padding: 9px 10px 10px 32px;
      text-decoration: none;
      box-sizing: border-box;
      cursor: pointer; }
      .categoryBtn li label:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8; }
    .categoryBtn li.on label, .categoryBtn input:checked + label {
      color: #fff; }
    .categoryBtn li.cate1 label {
      background: #ececec url("/files/user/common/css/images/icn_Btn_cate01.png") no-repeat 9px 7px;
      background-size: 13px 18px; }
    .categoryBtn .cate1 input:checked + label {
      background: #ed5c35 url("/files/user/common/css/images/icn_Btn_cate01_on.png") no-repeat 9px 7px;
      background-size: 13px 18px; }
    .categoryBtn li.cate2 label {
      background: #ececec url("/files/user/common/css/images/icn_Btn_cate02.png") no-repeat 10px 7px;
      background-size: 13px 16px; }
    .categoryBtn .cate2 input:checked + label {
      background: #dd7f9a url("/files/user/common/css/images/icn_Btn_cate02_on.png") no-repeat 10px 7px;
      background-size: 13px 16px; }
    .categoryBtn li.cate3 label {
      background: #ececec url("/files/user/common/css/images/icn_Btn_cate03.png") no-repeat 9px 10px;
      background-size: 15px 12px; }
    .categoryBtn .cate3 input:checked + label {
      background: #4d911b url("/files/user/common/css/images/icn_Btn_cate03_on.png") no-repeat 9px 10px;
      background-size: 15px 12px; }
    .categoryBtn li.cate4 label {
      background: #ececec url("/files/user/common/css/images/icn_Btn_cate04.png") no-repeat 9px 7px;
      background-size: 15px 18px; }
    .categoryBtn .cate4 input:checked + label {
      background: #81549c url("/files/user/common/css/images/icn_Btn_cate04_on.png") no-repeat 9px 7px;
      background-size: 15px 18px; }
    .categoryBtn li.cate5 label {
      background: #ececec url("/files/user/common/css/images/icn_Btn_cate05.png") no-repeat 9px 8px;
      background-size: 17px 16px; }
    .categoryBtn .cate5 input:checked + label {
      background: #7c5620 url("/files/user/common/css/images/icn_Btn_cate05_on.png") no-repeat 9px 8px;
      background-size: 17px 16px; }
    .categoryBtn li.cate6 label {
      background: #ececec url("/files/user/common/css/images/icn_Btn_cate06.png") no-repeat 9px 6px;
      background-size: 14px 19px; }
    .categoryBtn .cate6 input:checked + label {
      background: #147fb7 url("/files/user/common/css/images/icn_Btn_cate06_on.png") no-repeat 9px 6px;
      background-size: 14px 19px; }
    .categoryBtn li.cate10 label {
      background: #ececec url("/files/user/common/css/images/icn_Btn2_cate10.png") no-repeat 9px 8px;
      background-size: 18px 13px; }
    .categoryBtn .cate10 input:checked + label {
      background: #0062b1 url("/files/user/common/css/images/icn_Btn2_cate10_on.png") no-repeat 9px 8px;
      background-size: 18px 13px; }

/*planContent
==================================================*/
.planWrap {
  padding: 16px 22px 15px 8px;
  margin-bottom: 30px; }

.planContent {
  padding: 0px 0 0 35px;
  background: url("/files/user/common/css/images/bg_arrow.png") repeat-y 9px top;
  background-size: 14px auto;
  position: relative;
  top: -1px; }
  .planContent:not(:first-of-type) {
    margin-top: -20px;
    padding-top: 20px; }
  .planContent.noneBg {
    background: none;
    margin-top: -10px; }

.planWrapB {
  padding-left: 10px; }

.planContentB {
  margin-bottom: 15px;
  background: url("/files/user/common/css/images/bg_arrow.png") repeat-y left top;
  background-size: 14px auto;
  position: relative;
  padding-left: 30px; }
  .planContentB .dataImg {
    width: 100%;
    height: auto;
    max-width: 530px; }

/*recommend
==================================================*/
.recommendSpot {
  margin-top: 30px;
  padding: 14px 18px;
  background: url("/files/user/common/css/images/bg_bdr_04.png");
  border-radius: 15px; }
  .recommendSpot img {
    max-width: 478px;
    display: block;
    margin: 15px auto 0; }

.RecommendWrap {
  margin-top: 35px;
  background-color: #f4f3f1;
  padding: 15px 40px; }

/*moveArea
==================================================*/
.moveArea {
  background-color: #F4F3F1;
  padding: 15px 34px;
  margin-bottom: 16px;
  margin-top: 25px;
  position: relative; }
  .moveArea:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 12px 5px 0;
    border-color: rgba(0, 0, 0, 0) #f0efed rgba(0, 0, 0, 0);
    margin: auto; }

/*articleContent
==================================================*/
.mainVisualWrap {
  max-width: 640px;
  margin: 0 auto 15px;
  overflow: hidden; }

.mainVisual img {
  width: 100%;
  height: auto; }

.articleContent:after {
  content: "";
  display: block;
  clear: both; }
.articleContent .main {
  width: 580px;
  float: left; }
.articleContent .mainWide {
  width: 100%; }
.articleContent .aside {
  width: 280px;
  float: left;
  margin-left: 20px; }
.articleContent .footContent {
  width: 580px;
  clear: both; }
  .articleContent .footContent .line:nth-of-type(2) {
    margin-top: 20px; }
.articleContent .commentSideArea {
  margin-top: 20px;
  margin-bottom: 20px; }
  .articleContent .commentSideArea .inner {
    border: 1px solid #D3D3D3; }
    .articleContent .commentSideArea .inner .userCommetWrap {
      padding: 15px 18px; }
      .articleContent .commentSideArea .inner .userCommetWrap .userCommet {
        height: 240px;
        overflow: hidden; }
        .articleContent .commentSideArea .inner .userCommetWrap .userCommet li {
          margin-top: 20px; }
          .articleContent .commentSideArea .inner .userCommetWrap .userCommet li:after {
            content: "";
            display: block;
            clear: both; }
          .articleContent .commentSideArea .inner .userCommetWrap .userCommet li:first-child {
            margin-top: 0; }
      .articleContent .commentSideArea .inner .userCommetWrap .imgWrap {
        float: left;
        display: inline-block;
        width: 21%; }
      .articleContent .commentSideArea .inner .userCommetWrap .userImg {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        position: relative;
        overflow: hidden; }
        .articleContent .commentSideArea .inner .userCommetWrap .userImg img {
          display: inline-block;
          width: auto;
          height: 40px;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          margin: auto;
          border-radius: 20px; }
      .articleContent .commentSideArea .inner .userCommetWrap .userName {
        display: block;
        float: right;
        padding-bottom: 5px;
        width: 75%; }
        .articleContent .commentSideArea .inner .userCommetWrap .userName a {
          font-size: 12px;
          color: #333; }
      .articleContent .commentSideArea .inner .userCommetWrap .txtWrap {
        font-size: 12px;
        float: right;
        display: inline-block;
        width: 68%;
        padding: 10px;
        background-color: #F4F3F1;
        position: relative; }
        .articleContent .commentSideArea .inner .userCommetWrap .txtWrap:before {
          display: inline-block;
          vertical-align: middle;
          content: "";
          position: absolute;
          left: -8px;
          top: 3px;
          width: 0px;
          height: 0px;
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent;
          border-left: 0px solid transparent;
          border-right: 8px solid #F4F3F1; }
    .articleContent .commentSideArea .inner .userCommetWrap2 {
      padding: 10px 20px;
      border-top: 1px solid #D3D3D3; }
      .articleContent .commentSideArea .inner .userCommetWrap2 .postingTtl {
        font-size: 16px; }
        .articleContent .commentSideArea .inner .userCommetWrap2 .postingTtl span {
          display: block;
          font-size: 13px; }
      .articleContent .commentSideArea .inner .userCommetWrap2 .txtArea {
        margin-top: 10px; }
        .articleContent .commentSideArea .inner .userCommetWrap2 .txtArea textarea {
          font-size: 14px;
          width: 100%;
          box-sizing: border-box;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: 1px solid #D3D3D3;
          padding: 10px; }
          .articleContent .commentSideArea .inner .userCommetWrap2 .txtArea textarea:-moz-placeholder {
            color: #999999; }
          .articleContent .commentSideArea .inner .userCommetWrap2 .txtArea textarea::-webkit-input-placeholder {
            color: #999999; }
      .articleContent .commentSideArea .inner .userCommetWrap2 .btn {
        width: 80px;
        margin: 15px auto 0; }
        .articleContent .commentSideArea .inner .userCommetWrap2 .btn input[type="button"] {
          width: 80px;
          display: block;
          text-align: center;
          font-size: 14px;
          color: #FFF;
          padding: 3px;
          background-color: #333;
          text-decoration: none;
          border: none; }
          .articleContent .commentSideArea .inner .userCommetWrap2 .btn input[type="button"]:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            opacity: 0.8; }
.articleContent .block2D .commentSideArea {
  width: 420px;
  margin-top: 0; }
  .articleContent .block2D .commentSideArea .inner {
    border: none; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap {
      padding: 14px 10px; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap .userCommet {
        height: 304px; }
        .articleContent .block2D .commentSideArea .inner .userCommetWrap .userCommet li {
          margin-top: 10px; }
          .articleContent .block2D .commentSideArea .inner .userCommetWrap .userCommet li:first-child {
            margin-top: 0; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap .imgWrap {
        width: 23%;
        text-align: center; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap .userImg {
        width: 70px;
        height: 70px;
        margin: 0 auto;
        border-radius: 35px; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap .userName {
        width: 74%; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap .txtWrap {
        float: right;
        display: inline-block;
        width: 74%;
        padding: 10px;
        box-sizing: border-box; }
        .articleContent .block2D .commentSideArea .inner .userCommetWrap .txtWrap:before {
          display: inline-block;
          vertical-align: middle;
          content: "";
          position: absolute;
          left: -8px;
          top: 3px;
          width: 0px;
          height: 0px;
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent;
          border-left: 0px solid transparent;
          border-right: 8px solid #F4F3F1; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap2 {
      padding: 10px 20px;
      border-top: 1px solid #D3D3D3; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap2 .postingTtl {
        font-size: 16px; }
        .articleContent .block2D .commentSideArea .inner .userCommetWrap2 .postingTtl span {
          display: block;
          font-size: 13px; }
        .articleContent .block2D .commentSideArea .inner .userCommetWrap2 .postingTtl:after {
          content: "";
          display: block;
          clear: both; }

/*conditional
==================================================*/
.conditionalArea {
  background-image: url("/files/user/common/css/images/bg_bdr_01.png");
  padding: 5px;
  font-size: 16px;
  line-height: 1.7;
  color: #000;
  margin-bottom: 20px; }
  .conditionalArea .conditional {
    display: block;
    background-color: #FFF;
    padding: 10px 16px 15px;
    -ms-word-break: break-all;
    word-break: break-all; }
    .conditionalArea .conditional ul li {
      display: inline-block; }
      .conditionalArea .conditional ul li:after {
        content: ' ,';
        padding-right: 5px; }
      .conditionalArea .conditional ul li:last-child:after {
        content: ''; }

/*spec
==================================================*/
.specArea {
  background-image: url("/files/user/common/css/images/bg_bdr_02.png");
  padding: 5px;
  font-size: 16px;
  line-height: 1.7;
  color: #000;
  margin-bottom: 20px; }
  .specArea .spec {
    display: block;
    background-color: #FFF;
    padding: 0 15px; }
  .specArea .specTbl {
    width: 100%;
    box-sizing: border-box; }
    .specArea .specTbl tr:first-of-type {
      border-bottom: 1px solid #f5ba7f; }
    .specArea .specTbl td {
      width: 50%;
      padding: 10px 0;
      box-sizing: border-box; }
      .specArea .specTbl td:first-child a,
      .specArea .specTbl td:first-child p {
        border-right: 1px solid #f5ba7f;
        padding-left: 23px; }
    .specArea .specTbl a,
    .specArea .specTbl p {
      display: block;
      text-decoration: none;
      line-height: 20px;
      color: #333;
      font-size: 13px;
      padding-left: 40px; }
      .specArea .specTbl a.icn01,
      .specArea .specTbl p.icn01 {
        background: url("/files/user/common/css/images/icn_spec01.png") no-repeat left 0.2em !important;
        background-size: 16px 15px !important; }
      .specArea .specTbl a.icn02,
      .specArea .specTbl p.icn02 {
        background: url("/files/user/common/css/images/icn_spec02.png") no-repeat 21px 0.2em;
        background-size: 12px 17px; }
      .specArea .specTbl a.icn03,
      .specArea .specTbl p.icn03 {
        background: url("/files/user/common/css/images/icn_spec03.png") no-repeat left 0.2em;
        background-size: 15px 15px; }
      .specArea .specTbl a.icn04,
      .specArea .specTbl p.icn04 {
        background: url("/files/user/common/css/images/icn_spec04.png") no-repeat 20px 0.2em;
        background-size: 15px 15px; }
    .specArea .specTbl span {
      display: table-cell; }
      .specArea .specTbl span:first-child {
        white-space: nowrap; }

/*profile
==================================================*/
.profileArea {
  border: 8px solid #EFEFEF;
  padding: 30px 15px 10px;
  margin-bottom: 30px; }
  .profileArea .profile:after {
    content: "";
    display: block;
    clear: both; }
  .profileArea .profile .imgBox {
    width: 186px;
    float: left;
    padding-right: 28px;
    background: url("/files/user/common/css/images/bg_bdr_01.png") repeat-y right top;
    box-sizing: border-box; }
    .profileArea .profile .imgBox .prfImg {
      box-shadow: 2.5px 3px 3.5px 0.25px rgba(1, 1, 1, 0.4);
      border-radius: 68px;
      border: 5px solid #fff;
      width: 135px;
      height: 135px;
      position: relative;
      overflow: hidden; }
      .profileArea .profile .imgBox .prfImg img {
        display: inline-block;
        height: 135px;
        width: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
  .profileArea .profile .nameBox {
    width: 77%;
    float: left;
    padding-left: 30px;
    box-sizing: border-box; }
    .profileArea .profile .nameBox .name {
      font-size: 32px;
      margin-bottom: 5px;
      display: inline-block;
      padding-right: 12px;
      width: 100%;
      box-sizing: border-box; }
    .profileArea .profile .nameBox .snsIcn {
      display: inline-block; }
      .profileArea .profile .nameBox .snsIcn img {
        width: 30px;
        height: auto; }
  .profileArea .profile .commentBox {
    width: 77%;
    float: left;
    padding-left: 30px;
    font-size: 14px;
    margin-bottom: 20px;
    box-sizing: border-box; }
  .profileArea .profile .statusBox {
    width: 77%;
    float: left;
    padding-left: 30px;
    box-sizing: border-box; }
    .profileArea .profile .statusBox li {
      min-width: 245px;
      min-height: 50px;
      display: inline-block;
      margin-left: 6px;
      vertical-align: top;
      text-align: center;
      padding: 10px 20px;
      background: #efefef !important; }
      .profileArea .profile .statusBox li a {
        color: #333;
        text-decoration: none;
        display: block;
        padding: 10px 28px 10px 45px;
        background-color: #efefef;
        border-radius: 30px; }
        .profileArea .profile .statusBox li a strong {
          padding-left: 1em;
          font-size: 20px; }
        .profileArea .profile .statusBox li a:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
          opacity: 0.8; }
      .profileArea .profile .statusBox li:first-child {
        margin-left: 0; }
      .profileArea .profile .statusBox li.bookMark:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 16px;
        margin-right: 10px;
        background: url("/files/user/common/css/images/icn_folder_mypage.png") no-repeat 0 0;
        vertical-align: middle; }
      .profileArea .profile .statusBox li.gone {
        padding: 10px 20px !important; }
        .profileArea .profile .statusBox li.gone:before {
          content: '';
          display: inline-block;
          width: 26px;
          height: 25px;
          margin-right: 10px;
          background: url("/files/user/common/css/images/icn_going_mypage.png") no-repeat 0 0;
          vertical-align: middle; }
    .profileArea .profile .statusBox li {
      color: #333;
      text-decoration: none;
      background-color: #efefef;
      border-radius: 30px;
      box-sizing: border-box; }
      .profileArea .profile .statusBox li strong {
        padding-left: 1em;
        font-size: 20px; }
  .profileArea .memberInfo {
    text-align: right; }
    .profileArea .memberInfo li {
      display: inline-block; }
      .profileArea .memberInfo li a {
        color: #333;
        font-size: 13px;
        padding-left: 5px; }
        .profileArea .memberInfo li a:hover {
          text-decoration: none; }
      .profileArea .memberInfo li:before {
        content: "|"; }
      .profileArea .memberInfo li:first-child {
        margin-right: 5px; }
        .profileArea .memberInfo li:first-child:before {
          content: none; }

/*spotBlock
==================================================*/
.spotBlockWrap {
  font-size: 0;
  margin: 0 -10px;
  overflow: hidden; }

.spotBlock {
  position: relative;
  border: 1px solid #d3d3d3;
  margin: 0 10px 20px;
  width: 205px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box; }
  .spotBlock img {
    width: 100%;
    height: auto; }
  .spotBlock > a {
    text-decoration: none; }
    .spotBlock > a:hover img {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }
  .spotBlock.food:before, .spotBlock.shopping:before, .spotBlock.sightseeing:before, .spotBlock.experience:before, .spotBlock.culture:before, .spotBlock.event:before, .spotBlock.special:before, .spotBlock.plan:before, .spotBlock.information:before, .spotBlock.stay:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    z-index: 10; }
  .spotBlock.food:before {
    background: url("/files/user/common/css/images/icn_cate01.png") no-repeat left top;
    background-size: 40px 40px; }
  .spotBlock.shopping:before {
    background: url("/files/user/common/css/images/icn_cate02.png") no-repeat left top;
    background-size: 40px 40px; }
  .spotBlock.sightseeing:before {
    background: url("/files/user/common/css/images/icn_cate03.png") no-repeat left top;
    background-size: 40px 40px; }
  .spotBlock.experience:before {
    background: url("/files/user/common/css/images/icn_cate04.png") no-repeat left top;
    background-size: 40px 40px; }
  .spotBlock.culture:before {
    background: url("/files/user/common/css/images/icn_cate05.png") no-repeat left top;
    background-size: 40px 40px; }
  .spotBlock.event:before {
    background: url("/files/user/common/css/images/icn_cate06.png") no-repeat left top;
    background-size: 40px 40px; }
  .spotBlock.special:before {
    background: url("/files/user/common/css/images/icn_cate07.png") no-repeat left top;
    background-size: 40px 40px; }
  .spotBlock.plan:before {
    background: url("/files/user/common/css/images/icn_cate08.png") no-repeat left top;
    background-size: 40px 40px; }
  .spotBlock.information:before {
    background: url("/files/user/common/css/images/icn_cate09.png") no-repeat left top;
    background-size: 40px 40px; }
  .spotBlock.stay:before {
    background: url("/files/user/common/css/images/icn_cate10.png") no-repeat left top;
    background-size: 40px 40px; }
  .spotBlock .likeBtnList {
    display: table;
    font-size: 14px;
    width: 100%; }
    .spotBlock .likeBtnList li {
      width: 50%;
      word-break: break-all;
      display: table-cell;
      border-top: 1px solid #d3d3d3;
      border-bottom: 1px solid #d3d3d3; }
      .spotBlock .likeBtnList li a {
        color: #999999;
        line-height: 1;
        font-size: 12px;
        display: block;
        position: relative;
        text-decoration: none;
        cursor: default; }
      .spotBlock .likeBtnList li.like {
        max-width: 99px; }
        .spotBlock .likeBtnList li.like a {
          cursor: pointer;
          padding: 8px 2px 8px 42px;
          -webkit-transition: color 0.6s;
          transition: color 0.6s; }
          .spotBlock .likeBtnList li.like a span.mark {
            position: absolute;
            top: 8px;
            width: 19px;
            height: 14px;
            background: url("/files/user/common/css/images/icn_like.png") no-repeat left top;
            background-size: 19px 28px;
            z-index: 10;
            visibility: hidden; }
          .spotBlock .likeBtnList li.like a span.countno {
            padding-left: 20px; }
          .spotBlock .likeBtnList li.like a:before {
            content: "";
            position: absolute;
            top: 8px;
            width: 19px;
            height: 14px;
            background: url("/files/user/common/css/images/icn_like.png") no-repeat left -14px;
            background-size: 19px 28px; }
        .spotBlock .likeBtnList li.like.on {
          background-color: #EC3713; }
          .spotBlock .likeBtnList li.like.on a {
            color: #FFF;
            cursor: pointer;
            -webkit-transition: color 0.6s;
            transition: color 0.6s; }
            .spotBlock .likeBtnList li.like.on a span.mark {
              visibility: visible;
              opacity: 0;
              -ms-transform: scale(3);
              -webkit-transform: scale(3);
              transform: scale(3);
              -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out;
              transition: opacity 0.8s ease-in, transform 0.8s ease-out; }
            .spotBlock .likeBtnList li.like.on a:before {
              background: url("/files/user/common/css/images/icn_like.png") no-repeat left top;
              background-size: 19px 28px; }
      .spotBlock .likeBtnList li.folder {
        max-width: 100px;
        border-left: 1px solid #d3d3d3; }
        .spotBlock .likeBtnList li.folder a {
          cursor: pointer;
          line-height: 30px;
          -webkit-transition: color 0.6s;
          transition: color 0.6s; }
          .spotBlock .likeBtnList li.folder a span.mark {
            position: absolute;
            left: -102px;
            top: -203px;
            width: 201px;
            height: 200px;
            background: #fff;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
            opacity: 0.3;
            z-index: 10;
            visibility: hidden;
            -ms-transform-origin: 40% 50% 50%;
            -webkit-transform-origin: 40% 50% 50%;
            transform-origin: 40% 50% 50%; }
          .spotBlock .likeBtnList li.folder a:before {
            content: "";
            position: absolute;
            left: 40px;
            top: 8px;
            width: 25px;
            height: 15px;
            background: url("/files/user/common/css/images/icn_folder.png") no-repeat left -14px;
            background-size: 25px 28px; }
        .spotBlock .likeBtnList li.folder.on {
          background-color: #F39400; }
          .spotBlock .likeBtnList li.folder.on a {
            -webkit-transition: all 0.6s;
            transition: all 0.6s; }
            .spotBlock .likeBtnList li.folder.on a span.mark {
              visibility: visible;
              opacity: 0;
              width: 0;
              top: 20px;
              left: 50px;
              -moz-transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s;
              -o-transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s;
              -webkit-transition: opacity 0.4s ease-in, width 0.5s ease-out, height 0.5s ease-out, top 0.5s linear, left 0.5s linear;
              -webkit-transition-delay: 0.2s, 0.1s, 0.1s, 0.1s, 0.1s;
              -webkit-transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s;
                      transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s; }
            .spotBlock .likeBtnList li.folder.on a:before {
              background: url("/files/user/common/css/images/icn_folder.png") no-repeat left 1px;
              background-size: 25px 28px; }
        .spotBlock .likeBtnList li.folder.on_2 {
          background-color: #F39400; }
          .spotBlock .likeBtnList li.folder.on_2 a:before {
            background: url("/files/user/common/css/images/icn_folder.png") no-repeat left 1px;
            background-size: 25px 28px; }
  .spotBlock .spotTxt {
    font-size: 14px;
    padding: 10px 13px;
    box-sizing: border-box;
    min-height: 62px; }

/*bottomArea
==================================================*/
.spotBlockWrap.bottomArea .spotBlock {
  width: 160px; }

/*narrowArea
==================================================*/
.narrowArea {
  margin-bottom: 34px; }
  .narrowArea .tabList li {
    display: inline-block;
    vertical-align: bottom; }
    .narrowArea .tabList li a {
      display: inline-block;
      padding-left: 8px;
      text-decoration: none; }
      .narrowArea .tabList li a span {
        font-size: 18px;
        color: #333;
        line-height: 1;
        text-align: center;
        display: block;
        width: 214px;
        padding: 14px 14px 0;
        box-sizing: border-box;
        border-top: 2px solid #e4e4e4;
        border-left: 2px solid #e4e4e4;
        border-right: 2px solid #e4e4e4;
        vertical-align: top;
        min-height: 50px; }
        .narrowArea .tabList li a span:before {
          content: '';
          width: 25px;
          height: 21px;
          display: inline-block;
          vertical-align: top;
          margin: -2px 10px 0 0; }
      .narrowArea .tabList li a:hover span {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8; }
    .narrowArea .tabList li:first-child a {
      padding-left: 0; }
    .narrowArea .tabList li.all a span:before {
      width: 19px;
      height: 19px;
      background: url("/files/user/common/css/images/icn_all.png") no-repeat 0 0;
      background-size: 19px 19px; }
    .narrowArea .tabList li.all.on a span {
      border: none;
      color: #FFF;
      background: #cf2d0c; }
      .narrowArea .tabList li.all.on a span:before {
        background: url("/files/user/common/css/images/icn_all_on.png") no-repeat 0 0;
        background-size: 19px 19px; }
    .narrowArea .tabList li.spot a span:before {
      width: 21px;
      height: 29px;
      background: url("/files/user/common/css/images/icn_spot.png") no-repeat 0 0;
      background-size: 21px 29px; }
    .narrowArea .tabList li.spot.on a span {
      border: none;
      color: #FFF;
      background: #cf2d0c; }
      .narrowArea .tabList li.spot.on a span:before {
        background: url("/files/user/common/css/images/icn_spot_on.png") no-repeat 0 0;
        background-size: 21px 29px; }
    .narrowArea .tabList li.plan a span:before {
      width: 25px;
      height: 21px;
      background: url("/files/user/common/css/images/icn_plan.png") no-repeat 0 0;
      background-size: 25px 21px; }
    .narrowArea .tabList li.plan.on a span {
      border: none;
      color: #FFF;
      background: #cf2d0c; }
      .narrowArea .tabList li.plan.on a span:before {
        background: url("/files/user/common/css/images/icn_plan_on.png") no-repeat 0 0;
        background-size: 25px 21px; }
    .narrowArea .tabList li.story a span:before {
      width: 25px;
      height: 25px;
      background: url("/files/user/common/css/images/icn_story.png") no-repeat 0 0;
      background-size: 25px 25px; }
    .narrowArea .tabList li.story.on a span {
      border: none;
      color: #FFF;
      background: #cf2d0c; }
      .narrowArea .tabList li.story.on a span:before {
        background: url("/files/user/common/css/images/icn_story_on.png") no-repeat 0 0;
        background-size: 25px 25px; }
  .narrowArea .tabBox {
    border: 2px solid #e4e4e4;
    padding: 24px; }
  .narrowArea .squeeze {
    margin-bottom: 15px; }
    .narrowArea .squeeze li {
      display: inline-block;
      font-size: 14px;
      margin-left: 10px;
      vertical-align: top; }
      .narrowArea .squeeze li:first-child {
        margin-left: 0; }
      .narrowArea .squeeze li a {
        font-size: 13px;
        color: #333;
        text-decoration: none;
        background-color: #EFEFEF; }
      .narrowArea .squeeze li.bookMark a {
        padding: 8px 15px 8px 34px;
        background: #efefef url("/files/user/common/css/images/icn_folder_mypage_of.png") no-repeat 10px 11px;
        background-size: 16px 13px; }
        .narrowArea .squeeze li.bookMark a.on {
          color: #FFF;
          background: #f39400 url("/files/user/common/css/images/icn_folder_mypage02.png") no-repeat 10px 11px;
          background-size: 16px 13px; }
      .narrowArea .squeeze li.gone a {
        padding: 8px 10px 8px 38px;
        background: #efefef url("/files/user/common/css/images/icn_going_mypage02.png") no-repeat 10px 8px;
        background-size: 20px 19px; }
        .narrowArea .squeeze li.gone a.on {
          color: #FFF;
          background: #498147 url("/files/user/common/css/images/icn_going_content_on.png") no-repeat 10px 8px;
          background-size: 20px 19px; }
  .narrowArea .areaTtl {
    font-size: 14px;
    display: inline-block;
    margin-right: 34px; }
  .narrowArea .area {
    display: inline-block; }
    .narrowArea .area li {
      display: inline-block; }
      .narrowArea .area li a {
        font-size: 13px;
        color: #333;
        text-decoration: none; }
        .narrowArea .area li a.on {
          text-decoration: underline; }
        .narrowArea .area li a span:after {
          display: inline-block;
          content: "|";
          padding-left: 8px;
          text-decoration: none; }
  .narrowArea .spotBlockWrap {
    margin: 20px -6px 0; }
  .narrowArea .spotBlock {
    width: 156px;
    margin: 0 6px 20px; }
    .narrowArea .spotBlock .like {
      position: absolute;
      top: 130px;
      right: 10px; }
      .narrowArea .spotBlock .like a {
        font-size: 12px;
        color: #FFF;
        cursor: pointer;
        padding-left: 48px;
        text-decoration: none;
        -webkit-transition: color 0.6s;
        transition: color 0.6s; }
        .narrowArea .spotBlock .like a span.mark {
          position: absolute;
          left: 28px;
          top: 0;
          width: 26px;
          height: 18px;
          background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top;
          background-size: 26px 36px;
          z-index: 10;
          visibility: hidden; }
        .narrowArea .spotBlock .like a:before {
          content: "";
          position: absolute;
          left: 20px;
          top: 0;
          width: 26px;
          height: 18px;
          background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left -18px;
          background-size: 26px 36px; }
      .narrowArea .spotBlock .like.on a {
        color: #FFF;
        cursor: pointer;
        -webkit-transition: color 0.6s;
        transition: color 0.6s; }
        .narrowArea .spotBlock .like.on a span.mark {
          visibility: visible;
          opacity: 0;
          width: 0;
          -ms-transform: scale(3);
          -webkit-transform: scale(3);
          transform: scale(3);
          -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out, width 0s ease-in;
          -webkit-transition-delay: 0s, 0s, 0.8s;
          -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out, width 0s ease-in 0.8s;
                  transition: opacity 0.8s ease-in, transform 0.8s ease-out, width 0s ease-in 0.8s; }
        .narrowArea .spotBlock .like.on a:before {
          background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top;
          background-size: 26px 36px; }
  .narrowArea .pagination {
    margin-top: 10px; }

.sliderWrapA .spotBlock .like {
  position: absolute;
  bottom: 65px;
  right: 10px; }
  .sliderWrapA .spotBlock .like a {
    font-size: 12px;
    color: #FFF;
    cursor: pointer;
    padding-left: 48px;
    text-decoration: none;
    -webkit-transition: color 0.6s;
    transition: color 0.6s; }
    .sliderWrapA .spotBlock .like a span.mark {
      position: absolute;
      left: 28px;
      top: 0;
      width: 26px;
      height: 18px;
      background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top;
      background-size: 26px 36px;
      z-index: 10;
      visibility: hidden; }
    .sliderWrapA .spotBlock .like a:before {
      content: "";
      position: absolute;
      left: 20px;
      top: 0;
      width: 26px;
      height: 18px;
      background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left -18px;
      background-size: 26px 36px; }
  .sliderWrapA .spotBlock .like.on a {
    color: #FFF;
    cursor: pointer;
    -webkit-transition: color 0.6s;
    transition: color 0.6s; }
    .sliderWrapA .spotBlock .like.on a span.mark {
      visibility: visible;
      opacity: 0;
      -ms-transform: scale(3);
      -webkit-transform: scale(3);
      transform: scale(3);
      -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out;
      transition: opacity 0.8s ease-in, transform 0.8s ease-out; }
    .sliderWrapA .spotBlock .like.on a:before {
      background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top;
      background-size: 26px 36px; }

/*management
==================================================*/
.managementArea {
  min-height: 580px; }

.errorTxt {
  color: #CF2D0C; }

.errorBox {
  padding: 45px 50px;
  background-color: #efefef;
  margin-bottom: 20px;
  font-size: 14px; }
  .errorBox > * {
    color: #cf2d0c; }
  .errorBox > p {
    font-weight: bold; }
  .errorBox > ul li {
    display: table; }
    .errorBox > ul li span {
      display: table-cell; }

.formBox {
  background-image: url("/files/user/common/css/images/bg_bdr_01.png");
  padding: 5px;
  font-size: 14px; }
  .formBox .formBox_inner {
    background-color: #FFF;
    padding: 45px; }
    .formBox .formBox_inner > .formNote {
      padding-bottom: 30px; }
    .formBox .formBox_inner h2 {
      font-size: 22px; }
      .formBox .formBox_inner h2 + .errorTxt + p {
        margin-top: 30px; }
  .formBox .loginBox {
    margin-top: 20px;
    background-color: #FFE2E2;
    padding: 30px; }

.inputBox .inputLst:not(:first-child) {
  border-top: 2px solid #D5D5D5;
  margin-top: 30px;
  padding-top: 30px; }
.inputBox .indentList {
  padding-top: 10px; }

.inputLst:not(:first-child) {
  margin-top: 30px; }
.inputLst li {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle; }
  .inputLst li.heading {
    color: #000;
    font-weight: bold;
    width: 28%; }
  .inputLst li.input input[type="text"] {
    width: 300px;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 2px solid #d5d5d5;
    border-radius: 15px;
    padding: 8px 10px;
    margin-left: 15px; }
  .inputLst li.radio label {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 25px;
    margin-left: 15px;
    vertical-align: middle; }
    .inputLst li.radio label input[type="radio"] {
      height: 20px;
      margin-right: 10px;
      vertical-align: middle;
      width: 20px; }
  .inputLst li.input_short input[type="text"] {
    width: 4em;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 2px solid #d5d5d5;
    border-radius: 15px;
    padding: 8px 10px; }
    .inputLst li.input_short input[type="text"]:first-child {
      margin-left: 15px; }
  .inputLst li.inputTxt {
    box-sizing: border-box;
    width: 300px;
    margin-left: 15px; }
  .inputLst li.txtArea textarea {
    box-sizing: border-box;
    width: 200px;
    resize: none;
    min-width: 500px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 2px solid #d5d5d5;
    border-radius: 5px 0 0 5px;
    padding: 8px 10px;
    margin-left: 15px; }

input[type="file"] {
  display: inline-block;
  white-space: normal; }

.imgInput {
  text-align: center; }

.imgView {
  width: 100%;
  max-width: 150px;
  height: auto; }

.inpuClearance {
  padding: 0 5px; }

.passFoget {
  text-align: center;
  margin-top: 15px; }

.facebookLogin {
  margin-top: 30px;
  text-align: center; }
  .facebookLogin > p {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px; }
    .facebookLogin > p a:hover img {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }

.requiredTxt {
  display: block;
  font-size: 12px;
  color: #333;
  font-weight: normal; }

.formTxtBox {
  font-size: 14px;
  margin-bottom: 20px; }

/*mapArea
==================================================*/
.mapArea .detail {
  padding: 18px; }

/*pagination
==================================================*/
.pagination {
  text-align: center;
  margin-top: 20px; }
  .pagination li {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top; }
    .pagination li:first-child {
      margin-left: 0; }
    .pagination li a, .pagination li.current span {
      font-size: 11px;
      width: 30px;
      height: 30px;
      line-height: 1;
      text-decoration: none;
      display: block;
      padding: 8px 0;
      text-align: center;
      box-sizing: border-box; }
    .pagination li a {
      color: #000;
      border: 1px solid #d3d3d3; }
      .pagination li a:hover {
        color: #FFF;
        background-color: #333; }
    .pagination li.current span {
      color: #FFF;
      background-color: #333; }
    .pagination li.spPage {
      display: none; }
  .pagination .prev a,
  .pagination .next a {
    border: none;
    position: relative; }
    .pagination .prev a:before,
    .pagination .next a:before {
      border-bottom: 2px solid #333333;
      border-right: 2px solid #333333;
      content: "";
      display: block;
      height: 7px;
      position: absolute;
      width: 7px; }
    .pagination .prev a span,
    .pagination .next a span {
      display: none; }
    .pagination .prev a:hover,
    .pagination .next a:hover {
      background-color: transparent; }
  .pagination .prev a:before {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 50%;
    top: 11px; }
  .pagination .next a:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 50%;
    top: 11px; }

/*colorStyle
==================================================*/
.colorStyleA {
  padding: 10px; }
  .colorStyleA .line {
    display: none; }
  .colorStyleA .h3TtlA {
    padding: 10px;
    width: calc(100% - 20px); }

/*ReplacementWrap
==================================================*/
/*.ReplacementWrap {
  position: relative; }*/

/*ggmap
==================================================*/
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*likebox
==================================================*/
.fbBoxWrap .fbcomments,
.fbBoxWrap .fb_iframe_widget,
.fbBoxWrap .fb_iframe_widget[style],
.fbBoxWrap .fb_iframe_widget iframe[style],
.fbBoxWrap .fbcomments iframe[style],
.fbBoxWrap .fb_iframe_widget span {
  width: 100% !important; }

.likeBtnFb {
  text-align: center; }

/*other
==================================================*/
.bdrBox {
  background-image: url("/files/user/common/css/images/bg_bdr_01.png");
  padding: 5px;
  margin-bottom: 35px; }
  .bdrBox .bdrBox_inner {
    background-color: #FFF;
    padding: 45px 0; }
    .bdrBox .bdrBox_inner.basic {
      padding: 45px; }

.bdrBox2 {
  background-image: url("/files/user/common/css/images/bg_bdr_01.png");
  padding: 5px;
  margin-bottom: 40px; }
  .bdrBox2 .bdrBox_inner {
    background-color: #FFF;
    padding: 20px 0; }
  .bdrBox2.siteMap .bdrBox_inner {
    padding: 45px 20px; }

.bdrBox3 {
  background-image: url("/files/user/common/css/images/bg_bdr_01.png");
  padding: 5px;
  margin-bottom: 40px; }
  .bdrBox3 .bdrBox_inner {
    background-color: #FFF;
    padding: 40px 30px 40px 40px;
    height: 520px;
    overflow: hidden; }
    .bdrBox3 .bdrBox_inner.noneHeight {
      height: auto; }
  .bdrBox3 .txt:not(:first-child) {
    margin-top: 30px; }

.bdrBox4 {
  background-image: url("/files/user/common/css/images/bg_bdr_01.png");
  padding: 5px;
  margin-bottom: 40px;
  display: inline-block; }
  .bdrBox4 .bdrBox_inner {
    background-color: #FFF;
    padding: 20px 0; }
  .bdrBox4 .linkBox .linkBox_inner {
    width: auto;
    padding: 0 60px; }
    .bdrBox4 .linkBox .linkBox_inner li a,
    .bdrBox4 .linkBox .linkBox_inner li span {
      font-size: 15px; }

.bdrBox5 {
  border: 8px solid #7e7e7e;
  margin-top: 30px;
  text-align: center; }
  .bdrBox5 .bdrBox_inner {
    padding: 40px 0; }
  .bdrBox5 .bdrBox_ttl {
    font-weight: bold;
    font-size: 18px;
    color: #000; }

.qaBox {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .qaBox .qaBlock {
    font-size: 14px;
    display: table-cell;
    vertical-align: top;
    width: 25%;
    box-sizing: border-box; }
    .qaBox .qaBlock:not(:first-child) {
      background: url("/files/user/common/css/images/bdr_dot02.png") repeat-y left top; }

.linkBox {
  content: "";
  display: block;
  clear: both;
  display: table;
  width: 100%; }
  .linkBox .linkBox_inner {
    display: table-cell;
    box-sizing: border-box;
    width: 50%;
    padding: 0 45px; }
    .linkBox .linkBox_inner:not(:first-child) {
      background: url("/files/user/common/css/images/bdr_dot02.png") repeat-y left top; }

.qaLst {
  padding: 0 40px; }
  .qaLst li:not(:first-child) {
    margin-top: 20px; }
  .qaLst li a {
    display: block;
    padding-left: 12px;
    text-decoration: none;
    position: relative; }
    .qaLst li a:hover {
      text-decoration: underline; }
    .qaLst li a:after {
      border-bottom: 2px solid #333333;
      border-right: 2px solid #333333;
      content: "";
      height: 6px;
      top: 0.5em;
      left: -3px;
      position: absolute;
      width: 6px;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.linkBoxLst li:first-child a,
.linkBoxLst li:first-child span {
  margin-top: 0; }
.linkBoxLst li a,
.linkBoxLst li span {
  font-size: 16px;
  display: block;
  padding-left: 12px;
  margin-top: 10px;
  text-decoration: none;
  position: relative; }
  .linkBoxLst li a:after,
  .linkBoxLst li span:after {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: "";
    height: 6px;
    top: 0.5em;
    left: -3px;
    position: absolute;
    width: 6px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.linkBoxLst li a:hover {
  text-decoration: underline; }
.linkBoxLst.siteMap li {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 22px; }
  .linkBoxLst.siteMap li:not(:first-child) {
    padding-top: 22px; }
    .linkBoxLst.siteMap li:not(:first-child) > a:after, .linkBoxLst.siteMap li:not(:first-child) > span:after {
      top: 50%;
      margin-top: -3px; }
  .linkBoxLst.siteMap li.noBdr {
    border: none; }
  .linkBoxLst.siteMap li > a {
    font-weight: bold;
    margin-top: 0; }
  .linkBoxLst.siteMap li > span {
    margin-top: 0; }
  .linkBoxLst.siteMap li > ul {
    margin-left: 1em; }
    .linkBoxLst.siteMap li > ul > li {
      border: none;
      padding-top: 0;
      padding-bottom: 0; }
      .linkBoxLst.siteMap li > ul > li:not(:first-child) {
        padding-top: 0; }
        .linkBoxLst.siteMap li > ul > li:not(:first-child) > a:after {
          top: 0.5em; }
      .linkBoxLst.siteMap li > ul > li a {
        font-weight: normal; }
  .linkBoxLst.siteMap li.contents > a:after {
    content: none; }
  .linkBoxLst.siteMap li.contents > a.noLink {
    cursor: auto; }
    .linkBoxLst.siteMap li.contents > a.noLink:hover {
      text-decoration: none; }
  .linkBoxLst.siteMap li.contents > ul > li > a:after, .linkBoxLst.siteMap li.contents > ul > li > span:after {
    content: "・";
    border: none;
    font-weight: bold;
    top: 0.3em;
    left: -0.7em;
    font-size: 22px; }
  .linkBoxLst.siteMap li.contents > ul > li:first-child > a:after, .linkBoxLst.siteMap li.contents > ul > li:first-child > span:after {
    top: 0.2em; }

.qaDetailLst {
  font-size: 14px; }
  .qaDetailLst > li:not(:first-child) {
    border-top: 2px solid #fff; }
  .qaDetailLst > li > a {
    display: block;
    color: #FFF;
    background-color: #999;
    padding: 24px 22px;
    text-decoration: none;
    position: relative; }
    .qaDetailLst > li > a:hover {
      text-decoration: underline; }
    .qaDetailLst > li > a:after {
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff;
      content: "";
      height: 12px;
      position: absolute;
      right: 24px;
      width: 24px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .qaDetailLst > li > ul > li {
    background-color: #efefef;
    padding: 24px 22px; }

.memberBox {
  width: 100%;
  display: table;
  table-layout: fixed; }

.memberBox_inner {
  display: table-cell;
  border: 3px solid #CF2D0C;
  padding: 12px 27px 20px;
  position: relative; }
  .memberBox_inner .memNum {
    position: absolute;
    left: 0;
    top: 0; }
  .memberBox_inner .memTtl {
    font-size: 18px;
    color: #CF2D0C;
    padding-left: 50px;
    line-height: 1.2;
    margin-bottom: 20px;
    min-height: 45px; }
  .memberBox_inner .memImg {
    text-align: center;
    margin-bottom: 15px; }
    .memberBox_inner .memImg img {
      max-width: 220px;
      width: 100%;
      height: auto; }
  .memberBox_inner .memTxt {
    font-size: 14px;
    line-height: 1.8; }

.memberBox_inner_space {
  display: table-cell;
  width: 20px; }

.aboutBoxWrap {
  background-image: url("/files/user/common/css/images/bg_bdr_01.png");
  padding: 5px;
  margin-bottom: 40px; }
  .aboutBoxWrap .aboutBox {
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 10px;
    background-color: #FFF;
    box-sizing: border-box; }
    .aboutBoxWrap .aboutBox .aboutBox_Inner {
      display: table-cell;
      width: 50%;
      vertical-align: middle;
      text-align: center; }
      .aboutBoxWrap .aboutBox .aboutBox_Inner.right_inner {
        text-align: right; }
    .aboutBoxWrap .aboutBox img {
      width: 100%;
      max-width: 420px;
      height: auto; }

.aboutLeadWrap {
  background: #f4f3f1;
  padding: 30px 60px;
  margin-bottom: 40px; }

.aboutLeadLst li {
  display: table;
  color: #000; }
  .aboutLeadLst li span {
    display: table-cell;
    white-space: nowrap;
    padding-right: 18px;
    vertical-align: middle; }
  .aboutLeadLst li:not(:first-child) {
    margin-top: 30px; }

.staffWrap {
  display: table;
  table-layout: fixed; }
  .staffWrap:not(:first-of-type) {
    margin-top: 20px; }
  .staffWrap .staffBox {
    display: table-cell;
    width: 280px;
    box-sizing: border-box;
    border: 1px solid #d3d3d3; }
    .staffWrap .staffBox img {
      width: 100%;
      height: auto;
      max-width: 278px; }
  .staffWrap .staffBox_plf {
    padding: 20px 15px;
    font-size: 16px; }
    .staffWrap .staffBox_plf p {
      line-height: 1.8; }
      .staffWrap .staffBox_plf p > span {
        color: #cf2d0c; }
    .staffWrap .staffBox_plf .name {
      font-weight: bold; }
    .staffWrap .staffBox_plf .stay {
      margin-bottom: 5px; }
  .staffWrap .staffBox_space {
    display: table-cell;
    width: 20px; }

.infoTopArea .infoMainImg {
  margin-bottom: 20px; }
  .infoTopArea .infoMainImg img {
    width: 100%;
    height: auto;
    max-width: 880px; }

.infoTopBoxWrap {
  display: table;
  table-layout: fixed; }
  .infoTopBoxWrap:not(:first-of-type) {
    margin-top: 20px; }
  .infoTopBoxWrap.infoTopBoxWrap_Wide {
    width: 100%;
    display: block;
    table-layout: auto; }
    .infoTopBoxWrap.infoTopBoxWrap_Wide .infoTopBox_wide {
      width: 100%;
      display: block;
      box-sizing: border-box;
      border: 5px solid #89cff1;
      padding: 20px; }
      .infoTopBoxWrap.infoTopBoxWrap_Wide .infoTopBox_wide > a:hover {
        opacity: 0.8; }

.infoTopBox {
  width: 430px;
  display: table-cell;
  box-sizing: border-box;
  border: 5px solid #89cff1;
  padding: 20px; }
  .infoTopBox > a:hover {
    opacity: 0.8; }

.infoTopBox_space {
  display: table-cell;
  width: 20px; }

.infoTopBoxImgArea {
  position: relative;
  margin-bottom: 15px; }
  .infoTopBoxImgArea img {
    width: 100%;
    height: auto; }
  .infoTopBoxImgArea.infoTopBoxImgArea_wide img {
    max-width: 100%; }
  .infoTopBoxImgArea.infoTopBoxImgArea_wide .infoTopBox_txt {
    padding-left: 20px; }
  .infoTopBoxImgArea .infoTopBox_txt {
    position: absolute;
    bottom: 10px;
    font-size: 26px;
    color: #FFF;
    padding: 0 10px 0 32px;
    display: table;
    line-height: 1.2; }
    .infoTopBoxImgArea .infoTopBox_txt span {
      display: table-cell;
      position: relative; }
      .infoTopBoxImgArea .infoTopBox_txt span:before {
        content: "";
        position: absolute;
        top: 0.55em;
        left: -25px;
        display: block;
        width: 12px;
        height: 12px;
        margin-top: -7px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }

.infoTopDetail li {
  display: table; }
  .infoTopDetail li:not(:first-child) {
    margin-top: 5px; }
  .infoTopDetail li span {
    display: table-cell;
    margin-top: 0.6em;
    margin-right: 5px;
    vertical-align: top;
    position: relative; }
    .infoTopDetail li span:before {
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      background-color: #89CFF1;
      position: absolute;
      left: 0;
      vertical-align: middle;
      top: 0.6em; }
  .infoTopDetail li em,
  .infoTopDetail li a {
    display: table-cell;
    vertical-align: top;
    text-decoration: none;
    padding-left: 15px;
    font-weight: normal;
    font-style: normal; }

.infoTopBox_thmbBlock {
  width: 100%;
  display: table;
  table-layout: fixed; }
  .infoTopBox_thmbBlock:not(:first-of-type) {
    margin-top: 20px; }
  .infoTopBox_thmbBlock .infoTopBox_thmbInner {
    display: table-cell;
    box-sizing: border-box;
    width: 50%;
    vertical-align: top; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner:nth-child(even) a {
      padding-left: 25px; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner a {
      width: 100%;
      display: block; }
      .infoTopBox_thmbBlock .infoTopBox_thmbInner a:hover img {
        opacity: 0.8; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner:after {
      content: "";
      display: block;
      clear: both; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner .imgArea {
      float: left;
      padding-right: 15px;
      width: 24%;
      box-sizing: border-box; }
      .infoTopBox_thmbBlock .infoTopBox_thmbInner .imgArea img {
        width: 100%;
        height: auto;
        max-width: 100px; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner .txtArea {
      float: left;
      width: 76%;
      font-size: 19px;
      color: #000;
      position: relative;
      padding-left: 16px;
      box-sizing: border-box; }
      .infoTopBox_thmbBlock .infoTopBox_thmbInner .txtArea:before {
        content: "";
        position: absolute;
        top: 0.8em;
        left: -5px;
        display: block;
        width: 10px;
        height: 10px;
        margin-top: -7px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }

.bgWrapA {
  background-color: #F1ECE3;
  margin: 0 -10px 50px;
  padding: 10px 10px 0; }
  .bgWrapA .planWrap {
    margin-bottom: 0;
    padding-bottom: 0; }
  .bgWrapA .h1TtlB {
    margin-bottom: 15px; }
  .bgWrapA .articleTxt {
    margin-bottom: 4px; }
  .bgWrapA .planContent {
    width: 100%;
    padding: 0 0 45px 40px;
    box-sizing: border-box;
    background-position: left top; }
    .bgWrapA .planContent:last-child {
      padding-bottom: 1px; }
  .bgWrapA .h3TtlC {
    color: #FFF;
    left: -25px;
    padding-left: 35px;
    padding-bottom: 0;
    background-color: #93af2d;
    position: relative;
    margin-bottom: 13px; }
    .bgWrapA .h3TtlC.ttlC_cateHosomichi {
      font-size: 18px;
      line-height: 40px;
      min-height: 30px;
      width: 100%; }
      .bgWrapA .h3TtlC.ttlC_cateHosomichi img {
        position: absolute;
        left: -18px; }
      .bgWrapA .h3TtlC.ttlC_cateHosomichi.betweenLineM {
        line-height: 25px; }
  .bgWrapA .imgCapSet {
    text-align: left; }
    .bgWrapA .imgCapSet span {
      margin-top: 10px;
      margin-bottom: 10px; }
  .bgWrapA .block2F {
    margin: -10px -10px 0 -10px;
    overflow: hidden;
    padding: 0; }
    .bgWrapA .block2F .innerBlock {
      padding: 10px; float:left;}
      .bgWrapA .block2F .innerBlock img {
        max-width: 100%; }
  .bgWrapA .block1B {
    margin-bottom: 10px; }
  .bgWrapA .columnArea {
    margin-top: 50px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: url("/files/user/common/css/images/bg_bdr_06.png");
    padding: 20px;
    position: relative;
    display: table;
    width: 100%;
    box-sizing: border-box; }
    .bgWrapA .columnArea .columnTtl {
      position: absolute;
      top: -20px;
      left: 0; }
    .bgWrapA .columnArea .txtArea,
    .bgWrapA .columnArea .imgArea {
      box-sizing: border-box;
      vertical-align: top; }
    .bgWrapA .columnArea .txtArea {
      display: table-cell;
      width: 50%;
      padding-right: 35px; }
      .bgWrapA .columnArea .txtArea h5 {
        padding-top: 35px;
        font-size: 18px;
        padding-bottom: 5px; }
      .bgWrapA .columnArea .txtArea p {
        font-size: 14px; }
    .bgWrapA .columnArea .imgArea {
      display: table-cell;
      width: 50%; }
      .bgWrapA .columnArea .imgArea img {
        width: 100%;
        height: auto;
        max-width: 240px; }
  .bgWrapA .noteTxt {
    margin-top: 20px; }

.useMoneyBlock {
  margin-bottom: 20px; }
  .useMoneyBlock.table {
    display: table; }
    .useMoneyBlock.table .useMoneySet {
      display: table-cell;
      vertical-align: middle; }
    .useMoneyBlock.table .useData {
      display: table-cell;
      vertical-align: middle; }

.useMoney {
  background: url("/files/user/common/css/images/bg_bdr_05.png");
  padding: 3px;
  display: inline-block;
  vertical-align: middle;
  width: 25%; }
  .useMoney.typeB {
    width: 150px;
    box-sizing: border-box; }
    .useMoney.typeB .useMoneyInner {
      padding: 5px; }
    .useMoney.typeB .useTxt {
      display: inline-block; }
    .useMoney.typeB .useTxtMoney {
      display: inline-block; }
  .useMoney .useMoneyInner {
    background-color: #FFF;
    padding: 5px 15px;
    text-align: center; }
  .useMoney .useTxt {
    font-size: 12px;
    line-height: 1.2; }
  .useMoney .useTxtMoney {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2; }

.useMoneySet {
  font-size: 18px;
  font-weight: bold;
  display: inline-block; }

.useMoneyArea {
  border: 2px solid #fff;
  border-radius: 2px;
  background: url("/files/user/common/css/images/bg_01.png");
  padding: 6px 0;
  text-align: center;
  color: #FFF;
  position: relative;
  display: block;
  margin-bottom: 2px;
  width: 150px;
  box-sizing: border-box; }
  .useMoneyArea:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 67px;
    z-index: 1;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #fff; }
  .useMoneyArea .overlay {
    position: absolute;
    top: 100%;
    left: 68px;
    z-index: 2;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #ff871c; }

.useData {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  width: 70%; }
  .useData img {
    width: 100%;
    max-width: 395px; }

.hosomichiH3Ttl {
  font-size: 20px;
  margin-bottom: 10px; }

.hosomichiCommentWrap {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0;
  width: 100%; }
  .hosomichiCommentWrap .hosomichiCommentInner {
    margin-top: 10px;
    display: table;
    width: 100%; }
  .hosomichiCommentWrap .hosomichiCommentImg {
    width: 10%;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    padding-right: 18px; }
    .hosomichiCommentWrap .hosomichiCommentImg img {
      width: 40px; }
  .hosomichiCommentWrap .hosomichiComment {
    width: 90%;
    display: table-cell;
    background-color: #FFF;
    padding: 10px;
    font-size: 14px;
    position: relative;
    color: #000;
    vertical-align: middle;
    box-sizing: border-box; }
    .hosomichiCommentWrap .hosomichiComment:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 3px 10px 3px 0;
      border-color: transparent #ffffff transparent;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -10px;
      margin: auto; }

.dataWrap {
  margin-bottom: 20px;
  border: 1px solid #000;
  background-color: #FFF; }
  .dataWrap .dataInner {
    padding: 12px 18px 15px; }
  .dataWrap .dataTtl {
    font-size: 18px;
    margin-bottom: 5px; }
    .dataWrap .dataTtl.bdr {
      padding-top: 10px;
      border-top: 1px solid #ccc; }
  .dataWrap .dataArea {
    display: table; }
    .dataWrap .dataArea .dataTxt {
      display: table-cell;
      vertical-align: top;
      padding-right: 13px;
      background: url("/files/user/common/css/images/bdr_hosomichi.png") repeat-y right top; }
      .dataWrap .dataArea .dataTxt img {
        width: 45px;
        height: auto; }
    .dataWrap .dataArea .dataList {
      display: table-cell;
      padding-left: 10px;
      font-size: 14px; }
      .dataWrap .dataArea .dataList li:not(:first-child) {
        margin-top: 5px; }
      .dataWrap .dataArea .dataList li.indent {
        display: table; }
        .dataWrap .dataArea .dataList li.indent span {
          display: table-cell;
          white-space: nowrap; }

.nextWrap {
  width: 100%;
  display: table;
  margin-bottom: 20px; }
  .nextWrap .txtArea {
    display: table-cell;
    width: 66%;
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 20px; }
    .nextWrap .txtArea p {
      font-size: 14px; }
  .nextWrap .nextTtl {
    margin-bottom: 12px; }
  .nextWrap h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px; }
  .nextWrap .imgArea {
    display: table-cell;
    width: 34%;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center; }
    .nextWrap .imgArea.pad {
      padding-left: 30px; }
    .nextWrap .imgArea img {
      max-width: 160px;
      height: auto; }
  .nextWrap + h5 {
    font-size: 18px;
    margin-bottom: 15px; }

.hosomichiLinkList {
  display: table;
  width: 100%;
  margin-top: 30px;
  table-layout: fixed;
  box-sizing: border-box;
  border: 1px solid #000; }
  .hosomichiLinkList li {
    width: 50%;
    box-sizing: border-box;
    display: table-cell;
    background-color: #ebebeb;
    font-weight: bold;
    text-align: center; }
    .hosomichiLinkList li:first-child {
      border-right: 1px solid #000; }
    .hosomichiLinkList li.current {
      background-color: #FFF; }
    .hosomichiLinkList li a {
      display: block;
      text-decoration: none; }
      .hosomichiLinkList li a:hover {
        text-decoration: underline; }
    .hosomichiLinkList li .arrow {
      display: inline-block;
      padding-left: 18px;
      background: url("/files/user/common/css/images/arrow_hosomichi.png") no-repeat left center;
      background-size: 5px 9px;
      font-weight: bold;
      margin-left: 0; }
    .hosomichiLinkList li span {
      font-weight: normal;
      display: inline-block;
      margin-left: 1em;
      padding: 10px 15px; }

.hosomichiCouse {
  margin-bottom: 50px; }
  .hosomichiCouse a {
    text-decoration: none;
    width: 100%;
    display: table; }
  .hosomichiCouse li {
    width: 102%;
    min-height: 60px;
    display: table;
    box-sizing: border-box; }
    .hosomichiCouse li:not(:first-child) {
      margin-top: 13px; }
    .hosomichiCouse li.couseA {
      border: 1px solid #ef0000; }
      .hosomichiCouse li.couseA em {
        background: #ef0000 url("/files/user/common/css/images/hosomichi_courseA.png") no-repeat center;
        background-size: 19px 24px; }
      .hosomichiCouse li.couseA span {
        background: #ffffff url("/files/user/common/css/images/arrow_hosomichiA.png") no-repeat right center;
        background-size: 25px 10px; }
    .hosomichiCouse li.couseB {
      border: 1px solid #1068e1; }
      .hosomichiCouse li.couseB em {
        background: #1068e1 url("/files/user/common/css/images/hosomichi_courseB.png") no-repeat center;
        background-size: 17px 25px; }
      .hosomichiCouse li.couseB span {
        background: #ffffff url("/files/user/common/css/images/arrow_hosomichiB.png") no-repeat right center;
        background-size: 25px 10px; }
    .hosomichiCouse li span,
    .hosomichiCouse li em {
      display: table-cell; }
    .hosomichiCouse li em {
      width: 60px;
      height: 60px;
      text-align: center;
      vertical-align: middle; }
    .hosomichiCouse li span {
      vertical-align: middle;
      padding-left: 15px;
      padding-right: 35px;
      font-size: 14px; }

.hosomichiblock2A {
  display: table;
  width: 100%;
  margin: 0 -10px; }
  .hosomichiblock2A .innerBlock {
    display: table-cell;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    vertical-align: top; }
    .hosomichiblock2A .innerBlock img {
      width: 100%;
      max-width: 250px;
      height: auto; }
    .hosomichiblock2A .innerBlock .indentList {
      margin-top: 10px; }

.hosomichiCouseTtl {
  display: table;
  width: 100%;
  font-size: 20px;
  margin-bottom: 5px; }
  .hosomichiCouseTtl em,
  .hosomichiCouseTtl span {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle; }
  .hosomichiCouseTtl em {
    color: #FFF;
    font-style: normal;
    text-align: center;
    padding: 0 8px;
    white-space: nowrap; }
  .hosomichiCouseTtl span {
    padding-left: 5px;
    font-size: 18px; }
  .hosomichiCouseTtl.couseA em {
    background-color: #ef0000; }
  .hosomichiCouseTtl.couseA span {
    color: #ef0000; }
  .hosomichiCouseTtl.couseB em {
    background-color: #1068e1; }
  .hosomichiCouseTtl.couseB span {
    color: #1068e1; }

@media only screen and (max-width: 767px) {
  .bgWrapA {
    margin: 0 0 30px;
    padding: 10px 10px 0; }
    .bgWrapA .h1TtlB {
      margin-bottom: 15px; }
    .bgWrapA .articleTxt {
      margin-bottom: 4px; }
    .bgWrapA .planContent {
      padding: 0 0 25px 40px;
      background-position: 2px top; }
    .bgWrapA .h3TtlC.ttlC_cateHosomichi {
      font-size: 16px;
      line-height: 26px;
      padding-left: 28px;
      padding-right: 5px; }
    .bgWrapA .imgCapSet span {
      margin-top: 5px;
      margin-bottom: 5px; }
    .bgWrapA .block2F {
      margin: -5px -5px 0 -5px; }
      .bgWrapA .block2F .innerBlock {
        padding: 5px; }
    .bgWrapA .block1B {
      margin-bottom: 10px; }
    .bgWrapA .columnArea {
      margin-top: 30px;
      margin-bottom: 10px;
      border-radius: 10px;
      background: url("/files/user/common/css/images/bg_bdr_06.png");
      background-size: 310px 209px;
      padding: 10px;
      display: block; }
      .bgWrapA .columnArea .columnTtl {
        position: absolute;
        top: -23px; }
        .bgWrapA .columnArea .columnTtl img {
          max-width: 180px; }
      .bgWrapA .columnArea .txtArea {
        display: block;
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px; }
        .bgWrapA .columnArea .txtArea h5 {
          padding-top: 15px;
          font-size: 18px;
          padding-bottom: 5px; }
        .bgWrapA .columnArea .txtArea p {
          font-size: 14px; }
      .bgWrapA .columnArea .imgArea {
        display: block;
        width: 100%;
        text-align: center; }
        .bgWrapA .columnArea .imgArea img {
          max-width: 200px; }
    .bgWrapA .noteTxt {
      margin-top: 20px; }

  .useMoneyBlock {
    margin-bottom: 10px; }
    .useMoneyBlock.table {
      display: block; }
      .useMoneyBlock.table .useMoneySet {
        width: 100%;
        display: table; }
      .useMoneyBlock.table .useData {
        display: block;
        width: 100%; }

  .space {
    display: block;
    width: 10px; }

  .useMoney {
    display: block;
    width: 100%;
    margin-bottom: 2px; }
    .useMoney.typeB {
      width: 75%;
      display: table-cell;
      vertical-align: top; }
      .useMoney.typeB .useMoneyInner {
        padding: 5px; }
      .useMoney.typeB .useTxt {
        display: inline-block; }
      .useMoney.typeB .useTxtMoney {
        display: inline-block; }
    .useMoney .useTxt {
      font-size: 12px;
      line-height: 1.2; }
    .useMoney .useTxtMoney {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.2; }

  .Foreign .useMoneySet {
    font-size: 14px; }
  .Foreign .useMoney .useTxtMoney {
    font-size: 14px; }
  .Foreign .useMoneyArea {
    width: 35%; }
  .Foreign a {
    -ms-word-break: break-all;
    word-break: break-all; }

  .useMoneySet {
    font-size: 18px;
    font-weight: bold;
    display: inline-block; }

  .useMoneyArea {
    border: 2px solid #fff;
    padding: 3px 5px;
    display: table-cell;
    margin-bottom: 0;
    width: 25%;
    vertical-align: middle; }
    .useMoneyArea:after {
      content: " ";
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: auto;
      right: -16px;
      z-index: 1;
      width: 0;
      height: 0;
      border: 8px solid transparent;
      border-left-color: #fff; }
    .useMoneyArea .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: auto;
      right: -14px;
      z-index: 2;
      width: 0;
      height: 0;
      border: 7px solid transparent;
      border-left-color: #ff871c; }

  .useData {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    width: 100%; }
    .useData img {
      width: 100%;
      max-width: 395px; }

  .hosomichiH3Ttl {
    font-size: 16px;
    margin-bottom: 5px; }

  .hosomichiCommentWrap {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0;
    width: 100%; }
    .hosomichiCommentWrap .hosomichiCommentInner {
      margin-top: 10px;
      display: table;
      width: 100%; }
    .hosomichiCommentWrap .hosomichiCommentImg {
      width: 10%;
      display: table-cell;
      vertical-align: middle;
      box-sizing: border-box;
      padding-right: 18px; }
      .hosomichiCommentWrap .hosomichiCommentImg img {
        width: 40px; }
    .hosomichiCommentWrap .hosomichiComment {
      width: 90%;
      display: table-cell;
      background-color: #FFF;
      padding: 10px;
      font-size: 14px;
      position: relative;
      color: #000;
      vertical-align: middle;
      box-sizing: border-box; }
      .hosomichiCommentWrap .hosomichiComment:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 10px 3px 0;
        border-color: transparent #ffffff transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -10px;
        margin: auto; }

  .dataWrap {
    margin-bottom: 20px;
    border: 1px solid #000;
    background-color: #FFF; }
    .dataWrap .dataInner {
      padding: 10px; }
    .dataWrap .dataTtl {
      font-size: 16px;
      margin-bottom: 5px; }
      .dataWrap .dataTtl.bdr {
        padding-top: 5px;
        border-top: 3px solid #aaa; }
    .dataWrap .dataArea {
      display: block; }
      .dataWrap .dataArea .dataTxt {
        display: block;
        padding-right: 0;
        background: none;
        padding-bottom: 5px;
        border-bottom: 2px solid #ccc;
        margin-bottom: 5px; }
      .dataWrap .dataArea .dataList {
        display: block;
        padding-left: 0; }
        .dataWrap .dataArea .dataList li:not(:first-child) {
          margin-top: 5px; }
        .dataWrap .dataArea .dataList li.indent {
          display: table; }
          .dataWrap .dataArea .dataList li.indent span {
            display: table-cell;
            white-space: nowrap; }
            .dataWrap .dataArea .dataList li.indent span a {
              -ms-word-break: break-all;
              word-break: break-all; }

  .nextWrap {
    width: 100%;
    display: block;
    margin-bottom: 10px; }
    .nextWrap .txtArea {
      display: block;
      width: 100%;
      padding-top: 0;
      padding-bottom: 10px; }
    .nextWrap .nextTtl {
      margin-bottom: 12px; }
    .nextWrap h5 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 5px; }
    .nextWrap .imgArea {
      display: block;
      width: 100%;
      box-sizing: border-box;
      padding: 0 20px; }
      .nextWrap .imgArea.pad {
        padding-left: 0px; }
      .nextWrap .imgArea img {
        max-width: 140px; }

  .hosomichiLinkList {
    display: block;
    width: 100%;
    table-layout: auto; }
    .hosomichiLinkList li {
      width: 100%;
      display: block; }
      .hosomichiLinkList li:first-child {
        border-right: none;
        border-bottom: 1px solid #000; }
      .hosomichiLinkList li.current {
        background-color: #FFF;
        padding: 0; }
      .hosomichiLinkList li a {
        display: block;
        text-decoration: none; }
        .hosomichiLinkList li a:hover {
          text-decoration: underline; }
        .hosomichiLinkList li a .arrow {
          display: inline-block;
          padding-left: 18px;
          background: url("/files/user/common/css/images/arrow_hosomichi.png") no-repeat left center;
          background-size: 5px 9px;
          font-weight: bold;
          margin-left: 0; }
      .hosomichiLinkList li span {
        font-weight: normal;
        display: inline-block;
        margin-left: 1em; }

  .hosomichiblock2A {
    display: block;
    margin: 0; }
    .hosomichiblock2A .innerBlock {
      display: block;
      width: 100%;
      padding: 0;
      margin-top: 15px; }
      .hosomichiblock2A .innerBlock .indentList {
        margin-top: 10px; }

  .hosomichiCouseTtl em {
    font-size: 18px; }
  .hosomichiCouseTtl span {
    font-size: 16px; } }
/*topPage
==================================================*/
.articleArea {
  white-space: normal;
  width: 100%;
  min-height: 1000px;
  -webkit-perspective: 5000;
  perspective: 5000; }
  .articleArea > .articleElm {
    display: inline-block;
    position: relative;
    width: 205px;
    height: 205px;
    white-space: normal;
    margin-bottom: 10px;
    z-index: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: rotateY(91deg);
    transform: rotateY(91deg);
    box-sizing: border-box
    /*&.s_size,
    &.video{
    	.articleInfoWrap{
    		background: url('/files/user/common/images/top/article_shadow.png') repeat-x top left;
    		//@include background-size(100% 100%);
    		.articleInfo{
    			.like{
    				a{
    					span{
    						&.mark{
    							top:-3px;
    						}
    						&.countno{
    							top: 0;
    						}
    					}
    					&:before{
    						top: -3px;
    					}
    				}
    			}
    		}
    		.articleTxt{
    			width: 100%;
    			font-size: 14px;
    			line-height: 1.4em;
    			font-weight: normal;
    			color: #fff;
    			padding: 3px 10px 10px 10px;
    			@include box-sizing(border-box);
    			margin-bottom: 0;
    			a{
    				color: #FFF;
    				text-decoration: none;
    			}
    		}
    	}
    }*/ }
    .articleArea > .articleElm.show {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
      -webkit-transition: -webkit-transform 0.25s linear, opacity 0.25s linear;
      -webkit-transition-delay: 0s, 0s;
      -webkit-transition: -webkit-transform 0.25s linear 0s, opacity 0.25s linear 0s;
              transition: transform 0.25s linear 0s, opacity 0.25s linear 0s; }
    .articleArea > .articleElm.show.noTransition {
      -webkit-transition: none;
      transition: none; }
    .articleArea > .articleElm.show.hide {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transform: rotateY(-91deg);
      transform: rotateY(-91deg);
      -webkit-transition: -webkit-transform 0.25s linear, opacity 0.25s linear;
      -webkit-transition-delay: 0s, 0s;
      -webkit-transition: -webkit-transform 0.25s linear 0s, opacity 0.25s linear 0s;
              transition: transform 0.25s linear 0s, opacity 0.25s linear 0s; }
    .articleArea > .articleElm.cloneElm, .articleArea > .articleElm.cloneElmS {
      z-index: 0 !important; }
    .articleArea > .articleElm.video .articleInfoWrap .articleTxt {
      overflow: hidden; }
      .articleArea > .articleElm.video .articleInfoWrap .articleTxt a {
        text-decoration: none;
        pointer-events: all;
        color: #FFF;
        font-size: 15px;
        padding: 3px 10px 10px 10px;
        box-sizing: border-box; }
    .articleArea > .articleElm a {
      display: block;
      position: relative; }
      .articleArea > .articleElm a p.visualImg {
        background: #aaa; }
        .articleArea > .articleElm a p.visualImg.spImg {
          display: none; }
        .articleArea > .articleElm a p.visualImg.pcImg {
          display: block; }
        .articleArea > .articleElm a p.visualImg img {
          width: 100%;
          height: auto; }
      .articleArea > .articleElm a p.articleGenre {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        z-index: 10; }
      .articleArea > .articleElm a p.articleTxt {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 30px 10px 10px;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 1.4em;
        font-weight: normal;
        color: #fff;
        text-decoration: none;
        background: url("/files/user/common/images/top/article_shadow.png") repeat-x top left; }
    .articleArea > .articleElm .like {
      position: absolute;
      top: 12px;
      right: 7px;
      display: inline-block; }
      .articleArea > .articleElm .like a {
        padding-left: 28px;
        position: relative;
        cursor: pointer;
        line-height: 1;
        color: #FFF;
        text-decoration: none;
        -webkit-transition: color 0.6s;
        transition: color 0.6s; }
        .articleArea > .articleElm .like a span.mark {
          -ms-transform-origin: 40% 50% 50%;
          -webkit-transform-origin: 40% 50% 50%;
          transform-origin: 40% 50% 50%;
          position: absolute;
          left: -5px;
          top: -6px;
          width: 30px;
          height: 25px;
          background: url("/files/user/common/css/images/icn_like_top_shadow.png") no-repeat left top;
          background-size: 30px 63px;
          z-index: 10;
          visibility: hidden; }
        .articleArea > .articleElm .like a:before {
          content: "";
          position: absolute;
          left: -5px;
          top: -6px;
          width: 30px;
          height: 25px;
          background: url("/files/user/common/css/images/icn_like_top_shadow.png") no-repeat left -25px;
          background-size: 30px 63px; }
        .articleArea > .articleElm .like a span.countno {
          text-shadow: #000 1px 1px 2px,#000 1px 1px 2px; }
      .articleArea > .articleElm .like.on a {
        color: #FFF;
        cursor: pointer;
        -webkit-transition: color 0.6s;
        transition: color 0.6s; }
        .articleArea > .articleElm .like.on a span.mark {
          visibility: visible;
          opacity: 0;
          width: 0;
          -ms-transform: scale(3);
          -webkit-transform: scale(3);
          transform: scale(3);
          -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out, width 0s ease-in;
          -webkit-transition-delay: 0s, 0s, 0.8s;
          -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out, width 0s ease-in 0.8s;
                  transition: opacity 0.8s ease-in, transform 0.8s ease-out, width 0s ease-in 0.8s; }
        .articleArea > .articleElm .like.on a:before {
          background: url("/files/user/common/css/images/icn_like_top_shadow.png") no-repeat left top;
          background-size: 30px 63px; }
    .articleArea > .articleElm .articleInfoWrap {
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto;
      z-index: 10; }
      .articleArea > .articleElm .articleInfoWrap .articleInfo p.likeBtn {
        width: 100%;
        color: #fff;
        font-size: 12px;
        padding: 0 10px;
        box-sizing: border-box;
        text-align: right; }
        .articleArea > .articleElm .articleInfoWrap .articleInfo p.likeBtn img {
          margin-right: 3px; }
    .articleArea > .articleElm.l_size {
      width: 420px;
      height: 420px; }
    .articleArea > .articleElm.special p.articleGenre {
      position: absolute;
      width: 40px;
      height: 40px;
      background: url("/files/user/common/images/top/article_genre_special.png") no-repeat left top;
      background-size: 40px 40px; }
    .articleArea > .articleElm.food p.articleGenre {
      background: url("/files/user/common/images/top/article_genre_food.png") no-repeat left top;
      background-size: 40px 40px; }
    .articleArea > .articleElm.event p.articleGenre {
      background: url("/files/user/common/images/top/article_genre_event.png") no-repeat left top;
      background-size: 40px 40px; }
    .articleArea > .articleElm.plan p.articleGenre {
      background: url("/files/user/common/images/top/article_genre_plan.png") no-repeat left top;
      background-size: 40px 40px; }
    .articleArea > .articleElm.shopping p.articleGenre {
      background: url("/files/user/common/images/top/article_genre_shopping.png") no-repeat left top;
      background-size: 40px 40px; }
    .articleArea > .articleElm.sightseeing p.articleGenre {
      background: url("/files/user/common/images/top/article_genre_sightseeing.png") no-repeat left top;
      background-size: 40px 40px; }
    .articleArea > .articleElm.culture p.articleGenre {
      background: url("/files/user/common/images/top/article_genre_culture.png") no-repeat left top;
      background-size: 40px 40px; }
    .articleArea > .articleElm.experience p.articleGenre {
      background: url("/files/user/common/images/top/article_genre_experience.png") no-repeat left top;
      background-size: 40px 40px; }
    .articleArea > .articleElm.information p.articleGenre {
      background: url("/files/user/common/images/top/article_genre_information.png") no-repeat left top;
      background-size: 40px 40px; }
    .articleArea > .articleElm.stay p.articleGenre {
      background: url("/files/user/common/images/top/article_genre_stay.png") no-repeat left top;
      background-size: 40px 40px; }
    .articleArea > .articleElm.video {
      width: 420px;
      height: 420px;
      background: #000; }
      .articleArea > .articleElm.video p.movie {
        width: 420px;
        height: 420px;
        display: table-cell;
        vertical-align: middle; }
        .articleArea > .articleElm.video p.movie iframe {
          width: 420px;
          height: 236px; }

#loadingImg {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -200px;
  margin-left: -150px; }

/*================================================
 RWD
================================================*/
@media only screen and (max-width: 767px) {
  .enpT40 {
    padding-top: 0px; }

  /*layout
  ==================================================*/
  .layoutA {
    float: none; }

  .layoutB {
    margin-top: 8px;
    margin-bottom: 10px;
    position: static; }

  .layoutC {
    display: block;
    float: none;
    margin-bottom: 0; }

  .layoutD {
    float: none;
    margin-top: 0; }

  .clearFloat {
    display: none; }

  /*h
  ==================================================*/
  .h1Ttl {
    font-size: 20px;
    margin-bottom: 5px; }

  .h1TtlB {
    font-size: 18px; }

  .h1TtlC {
    font-size: 18px;
    padding-left: 25px;
    background: url("/files/user/common/css/images/icn_basicinfo_ttl01.png") no-repeat left center;
    background-size: 20px 20px; }

  .h2TtlA {
    font-size: 14px;
    margin-bottom: 10px; }
    .h2TtlA.inline {
      display: block;
      font-size: 16px;
      margin-bottom: 5px; }
      .h2TtlA.inline + p {
        display: block;
        margin-bottom: 5px;
        font-size: 13px;
        padding-left: 0; }

  .h2TtlB {
    font-size: 14px;
    padding-left: 23px;
    margin-bottom: 10px; }
    .h2TtlB.ttl_comment {
      background: url("/files/user/common/css/images/icn_h2_01.png") no-repeat left 0.3em;
      background-size: 15px 14px; }
    .h2TtlB.ttl_recommend {
      font-size: 16px;
      padding-left: 20px;
      background: url("/files/user/common/css/images/icn_spot_content.png") no-repeat left 0.2em;
      background-size: 11px 15px; }

  .h2TtlD {
    font-size: 14px; }
    .h2TtlD:first-letter {
      font-size: 16px; }

  .h2TtlE {
    font-size: 16px;
    line-height: 1;
    padding-bottom: 5px;
    border-bottom: 2px solid #333;
    margin-bottom: 10px; }

  .h2TtlF {
    font-size: 16px;
    padding: 10px 15px; }

  .h3TtlA {
    margin-bottom: 10px; }

  .h3TtlB {
    font-size: 14px; }
    .h3TtlB.ttl_sideA {
      padding: 10px 0 10px 30px;
      background: #cf2d0c url("/files/user/common/css/images/icn_comment.png") no-repeat 10px 8px;
      background-size: 16px 15px; }
      .h3TtlB.ttl_sideA:after {
        content: "";
        display: block;
        clear: both; }
      .h3TtlB.ttl_sideA span {
        display: block;
        float: right;
        margin-top: 0;
        margin-right: 8px;
        font-size: 12px; }
      .h3TtlB.ttl_sideA.ttl_sideB {
        padding: 12px 0 12px 30px;
        background: #cf2d0c url("/files/user/common/css/images/icn_comment.png") no-repeat 9px 12px;
        background-size: 16px 14px; }
        .h3TtlB.ttl_sideA.ttl_sideB span {
          padding-top: 0px; }

  .h3TtlC {
    font-size: 16px;
    padding-left: 30px;
    line-height: 27px;
    left: -30px;
    padding-bottom: 5px; }
    .h3TtlC.nonePad {
      background-position: left bottom;
      min-height: 28px; }
    .h3TtlC.ttlC_cate01 {
      background-size: 27px 27px; }
    .h3TtlC.ttlC_cate02 {
      background-size: 27px 27px; }
    .h3TtlC.ttlC_cate03 {
      background-size: 27px 27px; }
    .h3TtlC.ttlC_cate04 {
      background-size: 27px 27px; }
    .h3TtlC.ttlC_cate05 {
      background-size: 27px 27px; }
    .h3TtlC.ttlC_cate06 {
      background-size: 27px 27px; }
    .h3TtlC.ttlC_cate07 {
      background-size: 27px 27px; }
    .h3TtlC.ttlC_cate10 {
      background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate01 {
      background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate02 {
      background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate03 {
      background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate04 {
      background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate05 {
      background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate06 {
      background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate07 {
      background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate08 {
      background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate09 {
      background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate10 {
      background-size: 27px 27px; }

  .h3TtlD {
    font-size: 13px;
    padding: 0 0 8px 20px;
    margin-bottom: 6px; }
    .h3TtlD.flag {
      background: url("/files/user/common/css/images/icn_flag01.png") no-repeat left top;
      background-size: 11px 13px; }

  /*p
  ==================================================*/
  .articleArea > .articleElm a {
    text-decoration: none !important; }
    .articleArea > .articleElm a p.articleTxt {
      position: static;
      color: #333; 
      background: none;
      padding: 10px 5px;
      text-decoration: none !important; }

      .articleArea > .articleElm a p.articleMove {
      color:#fff;}

  .cardIcn {
    max-width: 20px;
    padding: 0 1px;
    vertical-align: middle; }

  .icnTtl {
    margin-bottom: 5px; }

  .articleTxt {
    margin-bottom: 15px; }

  .reviewNote {
    margin-top: 15px;
    font-size: 10px; }
    .reviewNote .review {
      display: inline-block;
      margin-left: 15px; }
      .reviewNote .review img {
        width: 13px;
        height: auto; }

  .mapArea + .noteTxt {
    margin-bottom: 13px;
    margin-top: 15px; }

  .moveIcn {
    font-size: 12px;
    border-radius: 10px;
    padding: 8px 20px 8px 20px; }
    .moveIcn .icn_train, .moveIcn .icn_walk, .moveIcn .icn_bus, .moveIcn .icn_airplane, .moveIcn .icn_bicycle, .moveIcn .icn_ship, .moveIcn .icn_car {
      margin-bottom: 3px; }

  .likeTxt {
    text-align: center;
    padding: 5px 0 5px;
    font-size: 10px; }

  /*list
  ==================================================*/
  .line_sns {
    display: inline-block !important; }

  .imgDetail li .cardImg {
    width: 100%;
    max-width: 130px; }

  .tagList {
    margin-top: 20px;
    padding-left: 15px;
    line-height: auto;
    background: url("/files/user/common/css/images/icn_tag.png") no-repeat left 0.5em;
    background-size: 12px 12px; }
    .tagList.typeB {
      margin-top: 0; }

  .block2A.snsBlock .blockL {
    width: 100%; }
  .block2A.snsBlock .blockR {
    width: 100%; }

  .snsList {
    margin-top: 10px; }
    .snsList li {
      padding-left: 2px; }
      .snsList li a img {
        /*width: 27px;*/
        /*height: auto;*/
        width: auto;
        height: 40px;
         }

  .contentIcnList li.like a {
    background: #e7e7e7 url("/files/user/common/css/images/icn_like_content.png") no-repeat 12px 13px;
    background-size: 26px 20px; }
    .contentIcnList li.like a span.mark {
      background: #ec3713 url("/files/user/common/css/images/icn_like_content_on.png") no-repeat 12px 13px;
      background-size: 23px 20px; }
  .contentIcnList li.like.on a {
    background: #ec3713 url("/files/user/common/css/images/icn_like_content_on.png") no-repeat 11px 13px;
    background-size: 23px 20px; }
  .contentIcnList li.folder {
    padding-left: 8px; }
    .contentIcnList li.folder a {
      background: #e7e7e7 url("/files/user/common/css/images/icn_folder_content.png") no-repeat 10px 15px;
      background-size: 28px 16px; }
      .contentIcnList li.folder a span.mark {
        width: 300px;
        height: 150px;
        top: -190px;
        left: -10px; 
      }
    .contentIcnList li.folder.on a {
      background: #f39400 url("/files/user/common/css/images/icn_folder_content2_on.png") no-repeat 12px 15px;
      background-size: 21px 16px; }
    .contentIcnList li.folder.on_2 a {
      background: #f39400 url("/files/user/common/css/images/icn_folder_content2_on.png") no-repeat 12px 15px;
      background-size: 21px 16px; }
  .contentIcnList li.favorite {
    margin-left: 8px; }
    .contentIcnList li.favorite span {
      margin: 0 1px; }
      .contentIcnList li.favorite span img {
        width: 12px;
        height: auto; }
  .contentIcnList li a {
    width: 45px;
    height: 45px; }
  .contentIcnList li span {
    font-size: 10px; }

  .statusList {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px; }
    .statusList li {
      box-sizing: border-box; }
      .statusList li a {
        padding: 10px 0 10px 0;
        box-sizing: border-box;
        min-height: 40px; }
      .statusList li.bookMark {
        width: 50%; }
        .statusList li.bookMark a {
          padding: 10px 0; }
          .statusList li.bookMark a span:before {
            background: #e7e7e7 url("/files/user/common/css/images/icn_folder_content_ov.png") no-repeat left top;
            background-size: 22px 13px; }
      .statusList li.gone {
        width: 50%; }
        .statusList li.gone a {
          padding: 8px 0 5px; }
          .statusList li.gone a span {
            background: #e7e7e7 url("/files/user/common/css/images/icn_going_content_ov.png") no-repeat left top;
            background-size: 23px 22px; }

  .imgList {
    display: block;
    width: 100%; }
    .imgList li {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      padding: 0 15px; }
      .imgList li img {
        width: 100%;
        height: auto; }

  .RecommendWrap .imgList li {
    width: 100%;
    padding: 0 12px; }
    .RecommendWrap .imgList li:first-child {
      padding-left: 0; }
    .RecommendWrap .imgList li:last-child {
      padding-right: 0; }

  .moveList dt {
    font-size: 14px;
    padding-top: 5px;
    padding-right: 8px;
    border-right: 2px solid #DEDBD4;
    white-space: nowrap; }
  .moveList dd {
    padding-left: 8px; }

  .indentList2 {
    font-size: 16px;
    margin-left: 10px;
    margin-bottom: 10px; }
    .indentList2 li span {
      padding-right: 5px; }

  /*Wrapper
  ==================================================*/
  .margWrap {
    margin: 0 0 20px; }

  /*block
  ==================================================*/
  .block1A {
    margin-bottom: 20px; }
    .block1A img {
      width: 100%; }

  .block2A {
    margin-bottom: 15px; }
    .block2A:after {
      content: "";
      display: block;
      clear: both; }
    .block2A .blockL {
      width: 50%;
      float: left; }
    .block2A .blockR {
      width: 50%;
      float: right;
      text-align: right; }

  .block1B .innerBlock.centerImg {
    padding: 0; }
  .block1B .innerBlock img {
    max-width: 100%; }

  .block2B {
    display: table;
    margin-bottom: 20px; }
    .block2B .innerBlock {
      display: block;
      width: 100%;
      padding: 0;
      margin-top: 10px; }
      .block2B .innerBlock:first-child {
        margin-top: 0; }

  .block2C {
    margin-bottom: 20px; }
    .block2C .blockL {
      width: 100%;
      float: none;
      margin-top: 10px; }
    .block2C .blockR {
      width: 100%;
      float: none;
      padding-left: 0; }
    .block2C.type2 .blockL {
      width: 100%;
      float: none;
      padding-right: 0;
      margin-top: 10px; }
    .block2C.type2 .blockR {
      width: 100%;
      float: none; }

  .block2D {
    display: block; }
    .block2D .innerBlock {
      margin-top: 10px; }
      .block2D .innerBlock .mapArea {
        width: 100%; }
      .block2D .innerBlock:first-child {
        margin-top: 0;
        margin-bottom: 75px; }
    .block2D.block2D_typeB {
      letter-spacing: normal; }
      .block2D.block2D_typeB .innerBlock {
        display: block;
        width: 100%; }
        .block2D.block2D_typeB .innerBlock:last-child {
          float: none; }

  .block2E {
    margin-top: 25px; }
    .block2E .blockL {
      width: 100%;
      float: none; }
    .block2E .blockR {
      width: 100%;
      float: none; }

  .block2F .innerBlock {
    width: 100%; }
    .block2F .innerBlock img {
      max-width: 100%; }
    .block2F .innerBlock.centerImg {
      margin-top: 5px;
      padding: 5px; }
  .block2F + .moveArea {
    margin-top: 5px; }

  .block2H,
  .block2I {
    margin-bottom: 20px; }
    .block2H .blockL,
    .block2I .blockL {
      margin-top: 10px;
      width: 100%;
      float: none; }
    .block2H .blockR,
    .block2I .blockR {
      margin-top: 10px;
      width: 100%;
      float: none;
      padding-left: 0; }
    .block2H.reverse .blockL,
    .block2I.reverse .blockL {
      margin-top: 10px;
      width: 100%;
      float: none; }
    .block2H.reverse .blockR,
    .block2I.reverse .blockR {
      margin-top: 10px;
      width: 100%;
      float: none;
      padding-left: 0; }

  .block3A {
    margin-bottom: 20px; }
    .block3A .innerBlock {
      padding: 0 5px; }

  /*line
  ==================================================*/
  .line {
    margin-bottom: 10px;
    border-top: 1px solid #333;
    height: 1px; }

  /*btn
  ==================================================*/
  .conditionalArea .conditional .btnLstA {
    margin-top: 12px;
    text-align: center; }
    .conditionalArea .conditional .btnLstA li {
      display: block; }
      .conditionalArea .conditional .btnLstA li:after {
        content: none;
        padding-right: 0; }

  a.changeBtn {
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    display: block; }

  .moreBtn a {
    font-size: 14px;
    background: #999999 url("/files/user/common/css/images/icn_chaneBtn.png") no-repeat right center;
    background-size: 26px 14px;
    padding: 15px 50px 15px 10px;
    border-bottom: #D6D6D6 2px solid; }

  .moreBtnB {
    display: block;
    margin-top: 20px;
    margin-bottom: 35px; }
    .moreBtnB a {
      text-align: center;
      font-size: 14px;
      line-height: 1;
      display: block;
      padding: 12px 0;
      text-decoration: none;
      border: 1px solid #333;
      position: relative; }
      .moreBtnB a:after {
        width: 7px;
        height: 7px;
        position: absolute;
        top: 13px;
        right: 13px;
        border-bottom: 2px solid #333;
        border-right: 2px solid #333;
        content: "";
        display: block;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }

  .ereaBtnList + .moreBtnB,
  .tagBtnList + .moreBtnB {
    margin-top: 0;
    margin-bottom: 20px; }

  .mapBtn a {
    font-size: 14px;
    padding: 15px 11px 15px 55px;
    background: #ec6565 url("/files/user/common/css/images/icn_mapBtn.png") no-repeat 18px center;
    background-size: 19px auto;
    border-bottom: #D6D6D6 2px solid; }

  .returnBtn {
    width: 100%;
    margin: 25px auto 0; }
    .returnBtn a,
    .returnBtn input[type="button"], .returnBtn input[type="submit"]  {
      width: 100%;
      box-sizing: border-box;
      padding: 12px 0;
      font-size: 16px; }

  .formBtnList {
    margin-top: 20px; }
    .formBtnList li {
      width: 100%;
      padding: 0;
      display: block; }
      .formBtnList li:not(:first-child) {
        margin-top: 10px; }
      .formBtnList li.fbBtn {
        width: 100%;
        background-color: #264897; }
        .formBtnList li.fbBtn a {
          background-color: transparent;
          padding: 0; }
          .formBtnList li.fbBtn a img {
            max-width: 210px;
            width: 100%;
            height: auto; }
      .formBtnList li a,
      .formBtnList li input[type="button"] {
        width: 100%;
        font-size: 16px;
        margin: 0 auto; }
        .formBtnList li a:hover,
        .formBtnList li input[type="button"]:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
          opacity: 1; }
        .formBtnList li a.line2,
        .formBtnList li input[type="button"].line2 {
          padding: 6px 0 23px; }

  .loginBtn {
    width: 100%;
    margin: 25px auto 0; }
    .loginBtn a {
      padding: 12px 0;
      font-size: 16px; }
    .loginBtn input[type="button"] {
      width: 100%; }

  .ereaBtnList,
  .tagBtnList {
    width: 100%;
    margin: 0 0 15px; }

  .categoryBtn {
    width: 100%;
    margin: 0 0 20px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .categoryBtn li {
      display: inline-block;
      margin: 0 1% 10px 0;
      width: 49%; }
      .categoryBtn li a {
        width: 100%; }
      .categoryBtn li:nth-child(2n) {
        margin: 0 0 10px 1%; }
      .categoryBtn li.cate1 a {
        background: #ececec url("/files/user/common/css/images/icn_Btn_cate01.png") no-repeat 11px 9px;
        background-size: 10px 14px; }
      .categoryBtn li.cate1.on a {
        background: #ed5c35 url("/files/user/common/css/images/icn_Btn_cate01_on.png") no-repeat 11px 9px;
        background-size: 10px 14px; }
      .categoryBtn li.cate2 a {
        background: #ececec url("/files/user/common/css/images/icn_Btn_cate02.png") no-repeat 10px 7px;
        background-size: 11px 14px; }
      .categoryBtn li.cate2.on a {
        background: #dd7f9a url("/files/user/common/css/images/icn_Btn_cate02_on.png") no-repeat 10px 7px;
        background-size: 11px 14px; }
      .categoryBtn li.cate3 a {
        background: #ececec url("/files/user/common/css/images/icn_Btn_cate03.png") no-repeat 9px 11px;
        background-size: 14px 11px; }
      .categoryBtn li.cate3.on a {
        background: #4d911b url("/files/user/common/css/images/icn_Btn_cate03_on.png") no-repeat 9px 11px;
        background-size: 14px 11px; }
      .categoryBtn li.cate4 a {
        background: #ececec url("/files/user/common/css/images/icn_Btn_cate04.png") no-repeat 9px 7px;
        background-size: 15px 18px; }
      .categoryBtn li.cate4.on a {
        background: #81549c url("/files/user/common/css/images/icn_Btn_cate04_on.png") no-repeat 9px 7px;
        background-size: 15px 18px; }
      .categoryBtn li.cate5 a {
        background: #ececec url("/files/user/common/css/images/icn_Btn_cate05.png") no-repeat 9px 8px;
        background-size: 17px 16px; }
      .categoryBtn li.cate5.on a {
        background: #7c5620 url("/files/user/common/css/images/icn_Btn_cate05_on.png") no-repeat 9px 8px;
        background-size: 17px 16px; }
      .categoryBtn li.cate6 a {
        background: #ececec url("/files/user/common/css/images/icn_Btn_cate06.png") no-repeat 9px 6px;
        background-size: 14px 19px; }
      .categoryBtn li.cate6.on a {
        background: #147fb7 url("/files/user/common/css/images/icn_Btn_cate06_on.png") no-repeat 9px 6px;
        background-size: 14px 19px; }

  /*planContent
  ==================================================*/
  .planWrap {
    padding: 10px 12px 10px 4px; }

  .planContent {
    padding: 0 0 0 30px;
    background: url("/files/user/common/css/images/bg_arrow.png") repeat-y 8px top;
    background-size: 12px auto; }

  /*recommend
  ==================================================*/
  .RecommendWrap {
    margin: 20px -10px 0;
    padding: 15px; }

  .recommendSpot {
    padding: 8px 10px;
    background-size: 550px 450px;
    border-radius: 12px;
    margin-top: 15px; }
    .recommendSpot img {
      margin: 10px auto 0;
      max-width: 230px; }

  /*moveArea
  ==================================================*/
  .moveArea {
    background-color: #F4F3F1;
    padding: 15px 10px;
    margin-bottom: 13px; }

  /*articleContent
  ==================================================*/
  .mainVisual img {
    box-sizing: border-box; }

  .mainVisualWrap {
    margin-bottom: 15px; }

  .articleContent .main {
    width: 100%;
    float: none; }
  .articleContent .aside {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 23px; }
  .articleContent .footContent {
    width: 100%; }
  .articleContent .noteTxt.posiNote {
    top: -67px;
    margin-top: 0;
    margin-bottom: 0; }
  .articleContent .commentSideArea {
    margin-top: 15px; }
    .articleContent .commentSideArea .inner .userCommetWrap {
      padding: 10px; }
      .articleContent .commentSideArea .inner .userCommetWrap .userCommet {
        height: 175px; }
        .articleContent .commentSideArea .inner .userCommetWrap .userCommet li {
          margin-top: 10px; }
      .articleContent .commentSideArea .inner .userCommetWrap .imgWrap {
        display: table-cell;
        width: 18%; }
      .articleContent .commentSideArea .inner .userCommetWrap .txtWrap {
        font-size: 12px;
        display: table-cell;
        width: 78%;
        box-sizing: border-box; }
        .articleContent .commentSideArea .inner .userCommetWrap .txtWrap:before {
          left: -8px;
          top: 15px; }
  .articleContent .block2D .commentSideArea {
    width: 100%;
    margin-top: 0; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap {
      padding: 10px 15px; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap .userCommet {
        height: 304px; }
        .articleContent .block2D .commentSideArea .inner .userCommetWrap .userCommet li {
          margin-top: 10px; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap .imgWrap {
        width: 18%; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap .userImg {
        width: 35px;
        height: 35px;
        border-radius: 27px; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap .txtWrap {
        width: 78%;
        padding: 10px; }
        .articleContent .block2D .commentSideArea .inner .userCommetWrap .txtWrap:before {
          top: 10px; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap2 {
      padding: 10px 20px;
      border-top: 1px solid #D3D3D3; }
      .articleContent .block2D .commentSideArea .inner .userCommetWrap2 .postingTtl {
        font-size: 16px; }
        .articleContent .block2D .commentSideArea .inner .userCommetWrap2 .postingTtl span {
          font-size: 13px; }
        .articleContent .block2D .commentSideArea .inner .userCommetWrap2 .postingTtl:after {
          content: "";
          display: block;
          clear: both; }

  /*conditional
  ==================================================*/
  .conditionalArea {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px; }
    .conditionalArea .conditional {
      padding: 6px 8px 14px; }

  /*spec
  ==================================================*/
  .specArea {
    background-image: url("/files/user/common/css/images/bg_bdr_02.png");
    padding: 3px;
    line-height: 1.5;
    margin-bottom: 15px; }
    .specArea .spec {
      padding: 0 8px 10px; }
    .specArea .specTbl:after {
      content: "";
      display: block;
      clear: both; }
    .specArea .specTbl tr:first-of-type {
      border-bottom: none; }
    .specArea .specTbl td {
      width: 100%;
      float: left;
      padding: 10px 0 0; }
      .specArea .specTbl td:first-child a,
      .specArea .specTbl td:first-child p {
        border-right: none !important; }
    .specArea .specTbl a,
    .specArea .specTbl p {
      font-size: 12px !important;
      padding-left: 23px !important; }
      .specArea .specTbl a.icn01,
      .specArea .specTbl p.icn01 {
        background: url("/files/user/common/css/images/icn_spec01.png") no-repeat left 0.2em !important;
        background-size: 16px 15px !important; }
      .specArea .specTbl a.icn02,
      .specArea .specTbl p.icn02 {
        background: url("/files/user/common/css/images/icn_spec02.png") no-repeat left 0.2em !important;
        background-size: 12px 17px !important; }
      .specArea .specTbl a.icn03,
      .specArea .specTbl p.icn03 {
        background: url("/files/user/common/css/images/icn_spec03.png") no-repeat left 0.2em !important;
        background-size: 15px 15px !important; }
      .specArea .specTbl a.icn04,
      .specArea .specTbl p.icn04 {
        background: url("/files/user/common/css/images/icn_spec04.png") no-repeat left 0.2em !important;
        background-size: 15px 15px !important; }

  /*profile
  ==================================================*/
  .profileArea {
    border: 4px solid #EFEFEF;
    padding: 14px 8px 8px;
    margin-bottom: 23px; }
    .profileArea .profile .imgBox {
      width: 28%;
      padding-right: 10px;
      margin-bottom: 15px;
      box-sizing: content-box; }
      .profileArea .profile .imgBox .prfImg {
        border: 3px solid #fff;
        width: 68px;
        height: 68px; }
        .profileArea .profile .imgBox .prfImg img {
          height: 68px; }
    .profileArea .profile .nameBox {
      width: 67%;
      padding-left: 13px; }
      .profileArea .profile .nameBox .name {
        font-size: 16px;
        margin-bottom: 5px;
        display: inline-block;
        padding-right: 12px; }
      .profileArea .profile .nameBox .snsIcn {
        display: block; }
    .profileArea .profile .commentBox {
      clear: both;
      width: 100%;
      float: none;
      padding-left: 0;
      font-size: 12px;
      margin-bottom: 12px; }
    .profileArea .profile .statusBox {
      width: 100%;
      float: none;
      display: table;
      table-layout: fixed;
      padding-left: 0;
      text-align: center; }
      .profileArea .profile .statusBox li {
        display: table-cell;
        width: 50%;
        margin-left: 0;
        padding-left: 7px;
        min-width: 142px;
        vertical-align: middle; }
        .profileArea .profile .statusBox li:first-child {
          padding-left: 0; }
        .profileArea .profile .statusBox li a {
          font-size: 10px;
          padding: 6px 12px 7px 25px; }
          .profileArea .profile .statusBox li a strong {
            font-size: 12px; }
        .profileArea .profile .statusBox li.bookMark a {
          background: #efefef url("/files/user/common/css/images/icn_folder_mypage.png") no-repeat 10px 1.1em;
          background-size: 12px 10px; }
        .profileArea .profile .statusBox li.gone a {
          padding: 7px 12px 7px 20px;
          background: #efefef url("/files/user/common/css/images/icn_going_mypage.png") no-repeat 20px 13px;
          background-size: 13px 12px; }
      .profileArea .profile .statusBox li {
        font-size: 10px !important;
        padding: 6px 5px !important; }
        .profileArea .profile .statusBox li strong {
          font-size: 12px !important;
          display: block;
          padding-left: 0; }
        .profileArea .profile .statusBox li.bookMark:before {
          width: 12px;
          height: 12px;
          background: url("/files/user/common/css/images/icn_folder_mypage.png") no-repeat 0 0 !important;
          background-size: 12px 10px !important;
          margin-right: 5px; }
        .profileArea .profile .statusBox li.gone {
          padding: 6px 12px !important; }
          .profileArea .profile .statusBox li.gone:before {
            width: 13px;
            height: 12px;
            background: url("/files/user/common/css/images/icn_going_mypage.png") no-repeat 0 0 !important;
            background-size: 13px 12px !important;
            margin-right: 5px; }
    .profileArea .memberInfo li a {
      font-size: 12px;
      padding-left: 5px; }

  /*spotBlock
  ==================================================*/
  .spotBlockWrap {
    margin: 0 -7px; }

  .spotBlock {
    width: 46%;
    margin: 0 2% 20px; }
    .spotBlock img {
      height: auto; }
    .spotBlock .likeBtnList li.like a {
      padding: 8px 2px 8px 25px;
      font-size: 10px; }
      .spotBlock .likeBtnList li.like a span.mark {
        -webkit-transform-origin: 40% 50%;
        -ms-transform-origin: 40% 50%;
        transform-origin: 40% 50%;
        top: 6px; }
      .spotBlock .likeBtnList li.like a:before {
        top: 6px; }
    .spotBlock .likeBtnList li.folder a span.mark {
      -webkit-transform-origin: 40% 50%;
      -ms-transform-origin: 40% 50%;
      transform-origin: 40% 50%;
      left: -69px;
      top: -138px;
      width: 136px;
      height: 135px; }
    .spotBlock .likeBtnList li.folder a:before {
      top: 8px;
      left: 25px; }
    .spotBlock .likeBtnList li.folder.on a span.mark {
      left: 33px;
      top: 20px;
      width: 0;
      height: 0; }
    .spotBlock .spotTxt {
      font-size: 12px;
      text-align: left;
      box-sizing: border-box; }

  /*narrowArea
  ==================================================*/
  .narrowArea {
    margin-bottom: 25px; }
    .narrowArea .tabList {
      width: 100%;
      display: table;
      table-layout: fixed; }
      .narrowArea .tabList li {
        display: table-cell;
        vertical-align: bottom; }
        .narrowArea .tabList li a {
          display: block;
          padding-left: 1px; }
          .narrowArea .tabList li a span {
            font-size: 13px;
            display: block;
            width: auto;
            padding: 8px 0;
            border-top: 1px solid #e4e4e4;
            border-left: 1px solid #e4e4e4;
            border-right: 1px solid #e4e4e4;
            min-height: 30px; }
            .narrowArea .tabList li a span:before {
              margin: 0 5px 0 0; }
        .narrowArea .tabList li.all a span:before {
          width: 11px;
          height: 11px;
          background: url("/files/user/common/css/images/icn_all.png") no-repeat 0 0;
          background-size: 11px 11px; }
        .narrowArea .tabList li.all.on a span:before {
          background: url("/files/user/common/css/images/icn_all_on.png") no-repeat 0 0;
          background-size: 11px 11px; }
        .narrowArea .tabList li.spot a span:before {
          width: 9px;
          height: 13px;
          background: url("/files/user/common/css/images/icn_spot.png") no-repeat 0 0;
          background-size: 9px 13px; }
        .narrowArea .tabList li.spot.on a span:before {
          background: url("/files/user/common/css/images/icn_spot_on.png") no-repeat 0 0;
          background-size: 9px 13px; }
        .narrowArea .tabList li.plan a span:before {
          width: 11px;
          height: 9px;
          background: url("/files/user/common/css/images/icn_plan.png") no-repeat 0 0;
          background-size: 11px 9px; }
        .narrowArea .tabList li.plan.on a span:before {
          background: url("/files/user/common/css/images/icn_plan_on.png") no-repeat 0 0;
          background-size: 11px 9px; }
        .narrowArea .tabList li.story a span:before {
          width: 13px;
          height: 13px;
          background: url("/files/user/common/css/images/icn_story.png") no-repeat 0 0;
          background-size: 13px 13px; }
        .narrowArea .tabList li.story.on a span:before {
          background: url("/files/user/common/css/images/icn_story_on.png") no-repeat 0 0;
          background-size: 13px 13px; }
    .narrowArea .tabBox {
      border: 1px solid #e4e4e4;
      padding: 24px 10px; }
    .narrowArea .squeeze li {
      font-size: 12px;
      margin-left: 0;
      vertical-align: middle; }
      .narrowArea .squeeze li:first-child {
        display: block;
        margin-bottom: 10px;
        margin-left: 0; }
      .narrowArea .squeeze li.bookMark a {
        padding: 6px 8px 6px 28px;
        background: #efefef url("/files/user/common/css/images/icn_folder_mypage_of.png") no-repeat 10px center;
        background-size: 15px 12px; }
        .narrowArea .squeeze li.bookMark a.on {
          background: #f39400 url("/files/user/common/css/images/icn_folder_mypage02.png") no-repeat 10px center;
          background-size: 15px 12px; }
      .narrowArea .squeeze li.gone a {
        padding: 6px 8px 6px 28px;
        background: #efefef url("/files/user/common/css/images/icn_going_mypage02.png") no-repeat 10px center;
        background-size: 15px 14px; }
        .narrowArea .squeeze li.gone a.on {
          background: #498147 url("/files/user/common/css/images/icn_going_content_on.png") no-repeat 10px center;
          background-size: 15px 14px; }
    .narrowArea .areaTtl {
      font-size: 12px;
      display: table-cell;
      margin-right: 32px;
      margin-top: 5px;
      float: left;
      vertical-align: bottom; }
      .narrowArea .areaTtl:after {
        content: "";
        display: block;
        clear: both; }
    .narrowArea .area {
      display: table-cell;
      vertical-align: bottom; }
      .narrowArea .area:after {
        content: "";
        display: block;
        clear: both; }
      .narrowArea .area li {
        font-size: 14px; }
        .narrowArea .area li a {
          font-size: 13px; }
    .narrowArea .spotBlockWrap {
      clear: both; }
      .narrowArea .spotBlockWrap:after {
        content: "";
        display: block;
        clear: both; }
    .narrowArea .spotBlock {
      width: 46%;
      margin: 0 2% 20px; }
      .narrowArea .spotBlock .like {
        position: absolute;
        top: 110px;
        right: 5px; }
        .narrowArea .spotBlock .like a {
          font-size: 12px;
          color: #FFF;
          cursor: pointer;
          padding-left: 48px;
          text-decoration: none;
          -webkit-transition: color 0.6s;
          transition: color 0.6s; }
          .narrowArea .spotBlock .like a span.mark {
            position: absolute;
            left: 18px;
            top: -3px;
            width: 28px;
            height: 20px;
            background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top;
            background-size: 28px 41px;
            z-index: 10;
            visibility: hidden; }
          .narrowArea .spotBlock .like a:before {
            content: "";
            position: absolute;
            left: 18px;
            top: -3px;
            width: 28px;
            height: 21px;
            background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left -20px;
            background-size: 28px 41px; }
        .narrowArea .spotBlock .like.on a {
          color: #FFF;
          cursor: pointer;
          -webkit-transition: color 0.6s;
          transition: color 0.6s; }
          .narrowArea .spotBlock .like.on a span.mark {
            visibility: visible;
            opacity: 0;
            -ms-transform: scale(3);
            -webkit-transform: scale(3);
            transform: scale(3);
            -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out;
            transition: opacity 0.8s ease-in, transform 0.8s ease-out; }
          .narrowArea .spotBlock .like.on a:before {
            background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top;
            background-size: 28px 41px; }
    .narrowArea .pagination {
      white-space: nowrap;
      margin-top: 0px; }
      .narrowArea .pagination .next a,
      .narrowArea .pagination .back a {
        width: 100px; }

  .sliderWrapA {
    margin: 0 20px;
    box-sizing: border-box; }
    .sliderWrapA .spotBlock .like {
      position: absolute;
      bottom: 65px;
      right: 10px; }

  /*management
  ==================================================*/
  .managementArea {
    min-height: 1px; }

  .errorBox {
    padding: 20px 25px;
    margin-bottom: 10px;
    font-size: 13px; }

  .formBox {
    padding: 3px;
    font-size: 13px; }
    .formBox .formBox_inner {
      padding: 20px; }
      .formBox .formBox_inner h2 {
        font-size: 16px; }
        .formBox .formBox_inner h2 + .errorTxt + p {
          margin-top: 15px; }
      .formBox .formBox_inner > .formNote {
        padding-bottom: 20px; }
    .formBox .loginBox {
      margin-top: 15px;
      padding: 15px; }

  .inputBox .inputLst:not(:first-child) {
    border-top: 1px solid #D5D5D5;
    margin-top: 15px;
    padding-top: 15px; }

  .inputLst:not(:first-child) {
    margin-top: 15px; }
  .inputLst li {
    display: block; }
    .inputLst li.heading {
      width: 100%;
      padding-bottom: 10px; }
    .inputLst li.input input[type="text"] {
      width: 100%;
      border-radius: 15px;
      padding: 8px 10px;
      margin-left: 0;
      box-sizing: border-box; }
    .inputLst li.input_short input[type="text"] {
      width: 100%;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: 2px solid #d5d5d5;
      border-radius: 15px;
      padding: 8px 10px; }
    .inputLst li.inputTxt {
      width: 100%;
      margin-left: 0; }
    .inputLst li.txtArea textarea {
      width: 100%;
      min-width: 100%;
      border: 2px solid #d5d5d5;
      border-radius: 15px;
      padding: 8px 10px;
      margin-left: 0; }

  .passFoget {
    margin-top: 10px; }

  .facebookLogin {
    margin-top: 15px; }
    .facebookLogin > p {
      padding: 0 10px 5px; }
      .facebookLogin > p a:hover img {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }

/*  .imgView {
    margin-bottom: 10px; }*/

  /*mapArea
  ==================================================*/
  .mapArea img {
    width: 100%;
    height: auto; }
  .mapArea .detail {
    padding: 18px; }

  /*pagination
  ==================================================*/
  .pagination {
    margin-top: 10px; }
    .pagination li {
      margin-left: 10px;
      display: none; }
      .pagination li:first-child, .pagination li:last-child {
        display: inline-block; }
      .pagination li.spPage {
        display: inline-block;
        vertical-align: bottom; }
    .pagination .prev a {
      padding: 0;
      width: 110px; }
      .pagination .prev a:before {
        left: 23px;
        top: 14px; }
      .pagination .prev a span {
        display: block;
        font-size: 14px;
        padding: 12px 0 12px 8px;
        text-align: center;
        background-color: #EFEFEF; }
      .pagination .prev a:hover {
        color: #333;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8; }
    .pagination .next a {
      padding: 0;
      width: 110px; }
      .pagination .next a:before {
        right: 23px;
        top: 14px;
        border-color: #fff; }
      .pagination .next a span {
        display: block;
        font-size: 14px;
        padding: 12px 8px 12px 0;
        text-align: center;
        color: #fff;
        background-color: #333333; }
      .pagination .next a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8; }

  /*other
  ==================================================*/
  .bdrBox {
    padding: 3px; }
    .bdrBox .bdrBox_inner {
      padding: 10px 0 20px; }

  .bdrBox2 {
    padding: 3px;
    margin-bottom: 20px; }
    .bdrBox2 .bdrBox_inner {
      padding: 10px 0 20px; }
    .bdrBox2.siteMap .bdrBox_inner {
      padding: 10px 10px 20px; }

  .bdrBox3 {
    padding: 3px;
    margin-bottom: 20px; }
    .bdrBox3 .bdrBox_inner {
      padding: 20px 15px 20px 20px;
      height: 320px; }
    .bdrBox3 .txt:not(:first-child) {
      margin-top: 15px; }

  .bdrBox4 {
    display: block;
    padding: 3px;
    margin-bottom: 20px; }
    .bdrBox4 .bdrBox_inner {
      padding: 10px 0 20px; }
    .bdrBox4.siteMap .bdrBox_inner {
      padding: 10px 10px 20px; }

  .bdrBox5 {
    border: 4px solid #7E7E7E;
    padding: 15px; }
    .bdrBox5 .bdrBox_inner {
      padding: 20px 0; }
    .bdrBox5 .bdrBox_ttl {
      font-size: 14px; }

  .qaBox {
    display: block;
    width: 100%; }
    .qaBox .qaBlock {
      font-size: 13px;
      display: block;
      width: 100%; }
      .qaBox .qaBlock:not(:first-child) {
        background: none; }
      .qaBox .qaBlock:last-child .qaLst li:last-child {
        padding-bottom: 0;
        border: none; }

  .qaLst {
    padding: 10px 20px 0; }
    .qaLst li:not(:first-child) {
      margin-top: 5px; }
    .qaLst li:last-child {
      padding-bottom: 10px;
      border-bottom: 1px solid #b2b2b2; }
    .qaLst li a {
      padding-left: 12px; }

  .linkBox {
    display: block; }
    .linkBox .linkBox_inner {
      display: block;
      width: 100%;
      padding: 0 20px; }
      .linkBox .linkBox_inner:not(:first-child) {
        background: none; }

  .linkBoxLst li:first-child a {
    margin-top: 5px; }
  .linkBoxLst li a {
    font-size: 13px;
    padding-left: 12px;
    margin-top: 5px; }
  .linkBoxLst.siteMap li {
    padding-bottom: 12px; }
    .linkBoxLst.siteMap li:not(:first-child) {
      padding-top: 12px; }
      .linkBoxLst.siteMap li:not(:first-child) > a:after {
        top: 0.5em;
        margin-top: 0; }
    .linkBoxLst.siteMap li:first-child {
      margin-top: 12px; }
    .linkBoxLst.siteMap li.contents > ul > li > a:after {
      top: 0.2em;
      font-size: 20px; }
    .linkBoxLst.siteMap li.contents > ul > li:first-child > a:after {
      top: 0.2em; }

  .memberBox {
    display: block; }

  .memberBox_inner {
    display: block;
    border: 2px solid #CF2D0C;
    padding: 12px 20px 20px; }
    .memberBox_inner:not(:first-of-type) {
      margin-top: 20px; }
    .memberBox_inner .memNum img {
      width: 31px;
      height: auto; }
    .memberBox_inner .memTtl {
      font-size: 15px;
      padding-left: 25px;
      margin-bottom: 20px;
      min-height: auto; }
    .memberBox_inner .memImg {
      text-align: center;
      margin-bottom: 15px; }
      .memberBox_inner .memImg img {
        max-width: 220px;
        width: 100%;
        height: auto; }
    .memberBox_inner .memTxt {
      line-height: 1.6; }

  .memberBox_inner_space {
    display: none; }

  .aboutBoxWrap {
    padding: 3px;
    margin-bottom: 20px; }
    .aboutBoxWrap .aboutBox {
      display: block;
      table-layout: auto;
      padding: 20px; }
      .aboutBoxWrap .aboutBox .aboutBox_Inner {
        display: block;
        width: 100%;
        text-align: center; }
        .aboutBoxWrap .aboutBox .aboutBox_Inner.right_inner {
          text-align: center;
          margin-top: 30px; }

  .aboutLeadWrap {
    padding: 20px;
    margin-bottom: 20px; }

  .aboutLeadLst li span {
    padding-right: 10px;
    vertical-align: top;
    padding-top: 0.4em; }
    .aboutLeadLst li span img {
      width: 30px;
      height: auto; }
  .aboutLeadLst li:not(:first-child) {
    margin-top: 20px; }

  .staffWrap {
    width: 100%;
    display: block;
    table-layout: auto; }
    .staffWrap .staffBox {
      display: block;
      width: 100%; }
      .staffWrap .staffBox img {
        max-width: 100%; }
    .staffWrap .staffBox_plf {
      padding: 20px 15px;
      font-size: 16px; }
      .staffWrap .staffBox_plf p {
        line-height: 1.8; }
        .staffWrap .staffBox_plf p > span {
          color: #cf2d0c; }
      .staffWrap .staffBox_plf .name {
        font-weight: bold; }
      .staffWrap .staffBox_plf .stay {
        margin-bottom: 5px; }
    .staffWrap .staffBox_space {
      display: block;
      height: 20px;
      width: 100%; }

  .infoTopBoxWrap {
    display: block;
    table-layout: auto; }
    .infoTopBoxWrap:not(:first-of-type) {
      margin-top: 20px; }
    .infoTopBoxWrap.infoTopBoxWrap_Wide {
      width: 100%;
      display: block;
      table-layout: auto; }
      .infoTopBoxWrap.infoTopBoxWrap_Wide .infoTopBox_wide {
        width: 100%;
        display: block;
        border: 3px solid #89cff1;
        padding: 10px; }

  .infoTopBox {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: 3px solid #89cff1;
    padding: 10px; }

  .infoTopBox_space {
    display: block;
    width: 0;
    height: 20px; }

  .infoTopBoxImgArea {
    position: relative; }
    .infoTopBoxImgArea.infoTopBoxImgArea_wide img {
      max-width: 100%; }
    .infoTopBoxImgArea .infoTopBox_txt {
      bottom: 10px;
      font-size: 20px; }
      .infoTopBoxImgArea .infoTopBox_txt span {
        position: relative; }
        .infoTopBoxImgArea .infoTopBox_txt span:before {
          content: "";
          position: absolute;
          left: -20px;
          display: block;
          width: 10px;
          height: 10px;
          margin-top: -5px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

  .infoTopDetail li:not(:first-child) {
    margin-top: 5px; }
  .infoTopDetail li:before {
    margin-top: 0.5em; }

  .infoTopBox_thmbBlock {
    width: 100%;
    display: block;
    table-layout: auto; }
    .infoTopBox_thmbBlock:not(:first-of-type) {
      margin-top: 20px; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner {
      display: block;
      width: 100%; }
      .infoTopBox_thmbBlock .infoTopBox_thmbInner:nth-child(even) a {
        padding-left: 0; }
      .infoTopBox_thmbBlock .infoTopBox_thmbInner:not(:first-of-type) {
        margin-top: 20px; }
      .infoTopBox_thmbBlock .infoTopBox_thmbInner .imgArea {
        margin-right: 5px;
        width: 35%;
        padding-right: 0; }
      .infoTopBox_thmbBlock .infoTopBox_thmbInner .txtArea {
        font-size: 14px;
        padding-left: 16px;
        width: 60%; }
        .infoTopBox_thmbBlock .infoTopBox_thmbInner .txtArea:before {
          content: "";
          position: absolute;
          top: 14px;
          left: 0;
          display: block;
          width: 6px;
          height: 6px;
          margin-top: -8px;
          border-top: 2px solid #000;
          border-right: 2px solid #000;
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

  /*topPage
  ==================================================*/
  .articleArea {
    height: auto !important; }
    .articleArea:after {
      content: "";
      display: block;
      clear: both; }
    .articleArea > .articleElm {
      position: relative !important;
      top: 0 !important;
      left: 0 !important;
      -ms-transform: none !important;
      -webkit-transform: none !important;
      transform: none !important;
      -webkit-transition: none !important;
      transition: none !important;
      width: 49%;
      height: auto;
      float: left;
      margin-bottom: 10px; }
      .articleArea > .articleElm.s_size .articleInfoWrap, .articleArea > .articleElm.video .articleInfoWrap {
        background: none; }
        .articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like {
          bottom: 45px; }
          .articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like a span.mark, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like a span.mark {
            top: -10px; }
          .articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like a span.countno, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like a span.countno {
            top: -2px; }
          .articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like a:before, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like a:before {
            top: -10px; }
      .articleArea > .articleElm.cloneElm {
        display: none; }
      .articleArea > .articleElm.cloneElmS {
        display: inline-block; }
      .articleArea > .articleElm img {
        width: 100%;
        height: auto; }
      .articleArea > .articleElm.right {
        /*.articleInfoWrap{
        	left: 5px;
        }*/
        left: 2% !important; }
        .articleArea > .articleElm.right:after {
          content: '';
          display: block;
          clear: both; }
      .articleArea > .articleElm.left {
        clear: left
        /*.articleInfoWrap{
        	padding-right: 5px !important;
        }*/ }
      .articleArea > .articleElm .articleInfoWrap {
        background: none;
        position: relative; }
        .articleArea > .articleElm .articleInfoWrap .articleInfo .articleTxt {
          font-size: 14px;
          color: #333;
          display: block;
          vertical-align: top;
          padding: 5px 10px; }
          .articleArea > .articleElm .articleInfoWrap .articleInfo .articleTxt a {
            color: #000; }
        .articleArea > .articleElm .articleInfoWrap .articleInfo .like {
          margin-top: -29px;
          margin-bottom: 5px; }
          .articleArea > .articleElm .articleInfoWrap .articleInfo .like a {
            display: inline-block;
            height: 1em;
            padding-left: 18px; }
            .articleArea > .articleElm .articleInfoWrap .articleInfo .like a span.mark {
              left: -38px;
              top: -10px;
              width: 28px;
              height: 20px;
              background-size: 28px 41px; }
            .articleArea > .articleElm .articleInfoWrap .articleInfo .like a:before {
              left: -38px;
              top: -10px;
              width: 30px;
              height: 25px;
              background: url("/files/user/common/css/images/icn_like_top_shadow.png") no-repeat left -25px;
              background-size: 30px 63px; }
            .articleArea > .articleElm .articleInfoWrap .articleInfo .like a span.countno {
              top: -2px;
              left: -10px;
              font-size: 13px; }
          .articleArea > .articleElm .articleInfoWrap .articleInfo .like.on a:before {
            background: url("/files/user/common/css/images/icn_like_top_shadow.png") no-repeat left top;
            background-size: 30px 63px; }
      .articleArea > .articleElm p.visualImg {
        background: #aaa;
        height: auto;
        position: relative;
        top: 0;
        left: 0; }
        .articleArea > .articleElm p.visualImg.spImg {
          display: block !important; }
        .articleArea > .articleElm p.visualImg.pcImg {
          display: none !important; }
      .articleArea > .articleElm.l_size {
        width: 100%;
        height: auto; }
      .articleArea > .articleElm.video {
        width: 100%;
        height: auto; }
        .articleArea > .articleElm.video .articleInfoWrap .articleInfo .articleTxt a {
          font-size: 14px; }
        .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like {
          bottom: 53px; }
        .articleArea > .articleElm.video p.movie {
          width: 100%;
          height: auto;
          display: block; }
          .articleArea > .articleElm.video p.movie iframe {
            width: 100%; }

  #loadingImg {
    margin-top: -250px;
    margin-left: -250px; }

  body.loaded #loadingImg {
    display: none; }
  body.loaded .articleArea > .articleElm {
    display: inline-block;
    opacity: 1; }

  .spSlideWrap {
    margin: 0 20px; } }
.articleContentWrap .snsBlockWrap .snsBlock.floatFixed {
  position: fixed;
  top: 60px;
  width: 100%;
  max-width: 620px;
  z-index: 100;
  margin-left: -20px;
  background: rgba(255, 255, 255, 0.8);
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 20px 5px 20px;
  box-sizing: border-box; }
  .articleContentWrap .snsBlockWrap .snsBlock.floatFixed .snsBlock_Wide {
    max-width: 920px; }
.articleContentWrap .snsBlockWrap .block2A.snsBlock .snsList {
  padding-top: 5px; }
.articleContentWrap .articleContent {
  position: relative; }
  .articleContentWrap .articleContent .aside {
    position: absolute;
    right: 0; }

.asideInnerWrap .commentSideArea {
  height: 440px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 20px;
  padding-bottom: 20px; }
.asideInnerWrap .fbBoxWrap {
  height: 500px;
  padding-bottom: 50px !important; }
.asideInnerWrap.floatFixed {
  position: fixed;
  top: 60px;
  width: 280px;
  background-color: #FFF;
  margin-top: 0; }

.noTransform {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important; }

@media only screen and (max-width: 767px) {
  .asideInnerWrap .commentSideArea {
    height: 100%; }

  .articleContentWrap .snsBlock.floatFixed {
    top: 50px !important;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -10px;
    padding: 5px 10px 5px 10px; }
  .articleContentWrap .articleContent .aside {
    position: static;
    float: none;
    margin-bottom: 23px;
    margin-left: 0;
    background: rgba(255, 255, 255, 0.8); } }
/*アドセンス用スタイル*/    
.AddsenceCenterPc {
    width:300px;
    margin:0 auto;
}
.hoge {
    position: relative;
    left: -10px;
    width: 300px;
    margin: 0 auto;
}

/* 右サイド　最新特集バナー 
==================================================*/

#contents2 #main_contents .rightAreaWrap .areaLink h2 {
display: table;
width: 260px;
position: relative;
left: 0px;
top: 5px;
height: 98px;
}
#contents2 #main_contents .rightAreaWrap span.AreaBannerLink.SmallFontThmu {
top: -1%;
font-size: 85%;
line-height: 18px;
}
#contents2 #main_contents .rightAreaWrap .areaLink span.AreaBannerLink, .areaWrap .areaLink span.AreaBannerLink {
display: table-cell;
width: 100%;
padding: 0px;
vertical-align: middle;
text-align: center;
position: relative;
z-index: 50;
}
#contents2 #main_contents .rightAreaWrap .areaLink span.AreaBannerLink span {
color: #fff;
}
#contents2 #main_contents .rightAreaWrap .AreaBannerLink span {
display: inline-block;
background-color: rgba(0, 0, 0, 0.3);
border-width: 1px 0px;
border-style: solid;
padding: 8px 0px 5px;
width: 100%;
}
#contents2 #main_contents .rightArea .rightAreaWrap .areaLink img {
margin: 5px 0;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width: 767px) {
#contents2 #main_contents .mainWide .areaLinkBlock {
width: 100%;
background-color: #f4f3f1;
padding: 10px 0;
}
#contents2 #main_contents .mainWide .areaLinkBlock .rightBlock {
padding: 20px;
background: #f4f3f1;
}
#contents2 #main_contents .mainWide .areaLinkBlock .areaWrap h2 {
display: table;
position: relative;
left: 0px;
width: 260px;
margin: 0 auto;
height: 98px;
}
#contents2 #main_contents .mainWide span.AreaBannerLink.SmallFontThmu {
font-size: 80%;
line-height: 18px;
}
#contents2 #main_contents .mainWide .areaLinkBlock .areaWrap span.AreaBannerLink span {
color: #fff;
}
#contents2 #main_contents .mainWide .areaWrap span.AreaBannerLink {
display: table-cell;
width: 100%;
padding: 0px;
vertical-align: middle;
text-align: center;
position: relative;
z-index: 50;
}
#contents2 #main_contents .mainWide .AreaBannerLink span {
display: inline-block;
background-color: rgba(0, 0, 0, 0.3);
border-width: 1px 0px;
border-style: solid;
padding: 8px 0px 5px;
width: 100%;
}
#contents2 #main_contents .mainWide .areaLinkBlock .areaWrap img {
margin: 5px 0;
position: absolute;
top: 0;
left: 0;
}
}

/* 2016.08.30 NewIcon追加 (大小パネル対応)*/
.NewIcon:before,.NewIconBig:after {
content: "";
float: left;
width: 30px;
height: 14px;
margin-top: 2px;
margin-right: 3px;
background: url("/files/user/common/css/images/new_icon_small.png") no-repeat left top;
background-size: 30px 14px;
}
.like.NewIconBig:after {
  margin-top: 10px;
  margin-left: 5px;
  background-size: 30px 14px;
}
   
   
/* iframe内コンテンツのレスポンシブ用*/
div.iframe02 {
    position: relative;
    height: 0px;
    margin: 5px 0px 10px;
    padding-top: 40px;
    padding-bottom: 60%;
    overflow: hidden;
}
div.iframe02 iframe.frame {
    width: 100%;
    position: absolute;
    height: 100%;
}

/* 会員情報変更 プロフィール写真 */
.memberPhoto_textInner {
    display: block;
    margin-top: 10px;
}
.memberPhoto_contents {
    display: inline-block;
    vertical-align: middle;
}
.memberPhoto_contents:not(:first-of-type) {
    margin-left: 20px;
}
.memberPhoto_btn_turn {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50% !important;
    background-color: #999;
    color: #fff;
    font-size: 24px;
    font-family: FontAwesome;
    line-height: 50px;
    cursor: pointer;
}
@media only screen and (min-width: 768px) {
    .memberPhoto_photoInner {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .memberPhoto_photoInner {
        margin: 20px 0;
    }
    .memberPhoto_contents {
        display: block;
    }
    .memberPhoto_contents:not(:first-of-type) {
        margin: 10px 0 0;
    }
    .sp_memberPhoto_photo {
        width: 150px;
        margin: 0 auto;
    }
    .sp_memberPhoto_btn {
        width: 50px;
        margin: 20px auto 0 !important;
    }
}
.copyTxt {

font-size: 12px;
position: absolute;
bottom: 10px;
right: 20px;
color: #fff;
display: none;
}
.slick-active .copyTxt {
display: inline-block;
}
.slick_slider.slider_spot_main .slick-slide {
position: relative;
}

/* tag */
.modal-tagsearch__inner, .modal-login__inner { text-align: left;}
input.tag_search_input {
    display: none;
}
input[type=checkbox].tag_search_input:checked + label, input[type=radio].tag_search_input:checked + label.free_tag {
    background-color: #ec6565;
    color: #fff;
}