@charset "UTF-8";
/*
Theme Name: canada-theatre
Theme URI: none 
Description: Theme for Canada Theatre website
Version: 1.0
*/
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  margin: 0;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

@font-face {
  font-family: 'canada-icons';
  src: url("./resources/fonts/icomoon.eot?dw3r4g");
  src: url("./resources/fonts/icomoon.eot?#iefixdw3r4g") format("embedded-opentype"), url("./resources/fonts/icomoon.woff?dw3r4g") format("woff"), url("./resources/fonts/icomoon.ttf?dw3r4g") format("truetype"), url("./resources/fonts/icomoon.svg?dw3r4g#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'canada-icons';
  -webkit-font-smoothing: antialiased;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
  content: "\e600";
}

.icon-ranking:before {
  content: "\e603";
}

.icon-tieup:before {
  content: "\e604";
}

.icon-exlink:before {
  content: "\e607";
}

.icon-archives:before {
  content: "\e608";
}

.icon-book:before {
  content: "\e609";
}

.icon-facebook:before {
  content: "\e60a";
}

.icon-favorite:before {
  content: "\e60b";
}

.icon-home:before {
  content: "\e60c";
}

.icon-movie:before {
  content: "\e60d";
}

.icon-plane:before {
  content: "\e60e";
}

.icon-twitter:before {
  content: "\e60f";
}

.icon-youtube:before {
  content: "\e610";
}

.icon-pin:before {
  content: "\e601";
}

.icon-mail:before {
  content: "\e602";
}

.icon-time:before {
  content: "\e605";
}

.icon-map:before {
  content: "\e606";
}

.icon-books:before {
  content: "\e611";
}

.icon-profile:before {
  content: "\e612";
}

.icon-tag:before {
  content: "\e613";
}

.icon-map2:before {
  content: "\e614";
}

.icon-calendar:before {
  content: "\e615";
}

.icon-user:before {
  content: "\e616";
}

.icon-q:before {
  content: "\e617";
}

.icon-food:before {
  content: "\e618";
}

.icon-clip:before {
  content: "\e619";
}

.icon-heart:before {
  content: "\e61a";
}

.icon-heart2:before {
  content: "\e61b";
}

.icon-close:before {
  content: "\e61c";
}

.icon-checked:before {
  content: "\e61d";
}

.icon-minus:before {
  content: "\e61e";
}

.icon-plus:before {
  content: "\e61f";
}

.icon-popup:before {
  content: "\e620";
}

.icon-phone:before {
  content: "\e621";
}

.icon-feather:before {
  content: "\e622";
}

.icon-paperclip:before {
  content: "\e623";
}

.icon-vcard:before {
  content: "\e624";
}

.icon-compass:before {
  content: "\e625";
}

.icon-location:before {
  content: "\e626";
}

.icon-book:before {
  content: "\e627";
}

.icon-airplane:before {
  content: "\e628";
}

.icon-network:before {
  content: "\e629";
}

.icon-brush:before {
  content: "\e62a";
}

.icon-suitcase:before {
  content: "\e62b";
}

.icon-checkmark2:before {
  content: "\e62c";
}

.icon-list:before {
  content: "\e62d";
}

.icon-ellipsis:before {
  content: "\e62e";
}

.icon-dots:before {
  content: "\e62f";
}

.icon-dot:before {
  content: "\e630";
}

body, input, textarea, select, button {
  line-height: 1.64;
  font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", serif;
  color: #323232;
}

a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  -moz-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  -ms-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  -o-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s;
}
a:hover img {
  opacity: 0.85;
}
.footer a[target="_blank"]:after, .relative-links-list a[target="_blank"]:after {
  font-family: 'canada-icons';
  -webkit-font-smoothing: antialiased;
  content: "\e607";
  position: relative;
  right: -3px;
  color: #ea1c24;
  font-size: 10px;
  vertical-align: text-top;
}

img {
  -webkit-transition: 0.8s opacity;
  -moz-transition: 0.8s opacity;
  -ms-transition: 0.8s opacity;
  -o-transition: 0.8s opacity;
  transition: 0.8s opacity;
}

.wrap {
  position: relative;
}

.utility-header {
  margin-left: 210px;
  background-color: #101010;
}
.utility-header:before, .utility-header:after {
  content: " ";
  display: table;
}
.utility-header:after {
  clear: both;
}
.utility-header {
  *zoom: 1;
}
@media screen and (max-width: 886px) {
  .utility-header {
    margin-left: 0;
  }
}
.utility-header-inner {
  max-width: 1214px;
}

.site-vi a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 150px;
  width: 210px;
  background-image: url("./resources/images/site-id.jpg");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
@media screen and (max-width: 886px) {
  .site-vi {
    background-color: #ea1c24;
    background-image: url("./resources/images/bg-header-sp.png");
    background-size: 226px auto;
    background-position: center;
  }
  .site-vi a {
    position: static;
    width: 206px;
    height: 68px;
    margin: 0 auto;
    padding-bottom: 10px;
    background-position: center;
    background-image: url("./resources/images/site-id-sp-white.png");
    background-size: 180px auto;
  }
}
@media screen and (max-width: 580px) {
  .site-vi a {
    width: 180px;
    height: 48px;
    background-size: 180px auto;
  }
}
@media screen and (max-width: 414px) {
  .site-vi a {
    width: 140px;
    background-size: 140px auto;
  }
}

@media screen and (max-width: 414px) {
  .nav-content .menu {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    background-color: #101010;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .nav-content .menu .top {
    display: none;
  }
  .nav-content .menu .menu-item {
    width: 25%;
  }
  .nav-content .menu .menu-item a {
    padding: 40px 0 0;
    font-size: 10px;
    line-height: 1.1;
  }
}
.nav-content .menu-item {
  position: relative;
  float: left;
  width: 14%;
}
@media screen and (max-width: 886px) {
  .nav-content .menu-item {
    width: 20%;
  }
}
.nav-content .menu-item.current-menu-item a, .single-movies .nav-content .menu-item.movies a, .post-type-archive-blog .nav-content .menu-item.stories a, .single-stories .nav-content .menu-item.stories a, [class*="single-blog"] .nav-content .menu-item.stories a, .single-special .nav-content .menu-item.special a, .single-tours .nav-content .menu-item.tours a {
  color: #fff;
  background-color: #292929;
}
.nav-content .menu-item.current-menu-item a:after, .single-movies .nav-content .menu-item.movies a:after, .post-type-archive-blog .nav-content .menu-item.stories a:after, .single-stories .nav-content .menu-item.stories a:after, [class*="single-blog"] .nav-content .menu-item.stories a:after, .single-special .nav-content .menu-item.special a:after, .single-tours .nav-content .menu-item.tours a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #292929 transparent transparent transparent;
  z-index: 10;
}
@media screen and (max-width: 414px) {
  .nav-content .menu-item.current-menu-item a, .single-movies .nav-content .menu-item.movies a, .post-type-archive-blog .nav-content .menu-item.stories a, .single-stories .nav-content .menu-item.stories a, [class*="single-blog"] .nav-content .menu-item.stories a, .single-special .nav-content .menu-item.special a, .single-tours .nav-content .menu-item.tours a {
    background-color: #101010;
  }
  .nav-content .menu-item.current-menu-item a:after, .single-movies .nav-content .menu-item.movies a:after, .post-type-archive-blog .nav-content .menu-item.stories a:after, .single-stories .nav-content .menu-item.stories a:after, [class*="single-blog"] .nav-content .menu-item.stories a:after, .single-special .nav-content .menu-item.special a:after, .single-tours .nav-content .menu-item.tours a:after {
    top: -5px;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #101010 transparent;
  }
}
.nav-content .menu-item a {
  display: block;
  padding: 48px 0 6px;
  height: 18px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
}
.nav-content .menu-item a:before {
  display: block;
  position: absolute;
  top: 6px;
  left: 50%;
  margin-left: -16px;
  font-family: 'canada-icons';
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
}
.nav-content .menu-item a:hover {
  background-color: #292929;
}
.nav-content .menu-item.top a:before {
  content: "\e60c";
  font-size: 30px;
}
.nav-content .menu-item.movies a:before {
  content: "\e60d";
  font-size: 30px;
}
.nav-content .menu-item.stories a:before {
  content: "\e609";
  top: -2px;
  margin-left: -22px;
  font-size: 43px;
}
.nav-content .menu-item.special a:before {
  content: "\e60b";
  font-size: 32px;
}
.nav-content .menu-item.tours a:before {
  content: "\e60e";
  top: 0;
  margin-left: -20px;
  font-size: 40px;
}

.utilities {
  float: right;
  position: relative;
  padding-left: 2%;
  padding-right: 2%;
  width: 26%;
  height: 72px;
}
.utilities:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #292929;
}
@media screen and (max-width: 886px) {
  .utilities.origin {
    display: none;
  }
  .utilities:after {
    display: none;
  }
}

.origin .sns-links {
  float: left;
}

.sns-links {
  position: relative;
  top: 2px;
  text-align: right;
}
.sns-links .list-item {
  display: inline-block;
}
.sns-links .list-item a {
  text-decoration: none;
  color: #cccccc;
  font-size: 20px;
}
.sns-links .list-item a:hover {
  color: #fff;
}
.sns-links .list-item [href*="facebook"]:hover {
  color: #2f57a8;
}
.sns-links .list-item [href*="twitter"]:hover {
  color: #37a7fc;
}
.sns-links .list-item [href*="youtube"]:hover {
  color: #e52d27;
}
@media screen and (max-width: 886px) {
  .sns-links .list-item {
    margin-right: 4px;
  }
  .sns-links .list-item a {
    color: #888;
  }
}

.news-letter {
  float: right;
  position: relative;
  top: 11px;
  line-height: 0.8;
}
.news-letter .subscribe-btn {
  font-size: 11px;
  font-weight: bold;
  color: #cccccc;
}
.news-letter .subscribe-btn:hover {
  color: #fff;
  text-decoration: underline;
}
@media screen and (max-width: 1120px) {
  .news-letter {
    top: 4px;
  }
}
@media screen and (min-width: 1121px) {
  .news-letter .subscribe-btn {
    font-size: 12px;
  }
  .news-letter .subscribe-btn br {
    display: none;
  }
}
@media screen and (max-width: 886px) {
  .news-letter {
    float: none;
    top: 0;
    text-align: center;
    margin: 2px 0 16px;
  }
  .news-letter .subscribe-btn {
    font-size: 14px;
  }
  .news-letter .subscribe-btn br {
    display: none;
  }
  .news-letter .subscribe-btn:hover {
    color: #888;
    text-decoration: none;
  }
}

.form-group {
  clear: both;
}

#searchform {
  display: block;
  position: relative;
}
#searchform [type="text"] {
  font-size: 15px;
  width: 85%;
  padding-left: 2%;
  padding-right: 13%;
  border: none;
  border-radius: 4px;
}

#searchsubmit {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 0;
  width: 13%;
  border: none;
  font-size: 15px;
  text-indent: -9999px;
  cursor: pointer;
  background-color: transparent;
  background-image: url("./resources/images/icon-search.png");
  background-position: center;
  background-repeat: no-repeat;
}

.menu-toggle,
.search-toggle {
  position: static;
  display: none;
  cursor: pointer;
  color: transparent;
}
@media screen and (max-width: 886px) {
  .menu-toggle,
  .search-toggle {
    display: block;
    position: absolute;
  }
}

@media screen and (max-width: 886px) {
  .search-toggle {
    top: 20px;
    left: 4%;
    width: 40px;
    height: 40px;
    overflow: hidden;
  }
  .search-toggle a {
    display: block;
    height: 40px;
    font-size: 0;
  }
  .search-toggle a:after {
    position: absolute;
    top: 0;
    left: 8px;
    font-size: 24px;
    font-family: 'canada-icons';
    -webkit-font-smoothing: antialiased;
    content: "\e600";
    color: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.8s;
  }
  .search-toggle.menu-open a:after {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@media screen and (max-width: 580px) {
  .search-toggle {
    top: 9px;
    left: 3%;
  }
}

@media screen and (max-width: 886px) {
  .menu-toggle {
    top: 32px;
    right: 4%;
    width: 28px;
    overflow: hidden;
  }
  .menu-toggle a {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
  }
  .menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 0;
    width: 100%;
    height: 2px;
    margin-top: -2px;
    background-color: #fff;
  }
  .menu-toggle span:before,
  .menu-toggle span:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
  }
  .menu-toggle span:before {
    -webkit-transform: translateY(340%);
    transform: translateY(340%);
  }
  .menu-toggle span:after {
    -webkit-transform: translateY(-340%);
    transform: translateY(-340%);
  }
  .menu-toggle.menu-open span {
    background-color: transparent;
  }
  .menu-toggle.menu-open span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
  }
  .menu-toggle.menu-open span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@media screen and (max-width: 580px) {
  .menu-toggle {
    top: 16px;
  }
}

.utilities.cloned {
  position: absolute;
  top: 78px;
  width: 100%;
  padding: 0;
  border-left: none;
  background-color: #fff;
  z-index: 200;
  height: auto;
}
.utilities.cloned .sns-links {
  text-align: center;
}
.utilities.cloned .sns-links a {
  font-size: 28px;
}
.utilities.cloned .form-group {
  width: 92%;
  padding: 0 4% 4%;
}
.utilities.cloned #searchform [type="text"] {
  width: 90%;
  padding: 10px 8% 10px 2%;
  background-color: #efefef;
  font-size: 17px;
}
.utilities.cloned #searchsubmit {
  width: 6%;
  right: 2%;
}
@media screen and (min-width: 1121px) {
  .utilities.cloned {
    display: none !important;
  }
}
@media screen and (max-width: 580px) {
  .utilities.cloned {
    top: 56px;
  }
}

.nav-themes.cloned {
  z-index: 200;
  position: absolute;
  top: 80px;
  width: 100%;
  background-color: #101010;
}
.nav-themes.cloned a {
  color: #fff;
}
.nav-themes.cloned .close-btn {
  border: none;
}
.nav-themes.cloned .close-btn a {
  padding: 17px 12px;
  text-align: center;
  font-size: 14px;
  color: #efefef;
}
@media screen and (min-width: 1121px) {
  .nav-themes.cloned {
    display: none !important;
  }
}
@media screen and (max-width: 580px) {
  .nav-themes.cloned {
    top: 58px;
  }
}

.nav-area {
  position: absolute;
  top: 150px;
  left: 0;
  width: 210px;
  height: auto;
}
.nav-area img {
  max-width: 100%;
  vertical-align: bottom;
}
@media screen and (max-width: 886px) {
  .nav-area {
    position: static;
    width: auto;
  }
}

