@charset "UTF-8";
/*
#オリジナルテンプレートsass
*/
/*共通*/
br {
  display: block!important;
}

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }


h2 {
  font-size: calc(18px + 0.45vw); }

/*ローディングgif*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1; }

#loader {
  display: none;
  position: fixed;
  top: 60%;
  left: 50%;
  width: 250px;
  height: 200px;
  margin-top: -100px;
  margin-left: -120px;
  text-align: center;
  color: #aaa;
  z-index: 2; }
  #loader h2 {
    font-size: calc(10px + 0.25vw); }

.css-bar {
  display: inline-block;
  position: relative;
  margin: 0 10px 3px 0;
  padding: 0;
  background: #000; }

.css-bar, .css-bar:before, .css-bar:after {
  width: 18px;
  height: 3px; }

.css-bar:before, .css-bar:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: #000; }

.css-bar:before {
  margin-top: -8px; }

.css-bar:after {
  margin-top: 4px; }

.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 11px;
  line-height: 13px; }

.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #555; }

.pagination a:hover {
  color: #fff;
  background: #3279BB; }

.pagination .current {
  padding: 6px 9px 5px 9px;
  background: #3279BB;
  color: #fff; }

.page-left-inner-top {
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 500px; }

.large-category {
  width: 100%;
  height: auto;
  margin-bottom: 3%; }
  .large-category ul li {
    float: left;
    padding-left: 2%;
    box-sizing: border-box;
    padding-top: 2%; }
    .large-category ul li a {
      text-decoration: none;
      color: #fff;
      font-size: calc(10px + 0.15vw);
      padding-top: 1%;
      padding-bottom: 1%;
      padding-left: 1%;
      padding-right: 1%; }
    .large-category ul li a:hover {
      color: gold; }
    .large-category ul li a[href*="/column"], .large-category ul li .small-category a[href*="/column"] {
      background: #35c9b8;
      padding: 2%;
      display: block; }
    .large-category ul li a[href*="/news"], .large-category ul li .small-category a[href*="/news"] {
      background: #f68441;
      padding: 2%;
      display: block; }
    .large-category ul li a[href*="/report"], .large-category ul li .small-category a[href*="/report"] {
      background: #63a2db;
      padding: 2%;
      display: block; }
    .large-category ul li a[href*="/review"], .large-category ul li .small-category a[href*="/review"] {
      background: #4b7bbd;
      padding: 2%;
      display: block; }
  .large-category ul li:first-child {
    padding-left: 0%; }

/*ページネーション*/
.cine-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  margin-top: 20px; }

