@charset "UTF-8";
/* ==========================================================
  フォント
========================================================== */
/* ==========================================================
  テキストシャドウ
========================================================== */
/* ===================================================================
CSS information
 file name  :sub.css
 style info :下層ページのスタイル
=================================================================== */
.more_link .common_pager a,
.more_link .common_pager a:hover {
  color: #fff !important;
  text-shadow: none !important;
}

#wrap #visual {
  position: relative;
}
@media screen and (min-width: 751px) {
  #wrap #visual {
    background-image: url(/flo/images/sub/bg_visual.jpg), url(/flo/assets/img/top/bg_visual_blur.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto, cover;
    height: 195px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #visual {
    background: url(/flo/images/sub/bg_visual.jpg) no-repeat center top/cover;
  }
}
#wrap #visual .visual_inner {
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 751px) {
  #wrap #visual .visual_inner {
    width: 1060px;
    height: 195px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #visual .visual_inner {
    padding-bottom: 32%;
  }
}
#wrap #visual .visual_inner .logo {
  position: absolute;
}
@media screen and (min-width: 751px) {
  #wrap #visual .visual_inner .logo {
    top: 11px;
    left: -6px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #visual .visual_inner .logo {
    width: 50%;
    top: 3%;
    left: 2%;
  }
}
@media screen and (max-width: 750px) {
  #wrap #visual .visual_inner .logo img {
    width: 100%;
  }
}
#wrap #visual .visual_inner .btn {
  position: absolute;
}
@media screen and (min-width: 751px) {
  #wrap #visual .visual_inner .btn {
    bottom: 16px;
    left: 260px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #visual .visual_inner .btn {
    width: 24%;
    bottom: 4%;
    left: 46%;
  }
}
@media screen and (max-width: 750px) {
  #wrap #visual .visual_inner .btn img {
    width: 100%;
  }
}
#wrap #content {
  width: 100%;
  background: #ffdd65;
  border-top: solid 2px #405cc8;
  border-bottom: solid 1px #405cc8;
  background: #1c3cb0 url(../../images/stars-bg.jpg) repeat-y center 2px;
}
@media screen and (min-width: 751px) {
  #wrap #content {
    padding: 40px 0px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #content {
    padding: 4% 0%;
  }
}
#wrap #content .box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  background: #fff;
  border: solid 3px #c9c9c9;
}
@media screen and (min-width: 751px) {
  #wrap #content .box {
    font-size: 20px;
    width: 1060px;
    padding: 160px 0px 30px;
    border-radius: 30px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #content .box {
    font-size: 3.4vw;
    width: 96%;
    padding: 20% 0% 4%;
    border-radius: 34px;
  }
}
#wrap #content .box h1 {
  position: absolute;
}
@media screen and (min-width: 751px) {
  #wrap #content .box h1 {
    top: -3px;
    left: -3px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #content .box h1 {
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 750px) {
  #wrap #content .box h1 img {
    width: 100%;
  }
}
@media screen and (min-width: 751px) {
  #wrap #content .box .inner {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #content .box .inner {
    padding: 0px 2%;
  }
}
#wrap #content .box .inner ul.list li {
  background: #fffad3;
  border-radius: 10px;
  border: solid 2px #c9c9c9;
}
@media screen and (min-width: 751px) {
  #wrap #content .box .inner ul.list li {
    padding: 20px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #content .box .inner ul.list li {
    padding: 2%;
    margin-bottom: 1.5%;
  }
}
#wrap #content .box .inner ul.list li:last-child {
  margin-bottom: 0;
}
#wrap #content .box .inner ul.list li dl {
  font-family: "Kosugi Maru", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  line-height: 1.5;
}
@media screen and (min-width: 751px) {
  #wrap #content .box .inner ul.list li dl dt {
    float: left;
    font-size: 18px;
    width: 140px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #content .box .inner ul.list li dl dt {
    font-size: 3.4vw;
  }
}
@media screen and (min-width: 751px) {
  #wrap #content .box .inner ul.list li dl dd {
    float: left;
    font-size: 18px;
    width: 820px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #content .box .inner ul.list li dl dd {
    font-size: 3.4vw;
  }
}
#wrap #content .box .inner ul.list li dl dd a {
  color: #00a2ff;
}
#wrap #content .box .inner ul.movie li {
  position: relative;
}
@media screen and (min-width: 751px) {
  #wrap #content .box .inner ul.movie li {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 750px) {
  #wrap #content .box .inner ul.movie li {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  #wrap #content .box .inner ul.movie li:nth-child(odd) {
    float: left;
  }
}
@media screen and (min-width: 751px) {
  #wrap #content .box .inner ul.movie li:nth-child(even) {
    float: right;
  }
}
@media screen and (min-width: 751px) {
  #wrap #content .box .inner ul.movie li:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0;
  }
}
#wrap #content .box .inner ul.movie li:last-child {
  margin-bottom: 0;
}
#wrap #content .box .inner .new:after {
  position: absolute;
  top: -26px;
  right: 4px;
  content: "";
  background: url(../images/icn_new.png) top center no-repeat;
  width: 95px;
  height: 49px;
}