.invitation {
  padding: 12px 0;
  background-image: url("./resources/images/bg-dotted-dark.jpg");
  text-align: center;
}
.invitation a {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
.invitation a:hover {
  color: #ea1c24;
}

.banner-area {
  background-color: #101010;
  text-align: center;
}
.banner-area .tab-and-sp-only {
  display: none;
}
@media screen and (max-width: 886px) {
  .banner-area {
    background-image: url("./resources/images/bg-bnr-mosaic.jpg");
    background-size: cover;
    background-position: center center;
  }
  .banner-area .pc-only {
    display: none;
  }
  .banner-area .tab-and-sp-only {
    display: inline-block;
  }
}

@media screen and (max-width: 886px) {
  .nav-themes.origin {
    display: none;
  }
}
.nav-themes .list-item {
  height: 52px;
  border-bottom: solid 1px #cccccc;
}
.nav-themes a {
  display: block;
  padding: 12px 12px 8px;
  color: #101010;
  font-weight: bold;
  line-height: 1.2;
}
.nav-themes a .sub-string {
  display: block;
  font-size: 12px;
  color: #ea1c24;
  font-weight: normal;
  text-transform: capitalize;
}
.term-walking .nav-themes [href$="/walking/"], .term-nature .nav-themes [href$="/nature/"], .term-food .nav-themes [href$="/food/"], .term-adventure .nav-themes [href$="/adventure/"], .term-history-east .nav-themes [href$="/history-east/"], .term-arts-and-culture .nav-themes [href$="/arts-and-culture/"], .term-transportation .nav-themes [href$="/transportation/"], .term-history-west .nav-themes [href$="/history-west/"], .term-wildlife .nav-themes [href$="/wildlife/"], .term-people .nav-themes [href$="/people/"],
.nav-themes .current-cat a,
.nav-themes a:hover {
  color: #fff;
  background-color: #181818;
}

.aside-header {
  padding: 8px 12px;
  background-color: #ea1c24;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 580px) {
  .aside-header {
    text-align: center;
  }
}
.aside-header:before {
  position: relative;
  top: 4px;
  font-family: 'canada-icons';
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
}
.twttr-embed-area .aside-header:before {
  content: "\e60f";
}
.tieup-area .aside-header:before {
  content: "\e604";
}
.popular-posts .aside-header:before {
  content: "\e603";
}

.twttr-wrap {
  overflow: hidden;
}
@media screen and (min-width: 1121px) {
  .twttr-wrap {
    min-height: 300px;
  }
}

.twitter-timeline {
  width: 100% !important;
  max-width: initial !important;
  max-width: auto;
}
@media screen and (max-width: 886px) {
  .twitter-timeline {
    height: 200px !important;
  }
}
@media screen and (max-width: 414px) {
  .twitter-timeline {
    width: 320px !important;
  }
}

.nav-tieup {
  padding: 0 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 886px) {
  .nav-tieup .nav-list {
    letter-spacing: -0.4em;
    margin: 0 2%;
    width: 96%;
  }
  .nav-tieup .nav-list:before, .nav-tieup .nav-list:after {
    content: " ";
    display: table;
  }
  .nav-tieup .nav-list:after {
    clear: both;
  }
  .nav-tieup .nav-list {
    *zoom: 1;
  }
}
@media screen and (max-width: 414px) {
  .nav-tieup .nav-list {
    margin: 0;
    width: 100%;
  }
}
.nav-tieup .list-item {
  padding: 8px 0;
  border-bottom: solid 1px #cccccc;
  letter-spacing: normal;
}
@media screen and (max-width: 886px) {
  .nav-tieup .list-item {
    display: inline-block;
    width: 30%;
    margin-left: 2%;
    margin-right: 1%;
  }
}
@media screen and (max-width: 414px) {
  .nav-tieup .list-item {
    width: 47%;
  }
}
.nav-tieup .thumbnail {
  width: 73%;
  margin: 0 auto;
}
@media screen and (max-width: 886px) {
  .nav-tieup .thumbnail {
    position: relative;
    overflow: hidden;
    height: 90px;
    width: auto;
  }
  .nav-tieup .thumbnail img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
  }
  .nav-tieup .thumbnail img {
    height: auto;
    vertical-align: bottom;
  }
}
.nav-tieup .sub-string {
  display: block;
  color: #101010;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
.nav-tieup a:hover .sub-string {
  color: #ea1c24;
}

@media screen and (max-width: 886px) {
  .popular-posts .nav-list {
    letter-spacing: -0.4em;
    margin: 0 2%;
    width: 96%;
  }
  .popular-posts .nav-list:before, .popular-posts .nav-list:after {
    content: " ";
    display: table;
  }
  .popular-posts .nav-list:after {
    clear: both;
  }
  .popular-posts .nav-list {
    *zoom: 1;
  }
}
.popular-posts .list-item {
  position: relative;
  width: 186px;
  margin: 12px auto;
  border-bottom: dotted 1px #949494;
  letter-spacing: normal;
}
.popular-posts .list-item:after {
  position: absolute;
  top: -2px;
  left: -8px;
  content: '';
  width: 42px;
  height: 62px;
}
.popular-posts .list-item.rank-1:after {
  background-image: url("./resources/images/icon-rank1.png");
}
.popular-posts .list-item.rank-2:after {
  background-image: url("./resources/images/icon-rank2.png");
}
.popular-posts .list-item.rank-3:after {
  background-image: url("./resources/images/icon-rank3.png");
}
@media screen and (max-width: 886px) {
  .popular-posts .list-item {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-left: 2%;
    margin-right: 1%;
  }
}
@media screen and (max-width: 580px) {
  .popular-posts .list-item {
    display: block;
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
  }
}
.popular-posts .thumbnail {
  position: relative;
  overflow: hidden;
  height: 120px;
}
.popular-posts .thumbnail img {
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
}
.popular-posts .thumbnail img {
  height: 120px;
  width: auto;
}
@media screen and (max-width: 580px) {
  .popular-posts .thumbnail {
    height: 220px;
  }
  .popular-posts .thumbnail img {
    height: auto;
  }
}
@media screen and (max-width: 414px) {
  .popular-posts .thumbnail {
    height: 160px;
  }
  .popular-posts .thumbnail img {
    height: auto;
  }
}
.popular-posts a {
  color: #323232;
}
.popular-posts a:hover {
  color: #ea1c24;
}
.popular-posts .post-title {
  display: block;
  margin-top: 0;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
}
.popular-posts .pv_count {
  text-align: right;
  background-color: #101010;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 1px 1px 0 #000;
  padding: 2px 8px;
}

.content-area {
  min-height: 2780px;
  margin-left: 210px;
  padding: 0.4% 0.4% 80px;
  background-image: url("./resources/images/bg-content.gif");
}
@media screen and (max-width: 886px) {
  .content-area {
    min-height: initial !important;
    min-height: auto !important;
    margin-left: 0;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 580px) {
  .content-area {
    padding: 0 0 24px;
  }
  .sub .content-area {
    padding-bottom: 1px;
  }
}
.post-type-archive-news .content-area {
  padding-top: 10px;
}

.aside-content {
  max-width: 1214px;
}

.content-inner {
  max-width: 1214px;
}
.sub.single .content-inner, .tax-media .content-inner, .tax-series_name_movie .content-inner, .sub.page .content-inner, .error404 .content-inner, .search .content-inner {
  max-width: 1096px;
  padding: 56px;
}
@media screen and (max-width: 886px) {
  .sub.single .content-inner, .tax-media .content-inner, .tax-series_name_movie .content-inner, .sub.page .content-inner, .error404 .content-inner, .search .content-inner {
    padding: 24px;
  }
}
@media screen and (max-width: 580px) {
  .sub.single .content-inner, .tax-media .content-inner, .tax-series_name_movie .content-inner, .sub.page .content-inner, .error404 .content-inner, .search .content-inner {
    padding: 20px 2% 1px;
  }
}
@media screen and (max-width: 580px) {
  .sub.page .content-inner {
    padding-bottom: 70px;
    background-image: url("./resources/images/icon-maple.png");
    background-position: center bottom 24px;
    background-size: 40px auto;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 580px) {
  .sub.single-movies .content-inner {
    padding: 2% 2% 95px;
  }
}
.single-movies .content-inner {
  position: relative;
  background-image: url("./resources/images/bg-single-movie.jpg");
  background-color: #333;
  color: #fff;
}
.single-tours .content-inner, .single-stories .content-inner, .tax-media .content-inner, .tax-series_name_movie .content-inner, .single-special .content-inner, [class*="single-blog"] .content-inner, .sub.page .content-inner, .error404 .content-inner, .single-news .content-inner, .search .content-inner {
  background-color: #fff;
}

#pagetop {
  position: fixed;
  bottom: 16px;
  right: 2%;
}
#pagetop a {
  display: block;
  width: 56px;
  height: 56px;
  background-color: #101010;
  text-indent: -9999px;
  border-radius: 50%;
  outline: none;
}
#pagetop a:before {
  position: absolute;
  content: ".";
  line-height: 0.7;
  top: 20px;
  left: 22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 11px 6px;
  border-color: transparent transparent #ffffff transparent;
}
#pagetop a:hover {
  background-color: #242424;
}
@media screen and (max-width: 886px) {
  #pagetop {
    position: absolute !important;
    bottom: 220px !important;
    right: 4%;
  }
  #pagetop a {
    border: solid 1px #fff;
  }
  #pagetop a:before {
    top: 22px;
    left: 23px;
  }
}

.campaign-banner {
  position: fixed;
  overflow: hidden;
  width: 100%;
}
.campaign-banner.pc-banner {
  bottom: 79px;
  text-align: right;
}
.campaign-banner.pc-banner .campaign-inner {
  right: 0;
}
.campaign-banner.pc-banner .close-btn {
  top: 0;
  right: 346px;
}
.campaign-banner.sp-banner {
  bottom: 50px;
  display: none;
  z-index: 100;
}
.campaign-banner.sp-banner img {
  width: 100%;
  height: auto;
}
.campaign-banner.sp-banner .close-btn {
  width: 20px;
  height: auto;
  top: 0;
  left: 0;
}
@media screen and (max-width: 414px) {
  .campaign-banner.pc-banner {
    display: none;
  }
  .campaign-banner.sp-banner {
    display: block;
    bottom: -500px;
  }
  .campaign-banner.sp-banner a:after {
    content: "";
  }
}
.campaign-banner .campaign-inner {
  display: inline-block;
  position: relative;
  z-index: 50;
}
.campaign-banner .close-btn {
  position: absolute;
  cursor: pointer;
}

.footer {
  position: static;
  width: 100%;
  height: 210px;
  color: #fff;
  background-color: #101010;
}
.footer a {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
  color: #ea1c24;
}
@media screen and (max-width: 886px) {
  .footer {
    height: 290px;
  }
}
@media screen and (max-width: 580px) {
  .footer {
    height: auto;
    padding-bottom: 60px;
  }
}

.footer-inner:before, .footer-inner:after {
  content: " ";
  display: table;
}
.footer-inner:after {
  clear: both;
}
.footer-inner {
  *zoom: 1;
}

.brand-footer {
  float: left;
  position: relative;
  left: -22px;
}
@media screen and (max-width: 580px) {
  .brand-footer {
    width: 180px;
    height: 90px;
    overflow: hidden;
  }
  .brand-footer img {
    max-width: 100%;
  }
}

.nav-footer {
  float: right;
  margin-top: 32px;
  margin-right: 2%;
}
.nav-footer .menu-item {
  float: left;
  margin-left: 16px;
}
@media screen and (max-width: 580px) {
  .nav-footer {
    margin-top: 0;
  }
}

