/* -----------------------------------------------
  ARTICLE CONTAINER
----------------------------------------------- */
/* : wrapper : */
.article-wrapper {
  padding-top: 30px;
  word-break: break-all;
}
.article-wrapper .inner {
  padding: 0;
}
.article-wrapper ~ .article-wrapper {
  /*border-top: 1px solid #EBEBEB;*/
}
.article-sidebox .article-wrapper {
  padding-top: 0px;
}
@media (min-width: 768px) {
  .article-wrapper {
    padding-top: 40px;
  }
  .article-wrapper .inner {
    padding: 50px 20px 0;
  }
  .article-sidebox .article-wrapper {
    padding-top: 0px;
  }
  .article-sidebox .has-mainvisual .article-wrapper {
    padding-top: 50px;
  }
  .article-wrapper ~ .article-wrapper {
    padding-top: 50px;
  }
}

/* : inner : */
.article-inner {
  text-align: center;
  padding: 0 10px 50px;
}
.article-inner a {
  text-decoration: none;
  /*color: #5396E9;*/
  color: #000;
  transition: .4s;
}
.article-inner a:hover {
  opacity: .7;
}
.article-sidebox .article-inner {
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  body:not(.article-sidebox) .article-wrapper > .inner {
    max-width: 100%;
    padding: 0;
  }
  .article-inner {
    padding: 0 0 80px;
  }
  .article-sidebox .article-inner {
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .article-sidebox .mainbox {
    padding-right: 20px;
    /*margin-bottom: 60px;*/
  }
}
@media (min-width: 1024px) {
  .article-sidebox .mainbox {
    padding-right: 60px;
  }
}

/* : article-content : */
.article-content {
  position: relative;
  font-size: 15px;
  font-size: 1.4rem;
  word-break: break-all;
}
.article-content.article-promotion:before {
  content: 'PROMOTION';
  color: #aeaeae;
  font-size: 11px;
  font-size: 1.1rem;
  position: absolute;
  top: -16px;
  right: 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .article-content {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* : sidebox : */
body:not(.article-sidebox) .article-wrapper .sidebox-wrapper,
body:not(.article-sidebox) .article-wrapper .sidebox-wrapper .mainbox {
  padding: 0;
  margin: 0;
}
body:not(.article-sidebox) .article-wrapper .sidebox-wrapper .sidebox {
  display: none;
}

.article-wrapper .mainbox .article-content {
  font-family: Helvetica, "Helvetica Neue", "Lucida Grande", Arial, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", 繝｡繧､繝ｪ繧ｪ, Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", sans-serif;
}
.article-wrapper .mainbox .article-content .article-header {
  /*font-family: "Poppins", Helvetica, "Helvetica Neue", "Lucida Grande", Arial, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", 繝｡繧､繝ｪ繧ｪ, Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", sans-serif;*/
  /*font-family: "Roboto", Helvetica, "Helvetica Neue", "Lucida Grande", Arial, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", 繝｡繧､繝ｪ繧ｪ, Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", sans-serif;*/
}

/* -----------------------------------------------
  CONTENTS HEADER
----------------------------------------------- */
#contentsHeader {
  position: relative;
  max-width: 1150px;
  margin: 0 auto;
}
.article-tags #contentsHeader {
  max-width: none;
  /*background: #F7F7F7;*/
  padding: 0px 0 20px;
}
.article-tags #contentsHeader .ptXX {
  padding-top: 20px;
}

#contentsHeader h2.contents-title {
  color: #FFF;
  background: #000;
}

#contentsHeader .center-img img {
  min-height: 250px;
}
#contentsHeader .article-header {
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
#contentsHeader .article-header .subtitle {
  margin-bottom: 0;
}
#contentsHeader .article-header .words {
  font-size: 10px;
  font-size: 1.0rem;
  margin-top: 15px;
  word-wrap: break-word;
  white-space: normal;
}
.article-tags #contentsHeader .article-header {
  text-align: left;
  padding-left: 0px;
  padding-right: 0px;
}
.article-tags #contentsHeader .tags_mv {
  margin-left: -20px;
  margin-right: -20px;
}
.article-tags #contentsHeader .tags_mv .article-header {
  padding-left: 20px;
  padding-right: 20px;
}
.article-tags #contentsHeader .tags_mv .image-sp img {
  width: 100%;
}

@media (min-width: 768px) {
  #contentsHeader .article-header {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    margin: 0 auto 4%;
  }
  .article-tags #contentsHeader {
    padding: 0px 0 40px;
  }
  .article-tags #contentsHeader .ptXX {
    padding-top: 40px;
  }
  .article-tags #contentsHeader .article-header {
    text-align: left;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 40px auto 0;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 1024px) {
  #contentsHeader .article-header {
    padding: 0;
  }
  .article-tags #contentsHeader {
    padding: 0px 0 40px;
  }
}
@media (min-width: 1150px) {
  .article-tags #contentsHeader .tags_mv .article-header {
    padding-left: 0px;
    padding-right: 0px;
  }
  .article-tags #contentsHeader .tags_mv {
    margin-left: 0px;
    margin-right: 0px;
  }
}