.cine-next .back a {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.cine-next .back a:hover {
  color: gold; }

.cine-next .next {
  margin-left: 30px; }

.cine-next .next a {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.cine-next .next a:hover {
  color: gold; }

/*ページネーション*/
/*slickスライダー*/
.sliders {
  width: 100%;
  height: calc(140px + 14.5vw);
  overflow: hidden;
  position: relative; }
  .sliders ul li {
    position: relative; }
    .sliders ul li a {
      text-decoration: none;
      color: #fff;
      text-shadow: 1px 1px 3px #000; }
      .sliders ul li a h2 {
        padding: 3%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        font-size: calc(16px + 0.45vw); }

.slider {
  margin: 0 0 50px; }

.slider img {
  width: 100%;
  object-fit: cover;
  height: 440px; }

.single-item {
  max-width: 600px;
  margin: 0 auto 50px; }

.slick-prev::before, .slick-next::before {
  font-size: 24px; }

.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-items .slick-next {
  right: 20px;
  z-index: 99; }

.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-items .slick-prev {
  left: 15px;
  z-index: 100; }

.single-item .slick-prev::before,
.single-item .slick-next::before {
  color: #666; }

.slick-dots {
  bottom: -25px; }

.multiple-item li {
  margin: 0 5px; }

.thumb-item {
  max-width: 700px;
  margin: 0 auto 5px;
  padding: 0 5px; }

.thumb-item-nav {
  max-width: 700px;
  margin: 0 auto; }

.thumb-item-nav li {
  margin: 5px; }

.lazy-item {
  width: 400px;
  margin: 0 auto 50px; }

.lazy-item li {
  margin: 0 5px; }

/*769px以上*/
@media all and (min-width: 769px) {
  /*769px以上*/
  .container {
    width: 100%;
    height: auto; }
    .container .header {
      width: 100%;
      height: auto; }
      .container .header .header-menu {
        width: 100%;
        height: auto; }
        .container .header .header-menu .header-up-cover {
          width: 100%;
          height: auto;
          background: white;
          position: fixed;
          z-index: 9999; }
          .container .header .header-menu .header-up-cover .header-up {
            width: 100%;
            max-width: 769px;
            height: auto;
            margin: 0 auto; }
            .container .header .header-menu .header-up-cover .header-up .header-logo {
              width: 30%;
              max-width: 250px;
              height: auto;
              float: left; }
              .container .header .header-menu .header-up-cover .header-up .header-logo a {
                list-style-type: none;
                display: block; }
                .container .header .header-menu .header-up-cover .header-up .header-logo a img {
                  width: 100%;
                  height: auto; }
            .container .header .header-menu .header-up-cover .header-up .sp-menu {
              display: none; }
            .container .header .header-menu .header-up-cover .header-up .header-logo:hover {
              opacity: 0.5; }
            .container .header .header-menu .header-up-cover .header-up .header-menu-sec {
              width: 70%;
              height: auto;
              float: left;
              padding-top: 2%; }
              .container .header .header-menu .header-up-cover .header-up .header-menu-sec ul {
                width: 100%;
                height: auto; }
                .container .header .header-menu .header-up-cover .header-up .header-menu-sec ul li {
                  float: left;
                  list-style-type: none;
                  padding-left: 3%;
                  font-size: calc(12px + 0.45vw); }
                  .container .header .header-menu .header-up-cover .header-up .header-menu-sec ul li a {
                    text-decoration: none;
                    color: #000;
                    display: block; }
                  .container .header .header-menu .header-up-cover .header-up .header-menu-sec ul li a:hover {
                    color: gold; }
        .container .header .header-menu .header-down {
          width: 100%;
          max-width: 769px;
          height: auto;
          margin: 0 auto;
          padding-top: 75px; }
          .container .header .header-menu .header-down .header-down-contents {
            width: 80%;
            height: auto;
            float: left; }
            .container .header .header-menu .header-down .header-down-contents p {
              font-size: calc(14px + 0.45vw); }
          .container .header .header-menu .header-down .header-sns {
            width: 20%;
            height: auto;
            float: right; }
            .container .header .header-menu .header-down .header-sns ul {
              width: 100%;
              height: auto; }
              .container .header .header-menu .header-down .header-sns ul li {
                width: 50px;
                height: auto;
                float: left;
                padding-left: 5%; }
                .container .header .header-menu .header-down .header-sns ul li a img {
                  width: 100%;
                  height: auto; }
              .container .header .header-menu .header-down .header-sns ul li:hover {
                opacity: 0.5; }
    .container .main {
      width: 80%;
      height: auto;
      margin: 0 auto;
      padding-top: 5%; }
      .container .main .main-left {
        width: 75%;
        height: auto;
        float: left; }
        .main-left p{
           word-break: break-all;
        }
        .container .main .main-left .see-more {
          width: 100%;
          max-width: 360px;
          height: 80px;
          background: -webkit-gradient(linear, left top, left bottom, from(#1AD6FD), to(#1D62F0));
          border-radius: 5px 5px 5px 5px;
          text-align: center; }
          .container .main .main-left .see-more a {
            color: #fff;
            text-decoration: none;
            font-size: calc(24px + 0.45vw);
            line-height: 80px;
            display: block; }
        .container .main .main-left .see-more:hover {
          opacity: 0.5; }
        .container .main .main-left .main-left-inner-top > h2 {
          position: relative;
          padding: .25em 0 .5em .75em;
          border-left: 6px solid #3498db; }
        .container .main .main-left .main-left-inner-top > h2:after {
          position: absolute;
          left: 0;
          bottom: 0;
          content: '';
          width: 100%;
          height: 0;
          border-bottom: 1px solid #ccc; }
    .container .main-right {
      width: 25%;
      height: auto;
      float: left; }
      .container .main-right .main-right-inner-top {
        width: 100%;
        height: auto; }
        .container .main-right .main-right-inner-top .main-right-tag {
          width: 100%;
          height: auto; }
          .container .main-right .main-right-inner-top .main-right-tag > h2 {
            font-size: calc(14px + 0.45vw); }
          .container .main-right .main-right-inner-top .main-right-tag .tag-inner ul li {
            margin: 1%;
            border-radius: 5px 5px 5px 5px;
            list-style-type: none;
            float: left;
            display: block;
            font-size: calc(10px + 0.45vw);
            background: -webkit-gradient(linear, left top, left bottom, from(#1AD6FD), to(#1D62F0)); }
            .container .main-right .main-right-inner-top .main-right-tag .tag-inner ul li a {
              text-decoration: none;
              color: #fff;
              padding: 5px; }
          .container .main-right .main-right-inner-top .main-right-tag .tag-inner ul li:hover {
            opacity: 0.5; }
      .container .main-right .main-right-profile {
        width: 100%;
        height: auto;
        padding-top: 5%; }
        .container .main-right .main-right-profile .main-right-profile-inner {
          width: 100%;
          height: auto;
          border: #aaa 1px solid;
          padding-top: 10px;
          padding-left: 10px; }
          .container .main-right .main-right-profile .main-right-profile-inner .profile-top {
            width: 100%;
            height: auto; }
            .container .main-right .main-right-profile .main-right-profile-inner .profile-top .profile-top-left {
              float: left;
              width: 120px;
              height: auto; }
              .container .main-right .main-right-profile .main-right-profile-inner .profile-top .profile-top-left img {
                width: 100%;
                height: auto; }
            .container .main-right .main-right-profile .main-right-profile-inner .profile-top .profile-top-right {
              width: 47%;
              height: auto;
              float: left;
              padding-left: 3%; }
              .container .main-right .main-right-profile .main-right-profile-inner .profile-top .profile-top-right dl dt {
                border-bottom: #aaa 1px solid;
                font-size: calc(16px + 0.45vw);
                font-weight: bold; }
              .container .main-right .main-right-profile .main-right-profile-inner .profile-top .profile-top-right dl dd {
                font-size: calc(16px + 0.45vw);
                font-weight: bold; }
      .container .main-right .main-right-pickup {
        width: 100%;
        height: auto;
        padding-top: 5%; }
        .container .main-right .main-right-pickup > h2 {
          position: relative;
          padding: .25em 0 .5em .75em;
          border-left: 6px solid #3498db; }
        .container .main-right .main-right-pickup > h2:after {
          position: absolute;
          left: 0;
          bottom: 0;
          content: '';
          width: 100%;
          height: 0;
          border-bottom: 1px solid #ccc; }
        .container .main-right .main-right-pickup .main-right-pickup-inner {
          width: 100%;
          height: auto;
          padding-top: 3%;
          padding: 10px;
          overflow: hidden;
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
          border-radius: 3px; }
          .container .main-right .main-right-pickup .main-right-pickup-inner .pick-up-thumbnail {
            width: 44%;
            height: 120px;
            overflow: hidden;
            float: left;
            position: relative;
            border: #aaa 1px solid; }
            .container .main-right .main-right-pickup .main-right-pickup-inner .pick-up-thumbnail img {
              width: 100%;
              height: auto; }
              .container .main-right .main-right-pickup .main-right-pickup-inner .pick-up-thumbnail img a {
                text-decoration: none; }
            .container .main-right .main-right-pickup .main-right-pickup-inner .pick-up-thumbnail .view {
              position: absolute;
              left: 0;
              top: 0;
              color: #fff;
              background: #d44d4d; }
              .container .main-right .main-right-pickup .main-right-pickup-inner .pick-up-thumbnail .view span {
                color: #fff; }
          .container .main-right .main-right-pickup .main-right-pickup-inner .pickup-title {
            width: 53%;
            height: auto;
            float: left;
            padding-left: 2%; }
            .container .main-right .main-right-pickup .main-right-pickup-inner .pickup-title h2 {
              font-size: calc(12px + 0.15vw); }
              .container .main-right .main-right-pickup .main-right-pickup-inner .pickup-title h2 a {
                text-decoration: none;
                color: #000; }
        .container .main-right .main-right-pickup .main-right-pickup-inner:hover {
          opacity: 0.5; }
    .container .footer {
      width: 100%;
      height: 300px;
      background: -webkit-gradient(linear, left top, left bottom, from(#4A4A4A), to(#2B2B2B));
      margin-top: 10%; }
      .container .footer .footer-cover {
        width: 100%;
        height: auto; }
        .container .footer .footer-cover .footer-cover-up {
          width: 100%;
          max-width: 820px;
          height: auto;
          margin: 0 auto;
          padding-top: 5%; }
          .container .footer .footer-cover .footer-cover-up ul {
            width: 100%;
            height: auto; }
            .container .footer .footer-cover .footer-cover-up ul li {
              float: left;
              padding-left: 2%;
              padding-right: 2%;
              border-right: #fff 1px solid; }
              .container .footer .footer-cover .footer-cover-up ul li a {
                color: #fff;
                text-decoration: none; }
              .container .footer .footer-cover .footer-cover-up ul li a:hover {
                color: gold; }
            .container .footer .footer-cover .footer-cover-up ul li:first-child {
              border-left: #fff 1px solid; }
        .container .footer .footer-cover .footer-cover-down {
          width: 100%;
          height: auto; }
          .container .footer .footer-cover .footer-cover-down p {
            color: #fff;
            text-align: center;
            margin-top: 5%; }
  .single-page {
    width: 90%;
    height: auto;
    /*動画を囲んでいるdiv目一杯に広げる*/ }
    .single-page .single-date {
      width: 100%;
      height: auto;
      margin-top: 0px; }
    .single-page img {
      width: 100%;
      height: auto; }
    .single-page .bozu-satoru {
      width: 100%;
      height: auto;
      padding: 10px;
      overflow: hidden;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
      border-radius: 3px; }
      .single-page .bozu-satoru .bozu-img {
        width: 100%;
        max-width: 650px;
        height: auto; }
        .single-page .bozu-satoru .bozu-img img {
          width: 100%;
          height: auto; }
      .single-page .bozu-satoru .bozu-contents {
        width: 100%;
        height: auto;
        padding-top: 3%; }
        .single-page .bozu-satoru .bozu-contents p {
          font-size: calc(12px + 0.15vw); }
    .single-page .tag-inner {
      width: 100%;
      height: auto;
      padding-top: 5%; }
      .single-page .tag-inner ul li {
        margin: 1%;
        border-radius: 5px 5px 5px 5px;
        list-style-type: none;
        float: left;
        display: block;
        font-size: calc(10px + 0.45vw);
        background: -webkit-gradient(linear, left top, left bottom, from(#1AD6FD), to(#1D62F0)); }
        .single-page .tag-inner ul li a {
          text-decoration: none;
          color: #fff;
          padding: 5px; }
      .single-page .tag-inner ul li:hover {
        opacity: 0.5; }
    .single-page .related-posts {
      width: 100%;
      height: auto;
      padding-top: 5%; }
    .single-page .video {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
      max-width: 100%;
      height: auto; }
      .single-page .video iframe, .single-page .video object, .single-page .video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }

/*768px以下*/
@media all and (max-width: 769px) {
  .container {
    width: 100%;
    height: auto; }
    .container .header {
      width: 100%;
      height: auto; }
      .container .header .header-menu {
        width: 100%;
        height: auto; }
        .container .header .header-menu .header-up-cover {
          width: 100%;
          height: auto;
          background: white;
          position: fixed;
          z-index: 9999; }
          .container .header .header-menu .header-up-cover .header-up {
            width: 90%;
            max-width: 769px;
            height: auto;
            margin: 0 auto; }
            .container .header .header-menu .header-up-cover .header-up .header-logo {
              width: 45%;
              max-width: 250px;
              height: auto;
              float: left; }
              .container .header .header-menu .header-up-cover .header-up .header-logo a {
                list-style-type: none;
                display: block; }
                .container .header .header-menu .header-up-cover .header-up .header-logo a img {
                  width: 100%;
                  height: auto; }
            .container .header .header-menu .header-up-cover .header-up .header-logo:hover {
              opacity: 0.5; }
            .container .header .header-menu .header-up-cover .header-up .header-menu-sec {
              width: 100%;
              height: auto;
              float: left;
              padding-top: 2%;
              display: none; }
              .container .header .header-menu .header-up-cover .header-up .header-menu-sec ul {
                width: 100%;
                height: auto; }
                .container .header .header-menu .header-up-cover .header-up .header-menu-sec ul li {
                  list-style-type: none;
                  padding-left: 3%;
                  font-size: calc(12px + 0.45vw);
                  width: 100%;
                  height: 40px;
                  lin-height: 40px; }
                  .container .header .header-menu .header-up-cover .header-up .header-menu-sec ul li a {
                    text-decoration: none;
                    color: #000;
                    display: block; }
                  .container .header .header-menu .header-up-cover .header-up .header-menu-sec ul li a:hover {
                    color: gold; }
            .container .header .header-menu .header-up-cover .header-up .sp-menu {
              float: right;
              line-height: 40px;
              width: 90px;
              height: auto; }
        .container .header .header-menu .header-down {
          width: 90%;
          max-width: 769px;
          height: auto;
          margin: 0 auto;
          padding-top: 75px; }
          .container .header .header-menu .header-down .header-down-contents {
            width: 80%;
            height: auto;
            float: left; }
            .container .header .header-menu .header-down .header-down-contents p {
              font-size: calc(14px + 0.45vw); }
          .container .header .header-menu .header-down .header-sns {
            width: 20%;
            height: auto;
            float: right; }
            .container .header .header-menu .header-down .header-sns ul {
              width: 100%;
              height: auto; }
              .container .header .header-menu .header-down .header-sns ul li {
                width: 30px;
                height: auto;
                float: left;
                padding-left: 3%; }
                .container .header .header-menu .header-down .header-sns ul li a img {
                  width: 100%;
                  height: auto; }
              .container .header .header-menu .header-down .header-sns ul li:hover {
                opacity: 0.5; }
    .container .main {
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding-top: 5%; }
      .container .main .main-left {
        width: 90%;
        height: auto;
        margin: 0 auto; }
        .main-left p{
           word-break: break-all;
        }
        .container .main .main-left .see-more {
          width: 100%;
          max-width: 360px;
          height: 80px;
          background: -webkit-gradient(linear, left top, left bottom, from(#1AD6FD), to(#1D62F0));
          border-radius: 5px 5px 5px 5px;
          text-align: center; }
          .container .main .main-left .see-more a {
            color: #fff;
            text-decoration: none;
            font-size: calc(24px + 0.45vw);
            line-height: 80px;
            display: block; }
        .container .main .main-left .see-more:hover {
          opacity: 0.5; }
        .container .main .main-left .main-left-inner-top > h2 {
          position: relative;
          padding: .25em 0 .5em .75em;
          border-left: 6px solid #3498db; }
        .container .main .main-left .main-left-inner-top > h2:after {
          position: absolute;
          left: 0;
          bottom: 0;
          content: '';
          width: 100%;
          height: 0;
          border-bottom: 1px solid #ccc; }
    .container .main-right {
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding-top: 10%; }
      .container .main-right .main-right-inner-top {
        width: 100%;
        height: auto; }
        .container .main-right .main-right-inner-top .main-right-tag {
          width: 90%;
          height: auto;
          height: auto;
          margin: 0 auto; }
          .container .main-right .main-right-inner-top .main-right-tag > h2 {
            font-size: calc(14px + 0.45vw); }
          .container .main-right .main-right-inner-top .main-right-tag .tag-inner ul li {
            margin: 1%;
            border-radius: 5px 5px 5px 5px;
            list-style-type: none;
            float: left;
            display: block;
            font-size: calc(10px + 0.45vw);
            background: -webkit-gradient(linear, left top, left bottom, from(#1AD6FD), to(#1D62F0)); }
            .container .main-right .main-right-inner-top .main-right-tag .tag-inner ul li a {
              text-decoration: none;
              color: #fff;
              padding: 5px; }
          .container .main-right .main-right-inner-top .main-right-tag .tag-inner ul li:hover {
            opacity: 0.5; }
      .container .main-right .main-right-profile {
        width: 100%;
        height: auto;
        padding-top: 5%; }
        .container .main-right .main-right-profile .main-right-profile-inner {
          width: 90%;
          height: auto;
          border: #aaa 1px solid;
          padding-top: 10px;
          padding-left: 10px;
          box-sizing: border-box;
          margin: 0 auto; }
          .container .main-right .main-right-profile .main-right-profile-inner .profile-top {
            width: 100%;
            height: auto; }
            .container .main-right .main-right-profile .main-right-profile-inner .profile-top .profile-top-left {
              float: left;
              width: 120px;
              height: auto; }
              .container .main-right .main-right-profile .main-right-profile-inner .profile-top .profile-top-left img {
                width: 100%;
                height: auto; }
            .container .main-right .main-right-profile .main-right-profile-inner .profile-top .profile-top-right {
              width: 47%;
              height: auto;
              float: left;
              padding-left: 3%; }
              .container .main-right .main-right-profile .main-right-profile-inner .profile-top .profile-top-right dl dt {
                border-bottom: #aaa 1px solid;
                font-size: calc(16px + 0.45vw);
                font-weight: bold; }
              .container .main-right .main-right-profile .main-right-profile-inner .profile-top .profile-top-right dl dd {
                font-size: calc(16px + 0.45vw);
                font-weight: bold; }
      .container .main-right .main-right-pickup {
        height: auto;
          width:90%;
          margin:0 auto;
        padding-top: 5%; }
        .container .main-right .main-right-pickup > h2 {
          position: relative;
          padding: .25em 0 .5em .75em;
          border-left: 6px solid #3498db; }
        .container .main-right .main-right-pickup > h2:after {
          position: absolute;
          left: 0;
          bottom: 0;
          content: '';
          width: 100%;
          height: 0;
          border-bottom: 1px solid #ccc; }
        .container .main-right .main-right-pickup .main-right-pickup-inner {
          width: 100%;
          height: 100px;
          padding-top: 3%;
          padding: 10px;
          overflow: hidden;
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
          border-radius: 3px;
          box-sizing: border-box; }
          .container .main-right .main-right-pickup .main-right-pickup-inner .pick-up-thumbnail {
            width: 30%;
            height: 150px;
            overflow: hidden;
            float: left;
            position: relative;
            border: #aaa 1px solid; }
            .container .main-right .main-right-pickup .main-right-pickup-inner .pick-up-thumbnail img {
              width: 140%;
              height: auto; }
              .container .main-right .main-right-pickup .main-right-pickup-inner .pick-up-thumbnail img a {
                text-decoration: none; }
            .container .main-right .main-right-pickup .main-right-pickup-inner .pick-up-thumbnail .view {
              position: absolute;
              left: 0;
              top: 0;
              color: #fff;
              background: #d44d4d; }
              .container .main-right .main-right-pickup .main-right-pickup-inner .pick-up-thumbnail .view span {
                color: #fff; }
          .container .main-right .main-right-pickup .main-right-pickup-inner .pickup-title {
            width: 53%;
            height: auto;
            float: left;
            padding-left: 2%; }
            .container .main-right .main-right-pickup .main-right-pickup-inner .pickup-title h2 {
              font-size: calc(12px + 0.15vw); }
              .container .main-right .main-right-pickup .main-right-pickup-inner .pickup-title h2 a {
                text-decoration: none;
                color: #000; }
        .container .main-right .main-right-pickup .main-right-pickup-inner:hover {
          opacity: 0.5; }
    .container .footer {
      width: 100%;
      height: 300px;
      background: -webkit-gradient(linear, left top, left bottom, from(#4A4A4A), to(#2B2B2B));
      margin-top: 10%; }
      .container .footer .footer-cover {
        width: 100%;
        height: auto; }
        .container .footer .footer-cover .footer-cover-up {
          width: 100%;
          max-width: 768px;
          height: auto;
          margin: 0 auto;
          padding-top: 5%; }
          .container .footer .footer-cover .footer-cover-up ul {
            width: 100%;
            height: auto; }
            .container .footer .footer-cover .footer-cover-up ul li {
              float: left;
              padding-left: 6%;
              width: 50%;
              height: auto;
              box-sizing: border-box; }
              .container .footer .footer-cover .footer-cover-up ul li a {
                color: #fff;
                text-decoration: none; }
              .container .footer .footer-cover .footer-cover-up ul li a:hover {
                color: gold; }
        .container .footer .footer-cover .footer-cover-down {
          width: 100%;
          height: auto; }
          .container .footer .footer-cover .footer-cover-down p {
            color: #fff;
            text-align: center;
            margin-top: 5%; }
  .single-page {
    width: 100%;
    height: auto;
    /*動画を囲んでいるdiv目一杯に広げる*/ }
    .single-page img {
      width: 100%;
      height: auto; }
    .single-page .bozu-satoru {
      width: 100%;
      height: auto;
      padding: 10px;
      overflow: hidden;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
      border-radius: 3px;
        box-sizing: border-box;}
      .single-page .bozu-satoru .bozu-img {
        width: 100%;
        max-width: 650px;
        height: auto; }
        .single-page .bozu-satoru .bozu-img img {
          width: 100%;
          height: auto; }
      .single-page .bozu-satoru .bozu-contents {
        width: 100%;
        height: auto;
        padding-top: 3%; }
        .single-page .bozu-satoru .bozu-contents p {
          font-size: calc(12px + 0.15vw); }
    .single-page .tag-inner {
      width: 100%;
      height: auto;
      padding-top: 5%; }
      .single-page .tag-inner ul li {
        margin: 1%;
        border-radius: 5px 5px 5px 5px;
        list-style-type: none;
        float: left;
        display: block;
        font-size: calc(10px + 0.45vw);
        background: -webkit-gradient(linear, left top, left bottom, from(#1AD6FD), to(#1D62F0)); }
        .single-page .tag-inner ul li a {
          text-decoration: none;
          color: #fff;
          padding: 5px; }
      .single-page .tag-inner ul li:hover {
        opacity: 0.5; }
    .single-page .related-posts {
      width: 100%;
      height: auto;
      padding-top: 5%; }
    .single-page .video {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
      max-width: 100%;
      height: auto; }
      .single-page .video iframe, .single-page .video object, .single-page .video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }

@media all and (min-width: 769px) {
  .item {
    margin: 10px;
    width: 18%;
    padding: 8px;
    border: 1px solid #eee; }
    .item p a {
      text-decoration: none;
      color: #000; }
    .item img {
      width: 100%;
      height: auto; }
  .item:hover {
    opacity: 0.5; } }

@media all and (min-width: 665px) and (max-width: 768px) {
  .item {
    margin: 10px;
    width: 27%;
    padding: 8px;
    border: 1px solid #eee; }
    .item p a {
      text-decoration: none;
      color: #000; }
    .item img {
      width: 100%;
      height: auto; }
  .item:hover {
    opacity: 0.5; } }

@media all and (max-width: 664px) {
  .item {
    margin: 10px;
    width: 38%;
    padding: 8px;
    border: 1px solid #eee; }
    .item p a {
      text-decoration: none;
      color: #000; }
    .item img {
      width: 100%;
      height: auto; }
  .item:hover {
    opacity: 0.5; } }


/*Slider箇所*/
@media all and (min-width:1520px){
  .sliders ul li a h2{
    top:250px;
  }
}

@media all and (min-width:1170px) and (max-width:1519px){
  .sliders ul li a h2{
    top:220px;
  }
}

@media all and (min-width:769px) and (max-width:1169px){
  .sliders{
      height: calc(90px + 14.5vw);
  }
  .sliders ul li a h2{
    top:150px;
    font-size: calc(10px + 0.45vw);
  }
}

@media all and (min-width:450px) and (max-width:768px){
  .sliders{
      height: calc(300px + 14.5vw);
  }
  .sliders ul li a h2{
    top:250px;
  }
}

@media all and (max-width:449px){
  .sliders{
      height: calc(180px + 14.5vw);
  }
  .sliders ul li a h2{
    top:125px;
    font-size: calc(10px + 0.45vw);
  }
}