.copyright {
  clear: both;
  padding-top: 24px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.posts-list {
  letter-spacing: -.40em;
}
.posts-list .list-item {
  position: relative;
  display: inline-block;
  width: 49.8%;
  height: 309px;
  margin: 0 0 4px;
  overflow: hidden;
  vertical-align: top;
  background-color: #eee;
  letter-spacing: normal;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item {
    display: block;
    height: 272px;
    background-color: #fff;
  }
}
.posts-list .list-item .thumbnail {
  position: relative;
  overflow: hidden;
  height: 272px;
}
.posts-list .list-item .thumbnail img {
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item .thumbnail {
    width: 50%;
    overflow: hidden;
  }
}
.posts-list .list-item img {
  height: 272px;
  width: auto;
  -webkit-transition: 1.6s ease-out -webkit-transform, 1s ease-out opacity;
  transition: 1.6s ease-out transform, 1s ease-out opacity;
}
.posts-list .list-item a:hover img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}
.posts-list .list-item .desc-area {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 0;
  height: 28px;
  width: 100%;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item .desc-area {
    position: static;
    width: 50%;
    height: auto;
    padding: 48px 0 0;
  }
}
.posts-list .list-item .theme {
  position: absolute;
  top: 0;
  left: -10px;
  padding: 2px 10px 2px 20px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background-color: #101010;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}
@media screen and (max-width: 580px) {
  .posts-list .list-item .theme {
    top: 0;
    left: -10px;
    padding: 6px 16px 6px 20px;
    font-size: 12px;
  }
}
.posts-list .list-item .series-type,
.posts-list .list-item .tieup-type {
  position: absolute;
  bottom: 0;
  left: 2%;
  width: 96%;
  padding-bottom: 40px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 0px 5px black;
  z-index: 50;
}
.posts-list .list-item .post-title {
  height: 18px;
  padding: 8px 8px 0;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  color: #323232;
  line-height: 1.2;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item .post-title {
    padding: 12px 10% 12px 8%;
  }
  .posts-list .list-item .post-title:before {
    content: " ";
    display: block;
    position: relative;
    top: -10px;
    left: 0;
    width: 20px;
    height: 3px;
    z-index: 2;
  }
}
.posts-list .list-item .excerpt {
  display: none;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item.order1, .posts-list .list-item.order2 {
    width: 100%;
    height: 250px;
    margin: 0;
  }
  .posts-list .list-item.order1.movies .content-type:before, .posts-list .list-item.order2.movies .content-type:before {
    font-size: 30px;
  }
  .posts-list .list-item.order1.tours .content-type, .posts-list .list-item.order2.tours .content-type {
    top: 8px;
  }
  .posts-list .list-item.order1.tours .content-type:before, .posts-list .list-item.order2.tours .content-type:before {
    font-size: 34px;
    line-height: 1.066;
  }
}
@media screen and (max-width: 414px) {
  .posts-list .list-item.order1, .posts-list .list-item.order2 {
    height: 220px;
  }
}
.posts-list .list-item.order1.movies a:after, .posts-list .list-item.order2.movies a:after {
  bottom: -100%;
}
.posts-list .list-item.order1 .thumbnail, .posts-list .list-item.order2 .thumbnail {
  height: 366px;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item.order1 .thumbnail, .posts-list .list-item.order2 .thumbnail {
    float: none;
    width: 100%;
    height: 250px;
  }
}
@media screen and (max-width: 414px) {
  .posts-list .list-item.order1 .thumbnail, .posts-list .list-item.order2 .thumbnail {
    height: 220px;
  }
}
.posts-list .list-item.order1 img, .posts-list .list-item.order2 img {
  width: auto;
  height: 366px;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item.order1 img, .posts-list .list-item.order2 img {
    margin-left: auto;
    height: 250px;
  }
}
@media screen and (max-width: 414px) {
  .posts-list .list-item.order1 img, .posts-list .list-item.order2 img {
    height: 220px;
  }
}
.posts-list .list-item.order1 .desc-area, .posts-list .list-item.order2 .desc-area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 96%;
  height: auto;
  padding: 8% 2% 2%;
  color: #fff;
  line-height: 1.4;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(69%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
.posts-list .list-item.order1 .theme, .posts-list .list-item.order2 .theme {
  position: static;
  padding: 0;
  font-style: italic;
  text-shadow: 0px 0px 5px black;
  background-color: transparent;
}
.posts-list .list-item.order1 .post-title, .posts-list .list-item.order2 .post-title {
  height: auto;
  padding: 0;
  font-size: 18px;
  color: #fff;
  text-shadow: 0px 0px 5px black;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item.order1 .post-title, .posts-list .list-item.order2 .post-title {
    padding-bottom: 4px;
    font-size: 15px;
  }
}
.posts-list .list-item.order1 .post-title .tieup-type,
.posts-list .list-item.order1 .post-title .series-type, .posts-list .list-item.order2 .post-title .tieup-type,
.posts-list .list-item.order2 .post-title .series-type {
  position: static;
  padding-bottom: 0;
  display: block;
  font-size: 65%;
  line-height: 1.8;
}
.posts-list .list-item.order1 .excerpt, .posts-list .list-item.order2 .excerpt {
  display: block;
  font-size: 14px;
  text-shadow: 0px 0px 5px black;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item.order1 .excerpt, .posts-list .list-item.order2 .excerpt {
    line-height: 1.3;
    font-size: 12px;
  }
}
.posts-list .list-item.order1 {
  margin-right: 0.2%;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item.order1 {
    margin: 0;
  }
}
.posts-list .list-item.order2 {
  margin-left: 0.2%;
}
@media screen and (max-width: 580px) {
  .posts-list .list-item.order2 {
    margin: 0;
  }
}
.posts-list .list-item.l-small-left, .posts-list .list-item.l-small-right {
  width: 24.7%;
}
.posts-list .list-item.l-small-left {
  margin-right: 0.4%;
}
.posts-list .list-item.l-small-right {
  margin-left: 0.4%;
}
.posts-list .list-item.l-middle-right {
  margin-left: 0.4%;
}
@media screen and (max-width: 1120px) {
  .posts-list .list-item.l-small-left, .posts-list .list-item.l-small-right, .posts-list .list-item.l-middle-right {
    margin-left: 0;
    margin-right: 0;
  }
  .posts-list .list-item.m-middle-left, .posts-list .list-item.m-middle-right {
    width: 66%;
  }
  .posts-list .list-item.m-small-left, .posts-list .list-item.m-small-right {
    width: 33.4%;
  }
  .posts-list .list-item.m-middle-right, .posts-list .list-item.m-small-right {
    margin-left: 0.3%;
  }
  .posts-list .list-item.m-middle-left, .posts-list .list-item.m-small-left {
    margin-right: 0.3%;
  }
}
@media screen and (max-width: 580px) {
  .posts-list .list-item.m-middle-left, .posts-list .list-item.m-middle-right, .posts-list .list-item.m-small-left, .posts-list .list-item.m-small-right {
    width: 100%;
    height: 190px;
    margin: 0;
  }
  .posts-list .list-item.s-regular a:before {
    position: absolute;
    top: 50%;
    content: " ";
    margin-top: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 50;
  }
  .posts-list .list-item.s-regular.odd a:before {
    right: 50%;
    border-width: 15px 14px 15px 0;
    border-color: transparent #fff transparent transparent;
  }
  .posts-list .list-item.s-regular.odd.movies a:after {
    right: -50%;
    bottom: -100%;
  }
  .posts-list .list-item.s-regular.odd .thumbnail {
    float: left;
  }
  .posts-list .list-item.s-regular.odd .desc-area {
    float: right;
  }
  .posts-list .list-item.s-regular.odd .tieup-type,
  .posts-list .list-item.s-regular.odd .series-type {
    left: 54%;
  }
  .posts-list .list-item.s-regular.even a:before {
    left: 50%;
    border-width: 15px 0 15px 14px;
    border-color: transparent transparent transparent #fff;
  }
  .posts-list .list-item.s-regular.even.movies a:after {
    left: -50%;
    bottom: -100%;
  }
  .posts-list .list-item.s-regular.even .theme {
    margin-left: 50%;
  }
  .posts-list .list-item.s-regular.even .thumbnail {
    float: right;
  }
  .posts-list .list-item.s-regular.even .content-type {
    left: 0;
  }
  .posts-list .list-item.s-regular.even .desc-area {
    float: left;
  }
  .posts-list .list-item.s-regular.even .desc-area:after {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -18px;
    content: " ";
    width: 18px;
    height: 80px;
    background-color: #fff;
  }
}
@media screen and (min-width: 887px) {
  .posts-list .list-item.lm-middle-left, .posts-list .list-item.lm-middle-right {
    width: 66.5%;
  }
  .posts-list .list-item.lm-small-left, .posts-list .list-item.lm-small-right {
    width: 33%;
  }
  .posts-list .list-item.lm-middle-right, .posts-list .list-item.lm-small-right {
    margin-left: 0.25%;
  }
  .posts-list .list-item.lm-middle-left, .posts-list .list-item.lm-small-left {
    margin-right: 0.25%;
  }
  .posts-list .list-item.lm-middle-left, .posts-list .list-item.lm-middle-right, .posts-list .list-item.lm-small-left, .posts-list .list-item.lm-small-right {
    height: 387px;
  }
  .posts-list .list-item.lm-middle-left .thumbnail, .posts-list .list-item.lm-middle-right .thumbnail, .posts-list .list-item.lm-small-left .thumbnail, .posts-list .list-item.lm-small-right .thumbnail {
    height: 324px;
  }
}
@media screen and (min-width: 887px) and (max-width: 580px) {
  .posts-list .list-item.lm-middle-left .thumbnail, .posts-list .list-item.lm-middle-right .thumbnail, .posts-list .list-item.lm-small-left .thumbnail, .posts-list .list-item.lm-small-right .thumbnail {
    float: none;
    width: 100%;
    height: 326px;
  }
}
@media screen and (min-width: 887px) {
  .posts-list .list-item.lm-middle-left img, .posts-list .list-item.lm-middle-right img, .posts-list .list-item.lm-small-left img, .posts-list .list-item.lm-small-right img {
    width: auto;
    height: 324px;
  }
}
@media screen and (min-width: 887px) and (max-width: 580px) {
  .posts-list .list-item.lm-middle-left img, .posts-list .list-item.lm-middle-right img, .posts-list .list-item.lm-small-left img, .posts-list .list-item.lm-small-right img {
    margin-left: auto;
    height: 326px;
  }
}
@media screen and (min-width: 887px) {
  .posts-list .list-item.lm-middle-left .desc-area, .posts-list .list-item.lm-middle-right .desc-area, .posts-list .list-item.lm-small-left .desc-area, .posts-list .list-item.lm-small-right .desc-area {
    height: 54px;
  }
  .posts-list .list-item.m-regular {
    height: 397px;
    width: 33%;
  }
  .posts-list .list-item.m-regular-center {
    margin-left: 0.5%;
    margin-right: 0.5%;
  }
  .posts-list .list-item.m-regular .thumbnail {
    height: 324px;
  }
  .posts-list .list-item.m-regular img {
    width: auto;
    height: 324px;
  }
  .posts-list .list-item.m-regular .desc-area {
    height: 32px;
  }
}
@media screen and (min-width: 887px) and (max-width: 886px) {
  .posts-list .list-item.m-regular {
    height: 347px;
  }
  .posts-list .list-item.m-regular .thumbnail {
    height: 274px;
  }
  .posts-list .list-item.m-regular img {
    height: 274px;
  }
}

@media screen and (max-width: 580px) {
  .posts-list .s-regular {
    width: 100%;
    height: 190px;
    margin: 0;
  }
  .posts-list .s-regular .content-type {
    width: 42%;
    padding-left: 4%;
    padding-right: 4%;
    background-image: none;
    font-size: 13px;
    text-align: left;
    right: 0;
  }
  .posts-list .s-regular .content-type:before {
    display: inline-block;
    position: relative;
    top: 2px;
    left: -2px;
    font-size: 20px;
    line-height: 1;
  }
  .posts-list .s-regular .tieup-type,
  .posts-list .s-regular .series-type {
    left: 4%;
    bottom: 0;
    width: 42%;
    padding-bottom: 16px;
    color: #888;
    font-size: 10px;
    text-shadow: 0 0 0 transparent;
    line-height: 1.1;
  }
  .posts-list .s-regular .post-title {
    font-size: 16px;
    height: 4.02em;
  }
  .posts-list .s-regular.movies .content-type {
    font-size: 13px;
    color: #048ba8;
    background-color: transparent;
  }
  .posts-list .s-regular.movies .post-title:before {
    background-color: #048ba8;
  }
  .posts-list .s-regular.stories .content-type, .posts-list .s-regular[class*="blog"] .content-type {
    top: -2px;
    color: #e99502;
    background-color: transparent;
  }
  .posts-list .s-regular.stories .content-type:before, .posts-list .s-regular[class*="blog"] .content-type:before {
    font-size: 30px;
    top: 7px;
    left: -2px;
  }
  .posts-list .s-regular.stories .post-title:before, .posts-list .s-regular[class*="blog"] .post-title:before {
    background-color: #e99502;
  }
  .posts-list .s-regular.special .content-type, .posts-list .s-regular.news .content-type {
    color: #ea1c24;
    background-color: transparent;
  }
  .posts-list .s-regular.special .post-title:before, .posts-list .s-regular.news .post-title:before {
    background-color: #ea1c24;
  }
  .posts-list .s-regular.tours .content-type {
    color: #069a4c;
    background-color: transparent;
  }
  .posts-list .s-regular.tours .post-title:before {
    background-color: #069a4c;
  }
}
@media screen and (max-width: 414px) {
  .posts-list .s-regular .post-title {
    font-size: 14px;
  }
}
.posts-list .movies a:after {
  content: " ";
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -88%;
  margin: auto;
  width: 60px;
  height: 60px;
  background-image: url("./resources/images/icon-movieplay.png");
  background-repeat: no-repeat;
}
@media screen and (max-width: 580px) {
  .posts-list .movies a:after {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
  }
}
.posts-list .content-type {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 48px;
  padding: 6px 0;
  color: #fff;
  background-color: #333;
  background-image: url("./resources/images/bg-content-type.png");
  line-height: 1;
  font-size: 11.6px;
  font-weight: bold;
  text-align: center;
}
.posts-list .content-type:before {
  display: block;
  font-family: 'canada-icons';
  -webkit-font-smoothing: antialiased;
  font-size: 34px;
  font-weight: normal;
  text-align: center;
}
@media screen and (max-width: 580px) {
  .posts-list .content-type {
    top: 8px;
    right: 8px;
    font-size: 10px;
    line-height: 1.1;
  }
}
.posts-list .movies .content-type {
  background-color: #048ba8;
  line-height: 1.148;
}
.posts-list .movies .content-type:before {
  content: "\e60d";
  font-size: 30px;
}
@media screen and (max-width: 580px) {
  .posts-list .movies .content-type:before {
    font-size: 19px;
  }
}
.posts-list .stories .content-type,
.posts-list [class*="blog"] .content-type {
  background-color: #e99502;
}
.posts-list .stories .content-type:before,
.posts-list [class*="blog"] .content-type:before {
  content: "\e609";
  font-size: 40px;
  line-height: 0.9;
}
.posts-list .special .content-type,
.posts-list .news .content-type {
  background-color: #ea1c24;
}
.posts-list .special .content-type:before,
.posts-list .news .content-type:before {
  content: "\e60b";
}
.posts-list .tours .content-type {
  background-color: #069a4c;
}
.posts-list .tours .content-type:before {
  content: "\e60e";
  font-size: 34px;
}
@media screen and (max-width: 580px) {
  .posts-list .tours .content-type {
    top: -6px;
  }
  .posts-list .tours .content-type:before {
    font-size: 26px;
    line-height: 2.3;
  }
}

.more {
  position: relative;
  width: 40%;
  margin: 24px auto;
  overflow: hidden;
}
.more a {
  display: block;
  padding: 16px 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #ea1c24;
}
.more a .border {
  border-bottom: dotted 1px #fff;
}
.more a:hover {
  background-color: #9a000d;
}
.more a:hover .border {
  border-bottom: none;
}
.more a:before {
  position: absolute;
  top: 0;
  left: 0;
  content: ".";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 80px 0 0 90px;
  border-color: transparent transparent transparent #9a000d;
}
.more a:after {
  position: absolute;
  top: 0;
  right: 0;
  content: ".";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 80px 90px;
  border-color: transparent transparent #9a000d transparent;
}
@media screen and (max-width: 580px) {
  .more {
    width: 70%;
  }
  .posts-list-tours-recommended + .more {
    margin-top: 2px;
  }
  .more a {
    padding: 12px 0;
    font-size: 14px;
  }
  .more a:hover {
    background-color: #ea1c24;
  }
}
.more.loading {
  text-align: center;
}

.content-header {
  position: relative;
  margin: 32px 0 16px;
  padding: 15px 24px;
  color: #605846;
  background-color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.content-header:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  height: 66px;
  background-image: url("./resources/images/bg-content-header.png");
  background-repeat: repeat-y;
}
.content-header.position-top {
  margin-top: 0;
}
@media screen and (max-width: 580px) {
  .content-header {
    margin-top: 24px;
  }
}
.content-header .archive-link {
  float: right;
  color: #ea1c24;
  font-size: 15px;
  line-height: 2.5;
}
.content-header .archive-link:before {
  font-family: 'canada-icons';
  content: "\e608";
}
.content-header .archive-link:hover {
  text-decoration: underline;
}
.content-header .archive-link:hover:before {
  text-decoration: none;
}
@media screen and (max-width: 580px) {
  .content-header {
    padding: 8px 0;
    margin-bottom: 22px;
    background-color: transparent;
    font-size: 18px;
    text-align: center;
  }
  .content-header:before {
    width: 30px;
    height: 4px;
    background-image: none;
    background-color: #ea1c24;
    left: 50%;
    margin-left: -15px;
    top: 100%;
  }
  .content-header .archive-link {
    display: none;
  }
}

.posts-list-middle {
  letter-spacing: -.40em;
}
@media screen and (max-width: 580px) {
  .posts-list-middle {
    padding: 2%;
  }
}
@media screen and (max-width: 580px) {
  .wysiwyg .posts-list-middle {
    padding: 0;
  }
}
.posts-list-middle .list-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-left: 0;
  padding-bottom: 16px;
  margin-bottom: 6px;
  width: 33%;
  overflow: hidden;
  text-align: center;
  letter-spacing: normal;
  background-color: #fff;
}
.posts-list-middle .list-item:nth-child(3n-1) {
  margin-left: 0.5%;
  margin-right: 0.5%;
}
.posts-list-middle .list-item:before {
  display: none;
  margin-left: 0;
}
.posts-list-middle .list-item a {
  text-decoration: none;
}
.wysiwyg .posts-list-middle .list-item {
  width: 32%;
}
.wysiwyg .posts-list-middle .list-item:nth-child(3n-1) {
  margin-left: 1.8%;
  margin-right: 1.8%;
}
@media screen and (max-width: 580px) {
  .wysiwyg .posts-list-middle .list-item {
    display: inline-block;
    width: 48%;
  }
  .wysiwyg .posts-list-middle .list-item:nth-child(3n-1) {
    margin-left: 0;
    margin-right: 0;
  }
  .wysiwyg .posts-list-middle .list-item:nth-child(2n-1) {
    margin-right: 4%;
  }
}
@media screen and (max-width: 414px) {
  .wysiwyg .posts-list-middle .list-item {
    display: block;
    margin-bottom: 0;
    width: 100%;
    min-height: auto !important;
    min-height: initial !important;
  }
  .wysiwyg .posts-list-middle .list-item:nth-child(2n-1) {
    margin-right: 0;
  }
}
.posts-list-middle .list-item .thumbnail {
  position: relative;
  overflow: hidden;
  height: 198px;
}
.posts-list-middle .list-item .thumbnail img {
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
}
.posts-list-middle .list-item img {
  max-width: initial;
  max-width: auto;
  max-height: 198px;
  width: auto;
}
.posts-list-middle .list-item .tieup-type,
.posts-list-middle .list-item .series-type {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 30%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 4px;
}
.posts-list-middle .list-item .tieup-type img,
.posts-list-middle .list-item .series-type img {
  max-width: 100%;
  height: auto;
}
.posts-list-middle .list-item .post-title {
  margin: 0;
  padding: 10px 10px 4px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  line-height: 1.4;
  color: #000;
}
.wysiwyg .posts-list-middle .list-item .post-title {
  padding-left: 0;
  padding-right: 0;
}
.posts-list-middle .list-item .excerpt {
  margin-top: 0;
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: 1.2;
  color: #937547;
}
.wysiwyg .posts-list-middle .list-item .excerpt {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 580px) {
  .posts-list-middle .list-item {
    margin: 0 0 8px;
    display: block;
    width: 100%;
  }
  .posts-list-middle .list-item .thumbnail {
    height: 210px;
  }
  .posts-list-middle .list-item img {
    max-height: 210px;
  }
  .posts-list-middle .list-item:nth-child(3n-1) {
    margin-left: 0;
    margin-right: 0;
  }
}

.posts-list-news {
  letter-spacing: -0.4em;
}
.posts-list-news .list-item {
  margin: 0 0 6px;
  display: inline-block;
  width: 49.6%;
  overflow: hidden;
  letter-spacing: normal;
  vertical-align: top;
}
.posts-list-news .list-item:nth-child(odd) {
  margin-right: 0.4%;
}
.posts-list-news .list-item:nth-child(even) {
  margin-left: 0.4%;
}
.posts-list-news .list-item a {
  display: block;
  min-height: 156px;
  background-color: #f3f3f3;
}
.posts-list-news .list-item a:hover {
  background-color: #fff;
}
.posts-list-news .list-item a:hover .post-title {
  color: #ea1c24;
}
@media screen and (max-width: 886px) {
  .posts-list-news .list-item {
    width: 100%;
  }
  .posts-list-news .list-item:nth-child(odd) {
    margin-right: 0;
  }
  .posts-list-news .list-item:nth-child(even) {
    margin-left: 0;
  }
  .posts-list-news .list-item a {
    min-height: 116px;
  }
}
.posts-list-news .thumbnail {
  position: relative;
  overflow: hidden;
  float: left;
  width: 156px;
  height: 156px;
  overflow: hidden;
}
.posts-list-news .thumbnail img {
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
}
.posts-list-news .thumbnail img {
  max-height: 156px;
  width: auto;
}
.posts-list-news .desc {
  overflow: hidden;
  padding: 16px;
}
.posts-list-news time {
  padding-top: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #ea1c24;
  border-top: solid 2px #ea1c24;
}
.posts-list-news .post-title {
  color: #101010;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 886px) {
  .posts-list-news {
    padding: 2%;
  }
  .posts-list-news .thumbnail {
    width: 116px;
    height: 116px;
  }
  .posts-list-news .thumbnail img {
    max-height: 116px;
  }
  .posts-list-news .desc {
    padding: 12px;
  }
  .posts-list-news time {
    font-size: 12px;
  }
  .posts-list-news .post-title {
    font-size: 14px;
  }
}

.wysiwyg .clear:before, .wysiwyg .clear:after {
  content: " ";
  display: table;
}
.wysiwyg .clear:after {
  clear: both;
}
.wysiwyg .clear {
  *zoom: 1;
}
.wysiwyg .the-content .mar-t0 {
  margin-top: 0;
}
.wysiwyg .the-content .mar-b0 {
  margin-bottom: 0;
}
@media screen and (max-width: 886px) {
  .wysiwyg .sp-disable {
    display: none !important;
  }
}
@media screen and (min-width: 1121px) {
  .wysiwyg .pc-disable {
    display: none;
  }
}
@media screen and (min-width: 887px) {
  .wysiwyg .tablet-disable {
    display: none !important;
  }
}
@media screen and (min-width: 581px) {
  .wysiwyg .sp-land-disable {
    display: none;
  }
}
.wysiwyg .enhanced {
  color: #ea1c24;
}
.wysiwyg h1 {
  font-size: 27px;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 580px) {
  .wysiwyg h1 {
    font-size: 26px;
  }
}
@media screen and (max-width: 414px) {
  .wysiwyg h1 {
    font-size: 20px;
  }
}
.wysiwyg .page-title {
  padding-left: 60px;
}
.wysiwyg .page-title:before {
  content: " ";
  font-family: 'canada-icons';
  display: inline-block;
  font-weight: normal;
  width: 50px;
  height: 50px;
  margin-left: -60px;
  border-radius: 50%;
  background-color: #ea1c24;
  text-align: center;
}
@media screen and (max-width: 580px) {
  .wysiwyg .page-title {
    padding-left: 0;
  }
  .wysiwyg .page-title:before {
    margin-left: 0;
  }
}
.wysiwyg h2 {
  margin: 1.8em 0 0.8em;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
  color: #ea1c24;
}
@media screen and (max-width: 580px) {
  .wysiwyg h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 414px) {
  .wysiwyg h2 {
    font-size: 18px;
  }
}
.wysiwyg .ex-margin {
  margin-top: 1.8em;
}
@media screen and (max-width: 580px) {
  .wysiwyg .ex-margin {
    margin-top: .6em;
  }
}
.wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
  line-height: 1.148;
}
.wysiwyg h3 {
  margin-top: 1.6em;
  margin-bottom: .6em;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 580px) {
  .wysiwyg h3 {
    font-size: 18px;
  }
}
.wysiwyg h4 {
  margin-top: 1.4em;
  margin-bottom: 0.6em;
  font-size: 17px;
  font-weight: bold;
}
@media screen and (max-width: 580px) {
  .wysiwyg h4 {
    font-size: 15px;
  }
}
.wysiwyg h5 {
  margin-top: 1.2em;
  margin-bottom: 0.4em;
  font-size: 15px;
  font-weight: bold;
}
.wysiwyg h6 {
  margin-top: 1.2em;
  margin-bottom: 0.4em;
  font-size: 14px;
  font-weight: bold;
}
.wysiwyg p {
  font-size: 15px;
  margin-bottom: 1.2em;
  line-height: 1.64;
  color: #000;
}
@media screen and (max-width: 580px) {
  .wysiwyg p {
    line-height: 1.804;
  }
}
.wysiwyg p b {
  display: block;
  margin: 12px 0;
}
.wysiwyg strong, .wysiwyg em, .wysiwyg b {
  font-weight: bold;
}
.wysiwyg mark {
  background-color: #fffa7e;
}
.wysiwyg small {
  font-size: 86%;
}
.wysiwyg aside p {
  font-size: 88%;
}
.wysiwyg a {
  color: #ea1c24;
  text-decoration: underline;
  word-break: break-all;
}
.wysiwyg a.color-white {
  color: #fff;
}
.wysiwyg a.color-white[target="_blank"]:after {
  color: #fff;
}
.wysiwyg a:hover {
  text-decoration: none;
}
.wysiwyg a[target="_blank"]:after {
  font-family: 'canada-icons';
  -webkit-font-smoothing: antialiased;
  content: "\e607";
  color: #ea1c24;
  font-size: 10px;
  vertical-align: baseline;
}
.wysiwyg a[target="_blank"].no-icon:after {
  display: none;
}
.wysiwyg .more a {
  color: #fff;
  text-decoration: none;
}
.wysiwyg li {
  font-size: 15px;
}
@media screen and (max-width: 580px) {
  .wysiwyg li {
    font-size: 14px;
  }
}
.wysiwyg ul {
  margin: 1.2em 0;
}
.wysiwyg ul li {
  counter-reset: table-ol;
  padding-left: 15px;
  margin-bottom: 0.5em;
}
.wysiwyg ul li:before {
  content: "・";
  margin-left: -15px;
  font-weight: bold;
}
.wysiwyg ol {
  margin: 1.2em 0;
  list-style: none;
  padding-left: 0;
  display: table;
}
.wysiwyg ol li {
  display: table-row;
  margin-bottom: 0.5em;
  counter-increment: table-ol;
}
.wysiwyg ol li:before {
  content: counter(table-ol) ".";
  display: table-cell;
  padding-right: 0.4em;
  text-align: right;
}
.wysiwyg ol li:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}
.wysiwyg table {
  width: 100%;
  margin: 16px 0;
  border-collapse: collapse;
}
.wysiwyg th {
  border: solid 1px #cccccc;
  padding: 12px;
  color: #fff;
  background-color: #ea1c24;
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 580px) {
  .wysiwyg th {
    padding: 4px;
    font-size: 11px;
  }
}
.wysiwyg td {
  border: solid 1px #cccccc;
  padding: 12px;
  font-size: 14px;
}
@media screen and (max-width: 580px) {
  .wysiwyg td {
    padding: 4px;
    font-size: 11px;
  }
}
.wysiwyg blockquote {
  position: relative;
  padding: 2% 2% 2% 60px;
  margin-bottom: 1.2em;
  border: dotted 1px #cccccc;
  font-style: italic;
  color: #101010;
}
.wysiwyg blockquote:before {
  position: absolute;
  top: 0;
  left: 1.4%;
  font-family: 'canada-icons';
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  content: "\e617";
  font-size: 220%;
  color: #eee;
}
.wysiwyg blockquote p {
  margin-bottom: 0;
}
@media screen and (max-width: 580px) {
  .wysiwyg blockquote {
    padding: 2% 4% 2% 48px;
  }
  .wysiwyg blockquote:before {
    top: -8px;
  }
}
.wysiwyg dl {
  margin-bottom: 1.2em;
}
.wysiwyg dt {
  margin-top: 1.2em;
  font-weight: bold;
  font-size: 16px;
}
.wysiwyg dt:first-child {
  margin-top: 0;
}
@media screen and (max-width: 580px) {
  .wysiwyg dt {
    font-size: 15px;
  }
}
.wysiwyg dd {
  font-size: 88%;
}
.wysiwyg hr {
  background-color: #888;
  border: medium none;
  height: 1px;
  margin: 24px 0;
}
.wysiwyg .maple-border {
  margin: 24px 0 34px;
  background-image: url("./resources/images/maple-border.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 30px;
  background-color: transparent;
}
@media screen and (max-width: 580px) {
  .wysiwyg .maple-border {
    margin: 0;
    background-size: 100px auto;
  }
}
.wysiwyg .bottom-arrowed {
  margin-bottom: 56px;
}
.wysiwyg img {
  max-width: 100%;
  width: auto\9;
  height: auto;
}
.wysiwyg img.alignleft, .wysiwyg img.alignright {
  margin-bottom: 1.6em;
}
@media screen and (max-width: 580px) {
  .wysiwyg img.alignleft, .wysiwyg img.alignright {
    display: block;
    margin: 0 auto 1.6em;
  }
}
.wysiwyg .alignleft {
  float: left;
  max-width: 36%;
  height: auto;
  margin-right: 2%;
}
@media screen and (max-width: 580px) {
  .wysiwyg .alignleft {
    max-width: 100%;
    float: none;
    margin: 0 auto;
  }
}
.wysiwyg .alignright {
  float: right;
  max-width: 36%;
  height: auto;
  margin-left: 2%;
}
@media screen and (max-width: 580px) {
  .wysiwyg .alignright {
    max-width: 100%;
    float: none;
    margin: 0 auto;
  }
}
@media screen and (max-width: 580px) {
  .wysiwyg .alignleft + .alignright,
  .wysiwyg .alignright + .alignleft {
    margin-top: 16px;
  }
}
.wysiwyg .aligncenter {
  display: block;
  margin: 1.2em auto;
}
.wysiwyg .wp-caption {
  max-width: 100%;
}
.wysiwyg .wp-caption-text {
  margin-bottom: 0;
  font-size: 90%;
  font-weight: bold;
  line-height: 1.312;
  text-align: left;
}
@media screen and (max-width: 580px) {
  .wysiwyg .wp-caption-text {
    font-size: 13px;
    margin-bottom: 16px;
  }
}
.wysiwyg .link-btn a,
.wysiwyg .form-submit a {
  display: block;
  width: auto;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  background-color: #ea1c24;
}
.wysiwyg .link-btn a:hover,
.wysiwyg .form-submit a:hover {
  background-color: #9a000d;
}
.wysiwyg .link-btn [target="_blank"]:after,
.wysiwyg .form-submit [target="_blank"]:after {
  position: relative;
  top: -3px;
  right: -6px;
  font-family: 'canada-icons';
  font-weight: normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  content: "\e607";
  font-size: 12px;
}
.wysiwyg .half-box-wrap {
  clear: both;
  margin: 1.6em -1%;
  letter-spacing: -.4em;
}
.wysiwyg .half-box-wrap:before, .wysiwyg .half-box-wrap:after {
  content: " ";
  display: table;
}
.wysiwyg .half-box-wrap:after {
  clear: both;
}
.wysiwyg .half-box-wrap {
  *zoom: 1;
}
.wysiwyg .half-box-wrap img {
  max-width: 100%;
  height: auto;
  width: auto\9;
}
.wysiwyg .half-box-left {
  display: inline-block;
  vertical-align: top;
  max-width: 48%;
  margin: 0 1%;
  letter-spacing: normal;
}
.wysiwyg .half-box-left.col7 {
  max-width: 68%;
}
.wysiwyg .half-box-right {
  display: inline-block;
  vertical-align: top;
  max-width: 48%;
  margin: 0 1%;
  letter-spacing: normal;
}
.wysiwyg .half-box-right.col3 {
  max-width: 28%;
}
.wysiwyg .half-box-wrap.vs {
  position: relative;
}
.wysiwyg .half-box-wrap.vs .half-box-left {
  max-width: 46%;
  margin-right: 3%;
}
.wysiwyg .half-box-wrap.vs .half-box-right {
  max-width: 46%;
  margin-top: 0;
  margin-left: 3%;
}
.wysiwyg .half-box-wrap.vs .half-box-right:before {
  content: 'V.S.';
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
  z-index: 100;
  width: 56px;
  height: 68px;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 580px) {
  .wysiwyg .half-box-wrap {
    margin: 1.6em 0;
  }
  .wysiwyg .half-box-left {
    float: none;
  }
  .wysiwyg .half-box-right {
    margin-top: 1.2em;
  }
  .wysiwyg .half-box-left, .wysiwyg .half-box-right, .wysiwyg .half-box-left.col7, .wysiwyg .half-box-right.col3 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.wysiwyg .col3-box {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  margin: 0 1% 1.2em;
  letter-spacing: normal;
}
.wysiwyg .col3-box-wrap {
  clear: both;
  letter-spacing: -.4em;
  margin: 1.6em -1%;
  text-align: center;
}
.wysiwyg .col3-box-wrap:before, .wysiwyg .col3-box-wrap:after {
  content: " ";
  display: table;
}
.wysiwyg .col3-box-wrap:after {
  clear: both;
}
.wysiwyg .col3-box-wrap {
  *zoom: 1;
}
@media screen and (max-width: 580px) {
  .wysiwyg .col3-box-wrap {
    margin-bottom: 0;
  }
}
.wysiwyg .col3-box-wrap p {
  text-align: left;
}
@media screen and (max-width: 580px) {
  .wysiwyg .col3-box {
    width: 48%;
  }
}
.wysiwyg .col4-box {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin: 0 1% 1.2em;
  letter-spacing: normal;
}
.wysiwyg .col4-box-wrap {
  clear: both;
  letter-spacing: -.4em;
  margin: 1.6em -1%;
  text-align: center;
}
.wysiwyg .col4-box-wrap:before, .wysiwyg .col4-box-wrap:after {
  content: " ";
  display: table;
}
.wysiwyg .col4-box-wrap:after {
  clear: both;
}
.wysiwyg .col4-box-wrap {
  *zoom: 1;
}
.wysiwyg .col4-box-wrap p {
  text-align: left;
}
.wysiwyg .col4-box-wrap.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.wysiwyg .col4-box.no-gutter {
  width: 25%;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 580px) {
  .wysiwyg .col4-box {
    width: 48%;
    margin-bottom: 0;
  }
  .wysiwyg .col4-box.no-gutter {
    width: 50%;
  }
  .wysiwyg .col4-box.no-gutter img {
    vertical-align: bottom;
  }
}
.wysiwyg .half-box-wrap.mosaic-info-area {
  margin-left: 0;
  margin-right: 0;
  padding: 16px;
  border: solid 1px #cccccc;
}
.wysiwyg .half-box-wrap.mosaic-info-area img {
  vertical-align: bottom;
}
.wysiwyg .half-box-wrap.mosaic-info-area .half-box-left {
  margin-left: 0;
}
@media screen and (max-width: 580px) {
  .wysiwyg .half-box-wrap.mosaic-info-area .half-box-left {
    width: 100%;
    text-align: center;
  }
}
.wysiwyg .half-box-wrap.mosaic-info-area .half-box-right {
  margin-right: 0;
}
.wysiwyg .half-box-wrap.darwin-info-area .half-box-left {
  max-width: 26%;
}
.wysiwyg .half-box-wrap.darwin-info-area .half-box-right {
  max-width: 70%;
}
@media screen and (max-width: 886px) {
  .wysiwyg .half-box-wrap.darwin-info-area h4 {
    margin-top: 0;
  }
}
@media screen and (max-width: 580px) {
  .wysiwyg .half-box-wrap.darwin-info-area .half-box-left,
  .wysiwyg .half-box-wrap.darwin-info-area .half-box-right {
    max-width: 100%;
    width: 100%;
  }
  .wysiwyg .half-box-wrap.darwin-info-area .half-box-left {
    text-align: center;
  }
}
.wysiwyg .synopsis {
  padding: 16px;
  background-color: #eee;
}
.wysiwyg .synopsis *:first-child {
  margin-top: 0;
}
.wysiwyg .synopsis *:last-child {
  margin-bottom: 0;
}
.wysiwyg .onair-schedule {
  margin-top: 24px;
  padding: 16px;
  border: solid 1px #cccccc;
}
.wysiwyg .onair-schedule *:first-child {
  margin-top: 0;
}
.wysiwyg .onair-schedule *:last-child {
  margin-bottom: 0;
}
.wysiwyg .gray-bg {
  padding: 10px;
  background-color: #efefef;
}
.wysiwyg .gray-bg > h3:first-child {
  margin-top: 12px;
}
.wysiwyg .acf-map {
  width: 100%;
  height: 240px;
  margin: 0 0 40px;
}
.wysiwyg .acf-map [target="_blank"]:after {
  display: none;
}
.wysiwyg .acf-map .gm-style img {
  max-width: initial;
  max-width: auto;
}
.wysiwyg .the-content > *:first-child {
  margin-top: 0;
}

.recommend-area {
  max-width: 1208px;
}

.posts-list-tours-recommended {
  letter-spacing: -0.4em;
}
.posts-list-tours-recommended .list-item {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 49.6%;
  margin-bottom: 8px;
  overflow: hidden;
  letter-spacing: normal;
}
.posts-list-tours-recommended .list-item:nth-child(odd) {
  margin-right: 0.4%;
}
.posts-list-tours-recommended .list-item:nth-child(even) {
  margin-left: 0.4%;
}
.posts-list-tours-recommended .list-item:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #ea1c24;
}
.posts-list-tours-recommended .list-item a {
  display: block;
  min-height: 151px;
  background-color: #f3f3f3;
}
.posts-list-tours-recommended .list-item a:hover {
  background-color: #ea1c24;
}
.posts-list-tours-recommended .list-item a:hover img {
  opacity: 1.0;
}
.posts-list-tours-recommended .list-item a:hover .post-title, .posts-list-tours-recommended .list-item a:hover .days, .posts-list-tours-recommended .list-item a:hover .days-header {
  color: #fff;
}
.posts-list-tours-recommended .list-item a:hover .sub-title {
  color: #c4bdae;
}
@media screen and (max-width: 886px) {
  .posts-list-tours-recommended .list-item {
    width: 100%;
  }
  .posts-list-tours-recommended .list-item:nth-child(odd), .posts-list-tours-recommended .list-item:nth-child(even) {
    margin: 0 0 6px;
  }
  .posts-list-tours-recommended .list-item a {
    min-height: 156px;
  }
}
.posts-list-tours-recommended .thumbnail {
  position: relative;
  overflow: hidden;
  float: left;
  width: 151px;
  height: 151px;
  overflow: hidden;
}
.posts-list-tours-recommended .thumbnail img {
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
}
.posts-list-tours-recommended .thumbnail img {
  max-height: 151px;
  width: auto;
  left: -103%;
}
.posts-list-tours-recommended .days {
  margin-bottom: 0;
  color: #101010;
  text-align: right;
  font-size: 13px;
}
.posts-list-tours-recommended .days-header {
  color: #ea1c24;
  font-weight: bold;
}
.posts-list-tours-recommended .desc {
  overflow: hidden;
  padding: 8px;
}
.posts-list-tours-recommended .post-title {
  margin-top: 4px;
  color: #101010;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
.posts-list-tours-recommended .sub-title {
  margin-top: 8px;
  margin-bottom: 0;
  max-height: 54px;
  overflow: hidden;
  color: #605846;
  line-height: 1.3;
  font-size: 14px;
}
@media screen and (max-width: 886px) {
  .posts-list-tours-recommended {
    padding: 2%;
  }
  .posts-list-tours-recommended .thumbnail {
    width: 156px;
    height: 156px;
  }
  .posts-list-tours-recommended .thumbnail img {
    max-height: 156px;
    left: -100%;
  }
  .posts-list-tours-recommended .desc {
    padding: 12px;
  }
}
@media screen and (max-width: 580px) {
  .posts-list-tours-recommended .list-item a {
    min-height: 151px;
  }
  .posts-list-tours-recommended .thumbnail {
    width: 151px;
    height: 151px;
  }
  .posts-list-tours-recommended .thumbnail img {
    max-height: 151px;
    max-width: 151px;
  }
  .posts-list-tours-recommended .post-title {
    font-size: 14px;
  }
}

.theme-header {
  margin-left: 210px;
  background-image: url("./resources/images/bg-content.gif");
}
.theme-header-inner {
  position: relative;
  max-width: 1224px;
}
@media screen and (max-width: 886px) {
  .theme-header {
    margin-left: 0;
  }
}
@media screen and (max-width: 580px) {
  .theme-header {
    padding-bottom: 32px;
    background-color: #fff;
    background-image: none;
  }
}
.theme-str-area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.theme-str-area:before, .theme-str-area:after {
  content: " ";
  display: table;
}
.theme-str-area:after {
  clear: both;
}
.theme-str-area {
  *zoom: 1;
}
@media screen and (max-width: 580px) {
  .theme-str-area {
    position: static;
    margin-top: 12px;
  }
}
.theme-title {
  display: table;
  float: right;
  width: 22%;
  max-width: 225px;
  height: 225px;
  padding: 2%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.68);
  background-image: url("./resources/images/bg-theme-title.png");
  background-position: left top;
  background-repeat: no-repeat;
}
@media screen and (max-width: 886px) {
  .theme-title {
    position: static;
    float: none;
    max-width: initial;
    max-width: auto;
    width: auto;
    height: auto;
    padding: 0 2%;
    background-image: none;
    background-color: transparent;
  }
}
@media screen and (max-width: 580px) {
  .theme-title {
    display: block;
    margin: 20px 0 30px;
    text-align: center;
  }
}
.theme-name {
  display: table-cell;
  vertical-align: middle;
  font-size: 44px;
  font-weight: bold;
  line-height: 1.2;
}
.theme-name-en {
  display: block;
  font-size: 28px;
  font-weight: bold;
  color: #ea1c24;
  text-transform: capitalize;
}
@media screen and (max-width: 886px) {
  .theme-name {
    display: inline;
    width: 96%;
    height: auto;
    background-image: none;
    color: #fff;
    font-size: 36px;
    text-shadow: 0 0 4px #000;
  }
  .theme-name-en {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
  }
}
@media screen and (max-width: 580px) {
  .theme-name {
    color: #000;
    font-size: 22px;
    text-shadow: 0 0 0 transparent;
  }
  .theme-name-en {
    display: block;
    margin-top: 2px;
    margin-left: 0;
    font-size: 16px;
  }
}
.theme-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 440px;
}
.theme-img img {
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
}
.theme-img:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 280px;
  background-image: url("./resources/images/bg-theme-header.png");
  background-position: 0 bottom;
  background-repeat: repeat-x;
}
.theme-img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 886px) {
  .theme-img {
    height: 370px;
  }
}
@media screen and (max-width: 580px) {
  .theme-img {
    height: auto;
  }
  .theme-img:after {
    background-image: none;
  }
  .theme-img img {
    position: static;
  }
}
.theme-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1% 2%;
  width: 70%;
  color: #fff;
  font-weight: bold;
  text-align: justify;
  text-justify: inter-ideograph;
  text-shadow: 0 0 4px #000;
}
@media screen and (max-width: 886px) {
  .theme-desc {
    position: static;
    width: 96%;
    padding: 0 2% 1%;
    font-size: 14px;
  }
}
@media screen and (max-width: 580px) {
  .theme-desc {
    margin-top: 10px;
    padding-bottom: 60px;
    color: #000;
    text-shadow: 0 0 0 transparent;
    font-size: 14px;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 40px auto;
    background-image: url("./resources/images/icon-maple.png");
  }
}