#contentsHeader h2.article-tag-title,
#contentsHeader h2.tags-title {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  color: #000;
  background: #FFF;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 0;
  text-align: left;
}
#contentsHeader h2.tags-title {
  padding: 0;
}
.article-tags #contentsHeader h2.article-tag-title,
.article-tags #contentsHeader h2.tags-title {
  background: transparent;
}

@media (min-width: 768px) {
  #contentsHeader h2.article-tag-title,
  #contentsHeader h2.tags-title {
    font-size: 24px;
    font-size: 2.4rem;
    max-width: 1200px;
    margin: 0 auto;
    /*padding: 80px 50px 0;*/
    text-align: left;
  }
}

/* -----------------------------------------------
  SHARE BUTTON
----------------------------------------------- */
.article-inner .sharebtn {
  font-size: 0;
  letter-spacing: -1em;
  text-align: center;
  margin-bottom: 80px;
}
.article-sidebox .article-inner .sharebtn {
  margin-bottom: 50px;
}
.article-inner .sharebtn span {
  display: inline-block;
  color: #464646;
  font-size: 10px;
  font-size: 1.0rem;
  letter-spacing: 0.02em;
  vertical-align: middle;
  line-height: 40px;
}
.article-inner .sharebtn ul li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: normal;
  vertical-align: middle;
  margin-left: 2px;
}
.article-inner .sharebtn ul li:first-child {
  margin-left: 0px;
}
.article-inner .sharebtn ul li a {
  display: block;
  height: 40px;
  width: 52px;
  position: relative;
}
/*.article-inner .sharebtn .share-facebook {
  background: #334498;
}
.article-inner .sharebtn .share-twitter {
  background: #469AE9;
}
.article-inner .sharebtn .share-line {
  background: #00C300;
}
.article-inner .sharebtn .share-pinterest {
  background: #CA0034;
}
.article-inner .sharebtn .share-mail {
  background: #898989;
}*/

.article-inner .sharebtn ul li .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.article-inner .sharebtn ul li svg {
  display: block;
  fill: #FFF;
}

.article-inner .sharebtn .share-facebook svg {
  width: 18px;
  height: 32px;
  fill: #4a4a4a;
}
.article-inner .sharebtn .share-twitter svg {
  width: 34px;
  height: 27px;
  fill: #4a4a4a;
}
.article-inner .sharebtn .share-line svg {
  width: 32px;
  height: 30px;
  fill: #4a4a4a;
}
.article-inner .sharebtn .share-pinterest svg {
  width: 28px;
  height: 28px;
  fill: #4a4a4a;
}
.article-inner .sharebtn .share-mail svg {
  width: 30px;
  height: 19px;
  fill: #4a4a4a;
}

