@charset "UTF-8";
/* Table of content */
/*===================================
1. General
2. Header
3. Common Contents
4. Page Element
5. Footer
6. Spacer, Margin, Utility
7. Colors
8. Media queries
==================================== */
/* ===================================
1. General
==================================== */
/*----- Variable -----*/
/*----- Mixin -----*/
/*----- Extend Class -----*/
/* Fonts */
/*----- IcoMoon -----*/
body {
  font-family: "Roboto Regular","Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",'Century Gothic', sans-serif; }

a {
  color: #ff93f5;
  text-decoration: none; }
  a:hover {
    text-decoration: none;
    color: #ff00e7;
    opacity: 0.8; }
  a:active, a:focus {
    text-decoration: none; }
  a img.hover-img {
    opacity: 1;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    transition-duration: 0.2s; }
  a:hover img.hover-img {
    opacity: 0.8;
    filter: alpha(opacity=80); }
    a:hover img.hover-img.no-opa {
      opacity: 1;
      filter: alpha(opacity=100); }

h1 {
  font-size: 30px;
  font-weight: 700; }

h2 {
  font-size: 22px;
  margin-bottom: 15px; }
  h2.gray {
    background: lightgray;
    border-radius: 5px;
    padding: 10px; }

h3 {
  font-size: 20px; }
  h3.gray {
    background: lightgray;
    border-radius: 5px;
    padding: 10px; }

h4 {
  font-size: 18px;
  font-weight: 700; }
  h4.gray {
    background: lightgray;
    border-radius: 5px;
    padding: 10px; }

h5 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700; }

h6 {
  font-size: 14px;
  font-weight: 700; }

/* Button */
.btn-download {
  padding: 17px 21px 20px 56px;
  position: relative;
  font-size: 19px;
  font-weight: 500;
  text-align: left;
  line-height: 1; }
  .btn-download .icon {
    display: inline-block;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px;
    font-size: 12px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 21px;
    top: 13px; }

/* Well */
/* Colors */
/* Background colors */
/* ===================================
2. Header
==================================== */
/* Header */
.header-top h1 {
  margin: 10px 0;
  font-size: 100%; }

.header {
  padding: 5px 0; }

/* ===================================
3. Common Contents
==================================== */
/* Navigation */
/* Slideshow */
.slideshow-boxed {
  padding: 20px 0 30px; }
  .slideshow-boxed .slideshow-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
  .slideshow-boxed .tp-bullets {
    bottom: -25px !important; }

.issue-box {
  padding: 20px 0 15px 15px;
  margin-right: auto;
  margin-left: auto; }
  .issue-box h3 {
    margin: 5px 0;
    font-size: 100%; }
  .issue-box h4 {
    margin: 5px 0;
    font-size: 120%; }

.tp-arr-allwrapper {
  display: none; }

.tp-simpleresponsive img {
  max-width: 100%; }