.sns-btns:before, .sns-btns:after {
  content: " ";
  display: table;
}
.sns-btns:after {
  clear: both;
}
.sns-btns {
  *zoom: 1;
}
.sns-btns .addthis_sharing_toolbox #atstbx {
  position: relative;
  float: right;
  z-index: 110;
}
@media screen and (max-width: 580px) {
  .sns-btns .addthis_sharing_toolbox #atstbx {
    float: none;
    margin-bottom: 12px;
    text-align: center;
  }
  .single-tours .sns-btns .addthis_sharing_toolbox #atstbx, .single-movies .sns-btns .addthis_sharing_toolbox #atstbx {
    margin-bottom: 0;
  }
  .single-stories .sns-btns .addthis_sharing_toolbox #atstbx {
    margin-bottom: 16px;
  }
}
.sns-btns .fb-like,
.sns-btns .twitter-tweet-button {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
.sns-btns .fb-like {
  margin-left: 0;
}

.single-movies .sns-btns {
  float: right;
}
@media screen and (max-width: 580px) {
  .single-movies .sns-btns {
    float: none;
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
    text-align: center;
  }
}
.single-movies p {
  color: #fff;
}

.embed-youtube-area {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.embed-youtube-area iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.uploaded-movie-area {
  width: 100%;
}
.uploaded-movie-area .mp4video {
  width: 100%;
  height: 460px\9;
}

.contents-source {
  margin-bottom: 0;
  text-align: right;
  font-weight: bold;
}

.single-movies .content-inner .page-title {
  position: relative;
  padding-right: 160px;
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: solid 1px #fff;
  line-height: 1.2;
}
.single-movies .content-inner .page-title:before {
  position: absolute;
  top: -10px;
  content: "\e60d";
  margin-right: 12px;
  text-align: center;
  line-height: 1.8;
  background-color: #048ba8;
}
@media screen and (max-width: 580px) {
  .single-movies .content-inner .page-title {
    clear: both;
    margin-top: 8px;
    margin-bottom: 0;
    padding-right: 0;
    text-align: center;
    border-bottom: none;
    line-height: 1.3;
  }
  .single-movies .content-inner .page-title:before {
    position: static;
    display: block;
    margin: 0 auto 8px;
    font-size: 25px;
    line-height: 2;
  }
}
.single-movies .content-inner .desc {
  margin-top: 32px;
}
.single-movies .content-inner .desc:before {
  content: " ";
  display: block;
  width: 16px;
  height: 2px;
  margin-bottom: 10px;
  background-color: #048ba8;
}

.comments {
  padding: 26px 32px;
  -webkit-appearance: none;
  background-image: url("./resources/images/bg-pattern-gray.jpg");
}
.comments .comment-header {
  margin: 0 0 6px;
  color: #ea1c24;
}
.comments .comment-header:before {
  font-family: 'canada-icons';
  content: "\e620";
  color: #ea1c24;
  font-weight: normal;
  padding-right: 8px;
}
@media screen and (max-width: 580px) {
  .comments {
    padding: 16px;
  }
}
@media screen and (max-width: 580px) {
  .single-stories .comments, [class*="single-blog"] .comments {
    margin-bottom: 32px;
  }
}

.comments-list {
  letter-spacing: -.4em;
}
.comments-list .comment {
  display: inline-block;
  width: 100%;
  margin: 16px 1%;
  padding-left: 0;
  letter-spacing: normal;
  vertical-align: top;
}
.comments-list .comment:before {
  display: none;
}
.comments-list .comment.depth-1 {
  width: 48%;
}
@media screen and (max-width: 886px) {
  .comments-list .comment.depth-1 {
    width: 48%;
    margin-top: 0;
  }
}
@media screen and (max-width: 414px) {
  .comments-list .comment.depth-1 {
    width: 100%;
    margin: 0 0 8px;
  }
}
.comments-list .comment-author {
  width: 40px;
}
.comments-list .depth-1 .comment-author {
  float: left;
}
.comments-list .children {
  width: 100%;
  margin-top: 0.2em;
  margin-left: 4%;
  margin-bottom: 0.2em;
}
.comments-list .children .comment {
  width: 96%;
  margin: 0;
}
.comments-list .comment-content {
  padding: 0 8px 8px;
  overflow: hidden;
  color: #101010;
}
.comments-list .comment-content p {
  margin-top: 0.3em;
  color: #101010;
}
.comments-list .fn {
  display: block;
  padding-bottom: 4px;
  border-bottom: solid 1px #101010;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
}
.comments-list p {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.312;
}

@media screen and (max-width: 580px) {
  .comment-respond {
    margin-top: 0;
  }
}
.comment-respond .comment-reply-title {
  margin-top: 0;
  color: #ea1c24;
}
.comment-respond .comment-reply-title:before {
  font-family: 'canada-icons';
  content: "\e620";
  -webkit-font-smoothing: antialiased;
  padding-right: 8px;
}
.comment-respond .logged-in-as {
  color: #323232;
}

.comment-form [for="comment"], .comment-form [for="author"] {
  color: #323232;
  font-weight: bold;
}
.comment-form #inputtext {
  margin-bottom: 0.5em;
}
.comment-form #author {
  -webkit-appearance: none;
  width: 30%;
  padding: 1%;
  border: solid 1px #cccccc;
  border-radius: 0;
}
.comment-form #comment {
  -webkit-appearance: none;
  width: 98%;
  padding: 1%;
  border: solid 1px #cccccc;
  border-radius: 0;
  background-color: #fff;
}
@media screen and (max-width: 580px) {
  .comment-form #author {
    width: 98%;
  }
}
.comment-form .form-submit {
  width: 50%;
  margin: 0 auto;
}
.comment-form .form-submit [type="submit"] {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: #ea1c24;
  cursor: pointer;
  border: none;
  border-radius: 0;
}
.comment-form .form-submit [type="submit"]:hover {
  background-color: #9a000d;
}
@media screen and (max-width: 580px) {
  .comment-form .form-submit [type="submit"] {
    font-size: 15px;
  }
}