@media (min-width: 768px) {
  .article-inner .readtext + .sharebtn {
    margin-top: 50px;
  }
  .article-sidebox .article-inner .sharebtn {
    text-align: left;
  }
  .article-inner .sharebtn span {
    background: #F8F8F8;
    padding: 0 20px;
  }
  .article-inner .sharebtn ul {
    display: inline-block;
    vertical-align: middle;
  }
  .article-inner .sharebtn ul li {
    margin-left: 14px;
  }
}
.article-inner .detBlock__cts__header {
  /*max-width: 640px;*/
  text-align: left;
  padding-top: 0px;
  margin: 0 auto;
}
.detBlock__cts-feature .detBlock__cts__header {
  max-width: 640px;
}
.article-inner .detBlock__cts__header__tag {
  font-size: 1rem;
  font-weight: normal;
  margin: 0 0 10px;
}
.article-inner .detBlock__cts__header__ttl {
  margin: 10px 0 10px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
}
.article-inner .detBlock__cts__header__subttl {
  margin: 0 0 20px;
  font-size: 1.6rem;
  font-weight: bold;
}
.article-inner .detBlock__cts__header__credit {
  font-size: 1.0rem;
  margin: 15px 0 30px;
  word-wrap: break-word;
  white-space: normal;
}
.article-inner .detBlock__cts__header__lead {
  margin: 20px 0;
}
.article-inner .detBlock__cts__header__lead .readtext {
  margin: 0;
  font-size: 1.5rem;
}
.article-inner .detBlock__cts__header a,
.article-inner .detBlock__cts__header a:link {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .article-inner .detBlock__cts__header {
      padding-top: 10px;
  }
  .article-inner .detBlock__cts__header__tag {
    font-size: 1.1rem;
    font-weight: normal;
    margin: 0 0 30px;
  }
  .article-inner .detBlock__cts__header__ttl {
    margin: 10px 0 10px;
    font-size: 2.3rem;
    line-height: 1.65;
    font-weight: bold;
  }
  .article-inner .detBlock__cts__header__subttl {
    margin: 10px 0;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .article-inner .detBlock__cts__header__credit {
    font-size: 1.0rem;
    margin: 15px 0;
    word-wrap: break-word;
    white-space: normal;
  }
  .article-inner .detBlock__cts__header__lead {
    margin: 20px 0;
  }
  .article-inner .detBlock__cts__header__lead .readtext {
    margin: 0;
  }
}
.contentsHeader__image {
  margin: 0 0 40px;
}
@media screen and (min-width: 768px) {
  .contentsHeader__image {
    margin: 0 0 40px ;
  }
}
/* -----------------------------------------------
  CONTENT PARTS
----------------------------------------------- */
.image-pc {
  display: none;
}
.image-pc img {
  width: 100%;
}
@media (min-width: 768px) {
  .image-sp {
    display: none;
  }
  .image-pc {
    display: block;
  }
}

/* : article header : */
.article-header {
  text-align: left;
}
.article-header .tag, .article-header .date {
  display: inline-block;
  font-size: 10px;
  font-size: 1.0rem;
  vertical-align: middle;
  margin-bottom: 10px;
}
.article-header .date {
  margin-left: 1em;
}
.article-header .title {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 10px;
}
.article-header .subtitle {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.article-mainvisual .article-wrapper:first-of-type .article-header {
  display: none;
}
@media (min-width: 768px) {
  .article-sidebox .article-header {
    text-align: left;
  }
  .article-header .tag, .article-header .date {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .article-header .title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.5;
    margin: 0 90px 10px;
  }
  .blog .article-header .title,
  .article-tags .article-header .title,
  .single-review .article-header .title {
    margin: 0 0 10px;
  }
  .article-header .subtitle {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 90px;
  }
  .blog .article-header .subtitle,
  .article-tags .article-header .subtitle,
  .single-review .article-header .subtitle {
    margin: 0 0 20px;
  }
}

/* : read text : */
.article-inner .readtext {
  color: #000;
  font-weight: bold;
  line-height: 1.65;
  margin-bottom: 20px;
  /*padding: 0 30px;*/
  padding: 0;
}
.article-sidebox .article-inner .readtext {
  padding: 0;
  line-height: 1.65;
}
@media (min-width: 768px) {
  .article-inner .readtext {
    margin-bottom: 30px;
    padding: 0;
  }
}

/* : article-lead : */
.article-lead {
  text-align: left;
}

/* : parts : */
.article-inner p {
  line-height: 1.8;
  margin: 0 auto 20px;
}
.article-inner h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 80px;
  margin-bottom: 30px;
}
.article-inner h3 span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
.article-inner .image {
  margin: 50px 0 20px;
}
.article-inner .image img {
  height: auto;
}
.article-inner .image-sp {
  margin-right: -20px;
  margin-left: -20px;
}
.article-inner .article-header + .image,
.article-inner h3 + .image {
  margin-top: 0 !important;
}
.article-inner .image.image-column-2 img ~ img {
  margin-top: 1px;
}
.article-inner .image + p:not(.notes) {
  margin-top: 50px;
}
.article-inner .image + p.notes {
  color: #464646;
  text-align: center;
  margin-bottom: 50px;
}
.article-inner .words {
  font-size: 10px;
  font-size: 1.0rem;
  margin: 30px 0;
}
.article-inner .notes {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
  margin-bottom: 20px;
}
.article-inner .notes.full {
  padding-top: 30px;
  padding-bottom: 30px;
}
.article-inner .notes.full p {
  max-width: 1200px;
  padding: 0 50px;
  text-align: left;
  margin-bottom: 0px;
}
.article-inner .taglist {
  margin-bottom: 30px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.article-inner .taglist li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
}
.article-inner .taglist li a {
  display: block;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
  /*color: #26A4F8;
  border: 1px solid #26A4F8;*/
  /*color: #FFF;
  background: #55BBFF;
  padding: 10px 16px;*/ /*@2018.03.12*/
  text-decoration: none;
  /*border-radius: 60px;*/ /*@2018.03.12*/
  color: #5396E9;
  padding: 0px;
}
.article-inner .taglist li a:before { /*@2018.03.12*/
  content: '#';
}
/*.article-inner .taglist li a:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 100%;
  background: #26A4F8;
  border-radius: 50%;
}
.article-inner .taglist li a:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 100%;
  background: #26A4F8;
  border-radius: 50%;
}*/
.article-inner hr {
  border: 1px solid #EBEBEB;
  border-bottom: none;
  margin: 30px -10px;
}
.article-inner .morebtn {
  margin-top: 50px;
}
.article-inner .morebtn a {
  color: #000;
}
.article-inner .btn-droptokyo {
  text-align: center;
  margin: 50px 0;
}
.article-inner .btn-droptokyo a {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  color: #B4595D;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  padding: 20px 0;
  border: 3px solid #B4595D;
}
@media (min-width: 768px) {
  .article-inner p {
    max-width: 640px;
    margin-bottom: 30px;
  }
  .article-sidebox .article-inner p {
    max-width: 100%;
  }
  .article-inner h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .article-inner h3 ~ h3 {
    margin-top: 130px;
  }
  .article-inner h3 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .article-inner .image {
    margin-top: 80px;
  }
  .article-sidebox .article-inner .image {
    margin-top: 50px;
  }
  .article-inner .image.image-column-2 {
    font-size: 0;
    letter-spacing: -1em;
    padding: 0 50px;
  }
  .article-inner .image.image-column-2 img {
    display: inline-block;
    max-width: 50% !important;
    letter-spacing: normal;
  }
  .article-inner .image.image-column-2 img ~ img {
    margin-top: 0;
  }
  .article-inner .image.image-column-2 img:nth-of-type(odd) {
    padding-right: 25px;
  }
  .article-inner .image.image-column-2 img:nth-of-type(even) {
    padding-left: 25px;
  }
  .article-inner .words {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 50px auto;
  }
  .article-inner .notes {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .article-inner .taglist li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .article-inner .taglist li a:hover {
    opacity: .7;
  }
  .article-inner hr {
    margin: 40px 0;
  }
  .article-inner .morebtn {
    margin-top: 80px;
  }
}

/* : article-think : */
@media (min-width: 768px) {
  .article-think {
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
  }
  .article-think p {
    max-width: none;
    margin-bottom: 0px;
  }
}

/* : article-interview : */
@media (min-width: 768px) {
  .article-interview {
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
  }
  .article-interview p {
    max-width: none;
    margin-bottom: 0px;
  }
}

/* : article-column : */
@media (min-width: 768px) {
  .article-column {
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
  }
  .article-column p {
    max-width: none;
    margin-bottom: 0px;
  }
}

/* : article-essay : */
@media (min-width: 768px) {
  .article-essay {
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
  }
  .article-essay p {
    max-width: none;
    margin-bottom: 0px;
  }
}

/* : article-report : */
@media (min-width: 768px) {
  .article-report {
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
  }
  .article-report p {
    max-width: none;
    margin-bottom: 0px;
  }
}


/* -----------------------------------------------

----------------------------------------------- */
.h3_title, .h3_name {
  line-height: 1.5;
}

/* -----------------------------------------------
  SLIDER
----------------------------------------------- */
.article-wrapper .swiper-container {
  padding-bottom: 30px;
  margin: 0 -20px 20px;
}
.article-wrapper .swiper-container .swiper-slide {
  padding: 0 20px;
}
.article-wrapper .swiper-container .swiper-pagination-bullets {
  padding: 10px 0;
  /*bottom: 50px;*/
  bottom: 0;

  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.article-wrapper .swiper-container .swiper-button {
  /*width: 100px;*/
  height: 40px;
  position: absolute;
  top: 50%;
  left: 4%;
  right: 4%;
  /*left: 50%;*/
  /*bottom: 1px;*/
  /*margin-left: -50px;*/
}
.article-wrapper .swiper-container .swiper-button-prev,
.article-wrapper .swiper-container .swiper-button-next {
  border-color: #000;
  top: 0;
  left: auto;
  right: auto;
  margin: 0;
}
.article-wrapper .swiper-container .swiper-button-prev {
  left: 0;
}
.article-wrapper .swiper-container .swiper-button-next {
  right: 0;
}

body.article-sidebox .article-wrapper .swiper-container .swiper-button {
  /*width: auto;*/
  /*top: 50%;*/
  /*left: 4%;*/
  /*right: 4%;*/
  /*margin-left: 0px;*/
}
body.article-sidebox .article-wrapper .swiper-container .swiper-button-prev,
body.article-sidebox .article-wrapper .swiper-container .swiper-button-next {
  margin: 0;
  border: none;
  background: rgba(0, 0, 0, 0.8);
}
body.article-sidebox .article-wrapper .swiper-container .swiper-button-prev:before,
body.article-sidebox .article-wrapper .swiper-container .swiper-button-next:before {
  border-color: #FFF;
}
body.article-sidebox .article-wrapper .swiper-container .swiper-button-prev {
  /*left: 0;*/
}
body.article-sidebox .article-wrapper .swiper-container .swiper-button-next {
  /*right: 0;*/
}

@media (min-width: 768px) {
  .article-wrapper .swiper-container {
    /*padding-bottom: 90px;*/
    margin: 0 0 80px;
  }
  .article-sidebox .article-wrapper .swiper-container {
    margin: 0 0 20px;
  }
  .article-wrapper .swiper-container .swiper-slide {
    padding: 0;
  }
  body:not(.article-sidebox) .article-wrapper .swiper-container {
    padding-bottom: 40px;
  }
  body:not(.article-sidebox) .article-wrapper .swiper-container .swiper-pagination-bullets {
    /*bottom: 0;*/
  }
  body:not(.article-sidebox) .article-wrapper .swiper-container .swiper-button {
    /*width: auto;*/
    /*top: 50%;*/
    /*left: 4%;*/
    /*right: 4%;*/
    /*margin-left: 0;*/
  }
}
@media (min-width: 1024px) {
  .article-sidebox .article-wrapper .swiper-container {
    /*padding-bottom: 20px;*/
  }
  .article-sidebox .article-wrapper .swiper-container .swiper-pagination-bullets {
    /*bottom: 0;*/
  }
  .article-sidebox .article-wrapper .swiper-container .swiper-button {
    /*left: auto;*/
    /*right: 0;*/
    /*margin-left: 0;*/
  }
}

body:not(.article-sidebox) .article-wrapper .swiper-container:not(.slide-full) .swiper-button {
  top: auto;
  bottom: 0;
}
@media (min-width: 768px) {
  body:not(.article-sidebox) .article-wrapper .swiper-container:not(.slide-full) .swiper-button {
    top: 50%;
    bottom: auto;
  }
}

/* : parts : */
.article-wrapper .swiper-container .image {
  margin-top: 0;
}
.article-wrapper .swiper-container.slide-full .swiper-slide-inner {
  margin-left: -20px;
  margin-right: -20px;
}
.article-wrapper .swiper-container.slide-full .image img {
  width: 100%;
}
.article-wrapper .swiper-container .image + .notes {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .article-wrapper .swiper-container.slide-full .swiper-slide-inner {
    margin-left: 0;
    margin-right: 0;
  }
  .article-wrapper .swiper-container.slide-full .image {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .article-wrapper .swiper-container .image + .notes {
    margin-bottom: 20px;
  }
}

.droptokyo-morebtn {
  text-align: center;
}
.droptokyo-morebtn a {
  display: inline-block;
  padding: 10px 30px;
  margin: 0 auto;
  color: #FFF;
  font-weight: bold;
  background-color: #ff4d94;
}

/* ============================================================
iframe img wrap
============================================================ */
#container .mainbox .article-inner img {
  max-width: 100%;
  height: auto;
  width /***/: auto;
}
#container .mainbox .article-inner .iframeWrapInner {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
#container .mainbox .article-inner .iframeWrapInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*max-width: 100%;*/
  height: 100%;
}

#container .mainbox .article-inner .objectWrapInner {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
#container .mainbox .article-inner .objectWrapInner-720x480 {
  padding-bottom: 66.66%;
}
#container .mainbox .article-inner .objectWrapInner-1280x720 {
  padding-bottom: 56.25%;
}
#container .mainbox .article-inner .objectWrapInner object,
#container .mainbox .article-inner .objectWrapInner embed,
#container .mainbox .article-inner .objectWrapInner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*max-width: 100%;*/
  height: 100%;
}