/* Main-col */
.main-container {
  padding-top: 20px; }
  .main-container .image-box {
    min-height: 530px; }
    .main-container .image-box .image-box-body h3 {
      font-family: 'Century Gothic', sans-serif;
      margin: 10px 0;
      font-size: 17px; }
      .main-container .image-box .image-box-body h3 i {
        color: #ffde00; }
      .main-container .image-box .image-box-body h3 em {
        font-size: 12px;
        font-style: normal;
        margin-left: 8px;
        color: black; }
    .main-container .image-box .image-box-body p {
      font-size: 15px; }
    .main-container .image-box .image-box-body .tab-content a {
      color: grey; }

/* Side-col */
.side-col form.search {
  float: right;
  width: 100%;
  margin: 12px 0 20px 0;
  padding: 0;
  position: relative; }
  .side-col form.search input {
    padding: 6px 26px 6px 6px;
    height: auto;
    width: 100%;
    font-size: 13px;
    position: relative;
    z-index: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .side-col form.search button {
    position: absolute;
    top: 7px;
    right: 10px;
    color: #ccc;
    z-index: 1;
    background: none;
    border: none; }

.home .image-box {
  min-height: 330px; }

/* breadcrumbs */
.breadcrumbs {
  font-size: 12px; }

.bbp-breadcrumb {
  display: none; }

/* ===================================
4. Page Element
==================================== */
/* Home */
.home .parallax-two {
  background-size: cover; }
  .home .parallax-two .p-element {
    max-width: 100%; }
  .home .parallax-two h2, .home .parallax-two h3, .home .parallax-two p {
    margin: 0;
    padding: 10px;
    color: white;
    word-wrap: break-word;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6); }
  .home .parallax-two h2 {
    margin-top: 160px;
    padding-bottom: 0;
    font-size: 24px; }
  .home .parallax-two a:hover {
    text-decoration: none; }
  .home .parallax-two .disc {
    background: rgba(0, 0, 0, 0.3);
    overflow: hidden; }
.home .main-container h3 {
  font-family: 'Century Gothic', sans-serif;
  color: #006fff; }
.home .main-container i {
  color: #ffde00; }
.home .main-container em {
  font-size: 12px;
  font-style: normal;
  margin-left: 8px;
  color: black; }
.home .main-container p {
  font-size: 13px; }
.home .main-container .tab-content ul.list-icons li {
  font-size: 90%; }
  .home .main-container .tab-content ul.list-icons li span {
    color: white;
    font-size: 60%;
    border-radius: 3px;
    display: inline-block;
    padding: 0.3em 0.5em;
    margin: 0 3px 5px 0; }
    .home .main-container .tab-content ul.list-icons li span.\31\30 {
      background-color: #f0ad4e; }
    .home .main-container .tab-content ul.list-icons li span.\31\32 {
      background-color: #5cb85c; }
    .home .main-container .tab-content ul.list-icons li span.\31\34 {
      background-color: #006fff; }
    .home .main-container .tab-content ul.list-icons li span.\31\36 {
      background-color: #d9534f; }
    .home .main-container .tab-content ul.list-icons li span.\31\38 {
      background-color: #5bc0de; }
    .home .main-container .tab-content ul.list-icons li span.\32\30 {
      background-color: #286090; }
.home .main-container .tab-content ul.list-icons a {
  color: grey; }
.home .image-box-body {
  padding: 10px 15px 15px; }
.home .hotshop .col-sm-3.col-xs-6:nth-child(even) {
  padding-right: 10px; }
.home .hotshop .col-sm-3.col-xs-6:nth-child(odd) {
  padding-left: 10px; }

/* tag */
ul.links {
  padding: 0; }
  ul.links li {
    display: inline-block;
    margin-right: 5px;
    font-size: 11px;
    margin-bottom: 5px;
    padding: 0px 5px;
    background-color: #ffde00;
    border-radius: 5px; }
    ul.links li.area {
      background-color: #a3e21a; }

/* what's new */
.blogpost .blogbody p {
  font-size: 120%;
  line-height: 1.6; }
.blogpost .comment {
  border-top: 1px solid #d2d2d2; }
  .blogpost .comment .comment-avatar {
    margin: 5px 15px 0 0;
    width: 10%;
    float: left; }
  .blogpost .comment .author-content {
    margin-bottom: 40px;
    padding-top: 5px;
    width: 80%;
    float: left; }
.blogpost.archive .image-box-body {
  padding-top: 5px; }
.blogpost.backnumber .post-info {
  height: 80px; }
  .blogpost.backnumber .post-info .day {
    text-indent: -5px; }
.blogpost.backnumber .newissue {
  background: #fec52e;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  color: white;
  height: 21px;
  left: -8px;
  line-height: 14px;
  font-size: 14px;
  text-shadow: 1px 0 1px black;
  padding: 5px 8px;
  position: absolute;
  top: 10px;
  z-index: 1; }
.blogpost.backnumber h1 {
  margin-top: 0px;
  font-size: 32px; }
.blogpost.backnumber p {
  margin-bottom: 5px; }
.blogpost.backnumber .wp_social_bookmarking_light, .blogpost.backnumber .wp_social_bookmarking_light_clear {
  display: none; }

/* issue-column */
.main.col-md-12.clearfix.blogpost.full .blogbody {
  padding-top: 10px; }
.main.col-md-12.clearfix.blogpost.full .wp_social_bookmarking_light_clear {
  display: none !important; }

/* tourguide */
.tourguide .parallax-two {
  background-size: cover;
  background-position: center bottom; }
  .tourguide .parallax-two .p-element {
    max-width: 100%; }
  .tourguide .parallax-two h2, .tourguide .parallax-two h3, .tourguide .parallax-two p {
    margin: 0;
    padding: 10px;
    color: white;
    word-wrap: break-word;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6); }
  .tourguide .parallax-two h2 {
    margin-top: 160px;
    padding-bottom: 0;
    font-size: 24px; }
  .tourguide .parallax-two a:hover {
    text-decoration: none; }
  .tourguide .parallax-two .disc {
    background: rgba(0, 0, 0, 0.3);
    overflow: hidden; }

/* spotlist */
.label {
  display: inline-block;
  padding: 0.6em;
  margin-bottom: 5px; }

.shoppost h3 {
  font-size: 17px; }
.shoppost p {
  font-size: 14px; }

/* BBS */
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
  font-size: 14px !important; }

.bbp-forum-freshness, .bbp-forum-topic-count, .bbp-forum-reply-count, .bbp-topic-reply-count, .bbp-topic-freshness {
  font-size: 12px !important; }

li.bbp-forum-info, li.bbp-topic-title {
  width: 65% !important; }

li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count {
  width: 10% !important; }

li.bbp-forum-freshness, li.bbp-topic-freshness {
  width: 15% !important; }

#bbpress-forums p.bbp-topic-meta span {
  white-space: inherit !important;
  word-wrap: break-word; }

/* design */
.design .box-style-3 {
  margin-top: 0; }

/* form */
.sendmessage {
  display: none; }

/* results */
.box-style-2 h2 {
  font-size: 20px;
  margin: 0 0 5px 0; }

/* advertisement */
.advertisement .top-image .alert strong {
  font-size: 20px; }
.advertisement .top-image .alert:after {
  top: 15px; }

/* ===================================
5. Footer
==================================== */
/* Author */
blockquote.copy {
  padding: 0; }
  blockquote.copy p {
    width: 60%;
    display: inline-block;
    margin: 0; }
  blockquote.copy footer {
    width: 37%;
    display: inline-block;
    padding-left: 5px; }

/* Footer */
#footer .footer-content .social-links {
  margin: 10px 0; }
#footer .footer-content .nav-pills > li > a {
  padding: 4px 28px 4px 0; }

.subfooter {
  padding: 10px 0; }
  .subfooter p {
    text-align: center; }

/* ===================================
6. Spacer, Margin, Utility
==================================== */
/*----- Fonts -----*/
.mincho {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; }

.helvetica {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.lucida {
  font-family: 'Lucida Grande'; }

.tohaba-jp {
  font-family: "Osaka−等幅", "ＭＳ ゴシック", "MS Gothic"; }

.fontawesome {
  font-family: FontAwesome; }

.font-gg-Engagement {
  font-family: 'Engagement', cursive; }

.century {
  font-family: 'Century Gothic', sans-serif; }

.left {
  float: left; }

.right {
  float: right; }

.fwl {
  font-weight: lighter; }

.fwn {
  font-weight: normal; }

.fwb {
  font-weight: bold; }

.fontSmallInfo {
  color: #999;
  font-size: 12px; }

.text-left-imp {
  text-align: left !important; }

.text-right-imp {
  text-align: right !important; }

.text-center-imp {
  text-align: center !important; }

.font10 {
  font-size: 10px !important; }

.font10sp {
  font-size: 10px;
  line-height: 16px; }

.font11 {
  font-size: 11px !important; }

.font12 {
  font-size: 12px !important; }

.font13 {
  font-size: 13px !important; }

.font14 {
  font-size: 14px !important; }

.font15 {
  font-size: 15px !important; }

.font16 {
  font-size: 16px !important; }

.font18 {
  font-size: 18px !important; }

.font20 {
  font-size: 20px !important; }

.font30 {
  font-size: 30px !important; }

.font35 {
  font-size: 35px !important; }

.font40 {
  font-size: 40px !important; }

.font180 {
  font-size: 180px !important; }

.line1 {
  line-height: 1; }

.line1p2 {
  line-height: 1.2; }

.line1p4 {
  line-height: 1.4; }

.line1p8 {
  line-height: 1.8; }

.line2 {
  line-height: 2; }

.line2p5 {
  line-height: 2.5; }

.line30 {
  line-height: 30px; }

.line36 {
  line-height: 36px; }

.line50 {
  line-height: 50px; }

.text-trans-none {
  text-transform: none; }

.orikaeshi {
  white-space: normal; }

.mojikan {
  letter-spacing: initial; }

/*----- margin, padding -----*/
.clr-mg-b {
  margin-bottom: 0 !important; }

.clr-mg-t {
  margin-top: 0 !important; }

.clr-mg-r {
  margin-right: 0 !important; }

.clr-mg-l {
  margin-left: 0 !important; }

.clr-pd-b {
  padding-bottom: 0 !important; }

.clr-pd-t {
  padding-top: 0 !important; }

.clr-pd {
  padding: 0 !important; }

.clr-pd-r {
  padding-right: 0 !important; }

.clr-pd-l {
  padding-left: 0 !important; }

.clr-pd-lr {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.mg0 {
  margin: 0 !important; }

.mg15 {
  margin: 15px; }

.mg-b1 {
  margin-bottom: 1px; }

.mg-b2 {
  margin-bottom: 2px; }

.mg-b3 {
  margin-bottom: 3px; }

.mg-b4 {
  margin-bottom: 4px; }

.mg-b5 {
  margin-bottom: 5px !important; }

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

.mg-b15 {
  margin-bottom: 15px; }

.mg-b13 {
  margin-bottom: 13px; }

.mg-b20 {
  margin-bottom: 20px !important; }

.mg-b25 {
  margin-bottom: 25px; }

.mg-b27 {
  margin-bottom: 27px; }

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

.mg-b40 {
  margin-bottom: 40px; }

.mg-b50 {
  margin-bottom: 50px; }

.mg-t55 {
  margin-top: 55px; }

.mg-b150 {
  margin-bottom: 150px; }

.mg-t15m {
  margin-top: -15px; }

.mg-t0 {
  margin-top: 0; }

.mg-t1 {
  margin-top: 1px; }

.mg-t4 {
  margin-top: 4px; }

.mg-t5 {
  margin-top: 5px; }

.mg-t10 {
  margin-top: 10px !important; }

.mg-t12 {
  margin-top: 12px; }

.mg-t13 {
  margin-top: 13px; }

.mg-t17 {
  margin-top: 17px; }

.mg-t20 {
  margin-top: 20px; }

.mg-t30 {
  margin-top: 30px; }

.mg-t40 {
  margin-top: 40px; }

.mg-t55 {
  margin-top: 55px; }

.mg-r5 {
  margin-right: 5px; }

.mg-r7 {
  margin-right: 7px; }

.mg-r10 {
  margin-right: 10px !important; }

.mg-r15 {
  margin-right: 15px; }

.mg-r20 {
  margin-right: 20px; }

.mg-r30 {
  margin-right: 30px; }

.mg-r40 {
  margin-right: 40px; }

.mg-l5 {
  margin-left: 10px; }

.mg-l10 {
  margin-left: 10px; }

.mg-l13 {
  margin-left: 13px; }

.mg-l20 {
  margin-left: 20px; }

.mg-l30 {
  margin-left: 30px; }

.mg-l80 {
  margin-left: 80px; }

.mg-lr20 {
  margin-left: 20px;
  margin-right: 20px; }

.mg-lr30 {
  margin-left: 30px;
  margin-right: 30px; }

.mg-auto {
  margin: 0 auto; }

.mg-10auto {
  margin: 10px auto; }

.pd0 {
  padding: 0 !important; }

.pd5 {
  padding: 5px !important; }

.pd8 {
  padding: 8px !important; }

.pd10 {
  padding: 10px; }

.pd15 {
  padding: 15px !important; }

.pd20 {
  padding: 20px; }

.pd-r1 {
  padding-right: 1px; }

.pd-l1 {
  padding-left: 1px; }

.pd-r5 {
  padding-right: 5px !important; }

.pd-r10 {
  padding-right: 10px !important; }

.pd-r20 {
  padding-right: 20px; }

.pd-l5 {
  padding-left: 5px; }

.pd-l10 {
  padding-left: 10px; }

.pd-l40 {
  padding-left: 40px; }

.pd-lr5 {
  padding-right: 5px !important;
  padding-left: 5px !important; }

.pd-lr10 {
  padding: 0 10px; }

.pd-lr15 {
  padding: 0 15px; }

.pd-lr20 {
  padding: 0 20px; }

.pd-t5 {
  padding-top: 5px; }

.pd-t7 {
  padding-top: 7px; }

.pd-t10 {
  padding-top: 10px; }

.pd-t12 {
  padding-top: 12px !important; }

.pd-t15 {
  padding-top: 15px !important; }

.pd-t20 {
  padding-top: 20px; }

.pd-t30 {
  padding-top: 30px !important; }

.pd-t40 {
  padding-top: 40px; }

.pd-b5 {
  padding-bottom: 5px !important; }

.pd-b10 {
  padding-bottom: 10px !important; }

.pd-b15 {
  padding-bottom: 15px; }

.pd-b20 {
  padding-bottom: 20px; }

.pd-b30 {
  padding-bottom: 30px; }

.pd-b40 {
  padding-bottom: 40px; }

.pd-lr30 {
  padding-left: 30px;
  padding-right: 30px; }

.pd-tb5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.pd-tb10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.pd-tb40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.pd-tb5lr10 {
  padding: 5px 10px; }

/*----- Line, Border -----*/
.nonborder {
  border: none !important;
  outline: none !important; }

.solidline {
  border-top: 1px solid #808080; }

.dotline {
  border-top: 1px dotted #808080; }

.doubleline, .doubleline2 {
  border-top: 1px solid #808080;
  height: 3px;
  border-bottom: 1px solid #808080; }

.doubleline2 {
  border-top-color: #3d3a37;
  border-bottom-color: #3d3a37; }

.noline {
  border-bottom: none !important;
  border-top: none !important; }

.noborder-r {
  border-right: none !important; }

.noborder-l {
  border-left: none !important; }

.noborder-b {
  border-bottom: none !important; }

.border1 {
  border: 1px solid #ddd; }

.border-main {
  border: 1px solid #006fff; }

.border-main2 {
  border: 1px solid #ffde00; }

.border-blockquote {
  border-left: 5px solid rgba(157, 145, 128, 0.25);
  margin: 25px 0 25px 12px;
  padding: 0 0 0 25px; }

.kadomaru-3 {
  border-radius: 3px; }

.kadomaru-5 {
  border-radius: 5px; }

.kadomaru-b5 {
  border-radius: 0 0 5px 5px; }

.kadomaru-t5 {
  border-radius: 5px 5px 0 0; }

.kadomaru-r5 {
  border-radius: 0 5px 5px 0; }

.kadomaru-l5 {
  border-radius: 5px 0 0 5px; }

/* 枠の飾り */
.stitch {
  position: relative;
  z-index: 0;
  padding: 19px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-bottom: 20px; }

.stitch:before {
  content: '';
  z-index: -1;
  position: absolute;
  border: 1px dashed #cccccc;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03); }

.triangle-lt {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 0;
  height: 0;
  border-top: 55px solid rgba(238, 161, 180, 0.5);
  border-right: 55px solid transparent;
  z-index: 1000; }

.triangle-lt > span {
  position: absolute;
  top: -45px;
  left: 4px;
  transform: rotate(-45deg);
  font-weight: bold;
  color: #006fff; }

.triangle-rb, .triangle-rb2 {
  position: absolute;
  bottom: 45px;
  right: -5px;
  width: 0;
  height: 0;
  border-bottom: 55px solid rgba(238, 161, 180, 0.5);
  border-left: 55px solid transparent;
  z-index: 1000; }

.triangle-rb2 {
  bottom: -5px; }

.triangle-rb > span, .triangle-rb2 > span {
  position: absolute;
  right: 5px;
  bottom: -45px;
  transform: rotate(-45deg);
  font-weight: bold;
  color: #006fff; }

/*----- Width, Height -----*/
.h40 {
  height: 40px !important; }

.h330 {
  height: 330px !important; }

.h-auto {
  height: auto !important; }

.t80 {
  top: 80px !important; }

.w100per {
  width: 100%; }

.w300 {
  width: 300px; }

.min-w200 {
  min-width: 200px; }

.max-w60 {
  max-width: 60px; }

.max-w140 {
  max-width: 140px; }

.max-w180 {
  max-width: 180px; }

.w-initial {
  width: initial !important; }

.max-w-none {
  max-width: none !important; }

/*----- Other stuff -----*/
.clear {
  clear: both; }

.pos-rel {
  position: relative; }

.pos-abs {
  position: absolute; }

.img-responsive-svg {
  width: 100%;
  height: auto; }

.form-control::-webkit-input-placeholder {
  color: #cacaca; }

/*Firefox 19以降*/
.form-control::-moz-placeholder {
  color: #cacaca; }

/*Firefox 18以前*/
.form-control:-moz-placeholder {
  color: #cacaca; }

/*Windows IE*/
.form-control:-ms-input-placeholder {
  color: #cacaca; }

.cur-defo {
  cursor: default !important; }

.inline {
  display: inline !important; }

.block {
  display: block !important;
  padding-bottom: 20px; }

.disp-none {
  display: none !important; }

.h2-like-h1 {
  font-size: 38px;
  font-weight: 700;
  color: #343434;
  line-height: 1.2;
  margin-bottom: 10px;
  font-family: inherit; }

.h1-like-p {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.50;
  color: #666666; }

.on-error {
  border-color: #a94442 !important; }

.z-max {
  z-index: 9999 !important; }

/* ===================================
7. Colors
==================================== */
.fontWhite {
  color: white !important; }

.fontGray {
  color: #777 !important; }

.fontGray2 {
  color: #616161 !important; }

.fontRed {
  color: #a94442 !important; }

.fontMain {
  color: #006fff !important; }

.fontMain2 {
  color: #ffde00 !important; }

.fontSub {
  color: #17b5e5 !important; }

.fontInfo {
  color: #5bc0de !important; }

.fontWarning {
  color: #f0ad4e !important; }

.fontSuccess {
  color: #5cb85c !important; }

.fontDanger {
  color: #d9534f !important; }

.fontPrimary {
  color: #286090 !important; }

.bgMain {
  background-color: #006fff !important; }

.bgMain2 {
  background-color: #ffde00 !important; }

.bgMain2Opa {
  background-color: rgba(157, 145, 128, 0.25) !important; }

.bgWhite {
  background-color: white !important; }

.bgWhiteOpa {
  background-color: rgba(253, 248, 242, 0.5) !important; }

/* ===================================
8. Media queries
==================================== */
@media (min-width: 1200px) {
  .slideshow-container {
    width: 860px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-default .navbar-nav > li > a {
    padding-left: 10px; }

  .slideshow-container {
    width: 720px; } }
@media (min-width: 992px) {
  .pd-t70-pc {
    padding-top: 70px; } }
@media (max-width: 991px) {
  .main-container .image-box {
    min-height: 370px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .slideshow-container {
    width: 550px; } }
@media (min-width: 768px) {
  .mblogo {
    display: none; }

  .home .latestnews .image-box {
    min-height: 550px; }

  /* 
    .newsbox{
        .image-box {
        min-height:550px;
        }
    }
   */ }
@media (max-width: 767px) {
  .text-center-xs {
    text-align: center; }

  .pull-left-xs {
    text-align: left; }

  .clr-mg-b-xs {
    margin-bottom: 0 !important; }

  .clr-pd-t-xs {
    padding-top: 0 !important; }

  .clr-pd-b-xs {
    padding-bottom: 0 !important; }

  .mg-b10-xs {
    margin-bottom: 10px !important; }

  .hidden-xs {
    display: none !important; }

  /* Navigation*/
  .navbar.navbar-default {
    border: none;
    background-color: inherit; }
  .navbar .mblogo {
    width: 70%;
    float: left; }
  .navbar .navbar-toggle {
    margin: 0; }
  .navbar .navbar-collapse {
    border: none; }
  .navbar .navbar-nav {
    margin: 5px -10px; }

  .page-intro {
    padding: 0; }

  .header-top h1 {
    line-height: 1; }

  .slideshow-container {
    width: 450px; }

  .main-container .image-box {
    min-height: 310px; }

  .blogpost h1.page-title {
    font-size: 20px;
    margin-top: 10px;
    display: block; }
  .blogpost h2.page-title {
    font-size: 16px; }
  .blogpost.backnumber .post-info {
    height: 70px; }
  .blogpost.backnumber h4 {
    font-size: 12px;
    font-weight: normal; }
  .blogpost.backnumber .btn.btn-lg {
    width: 100%; }
  .blogpost.backnumber .blogbody p {
    font-size: 90%;
    line-height: 1.4; }

  /* advertisement */
  .advertisement .top-image .alert strong {
    font-size: 14px; }
  .advertisement .top-image .alert:after {
    top: 10px; } }
@media (min-width: 481px) and (max-width: 769px) {
  .issue-box h4 {
    margin: 5px 0;
    font-size: 100%; }

  .header img#logo {
    width: 60%; } }
@media (min-width: 481px) {
  .hidden-byxs {
    display: none !important; } }
@media (max-width: 480px) {
  .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }

  .col-xxs-12 {
    width: 100%; }

  .col-xxs-11 {
    width: 91.66666667%; }

  .col-xxs-10 {
    width: 83.33333333%; }

  .col-xxs-9 {
    width: 75%; }

  .col-xxs-8 {
    width: 66.66666667%; }

  .col-xxs-7 {
    width: 58.33333333%; }

  .col-xxs-6 {
    width: 50%; }

  .col-xxs-5 {
    width: 41.66666667%; }

  .col-xxs-4 {
    width: 33.33333333%; }

  .col-xxs-3 {
    width: 25%; }

  .col-xxs-2 {
    width: 16.66666667%; }

  .col-xxs-1 {
    width: 8.33333333%; }

  .col-xxs-push-0 {
    left: auto; }

  .col-xxs-pull-0 {
    right: auto; }

  .hidden-xxs {
    display: none !important; }

  .visible-xxs {
    display: block !important; }

  .visible-xxs-block {
    display: block !important; }

  .visible-xxs-inline {
    display: inline !important; }

  .visible-xxs-inline-block {
    display: inline-block !important; }

  .font10-xxs {
    font-size: 10px !important;
    line-height: 22px; }

  .font11-xxs {
    font-size: 11px !important; }

  .font14-xxs {
    font-size: 14px !important; }

  .font28-xxs {
    font-size: 28px !important; }

  .font30-xxs {
    font-size: 30px !important; }

  .block-xxs {
    display: block; }

  .clr-pd-t-xxs {
    padding-top: 0 !important; }

  .pd-lr0-xxs {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  .header img#logo {
    width: 55%; }

  .home .slideshow-boxed {
    padding: 20px 0 0 0; }
  .home .slideshow-container {
    width: 330px; }
  .home .main-container h3 {
    margin: 5px 20px;
    line-height: 1.2; }
    .home .main-container h3 em {
      line-height: 0.7 !important; }
  .home .main-container .image-box .image-box-body {
    padding: 10px; }
    .home .main-container .image-box .image-box-body h3.title {
      margin: 0 0 8px 0;
      font-size: 16px;
      font-weight: bold; }
    .home .main-container .image-box .image-box-body p {
      font-size: 14px; }
  .home .main-container .hotshop .col-sm-3.col-xs-6:nth-child(even) {
    padding-right: 5px; }
  .home .main-container .hotshop .col-sm-3.col-xs-6:nth-child(odd) {
    padding-left: 5px; }

  .page-intro {
    display: none; }

  h1.page-title {
    margin: 0;
    font-size: 14px; }

  /* Author */
  blockquote.copy p {
    width: 100%;
    display: block;
    padding: 0 0 20px 0; }
  blockquote.copy footer {
    width: 100%;
    display: block;
    padding-left: 5px;
    margin: 0; }

  .shoplogo {
    display: block;
    float: none; } }
@media (max-width: 375px) {
  .slideshow-container {
    width: 320px; } }
@media (max-width: 321px) {
  .header-top h1 {
    margin: 10px 0;
    font-size: 85%; }

  .home .slideshow-container {
    width: 278px; }

  .issue-box h4 {
    margin: 5px 0;
    font-size: 120%; } }
/************************************
** レスポンシブページネーション
************************************/
.pagination {
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0; }

.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width: 36px;
  min-height: 36px;
  color: #333; }

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee; }

.pagination li:first-of-type a {
  border-left-width: 1px; }

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px; }

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }

.pagination li.first a::before {
  content: "\f100"; }

.pagination li.last a::after {
  content: "\f101"; }

.pagination li.previous a::before {
  content: "\f104"; }

.pagination li.next a::after {
  content: "\f105"; }

.pagination li.current a {
  background-color: #ddd;
  cursor: default;
  pointer-events: none; }

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px; }

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

@media only screen and (max-width: 680px) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px; }

  .pagination li.previous a {
    border-left-width: 1px; } }
@media only screen and (max-width: 500px) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px; }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next {
    position: initial;
    top: initial;
    left: initial; }

  .pagination li.previous a {
    border-left-width: 0; } }
@media only screen and (max-width: 400px) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px; }

  .pagination li.previous a {
    border-left-width: 1px; } }
@media only screen and (max-width: 240px) {
  /* For watches? */
  .pagination li {
    width: 50%; }

  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px; } }

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