.posts-list-others .list-item {
  height: 320px;
}
@media screen and (min-width: 581px) and (max-width: 886px) {
  .posts-list-others .list-item {
    width: 49.3%;
  }
  .posts-list-others .list-item.odd {
    margin-right: 1%;
  }
}

.tour-header,
.story-header,
.media-header,
.special-header,
.news-header {
  margin-left: 210px;
  background-image: url("./resources/images/bg-content.gif");
}
.tour-header-inner,
.story-header-inner,
.media-header-inner,
.special-header-inner,
.news-header-inner {
  position: relative;
  max-width: 1224px;
}
@media screen and (max-width: 886px) {
  .tour-header,
  .story-header,
  .media-header,
  .special-header,
  .news-header {
    margin-left: 0;
  }
}
@media screen and (max-width: 580px) {
  .tour-header,
  .story-header,
  .media-header,
  .special-header,
  .news-header {
    background-color: #fff;
    background-image: none;
  }
}
.tour-str-area,
.story-str-area,
.media-str-area,
.special-str-area,
.news-str-area {
  width: 100%;
  padding: 12px 0;
  background-color: #000;
}
@media screen and (max-width: 580px) {
  .tour-str-area,
  .story-str-area,
  .media-str-area,
  .special-str-area,
  .news-str-area {
    position: static;
    padding: 0;
    background-color: transparent;
  }
}
.tour-title,
.story-title,
.media-title,
.special-title,
.news-title {
  position: relative;
  padding: 4px 4% 4px 70px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
}
.tour-title:before,
.story-title:before,
.media-title:before,
.special-title:before,
.news-title:before {
  position: absolute;
  top: -3px;
  left: 12px;
  font-family: 'canada-icons';
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 16px;
  border-radius: 50%;
  font-size: 42px;
  font-weight: normal;
  line-height: 1.3;
  text-align: center;
}
.tour-title.in-series:before,
.story-title.in-series:before,
.media-title.in-series:before,
.special-title.in-series:before,
.news-title.in-series:before {
  top: 4px;
}
.tour-title .series-title + .page-title,
.story-title .series-title + .page-title,
.media-title .series-title + .page-title,
.special-title .series-title + .page-title,
.news-title .series-title + .page-title {
  display: block;
  position: relative;
  padding-bottom: 0;
  font-size: 18px;
}
@media screen and (max-width: 580px) {
  .tour-title .series-title,
  .story-title .series-title,
  .media-title .series-title,
  .special-title .series-title,
  .news-title .series-title {
    top: 0;
    left: 0;
    font-size: 18px;
  }
  .tour-title .series-title + .page-title,
  .story-title .series-title + .page-title,
  .media-title .series-title + .page-title,
  .special-title .series-title + .page-title,
  .news-title .series-title + .page-title {
    padding-left: 0;
    padding-bottom: 6px;
    top: 5px;
    left: 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 886px) {
  .tour-title,
  .story-title,
  .media-title,
  .special-title,
  .news-title {
    float: none;
    max-width: initial;
    max-width: auto;
    width: auto;
    height: auto;
    font-size: 26px;
  }
}
@media screen and (max-width: 580px) {
  .tour-title,
  .story-title,
  .media-title,
  .special-title,
  .news-title {
    position: static;
    display: block;
    margin: 20px 0 0;
    padding: 0 2%;
    text-align: center;
    font-size: 23px;
    color: #101010;
  }
  .tour-title:before,
  .story-title:before,
  .media-title:before,
  .special-title:before,
  .news-title:before {
    display: block;
    position: static;
    left: 0;
    font-size: 32px;
    line-height: 1.7;
    color: #fff;
    margin: 12px auto;
  }
}
@media screen and (max-width: 414px) {
  .tour-title,
  .story-title,
  .media-title,
  .special-title,
  .news-title {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
  }
}
.tour-img,
.story-img,
.media-img,
.special-img,
.news-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 332px;
}
.tour-img img,
.story-img img,
.media-img img,
.special-img img,
.news-img img {
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
}
.tour-img.has-caption:after,
.story-img.has-caption:after,
.media-img.has-caption:after,
.special-img.has-caption:after,
.news-img.has-caption:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(69%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
.tour-img-caption,
.story-img-caption,
.media-img-caption,
.special-img-caption,
.news-img-caption {
  color: #fff;
  position: absolute;
  right: 1%;
  bottom: 4px;
  width: 98%;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  z-index: 50;
}
@media screen and (max-width: 580px) {
  .tour-img-caption,
  .story-img-caption,
  .media-img-caption,
  .special-img-caption,
  .news-img-caption {
    font-size: 10px;
    text-align: left;
    text-shadow: 0 0 2px #000;
  }
}
.tour-img img,
.story-img img,
.media-img img,
.special-img img,
.news-img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1120px) {
  .tour-img img,
  .story-img img,
  .media-img img,
  .special-img img,
  .news-img img {
    width: auto;
  }
}
@media screen and (max-width: 886px) {
  .tour-img img,
  .story-img img,
  .media-img img,
  .special-img img,
  .news-img img {
    position: static;
    width: 100%;
    height: auto;
  }
  .tour-img img:after,
  .story-img img:after,
  .media-img img:after,
  .special-img img:after,
  .news-img img:after {
    background-image: none;
  }
}
@media screen and (max-width: 886px) {
  .tour-img,
  .story-img,
  .media-img,
  .special-img,
  .news-img {
    height: auto;
  }
  .tour-img img,
  .story-img img,
  .media-img img,
  .special-img img,
  .news-img img {
    vertical-align: bottom;
  }
}
@media screen and (max-width: 580px) {
  .tour-img:after,
  .story-img:after,
  .media-img:after,
  .special-img:after,
  .news-img:after {
    background-image: none;
  }
}
@media screen and (max-width: 414px) {
  .tour-img,
  .story-img,
  .media-img,
  .special-img,
  .news-img {
    height: 160px;
  }
  .tour-img img,
  .story-img img,
  .media-img img,
  .special-img img,
  .news-img img {
    position: absolute;
    height: 160px;
    width: auto;
  }
}