/* ============================================================
 for FEATURE / ANTENNA
============================================================ */
.single-feature #contentsHeader .article-header,
.single-antenna #contentsHeader .article-header {
  display: none;
}
.article-mainvisual .single-feature .article-wrapper:first-of-type .article-header,
.article-mainvisual .single-antenna .article-wrapper:first-of-type .article-header {
  display: block;
}
.article-mainvisual .single-feature .article-wrapper:first-of-type .article-header .words,
.article-mainvisual .single-antenna .article-wrapper:first-of-type .article-header .words {
  font-size: 10px;
  font-size: 1.0rem;
  margin-top: 15px;
  word-wrap: break-word;
  white-space: normal;
}
@media (min-width: 768px) {
  .article-mainvisual .single-feature .article-wrapper:first-of-type .article-header {
    text-align: left;
    max-width: 1150px;
    padding: 0;
    margin: 0 auto 40px;
  }
  .article-mainvisual .single-feature.has-mainvisual .article-wrapper:first-of-type .article-header {
    max-width: 640px;
  }
  .article-mainvisual .single-feature .article-wrapper:first-of-type .article-header .title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.5;
    width: 100%;
    margin: 10px 0;
  }
  .article-mainvisual .single-feature .article-wrapper:first-of-type .article-header .subtitle {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .article-mainvisual .single-antenna .article-wrapper:first-of-type .article-header {
    text-align: left;
    max-width: 1150px;
    padding: 0;
    margin: 0 auto 40px;
  }
  .article-mainvisual .single-antenna .article-wrapper:first-of-type .article-header .title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.5;
    width: 100%;
    margin: 10px 0;
    display: block;
  }
  .article-mainvisual .single-antenna .article-wrapper:first-of-type .article-header .subtitle {
    width: 100%;
    max-width: none;
    margin: 0;
  }
}

/* ============================================================
MAP
============================================================ */
#hny-map {
  width: 100%;
  height: 400px;
}
.js-hny-map-canvas .infowindow {
  overflow: hidden;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.25;
  padding: 30px 0px 10px 0px;
  width: 250px;
}
.js-hny-map-canvas .gm-style .gm-style-iw {
  margin-right: 0px;
  position: absolute;
  top: 0px !important;
  left: 26px !important;
  text-align: left;
}
.js-hny-map-canvas .title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.25;
  margin-bottom: 5px;
}
.js-hny-map-canvas .image {
  margin-bottom: 10px;
  vertical-align: top;
  min-width: 200px;
}
.js-hny-map-canvas .image .image_inner {
  display: block;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: calc( (316 / 395) * 100%);
}
.js-hny-map-canvas .image a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.js-hny-map-canvas .image img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.js-hny-map-canvas .txt {
}
.js-hny-map-canvas .txt p {
  margin: 0;
}
.js-hny-map-canvas .meta {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.25;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  #hny-map-wrap {
    padding-top: 20px;
  }
  #hny-map {
    width: 100%;
    height: 790px;
  }
}
@media (min-width: 1024px) {
  #hny-map {
    width: 100%;
    height: 790px;
  }
}

.inner_mxw1000 {
  max-width: 1000px;
  margin: 0 auto;
}
.js-hny-map {
  width: 100%;
  height: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .js-hny-map {
    width: 100%;
    height: 400px;
  }
}
@media (min-width: 1024px) {
}