@media screen and (max-width: 1120px) {
  .tour-img img {
    height: 380px;
  }
}
@media screen and (max-width: 886px) {
  .tour-img img {
    height: auto;
  }
}
@media screen and (max-width: 414px) {
  .tour-img img {
    height: 160px;
  }
}

.tour-title:before {
  content: "\e60e";
  background-color: #069a4c;
}
@media screen and (max-width: 580px) {
  .tour-title {
    padding: 0 2%;
  }
  .tour-title:before {
    margin-right: auto;
    line-height: 1.65;
  }
}

.story-title:before {
  content: "\e609";
  background-color: #e99502;
}
@media screen and (max-width: 580px) {
  .story-title:before {
    line-height: 1.6;
  }
}
.story-title .page-title {
  display: inline-block;
}

.media-logo {
  position: absolute;
  top: 20px;
  right: 2%;
}
.media-logo img {
  max-width: 200px;
  max-height: 100px;
  height: auto;
  width: auto;
}
@media screen and (max-width: 580px) {
  .media-logo img {
    max-width: 120px;
    max-height: 60px;
  }
}
@media screen and (max-width: 414px) {
  .media-logo {
    top: 8px;
  }
}

.media-title {
  font-size: 16px;
  line-height: 0.4;
}
.media-title:before {
  content: "\e604";
  position: absolute;
  top: -1px;
  background-color: #ea1c24;
  line-height: 1.2;
}
.media-title .series-title {
  top: 3px;
}
.media-title .tieup-title {
  display: block;
  padding-bottom: 0;
  position: relative;
  top: 8px;
  left: 0;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (max-width: 580px) {
  .media-title .tieup-title {
    padding-left: 0;
    top: 0;
  }
}
@media screen and (max-width: 580px) {
  .media-title:before {
    position: static;
    line-height: 1.6;
  }
  .media-title .series-title {
    font-size: 15px;
    top: 0;
  }
  .media-title .tieup-title {
    top: 10px;
    left: 0;
    font-size: 20px;
  }
}

.special-title:before {
  content: "\e60b";
  top: -3px;
  font-size: 32px;
  line-height: 1.6;
  background-color: #ea1c24;
}
@media screen and (max-width: 580px) {
  .special-title:before {
    top: 10px;
    font-size: 27px;
    line-height: 2;
  }
}
.special-title .page-title {
  display: inline-block;
  padding-bottom: 12px;
}

.content-inner .relative-links.series-archive {
  margin-top: 32px;
}
.content-inner .relative-links.series-archive .relative-links-header {
  color: #e99502;
}
.content-inner .relative-links.series-archive .relative-links-header:before {
  background-color: #e99502;
}
.content-inner .relative-links.series-archive .relative-links-list {
  margin-bottom: 0;
}
.content-inner .relative-links.series-archive .list-item {
  padding-left: 0;
}
.content-inner .relative-links.series-archive .list-item:before {
  content: " ";
  margin-left: 0;
}
.content-inner .relative-links.series-archive a {
  font-weight: bold;
}
.content-inner .relative-links.series-archive a:hover, .content-inner .relative-links.series-archive a.current {
  color: #e99502;
  text-decoration: none;
}

.single-tours .sns-btns {
  display: inline-block;
  vertical-align: top;
  float: right;
}
@media screen and (max-width: 580px) {
  .single-tours .sns-btns {
    float: none;
    width: 100%;
    text-align: center;
  }
}
.single-tours .tour-info-single {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
}
.single-tours .tour-info-single .days {
  float: left;
  border-right: solid 1px #cccccc;
  padding: 8px 10% 8px 0;
  font-size: 17px;
}
.single-tours .tour-info-single .days-header {
  color: #ea1c24;
  font-weight: bold;
}
@media screen and (max-width: 886px) {
  .single-tours .tour-info-single {
    width: 62%;
  }
  .single-tours .tour-info-single .days {
    padding-right: 3%;
  }
}
@media screen and (max-width: 580px) {
  .single-tours .tour-info-single {
    width: 100%;
    text-align: center;
  }
  .single-tours .tour-info-single .days {
    float: none;
    display: inline-block;
    font-size: 14px;
  }
}
.single-tours .link-btn.tour-top {
  float: left;
  width: 40%;
  min-width: 180px;
  margin-left: 10%;
}
@media screen and (max-width: 886px) {
  .single-tours .link-btn.tour-top {
    margin-left: 3%;
  }
}
@media screen and (max-width: 580px) {
  .single-tours .link-btn.tour-top {
    float: none;
    min-width: 160px;
    display: inline-block;
  }
  .single-tours .link-btn.tour-top a {
    padding: 10px 0;
    font-size: 13px;
  }
}
.single-tours .link-btn.tour-bottom {
  width: 40%;
  min-width: 180px;
  margin: 40px auto 0;
}
@media screen and (max-width: 580px) {
  .single-tours .link-btn.tour-bottom {
    margin: 24px auto;
  }
}
.single-tours .sponsoredby {
  text-align: right;
  font-weight: bold;
}
.single-tours .tour-desc {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.single-tours .tour-desc:after {
  content: " ";
  position: absolute;
  bottom: -69px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -46px;
  border-style: solid;
  border-width: 46px 45px 0 45px;
  border-color: #fff transparent transparent;
}
.single-tours .tour-desc:before {
  content: " ";
  position: absolute;
  bottom: -70px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -46px;
  border-style: solid;
  border-width: 46px 45px 0 45px;
  border-color: #888 transparent transparent;
}
.single-tours .tour-desc .sub-header {
  margin-bottom: 8px;
  color: #323232;
  font-size: 18px;
}
@media screen and (max-width: 580px) {
  .single-tours .tour-desc .detail {
    margin-top: 0;
  }
}
.single-tours .spon-name {
  display: inline-block;
  margin-right: 8px;
}
.single-tours .spon-header {
  color: #ea1c24;
}
.single-tours .spon-logo {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  margin-bottom: 0;
}
.single-tours .spon-logo img {
  width: 100%;
  height: auto;
}
.single-tours .sub-header {
  margin: 16px 0;
}
.single-tours .sub-header .note {
  padding-left: 20px;
  font-size: 16px;
  color: #101010;
}
@media screen and (max-width: 580px) {
  .single-tours .sub-header .note {
    display: block;
    padding-left: 0;
    font-size: 14px;
  }
}
.single-tours .tour-img-list {
  margin-bottom: 32px;
  letter-spacing: -.40em;
}
.single-tours .tour-img-list .list-item {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  margin: 16px 1%;
  padding-left: 0;
  letter-spacing: normal;
}
.single-tours .tour-img-list .list-item:before {
  display: none;
  margin-left: 0;
}
@media screen and (max-width: 580px) {
  .single-tours .tour-img-list {
    margin-bottom: 16px;
  }
  .single-tours .tour-img-list .list-item {
    width: 48%;
    margin-top: 0;
  }
}
.single-tours .tour-img-list a {
  color: #101010;
  text-decoration: none;
  outline: none;
}
.single-tours .tour-img-list .highlight-img {
  position: relative;
}
.single-tours .tour-img-list .highlight-img:after {
  position: absolute;
  right: 0;
  top: 0;
  font-family: 'canada-icons';
  content: "\e600";
  color: #fff;
  font-size: 20px;
  padding: 2px 9px;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.75);
  cursor: pointer;
}
.single-tours .tour-img-list .highlight-img img {
  max-width: 100%;
  width: auto;
  height: auto;
  cursor: pointer;
}
.single-tours .tour-img-list .highlight-img img:hover {
  opacity: 0.75;
}
.single-tours .tour-img-list .caption-txt {
  line-height: 1.2;
  font-size: 14.5px;
}
@media screen and (max-width: 580px) {
  .single-tours .tour-img-list .caption-txt {
    font-size: 13px;
  }
}
.single-tours .remarks {
  margin-bottom: 32px;
  padding-left: 46px;
  line-height: 1.5;
}
.single-tours .remarks-header {
  margin-left: -45px;
  font-weight: bold;
  color: #ea1c24;
}
.single-tours .schedule-table th {
  vertical-align: middle;
}
.single-tours .schedule-table .day {
  width: 10%;
  text-align: center;
}
.single-tours .schedule-table .area {
  width: 20%;
  text-align: center;
}
.single-tours .schedule-table .schedule {
  width: 60%;
}
.single-tours .schedule-table .meal {
  width: 10%;
  text-align: center;
}
.single-tours .schedule-table td p {
  line-height: 1.312;
}
@media screen and (max-width: 580px) {
  .single-tours .schedule-table td p {
    font-size: 11px;
  }
}

.story-cnt {
  clear: both;
  margin-bottom: 16px;
}
.story-cnt:before, .story-cnt:after {
  content: " ";
  display: table;
}
.story-cnt:after {
  clear: both;
}
.story-cnt {
  *zoom: 1;
}
.story-cnt.the-cnt {
  margin-bottom: 12px;
}
.story-cnt-img {
  max-width: 400px;
}
.story-cnt-img img {
  max-width: 100%;
  height: auto;
}
.story-cnt-img figcaption {
  position: relative;
  top: -4px;
  color: #101010;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.312;
}
.story-cnt-desc {
  overflow: hidden;
}
.story-cnt-desc h2, .story-cnt-desc h3, .story-cnt-desc h4, .story-cnt-desc h5, .story-cnt-desc ul, .story-cnt-desc ol, .story-cnt-desc dl {
  margin-top: 0;
}
@media screen and (max-width: 1120px) {
  .story-cnt-img {
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .story-cnt {
    margin-bottom: 1.25em;
  }
  .story-cnt-img {
    max-width: initial;
    max-width: auto;
    width: auto;
    margin-bottom: 1.2em;
  }
  .story-cnt-img figcaption {
    margin-bottom: 16px;
  }
  .story-cnt-desc {
    margin-top: 12px;
  }
  .story-cnt-desc p {
    margin-bottom: 0;
  }
}

.story-profile-area {
  margin-top: 30px;
  padding: 10px;
  border: dotted 1px #888;
}
.story-profile-area .story-author-profile {
  margin-bottom: 0.3em;
  line-height: 1.394;
}

.story-author {
  text-align: right;
  font-weight: bold;
  font-size: 14px;
}
.story-author.has-profile {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  text-align: left;
}

.embed-youtube-area-wrap-middle {
  max-width: 60%;
  height: auto;
  margin: 30px 0;
}
@media screen and (max-width: 886px) {
  .embed-youtube-area-wrap-middle {
    max-width: initial;
    max-width: auto;
    margin: 0 0 20px;
  }
}

.toggles {
  display: none;
}
@media screen and (max-width: 580px) {
  .toggles {
    display: block;
    position: relative;
    margin-bottom: 8px;
    padding: 8px 0;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    text-align: center;
    letter-spacing: -.4em;
  }
  .toggles:after {
    content: " ";
    position: absolute;
    top: 5px;
    left: 50%;
    height: 32px;
    width: 1px;
    background-color: #cccccc;
  }
}
.toggles a {
  color: #323232;
  text-decoration: none;
}
.toggles a:hover {
  color: #ea1c24;
}

@media screen and (max-width: 580px) {
  .toggle-profile,
  .toggle-intro {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    width: 50%;
    color: #101010;
  }
}

@media screen and (min-width: 1121px) {
  .story-info {
    margin-bottom: 48px;
  }
}

.story-intro {
  padding: 16px;
  margin-bottom: 1.2em;
  font-size: 14px;
  border: solid 1px #cccccc;
  background-image: url("./resources/images/bg-pattern-gray.jpg");
}
@media screen and (max-width: 580px) {
  .story-intro {
    display: none;
  }
}
@media screen and (min-width: 1121px) {
  .story-intro {
    margin-bottom: 2.4em;
  }
}
.story-intro .intro-inner p:last-child {
  margin-bottom: 0;
}

.read-all {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 70px;
  background-image: url("./resources/images/bg-intro.png");
  background-repeat: repeat-x;
  background-position: 0 bottom;
}
.read-all .txt-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 4px 4px 4px 28px;
  background-color: #101010;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.read-all .txt-btn:before {
  content: "＋";
  position: absolute;
  top: 8px;
  left: 10px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #ea1c24;
  line-height: 1;
}
.read-all.open {
  background-image: none;
}
.read-all.open .txt-btn:before {
  content: "－";
  background-color: #101010;
}

.story-profile dt {
  margin-bottom: 0.3em;
  font-weight: bold;
  font-size: 17px;
}
.story-profile dd {
  font-weight: bold;
  font-size: 14px;
}
.story-profile dd:before, .story-profile dd:after {
  content: " ";
  display: table;
}
.story-profile dd:after {
  clear: both;
}
.story-profile dd {
  *zoom: 1;
}
.story-profile dd .story-profile-author {
  float: left;
  margin-right: 12px;
}
@media screen and (max-width: 580px) {
  .story-profile {
    display: none;
  }
}

.blog-date {
  float: right;
  position: relative;
  top: 8px;
  font-weight: bold;
}
@media screen and (max-width: 580px) {
  .blog-date {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 24px;
  }
}

.blog-title {
  position: relative;
  color: #ea1c24;
  margin-bottom: 24px;
  padding-bottom: 8px;
  padding-right: 90px;
  border-bottom: solid 3px #ea1c24;
}
.blog-title:after {
  position: absolute;
  bottom: -20px;
  right: -2px;
  font-family: 'canada-icons';
  font-weight: normal;
  content: "\e628";
  color: #ea1c24;
}
@media screen and (max-width: 580px) {
  .blog-title {
    padding-right: 0;
  }
  .blog-title:after {
    bottom: -20px;
  }
}
@media screen and (max-width: 414px) {
  .blog-title:after {
    bottom: -15px;
  }
}

.post-link {
  position: relative;
  margin: 48px 0;
  padding: 16px 0;
  letter-spacing: -.4em;
}
.post-link:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1px;
  width: 1px;
  height: 100%;
  background-color: #cccccc;
}
.post-link-next, .post-link-previous {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 47%;
}
.post-link-next {
  padding-right: 3%;
}
.post-link-previous {
  padding-left: 3%;
}
.post-link-header {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: #ea1c24;
}
.post-link a {
  color: #323232;
}
.post-link.stories a {
  display: block;
  text-decoration: none !important;
}
.post-link.stories a .post-link-title {
  text-decoration: underline;
  color: #101010;
}
.post-link.stories a:hover .post-link-title {
  text-decoration: none;
}
@media screen and (max-width: 580px) {
  .post-link {
    margin: 24px 0;
  }
  .post-link-header {
    font-size: 15px;
  }
  .post-link a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.312;
  }
}

.content-inner .relative-links {
  position: relative;
  margin-bottom: 32px;
  padding: 24px;
  background-color: #ebebeb;
}
@media screen and (max-width: 580px) {
  .content-inner .relative-links {
    padding: 24px 12px;
  }
}
.content-inner .relative-links-header {
  margin-top: 0;
  font-size: 18px;
  padding-bottom: 2px;
  border-bottom: dotted 1px #101010;
}
.content-inner .relative-links-header:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 4px;
  background-color: #ea1c24;
}
.content-inner .relative-links .relative-links-list {
  letter-spacing: -.4em;
}
.content-inner .relative-links .list-item {
  letter-spacing: normal;
  padding-left: 15px;
  margin-top: 12px;
  line-height: 1.312;
}
.content-inner .relative-links .list-item:before {
  content: "・";
  font-weight: bold;
  margin-left: -15px;
}
@media screen and (min-width: 887px) {
  .content-inner .relative-links .list-item {
    display: inline-block;
    vertical-align: top;
    width: 43%;
    padding-right: 4%;
  }
}
.content-inner .relative-links a {
  color: #101010;
}
.content-inner .relative-links a:hover {
  color: #ea1c24;
}

@media screen and (min-width: 887px) {
  .relative-links.blog-archive .list-item {
    width: 45%;
  }
}
.relative-links.blog-archive .list-item time {
  font-weight: bold;
}
.relative-links.blog-archive .list-item time + a {
  padding-left: 8px;
}
.relative-links.blog-archive .list-item time + a:hover {
  text-decoration: none;
}

.media-desc {
  position: relative;
  margin-bottom: 32px;
}
.media-desc:before {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 46px 45px 0;
  bottom: -149px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -46px;
  position: absolute;
  width: 0;
}
.media-desc:after {
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 46px 45px 0;
  bottom: -148px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -46px;
  position: absolute;
  width: 0;
}
@media screen and (max-width: 580px) {
  .media-desc:before {
    bottom: -147px;
  }
  .media-desc:after {
    bottom: -146px;
  }
}
@media screen and (max-width: 414px) {
  .media-desc:before {
    bottom: -147px;
  }
  .media-desc:after {
    bottom: -146px;
  }
}

.posts-list-media {
  margin-top: 70px;
  letter-spacing: -.4em;
}
.posts-list-media a {
  text-decoration: none;
}
.posts-list-media .list-item {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin: 0 1% 32px;
  letter-spacing: normal;
  padding-left: 0;
}
.posts-list-media .list-item:before {
  display: none;
  margin-left: 0;
}
@media screen and (max-width: 580px) {
  .posts-list-media .list-item {
    width: 100%;
    margin: 0 0 32px;
  }
}
.posts-list-media .list-item:nth-child(2n-1) {
  margin: 0 2% 32px 0;
}
@media screen and (max-width: 580px) {
  .posts-list-media .list-item:nth-child(2n-1) {
    margin-right: 0;
  }
}
.posts-list-media .list-item:nth-child(2n) {
  margin: 0 0 32px 2%;
}
@media screen and (max-width: 580px) {
  .posts-list-media .list-item:nth-child(2n) {
    margin-left: 0;
  }
}
.posts-list-media .post-title {
  margin-top: 12px;
  margin-bottom: 0.5em;
  color: #ea1c24;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.066;
}
@media screen and (max-width: 580px) {
  .posts-list-media .post-title {
    font-size: 16px;
  }
}
.posts-list-media .movies .thumbnail:after {
  position: absolute;
  content: " ";
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  margin: auto;
  width: 60px;
  height: 60px;
  background-image: url("./resources/images/icon-movieplay.png");
  background-repeat: no-repeat;
}
@media screen and (max-width: 580px) {
  .posts-list-media .movies .thumbnail:after {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
  }
}
.posts-list-media .thumbnail {
  height: 220px;
  position: relative;
  overflow: hidden;
}
.posts-list-media .thumbnail img {
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
}
.posts-list-media .thumbnail img {
  max-width: 500%;
  max-width: initial;
  height: 220px;
  width: auto;
}
@media screen and (min-width: 1207px) {
  .posts-list-media .thumbnail {
    height: 320px;
  }
  .posts-list-media .thumbnail img {
    max-width: 500%;
    height: 320px;
  }
}
@media screen and (max-width: 580px) {
  .posts-list-media .thumbnail {
    height: 320px;
  }
  .posts-list-media .thumbnail img {
    height: 320px;
  }
}
@media screen and (max-width: 414px) {
  .posts-list-media .thumbnail {
    height: 200px;
  }
  .posts-list-media .thumbnail img {
    height: 200px;
  }
}
.posts-list-media p {
  margin-top: 0.5em;
  margin-bottom: 0;
  color: #101010;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.148;
}
@media screen and (max-width: 580px) {
  .posts-list-media p {
    font-weight: normal;
  }
}
.posts-list-media a:hover .excerpt {
  text-decoration: underline;
}

.hit-number {
  padding-right: 2px;
  font-size: 20px;
  font-weight: bold;
  color: #ea1c24;
}

.search-post {
  border-bottom: dotted 1px #cccccc;
}
.search-post .post-header {
  margin-top: 0.6em;
  margin-bottom: 0;
  font-size: 22px;
}
.search-post .post-header a {
  display: inline-block;
  color: #3e0608;
  text-decoration: none;
}
.search-post .post-header a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 580px) {
  .search-post .post-header {
    font-size: 16px;
  }
}
.search-post .post-excerpt {
  margin-bottom: 0;
}
@media screen and (max-width: 580px) {
  .search-post .post-excerpt {
    margin-top: 8px;
    line-height: 1.3;
  }
}
.search-post .post-meta {
  margin-bottom: 0.6em;
}
.search-post .post-meta time, .search-post .post-meta span {
  display: inline-block;
  margin-right: 12px;
}
.search-post .post-meta span {
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 580px) {
  .search-post .post-meta span {
    font-size: 14px;
  }
}
.search-post .post-meta .content-type:before {
  font-family: 'canada-icons';
  font-weight: normal;
  padding-right: 2px;
}
.search-post .post-meta .theme i {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 2px;
  margin-right: 2px;
  font-size: 13px;
}
.search-post .tieup,
.search-post .series,
.search-post .series-movie {
  position: relative;
  display: inline-block;
  top: -4px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 580px) {
  .search-post .tieup,
  .search-post .series,
  .search-post .series-movie {
    top: 0;
    font-size: 12px;
  }
}
.search-post.movies .content-type {
  color: #048ba8;
}
.search-post.movies .content-type.content-type:before {
  content: "\e60d";
  font-size: 18px;
  position: relative;
  top: 2px;
}
.search-post[class*="blog"] .content-type, .search-post.stories .content-type {
  color: #e99502;
}
.search-post[class*="blog"] .content-type.content-type:before, .search-post.stories .content-type.content-type:before {
  content: "\e609";
  font-size: 26px;
  position: relative;
  top: 5px;
}
.search-post.tours .content-type {
  color: #069a4c;
}
.search-post.tours .content-type.content-type:before {
  content: "\e60e";
  position: relative;
  font-size: 22px;
  top: 3px;
}
.search-post.special .content-type {
  color: #ea1c24;
}
.search-post.special .content-type.content-type:before {
  content: "\e60b";
  position: relative;
  font-size: 18px;
  top: 2px;
}