/* : #hny-map-head : */
#hny-map-head-wrap {
  width: calc(100% + 40px);
  height: 0;
  padding-top: 50%;
  position: relative;
  margin-left: -20px;
  background-color: #EEE;
}
#hny-map-head {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#hny-map-head .infowindow {
  overflow: hidden;
  text-align: left;
}
#hny-map-head .title {
}
#hny-map-head .image {
}
#hny-map-head .image img {
  width: 100%;
}
#hny-map-head .txt {
}
@media (min-width: 768px) {
  #hny-map-head-wrap {
    width: calc(100%);
    margin-left: 0px;
    padding-top: 20px;
    padding-top: 50%;
  }
  #hny-map-head {
  }
}
@media (min-width: 1024px) {
  #hny-map-head {
  }
}


.js-hny-map-canvas .infobox {
  position: relative;
  -webkit-transform: translate(-50%, -50px) !important;
  -ms-transform: translate(-50%, -50px) !important;
  transform: translate(-50%, -50px) !important;

  width: auto !important;

  /*bottom: 50px;*/
}
.js-hny-map-canvas .infobox > img {
  position: absolute !important;
  top: 11px !important;
  right: 7px !important;
  z-index: 10 !important;
  width: 22px !important;
}
.js-hny-map-canvas .infowindow2 {
  text-align: left;
  width: 240px;
  background-color: #FFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px;

  /*position: relative;
  z-index: 5;*/
}
.js-hny-map-canvas .infowindow2 .titleWrap {
  width: calc(100% - 40px);
  margin: 0;
  position: absolute;
  bottom: 15px;
  left: 20px;
}
.js-hny-map-canvas .infowindow2 .detailWrap {
  min-height: 100px;
  padding: 20px 25px 20px;
}
.js-hny-map-canvas .infowindow2 .title,
.js-hny-map-canvas .infowindow2 .title2 {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: normal;
  width: 100%;
  margin: 0;
}
.js-hny-map-canvas .infowindow2 .title {
  /*position: absolute;
  bottom: 10px;
  left: 0px;*/
}
.js-hny-map-canvas .infowindow2 .titleWrap .title {
  line-height: 1.5;
}
.js-hny-map-canvas .infowindow2 .titleWrap .readmore {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: bold;
  margin-top: 10px;
  position: relative;
}
.js-hny-map-canvas .infowindow2 .titleWrap .readmore:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1.7px solid #FFF;
  border-left: 1.7px solid #FFF;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: 5px;
  margin-bottom: 2px;
  vertical-align: middle;
}
.js-hny-map-canvas .infowindow2 .image {
  position: relative;
  margin: 0;
}
.js-hny-map-canvas .infowindow2 .image .image_inner {
  padding-top: calc( (188 / 300) * 100%);
  background-color: rgba(0, 0, 0, 1);
}
.js-hny-map-canvas .infowindow2 .image .image_inner a {
  color: #FFF;
}
.js-hny-map-canvas .infowindow2 .image .image_inner img {
  opacity: 0.5;
}
.js-hny-map-canvas .infowindow2 .txtWrap {
  padding: 10px 20px 20px 20px;
}
.js-hny-map-canvas .infowindow2 .txt .location_title {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.25;
  font-weight: bold;
  color: #000;

  padding: 0px 0 0 20px;
  position: relative;
  min-height: 18px;
}
.js-hny-map-canvas .infowindow2 .txt .location_title:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 17px;
  vertical-align: middle;

  position: absolute;
  top: 0px;
  left: 0px;

  background-repeat: no-repeat;
  background-image: url(/_upload/icon/hny_map_marker-s4.png);
  background-position: 0% 50%;
  background-size: 12px 17px;
}
.js-hny-map-canvas .infowindow2 .btn {
  margin-top: 20px;
  text-align: center;
}
.js-hny-map-canvas .infowindow2 .btn a {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: normal;
  color: #FFF;
  text-decoration: none;

  display: inline-block;
  padding: 9px 20px;
  min-width: 140px;
  background-color: #898989;
  border-radius: 5px;
}
.js-hny-map-canvas .infowindow2 a:hover {
  opacity: .7;
}
.js-hny-map-canvas .infowindow2 .title2 {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.25;
  font-weight: bold;
  color: #000;

  padding: 0px 10px 0 20px;
  position: relative;
  min-height: 18px;
  margin-bottom: 10px;
}
.js-hny-map-canvas .infowindow2 .title2:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 17px;
  vertical-align: middle;

  position: absolute;
  top: 0px;
  left: 0px;

  background-repeat: no-repeat;
  background-image: url(/_upload/icon/hny_map_marker-s4.png);
  background-position: 0% 50%;
  background-size: 12px 17px;
}

.js-hny-map-canvas .infowindow2tailWrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  margin-left: -10px;
}
.js-hny-map-canvas .infowindow2tail {
  position: absolute;
  overflow: hidden;
  width: 16px;
  height: 20px;
}
.js-hny-map-canvas .infowindow2tailL {
  top: -1px;
  left: -6px;
}
.js-hny-map-canvas .infowindow2tailR {
  top: -1px;
  left: 10px;
}
.js-hny-map-canvas .infowindow2tail > div {
  position: absolute;
  background-color: #FFF;
  height: 14px;
  width: 12px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 6px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 6px;
}
.js-hny-map-canvas .infowindow2tailL > div {
  left: 4px;
  -webkit-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg);
  -webkit-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
}
.js-hny-map-canvas .infowindow2tailR > div {
  left: 0px;
  -webkit-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
  -webkit-transform-origin: 10px 0px 0px;
  -ms-transform-origin: 10px 0px 0px;
  transform-origin: 10px 0px 0px;
}
@media (min-width: 640px) {
  .js-hny-map-canvas .infowindow2 .title {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .js-hny-map-canvas .infowindow2 {
    width: 300px;
  }
  .js-hny-map-canvas .infowindow2 .titleWrap .readmore {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {

}


/* -----------------------------------------------
  SINGLE PAGE
----------------------------------------------- */
.detBlock {
  padding: 0 10px;
}
.detBlock__cts__ttl {
  font-size: 1.8rem;
  margin-bottom: 30px;
}
.detBlock__cts__txt {
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.horoscope .detBlock__cts__txt {
  line-height: 2;
}

.detBlock__quote {
  width: 100%;
  background: #F4F4F4;
  padding: 10px;
}
.detBlock__quote__btn {
  position: relative;
  max-width: 380px;
  padding: 12px;
  font-weight: 100;
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 100%;
  background: #000;
  color: #fff;
}
.detBlock__quote a {
  font-size: 1.4rem;
}
.detBlock__sns__ico__item {
  margin-bottom: 40px;
}
.detBlock__sns__ico__txt {
  font-size: 12px;
  color: #B1B1B1;
  margin-bottom: 20px;
}
.detBlock__share__txt {
  font-size: 12px;
  color: #B1B1B1;
  margin-bottom: 20px;
}
.detBlock__ttl {
  font-size: 2.2rem;
  margin-top: 15px;
  margin-bottom:15px;
}
.detBlock__tag__item {
  transition: .4s;
}
.detBlock__tag__item:hover {
  opacity: .7;
}
@media (min-width: 768px) {
  .detBlock {
    padding: 0;
  }
  .detBlock__ttl {
    font-size: 3.6rem;
    margin-top: 0;
    margin-bottom:15px;
  }
  .detBlock__cts__ttl {
    font-size: 2.4rem;
  }
  .detBlock__cts__txt {
    font-size: 1.6rem;
  }
  .detBlock__quote {
    padding: 35px 145px;
  }
  .detBlock__quote a {
    font-size: 1.6rem;
  }
  .detBlock__sns__ico__item {
    margin-right: 50px;
    margin-bottom: 0;
  }
  .detBlock__sns__ico__txt {
    margin-right: 10px;
    margin-bottom: 0;
  }
  .detBlock__share__txt {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.detBlock__img {
  margin-bottom: 70px;
}
.detBlock__ttl__cat,
.detBlock__ttl__date {
  font-size: 1.2rem;
  font-weight: normal;
  display: inline-block;
}
.detBlock__ttl__cat {
  margin-left: 25px;
}
.detBlock__ttl__date {
  margin-left: 6px;
}
.detBlock__cts {
  max-width: 670px;
  margin: 0 auto 50px;
}
.detBlock__cts-feature {
  margin: 20px auto;
}
@media (min-width: 768px) {
  .detBlock__cts-feature {
    margin: 50px auto;
  }
}
.detBlock__cts__mbr {
  font-size: 1.2rem;
  color: #b1b1b1;
  display: inline-block;
  margin-bottom: 40px;
}
.detBlock__cts__copy {
  font-size: 1.2rem;
  margin-bottom: 15px;
}
.detBlock__quote p {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.detBlock__quote__btn:before {
  content: '';
  display: block;
  background-image: url(/yYTN05WarlGe/wp-content/themes/Honeyee/images/common/icon_link.png);
  width: 16px;
  height: 16px;
  position: absolute;
  right: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.detBlock__tag {
  max-width: 670px;
  margin: 50px auto 50px;
}
.detBlock__tag__item {
  border: solid 1px #707070;
  margin: 5px;
}
.detBlock__tag__item a {
  font-size: 1.2rem;
  padding: 10px;
  color: #000;
  text-decoration: none;
  transition: .4s;
}
.detBlock__sns {
  margin-bottom: 60px;
}

.detBlock__sns__ico__item li {
  margin: 0 10px;
}
.detBlock__sns__ico__item .ico-facebook svg {
  width: 10px;
  height: 23px;
  fill: #3F5792;
}
.detBlock__sns__ico__item .ico-twitter svg {
  width: 23px;
  height: 23px;
  fill: #67AAEB;
}
.detBlock__sns__ico__item .ico-line svg {
  width: 23px;
  height: 23px;
  fill: #58B837;
}

/* -----------------------------------------------
ADD
----------------------------------------------- */
.detBlock__header {
  margin-bottom: 20px;
}
.detBlock__header--flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: baseline;
}
.detBlock__header--flex .detBlock__ttl {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.detBlock__subTitle {
  display: block;
  font-size: 2.2rem;
  color: #707070;
  font-weight: normal;
}
.detBlock__header--flex .detBlock__subTitle {
  margin-right: 10px;
}
.detBlock__leadText {
  font-size: 1.2rem;
}
.detBlock__credit {
  font-size: 1.2rem;
  color: #707070;
  margin-top: 15px;
  text-align: center;
}

.detBlock__pager {
  max-width: 670px;
  margin: 0 auto 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ccc;;
  border-bottom: 1px solid #ccc;;
}
.detBlock__pager__btn--prev,
.detBlock__pager__btn--next {
  font-size: 1.4rem;
  position: relative;
}
.detBlock__pager__btn--prev:before,
.detBlock__pager__btn--next:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.detBlock__pager__btn--prev:before {
  left: 5px;
  transform: rotate(-135deg);
}
.detBlock__pager__btn--next:before {
  right: 5px;
  transform: rotate(45deg);
}
.detBlock__pager__btn--prev a,
.detBlock__pager__btn--next a {
  display: block;
  padding: 40px 20px;
}


@media screen and (min-width: 768px) {
  .detBlock__header--flex {
    flex-direction: column;
  }
  .detBlock__header--flex .detBlock__ttl {
    font-size: 3.6rem;
  }
  .detBlock__subTitle {
    font-size: 1.5rem;
  }
  .detBlock__header--flex .detBlock__subTitle {
    margin-right: 0;
  }
  .detBlock__leadText {
    font-size: 1.3rem;
  }
  .detBlock__credit {
    text-align: left;
  }
  .detBlock__pager__btn--prev,
  .detBlock__pager__btn--next {
    font-size: 1.5rem;
  }
  .detBlock__pager__btn--prev:before,
  .detBlock__pager__btn--next:before {
    width: 14px;
    height: 14px;
  }
  .detBlock__pager__btn--prev a,
  .detBlock__pager__btn--next a {
    padding: 40px 25px;
  }
}
.detBlock__cts__date {
  font-size: 1.8rem;
  margin-top: 40px;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .detBlock__cts__date {
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}

/* -----------------------------------------------
ENTRY
----------------------------------------------- */
.article-entry a {
  text-decoration: underline;
}