.page_navi {
  letter-spacing: -.4em;
  text-align: center;
}
.page_navi li {
  display: inline-block;
  margin: 16px 4px;
  padding-left: 0;
  vertical-align: middle;
  letter-spacing: normal;
}
.page_navi li:before {
  display: none;
  margin-left: 0;
}
.page_navi li a {
  display: block;
  padding: 8px 16px;
  height: 28px;
  background-color: #ea1c24;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.page_navi li a:hover {
  background-color: #f06268;
}
.page_navi li span {
  display: block;
  padding: 8px 14px;
  height: 26px;
  color: #ea1c24;
  font-weight: bold;
  border: solid 1px #ea1c24;
}

div#trust-form.contact-form [action*="trust-form"] table {
  table-layout: fixed;
  margin-top: 0;
  margin-bottom: 1em;
}
div#trust-form.contact-form [action*="trust-form"] table th {
  width: 30%;
  font-size: 92%;
}
@media only screen and (max-width: 600px) {
  div#trust-form.contact-form [action*="trust-form"] table th {
    width: 100%;
    background-color: #ea1c24;
  }
}
div#trust-form.contact-form [action*="trust-form"] table li {
  line-height: 1.64;
  text-indent: -1em;
  padding-left: 1em;
}
div#trust-form.contact-form [action*="trust-form"] table li:before {
  display: none;
}
div#trust-form.contact-form [action*="trust-form"] table .devider {
  margin-right: 12px;
}
div#trust-form.contact-form [action*="trust-form"] table .small-desc {
  font-size: 70%;
}
div#trust-form.contact-form [action*="trust-form"] table .name {
  width: 24%;
}
div#trust-form.contact-form [action*="trust-form"] table .tel {
  width: 22%;
}
div#trust-form.contact-form [action*="trust-form"] table .require {
  color: #fff;
}
div#trust-form.contact-form [action*="trust-form"] table .inline li {
  display: inline-block;
  margin-right: 12px;
}
@media screen and (max-width: 580px) {
  div#trust-form.contact-form [action*="trust-form"] table .name {
    width: 60%;
  }
  div#trust-form.contact-form [action*="trust-form"] table td {
    font-size: 86%;
  }
  div#trust-form.contact-form [action*="trust-form"] table .devider {
    display: block;
    margin-bottom: 6px;
  }
  div#trust-form.contact-form [action*="trust-form"] table .birth-day {
    font-size: 16px;
  }
  div#trust-form.contact-form [action*="trust-form"] table .small-caption {
    font-size: 86%;
    font-weight: bold;
  }
  div#trust-form.contact-form [action*="trust-form"] table [type="text"],
  div#trust-form.contact-form [action*="trust-form"] table textarea {
    -webkit-appearance: none;
    padding: 2%;
    border-radius: 0;
    border: solid 1px #ccc;
  }
  div#trust-form.contact-form [action*="trust-form"] table [type="text"],
  div#trust-form.contact-form [action*="trust-form"] table textarea,
  div#trust-form.contact-form [action*="trust-form"] table select,
  div#trust-form.contact-form [action*="trust-form"] table option {
    max-width: 95%;
    font-size: 16px;
  }
}
div#trust-form.contact-form [action*="trust-form"] .error {
  color: #ea1c24;
  font-size: 13px;
}
div#trust-form.contact-form [action*="trust-form"] textarea {
  width: 99%;
}
div#trust-form.contact-form [action*="trust-form"] .apply-privacy {
  margin-bottom: 1em;
  padding: 16px;
  border: solid 1px #cccccc;
  text-align: center;
}
div#trust-form.contact-form [action*="trust-form"] .apply-privacy li:before {
  display: none;
}
div#trust-form.contact-form [action*="trust-form"] .apply-privacy label:after {
  content: "*";
  color: #ea1c24;
}
div#trust-form.contact-form [action*="trust-form"] .apply-privacy .small-info {
  margin-bottom: 0;
}
div#trust-form.contact-form [action*="trust-form"] .apply-privacy .internal-link {
  font-size: 85%;
}
div#trust-form.contact-form [action*="trust-form"] .submit-container {
  width: 100%;
}
div#trust-form.contact-form [action*="trust-form"] [type="submit"] {
  -webkit-appearance: none;
  display: inline-block;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 16px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background-color: #ea1c24;
  cursor: pointer;
  border: none;
  border-radius: 0;
}
div#trust-form.contact-form [action*="trust-form"] [type="submit"]:hover {
  background-color: #9a000d;
}
div#trust-form.contact-form [action*="trust-form"] [type="submit"][name="send-to-confirm"] {
  width: 60%;
}
div#trust-form.contact-form [action*="trust-form"] [type="submit"][name="return-to-input"] {
  background-color: #888;
}
div#trust-form.contact-form [action*="trust-form"] [type="submit"][name="return-to-input"]:hover {
  background-color: #4b4b4b;
}
div#trust-form.contact-form [action*="trust-form"] [type="submit"][name="return-to-input"], div#trust-form.contact-form [action*="trust-form"] [type="submit"][name="send-to-finish"] {
  width: 20%;
  margin: 10px 14px 0;
}
@media screen and (max-width: 580px) {
  div#trust-form.contact-form [action*="trust-form"] [type="submit"][name="return-to-input"], div#trust-form.contact-form [action*="trust-form"] [type="submit"][name="send-to-finish"] {
    width: 30%;
    margin: 0 8px;
  }
}

.triple-img-list {
  margin-bottom: 32px;
  letter-spacing: -.40em;
}
.triple-img-list .list-item {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  margin: 0 1% 4px;
  padding-left: 0;
  letter-spacing: normal;
}
.triple-img-list .list-item:before {
  display: none;
  margin-left: 0;
}
@media screen and (max-width: 886px) {
  .triple-img-list {
    margin-bottom: 16px;
  }
  .triple-img-list .list-item {
    width: 48%;
    margin-top: 0;
  }
}
.triple-img-list a {
  color: #101010;
  text-decoration: none;
  outline: none;
}
.triple-img-list a[target="_blank"]:after {
  display: none;
}
.triple-img-list .highlight-img {
  position: relative;
  margin-bottom: 0;
}
.triple-img-list .highlight-img:after {
  position: absolute;
  right: 0;
  top: 0;
  font-family: 'canada-icons';
  content: "\e600";
  color: #fff;
  font-size: 20px;
  padding: 2px 9px;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.75);
  cursor: pointer;
}
.triple-img-list .highlight-img img {
  max-width: 100%;
  width: auto;
  height: auto;
  cursor: pointer;
}
.triple-img-list .highlight-img img:hover {
  opacity: 0.75;
}
.triple-img-list .caption-txt {
  line-height: 1.2;
  font-size: 88%;
}
@media screen and (max-width: 580px) {
  .triple-img-list .caption-txt {
    font-size: 13px;
  }
}
.triple-img-list .caption-txt .desc {
  display: block;
  margin: 6px 0;
}

.crown-maple {
  margin: 44px 0 50px;
}
@media screen and (max-width: 580px) {
  .crown-maple {
    margin: 0;
  }
}

.tabs-area .tabs {
  width: 96%;
  margin: 0 auto;
  letter-spacing: -.4em;
  border: solid 4px #dba411;
  border-left: solid 2px #dba411;
  border-right: solid 2px #dba411;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 414px) {
  .tabs-area .tabs {
    width: 100%;
    border: solid 2px #dba411;
    border-left: solid 1px #dba411;
    border-right: solid 1px #dba411;
  }
}
.tabs-area [class^="tab-"] {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333%;
  padding: 0.9em 0;
  margin: 0;
  border-left: solid 2px #dba411;
  border-right: solid 2px #dba411;
  font-size: 18px;
  font-weight: bold;
  color: #dba411;
  letter-spacing: normal;
  text-align: center;
  cursor: pointer;
}
.tabs-area [class^="tab-"].active, .tabs-area [class^="tab-"]:hover {
  color: #fff;
  background-color: #dba411;
}
.tabs-area [class^="tab-"].active:after {
  border-color: #dba411 transparent transparent;
  border-style: solid;
  border-width: 18px 14px 0;
  bottom: -20px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -14px;
  position: absolute;
  width: 0;
  z-index: 10;
}
@media screen and (max-width: 414px) {
  .tabs-area [class^="tab-"].active:after {
    border-width: 12px 8px 0;
    bottom: -10px;
    margin-left: -8px;
  }
}
.tabs-area [class^="tab-"]:before {
  display: none;
}
@media screen and (min-width: 887px) {
  .tabs-area [class^="tab-"] .pc-none {
    display: none;
  }
}
@media screen and (max-width: 580px) {
  .tabs-area [class^="tab-"] {
    font-size: 12px;
  }
}
@media screen and (max-width: 414px) {
  .tabs-area [class^="tab-"] {
    border-left: solid 1px #dba411;
    border-right: solid 1px #dba411;
  }
}
.tabs-area .cnt-box {
  display: none;
  letter-spacing: -.4em;
}
.tabs-area .cnt-box.chosen {
  display: block;
}
.tabs-area h2 {
  padding: 0 2%;
  color: #333;
  letter-spacing: normal;
}
.tabs-area .nominees-list-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2.2em;
  padding: 0 2%;
  width: 46%;
  letter-spacing: normal;
}
.tabs-area .nominees-list-item:before {
  display: none;
}
@media screen and (max-width: 580px) {
  .tabs-area .nominees-list-item {
    width: 96%;
  }
}
.tabs-area .nominees-list-item h3 {
  position: relative;
  margin: 0;
}
.tabs-area .nominees-list-item .nominees-title {
  position: absolute;
  left: 0;
  bottom: 4px;
  display: block;
  width: 96%;
  padding: 25px 2% 10px;
  color: #fff;
  font-size: 17px;
  background: transparent linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0 0;
}
@media screen and (max-width: 414px) {
  .tabs-area .nominees-list-item .nominees-title {
    bottom: 2px;
    font-size: 15px;
    padding: 16px 2% 4px;
  }
}
.tabs-area .nominees-list-item .nominees-desc {
  margin-top: .45em;
  margin-bottom: 1em;
  padding: 0 2%;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.47;
}
@media screen and (max-width: 580px) {
  .tabs-area .nominees-list-item .nominees-desc {
    font-size: 12px;
    font-weight: normal;
  }
}
.tabs-area .nominees-list-item .nominees-link-btn {
  width: 30%;
  margin: 0 auto;
  border: solid 2px #ea1c24;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
}
.tabs-area .nominees-list-item .nominees-link-btn a {
  display: block;
  text-decoration: none;
}
.tabs-area .nominees-list-item .nominees-link-btn a:hover {
  color: #fff;
  background-color: #ea1c24;
}
@media screen and (max-width: 580px) {
  .tabs-area .nominees-list-item .nominees-link-btn {
    width: 96%;
  }
}
.tabs-area .nominees-list-item a[target="_blank"]:after {
  display: none;
}

.more.maple a {
  background-color: #dba411;
}
.more.maple a:hover {
  background-color: #efbb30;
}
.more.maple a:before {
  border-color: transparent transparent transparent #efbb30;
}
.more.maple a:after {
  border-color: transparent transparent #efbb30;
}

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 80px;
  width: 44px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: #101010;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  top: 50%;
  margin-top: -40px;
  padding: 0;
  border: none;
  outline: none;
  opacity: 1;
  z-index: 1000;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  color: transparent;
  opacity: 0.75;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
@media screen and (max-width: 580px) {
  .slick-prev,
  .slick-next {
    display: none !important;
  }
}

.slick-prev:before, .slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0;
  background-image: url("./resources/images/slider/arrow-prev.png");
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "";
}
[dir="rtl"] .slick-prev:before {
  content: "";
}

.slick-next {
  right: 0;
  background-image: url("./resources/images/slider/arrow-next.png");
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "";
}
[dir="rtl"] .slick-next:before {
  content: "";
}

/* Dots */
.slick-slider {
  margin-bottom: 42px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  position: relative;
  float: left;
  height: 100%;
  min-height: 1px;
  width: 100%;
  background-color: #fff;
  background-image: url("./resources/images/slider/bg-slider.png");
  background-repeat: no-repeat;
  background-position: right top;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  max-width: 100%;
  height: auto;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide a {
  color: #101010;
}
.slick-slide a:hover .slide-header {
  opacity: 0.75;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slide-thumb {
  position: relative;
  width: 50%;
  height: 550px;
  overflow: hidden;
  float: left;
}
.slide-thumb img {
  position: absolute;
  top: -100%;
  right: -100%;
  left: -100%;
  bottom: -100%;
  margin: auto;
  max-width: initial;
  max-width: none;
}
@media screen and (max-width: 886px) {
  .slide-thumb {
    height: 510px;
  }
}
@media screen and (max-width: 580px) {
  .slide-thumb {
    width: 100%;
    height: 304px;
  }
  .slide-thumb img {
    max-width: 100%;
    vertical-align: bottom;
  }
}

.slide-caption {
  position: relative;
  width: 50%;
  height: 550px;
  float: right;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
@media screen and (max-width: 886px) {
  .slide-caption {
    height: 510px;
  }
}
@media screen and (max-width: 580px) {
  .slide-caption {
    float: none;
    width: 100%;
    height: 304px;
    text-shadow: 0 0 0 transparent;
    color: #fff;
  }
}

.slide-desc {
  position: absolute;
  width: 84%;
  top: 25%;
  left: 24px;
  font-size: 15px;
  line-height: 2;
}
@media screen and (max-width: 580px) {
  .slide-desc {
    display: none;
  }
}

.slide-header {
  position: absolute;
  bottom: 8%;
  left: 24px;
  font-size: 27px;
  line-height: 1.3;
}
.slide-header .sub-header {
  display: block;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 580px) {
  .slide-header {
    bottom: 0;
    padding: 5% 2% 4%;
    width: 96%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    font-size: 16px;
    line-height: 1.2;
  }
  .slide-header .sub-header {
    font-size: 10px;
  }
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots {
  position: absolute;
  bottom: -30px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 5px;
  width: 5px;
  margin: 0 8px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 5px;
  width: 5px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "?";
  width: 8px;
  height: 8px;
  text-align: center;
  background-color: black;
  opacity: 0.25;
  border-radius: 50%;
}
.slick-dots li.slick-active button:before {
  background-color: #ea1c24;
  opacity: 1;
}

/*# sourceMappingURL=style.css.map */