@charset "shift_jis";

@import "fantasy_responsive_top.css";

/*---------------------------------------------------------------------------
    レスポンシブ対応  共通
----------------------------------------------------------------------------*/
#fantasy-sec .fantasy-wrap {
    width: 100%;
    padding: 58px 0 0;
}
#fantasy-sec .fantasy-wrap #header {
    display: block;
}
#fantasy-sec .fantasy-wrap .sec-header {
    width: 100%;
    height: auto;
    background: none;
    padding: 0;
}
#fantasy-sec .fantasy-wrap .sec-header h1 {
    display: block;
    margin: 0 !important;
    padding: 10px 10px 7px 10px;
    background: #444 url(none);
    text-align: left;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    text-indent: inherit;
    width: auto;
    height: auto;
}
#fantasy-sec .fantasy-wrap .sec-header h1 a {
    width: 100%;
    height: auto;
    color: #fff;
}
#fantasy-sec .fantasy-wrap .sec-container {
    width: 100%;
    padding: 0;
}
#fantasy-sec .sec-contents-area {
    background: none;
	width: 100%;
	border: none;
    overflow: visible;
    padding: 0;
}
#fantasy-sec h2 span {
    display: none;
}
#fantasy-sec h2 img {
    width: 100%;
}
#fantasy-sec .sec-contents {
    background: #f6fce3;
	width: 100%;
    float: none;
    padding: 0;
    margin: 0;
}
#fantasy-sec .sec-contents-area .sec-contents-inner {
	width: 100%;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
#fantasy-sec .section {
    width: 100%;
}
#fantasy-sec .sec-side {
    display: none;
}
#fantasy-sec dl.sec-footer {
	width: auto;
	margin: 0;
	padding: 15px 20px;
}
#fantasy-sec dl.sec-footer dd.footer-menu{
	width: auto;
	float: none;
}
#fantasy-sec dl.sec-footer dd.footer-menu ul{
	width: auto;
	background: none;
	text-align: left;
	padding: 0;
	border-bottom: 1px solid #676767;
}
#fantasy-sec dl.sec-footer dd.footer-menu ul li{
	float: none;
	background: none;
	padding: 0 7px 0 6px;
	margin: 0 0 10px;
}
#fantasy-sec dl.sec-footer dd.copyrights{
	width: auto;
	margin: 10px 0 0;
	text-align: left;
	float: none;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size:12px !important;
}
#fantasy-sec .fantasy-wrap .sec-container .pcNone {
    display: block;
}
#fantasy-sec .fantasy-wrap .sec-container .spNone {
    display: none;
}
#fantasy-sec h2.project-1,
#fantasy-sec h2.project-2,
#fantasy-sec h2.project-5,
#fantasy-sec h2.yamato2,
#fantasy-sec h2.mazinger-z,
#fantasy-sec h2.extraedition,
#fantasy-sec h2.stage,
#fantasy-sec h2.about,
#fantasy-sec h2.projectlist,
#fantasy-sec.mazinger-z02 h2.mazinger-z02 {
    background: none;
    width: 100%;
    height: auto;
    text-indent: 0;
}
#fantasy-sec .fantasyTopBtn {
    margin: 0 auto;
    text-align: center;
}
#fantasy-sec .fantasyTopBtn a {
    background: #000;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    margin: 0 auto;
    padding: 5px 15px;
}

/*---------------------------------------------------------------------------
　　マジンガーＺ Infinity 「前田建設、鉄十字軍団をマネジメント」編
----------------------------------------------------------------------------*/
#fantasy-sec .sec-contents-area_mazinger-z {
	width: 100%;
	border: none;
    overflow: visible;
}
#fantasy-sec .sec-contents_mazinger-z {
	width: 100%;
    float: none;
    padding: 0;
    margin: 0;
}
#fantasy-sec .sec-contents-area_mazinger-z .sec-contents-inner {
	width: auto;
    padding: 10px 20px 20px;
  
}
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea {
    width: auto;
    margin: 0 auto;
    max-width: 280px;
}
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea li {
    float: left;
    margin-left: 5px;
    text-align: center;
    width: 90px;
}
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea li.btn01 {
    margin-left: 0;
}
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea li:first-child {
    float: none;
    width: 230px;
    margin: 0 auto;
}
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea a {
    width: auto;
    height: auto;
}
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea li:first-child a {
    width: 230px;
	margin: 5px auto 10px;
}
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea li img {
    width: 90%;
}
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea li:first-child img {
    width: 85%;
}
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea a:hover,
.sec-side a.on {
    text-indent: 0;
}
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea .btnTop,
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea .btn01,
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea .btn02,
#fantasy-sec .sec-contents_mazinger-z .sec-contents-inner .btnArea .btn03 {
	background: none;
}
#fantasy-sec .mazinger-z_imgset {
	width: 100%;
	padding: 10px 0 30px;
}
#fantasy-sec .mazinger-z_imgset h3 {
	font-size: 16px;
}
#fantasy-sec.mazinger-z02 .mazinger-z_imgset .imgBox {
    margin: 20px;
}
#fantasy-sec .mazinger-z_imgset .imgBox img {
    max-width: 100%;
    width: 100%;
}
#fantasy-sec .mazinger-z_imgset .caption {
    font-size: 90%;
    margin-top: 5px;
    padding: 0 20px;
}

/*--------------------------------------------------------------------------------------
　　PROJECT 06 前田建設ファンタジー営業部 宇宙戦艦ヤマト2199 建造準備および発進準備工事編
---------------------------------------------------------------------------------------*/
#fantasy-sec .sec-contents-area_yamato {
    background: #000;
	width: 100%;
	border: none;
    overflow: visible;
    padding: 0;
}
#fantasy-sec .sec-contents_yamato {
    background: #000;
	width: 100%;
    float: none;
    padding: 0;
    margin: 0;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner {
	width: 100%;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner .fantasyTopBtn a {
    border: 1px solid #fff;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn {
    width: 280px;
    margin: 10px auto 0;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn li {
    width: 130px;
    text-align: right;
    margin: 10px auto 0;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn li.mr {
    padding-right: 0;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn li:nth-child(2n) {
    text-align: center;
    margin-left: 10px;
    padding-right: 0;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn li a {
    width: auto;
    height: auto;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn li a:hover,
.sec-side a.on {
    text-indent: 0;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn li img {
    width: 90%;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn .btn01,
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn .btn02,
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn .btn03,
#fantasy-sec .sec-contents_yamato .sec-contents-inner ul.pbtn .btn04 {
	background: none;
}
#fantasy-sec .yamato-imgset {
	width: 100%;
}
#fantasy-sec .yamato-imgset .yamato_img {
    width: auto;
    margin: 20px -20px;
    padding: 0;
}
#fantasy-sec .yamato-imgset .yamato_img img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
#fantasy-sec .yamato-imgset .yamato_img span {
    display: block;
    text-align: center;
    margin: 0 20px;
}
#fantasy-sec .yamato-imgset .yamato_img .pdf {
    margin-right: 20px;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner .yamato_paper_bottom {
    width: 100%;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner .yamato_paper01 {
    width: 100%;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner .yamato_paper {
    background-size: contain;
    width: 100%;
}
#fantasy-sec .sec-contents_yamato .sec-contents-inner .yamato_paper dl {
    width: 100%;
    box-sizing: border-box;
}
#fantasy-sec .yamato-imgset .yamato_textlist ul {
    width: 100%;
    box-sizing: border-box;
}

/*---------------------------------------------------------------------------
　　PROJECT 01 前田建設ファンタジー営業部 「マジンガーZ地下格納庫」編
　　PROJECT 02 前田建設ファンタジー営業部 「銀河鉄道999 高架橋」編
　　PROJECT 05 機動戦士ガンダム地球連邦軍基地ジャブローを創ろう！
----------------------------------------------------------------------------*/
#fantasy-sec .section .book_img {
    width: 90%;
    float: none;
    text-align: center;
    margin: 0 auto 15px;
    padding: 0;
}
#fantasy-sec .section .book_img a img {
    max-width: 100%;
    height: auto;
}
#fantasy-sec .book_txtlink {
    margin: 15px auto;
}
#fantasy-sec .project-column {
    background: none;
    border: none;
    padding: 0;
}
#fantasy-sec .back_number {
    float: none;
    width: auto;
    text-align: center;
    margin: 15px auto;
}
#fantasy-sec .sub_txt {
    float: none;
    width: 100%;
}
#fantasy-sec .pagetop {
    display: none;
}
#fantasy-sec .gandam_info {
    width: 100%;
}
#fantasy-sec .gandam_info dt {
    float: none;
    margin: 0 auto;
}
#fantasy-sec .gandam_info dd {
    float: none;
    width: 100%;
    text-align: center;
}

/*---------------------------------------------------------------------------
　　番外編
----------------------------------------------------------------------------*/
#fantasy-sec ul.linkButton {
    margin: 10px auto 20px;
}
#fantasy-sec ul.linkButton li {
    width: 48%;
    float: left;
    margin-right: 2%;
}
#fantasy-sec ul.linkButton li:last-child {
    float: right;
}
#fantasy-sec ul.linkButton li a {
    border-radius: 5px;
    width: 100%;
    font-size: 13px;
    line-height: 1.5;
    padding: 5px 10px;
    box-sizing: border-box;
}
#fantasy-sec .extraedition-box {
    margin-top: -60px;
    padding-top: 85px;
}
#fantasy-sec h3.h3-style-dotted {
    font-size: 15px;
}
#fantasy-sec .extraedition-box p.extraedition-img {
    margin: 20px -20px;
}
#fantasy-sec .extraedition-box p.extraedition-img img {
    max-width: 100%;
    height: auto;
}
#fantasy-sec .fantasy-line {
    display: none;
}

/*---------------------------------------------------------------------------
　　舞台「前田建設ファンタジー営業部」
----------------------------------------------------------------------------*/
#fantasy-sec h3.stage.firstTitle {
    margin-top: 15px;
}
#fantasy-sec p.stage-youtube-area {
    margin: 20px -20px;
}
#fantasy-sec p.stage-youtube-area img,
#fantasy-sec p.stage-img-area img {
    max-width: 100%;
    height: auto;
}
#fantasy-sec p.stage-img-area {
    display: block;
    float: none;
    text-align: center;
    margin: 20px -20px;
}
#fantasy-sec .pdf-link-area {
    display: block;
    float: none;
    text-align: center;
    margin: 0 auto;
}
#fantasy-sec .stage-section {
    margin: 20px auto;
}
#fantasy-sec .stage-section dl {
    display: block;
    margin: 10px auto;
}
#fantasy-sec .stage-section dl dt,
#fantasy-sec .stage-section dl dd {
    display: block;
    width: 100%;
}
#fantasy-sec .stage-section dl dd {
    text-indent: 0;
    margin: 0;
}
#fantasy-sec .stage-section dl dd:before {
    content: none;
}

/*---------------------------------------------------------------------------
　　ファンタジー営業部とは
----------------------------------------------------------------------------*/
#fantasy-sec .about-imgset {
    width: 100%;
    margin-top: 15px;
}
#fantasy-sec .about-imgset h3 {
    color: #528328;
    font-size: 120%;
    margin-bottom: 10px;
}
#fantasy-sec .about-imgset .about-imgarea {
    width: auto;
    float: none;
    text-align: center;
    margin: 0 auto;
}
#fantasy-sec .about-imgset .about-imgarea img {
    max-width: 100%;
    height: auto;
}
#fantasy-sec .about-imgset .about-txtarea {
    width: 100%;
    float: none;
}
#fantasy-sec div.backnum-box {
    background: none;
    width: 100%;
    padding: 0;
}
#fantasy-sec div.backnum-box h3 {
    margin: 0 -20px;
}
#fantasy-sec div.backnum-box h3 img {
    max-width: 100%;
}
#fantasy-sec dl.about-prof {
    background: none;
    width: 100%;
    margin-top: 15px;
    padding: 0;
}
#fantasy-sec dl.about-prof dd dl.history {
    width: 100%;
    padding: 0;
}
#fantasy-sec dl.about-prof dd dl.history dl.history-box {
    width: 100%;
}
#fantasy-sec dl.about-prof dd dl.history dl.history-box dt {
    width: 12%;
    text-align: left;
    float: left;
    display: table-cell;
}
#fantasy-sec dl.about-prof dd dl.history dl.history-box dd {
    width: 88%;
}
#fantasy-sec dl.about-prof dd.profimg-box {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#fantasy-sec dl.about-prof dd.profimg-box ul.profimg {
    max-width: 100%;
    width: auto;
}
#fantasy-sec dl.about-prof dd.profimg-box ul.profimg li {
    width: 48%;
}
#fantasy-sec dl.about-prof dd.profimg-box ul.profimg li img {
    max-width: 100%;
}

/*---------------------------------------------------------------------------
　　プロジェクトリスト
----------------------------------------------------------------------------*/
#fantasy-sec .projectlist-article p {
    margin: 15px auto;
}
#fantasy-sec .projectlist-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px 0;
}
#fantasy-sec .projectlist-section .project-box {
    width: 48%;
    height: auto;
    margin: 0 4% 4% 0;
    position: inherit;
}
#fantasy-sec .projectlist-section .project-box:nth-child(3n) {
    margin-right: 4%;
}
#fantasy-sec .projectlist-section .project-box:nth-child(2n) {
    margin-right: 0;
}
#fantasy-sec .projectlist-section .project-box h4 {
    width: auto;
    margin: 10px;
}
#fantasy-sec .projectlist-section .project-box p {
    text-align: center;
    margin: 10px;
    position: static;
}
#fantasy-sec .projectlist-section .project-box p.img-height180,
#fantasy-sec .projectlist-section .project-box p.img-height80,
#fantasy-sec .projectlist-section .project-box p.img-height175 {
    padding-top: 0;
}
#fantasy-sec .projectlist-section .project-box p a img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
#fantasy-sec .projectlist-section ul {
    background-color: transparent;
    padding: 0;
}


/*---------------------------------------------------------------------------
　　マジンガーＺ08　劇中の土質屋山田さんはどれくらい正しいのか　編
----------------------------------------------------------------------------*/

#fantasy-sec.mazinger-z02 .sec-contents-area_mazinger-z .sec-contents-inner {
	width: auto;
    padding: 10px 20px 20px;
  
}

#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 {
	width: auto;
  float: none;
}

#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 img{
    width: auto;
}
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea {
    max-width: 300px;
  margin: 0 auto 40px;
}
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn01,
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn02,
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn03,
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn04,
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn05 {
    width: 60px;
    max-width: 20%;
}
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea li.btn01 {
    margin-left: 0;
}
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea li:first-child {
    float: none;
    width: 230px;
    margin: 0 auto;
}
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea a {
    width: auto;
    height: auto;
}
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea li:first-child a {
    width: 230px;
	margin: 5px auto 10px;
  text-align: center;
}
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea li img {
    width: 100%;
}
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea li:first-child img {
    width: 85%;
}
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea a:hover,
.sec-side a.on {
    text-indent: 0;
}

#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btnTop,
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn01,
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn02,
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn03,
#fantasy-sec.mazinger-z02 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn04 {
	background: none;
}

#fantasy-sec.mazinger-z02 .talk dl dt {
    width: 180px;
}
#fantasy-sec.mazinger-z02 *{
    word-break: normal;
}
#fantasy-sec.mazinger-z02 .movie_flex, #fantasy-sec.mazinger-z02 .movie_one {
    width: 90%;
    padding: 5px;
}
#fantasy-sec.mazinger-z02 .movie_flex .video, #fantasy-sec.mazinger-z02 .movie_one .video {
    width: 100%;
    position: relative;
}
#fantasy-sec.mazinger-z02 .movie_flex .video.v01, #fantasy-sec.mazinger-z02 .movie_one .video.v01 {
    padding-top: 57.75%;
}
#fantasy-sec.mazinger-z02 .movie_flex .video.v02 {
    padding-top: 67.75%;
}
#fantasy-sec.mazinger-z02 .movie_flex .video iframe, #fantasy-sec.mazinger-z02 .movie_one .video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


#fantasy-sec.mazinger-z02.pro09 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn01,
#fantasy-sec.mazinger-z02.pro09 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn02,
#fantasy-sec.mazinger-z02.pro09 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea .btn03 {
    width: 130px;
    max-width: 33%;
}
#fantasy-sec.mazinger-z02.pro09 .sec-contents_mazinger-z02 .sec-contents-inner .btnArea li:first-child {
    margin: 0 auto;
}

/*---------------------------------------------------------------------------
　　さくらちゃんの映画撮影日記
----------------------------------------------------------------------------*/

/*共通・TOP*/
#fantasy-sec .sec-contents-area_sakura {
  width: 100%;
  border: none;
  overflow: visible;
}
#fantasy-sec .sec-contents_sakura .sec-contents-inner {
  padding: calc(23 / 750 * 100vw) calc(26 / 750 * 100vw);
}
#fantasy-sec .sec-contents_sakura .profile-btn {
  width: calc(249 / 750 * 100vw);
  margin-left: auto;
  margin-bottom: calc(24 / 750 * 100vw);
}
#fantasy-sec .sec-contents_sakura .profile-btn a:hover {
  opacity: 1;
}
#fantasy-sec .sec-contents_sakura .profile-btn img {
  width: 100%;
}
#fantasy-sec .sec-contents_sakura .search-list {
  flex-wrap: wrap;
  margin-bottom: calc(44 / 750 * 100vw);
  margin-left: calc((28 / 750 * 100vw) * -1);
}
#fantasy-sec .sec-contents_sakura .search-list li {
  margin-left: calc(28 / 750 * 100vw) !important;
}
#fantasy-sec .sec-contents_sakura .search-list li a {
  font-size: calc(26 / 750 * 100vw);
  line-height: 1.5;
}
#fantasy-sec .sec-contents_sakura .ep-list-area {
  display: block;
  padding: 0 calc(39 / 750 * 100vw);
  margin-top: 0;
  margin-right: 0;
  margin-bottom: calc(20 / 750 * 100vw);
}
#fantasy-sec .sec-contents_sakura .ep-list-area .list-item {
  width: 100%;
  margin-top: calc(35 / 750 * 100vw);
  margin-right: 0;
}
#fantasy-sec .sec-contents_sakura .ep-list-area .list-item:hover .txt-box > p {
  color: #000;
}
#fantasy-sec .sec-contents_sakura .ep-list-area .list-item img {
  width: 100%;
}
#fantasy-sec .sec-contents_sakura .ep-list-area .list-item .txt-box {
  padding: calc(20 / 750 * 100vw) calc(30 / 750 * 100vw);
}
#fantasy-sec .sec-contents_sakura .ep-list-area .list-item .txt-box > p {
  font-size: calc(30 / 750 * 100vw);
  line-height: 1.59375;
  width: calc(420 / 750 * 100vw);
}
#fantasy-sec .sec-contents_sakura .ep-list-area .list-item .title-num {
  margin-right: calc(20 / 750 * 100vw);
}
#fantasy-sec .sec-contents_sakura .ep-list-area .list-item .title-num img {
  width: calc(80 / 750 * 100vw);
}
#fantasy-sec .sec-contents_sakura .ep-list-area .list-item .title-num p {
  font-size: calc(30 / 750 * 100vw);
}
#fantasy-sec h2.sakura {
  background: none;
  height: auto;
  width: 100%;
}
#fantasy-sec h2.sakura img {
  display: block;
}

/*下層EPページ共通*/
#fantasy-sec .sec-contents-area_sakura .btnArea {
  padding: 9px 12px 8px;
  display: block;
}
#fantasy-sec .sec-contents-area_sakura .btnArea .top-link {
  display: block;
  margin-right: 0;
  margin-bottom: 7px;
  width: 46%;
}
#fantasy-sec .sec-contents-area_sakura .btnArea .top-link:hover {
  opacity: 1;
}
#fantasy-sec .sec-contents-area_sakura .btnArea .top-link img {
  width: 100%;
}
#fantasy-sec .sec-contents-area_sakura .btnArea .ep-link {
  justify-content: space-between;
}
#fantasy-sec .sec-contents-area_sakura .btnArea .ep-link li {
  width: 9%;
}
#fantasy-sec .sec-contents-area_sakura .btnArea .ep-link li + li {
  margin-left: 0;
}
#fantasy-sec .sec-contents-area_sakura .btnArea .ep-link li a:hover {
  opacity: 1;
}
#fantasy-sec .sec-contents-area_sakura .btnArea.bangai_btn .bangai {
    width: calc(500/750 * 100vw);
}
#fantasy-sec .sec-contents-area_sakura .btnArea.bangai_btn .bangai a {
    width: calc(500/750 * 100vw);
}
#fantasy-sec #sakura_ep .search-list {
  margin-bottom: calc(46 / 750 * 100vw);
}
#fantasy-sec #sakura_ep h3 {
  /*justify-content: space-between;*/
}
#fantasy-sec #sakura_ep h3 .h3-num {
  min-width: calc(220 / 750 * 100vw);
  width: auto;
  margin-right: calc(20 / 750 * 100vw);
}
#fantasy-sec #sakura_ep h3 .h3-num.bangaihen {
  margin-right: calc(18 / 750 * 100vw);
}
#fantasy-sec #sakura_ep h3 .h3-num img {
  width: calc(106 / 750 * 100vw);
}
#fantasy-sec #sakura_ep h3 .h3-num.bangaihen img {
  width: calc(100 / 750 * 100vw);
}
#fantasy-sec #sakura_ep h3 .h3-num span {
  font-size: calc(35 / 750 * 100vw);
  margin-left: calc(17 / 750 * 100vw);
}

#fantasy-sec #sakura_ep h3 .h3-num.bangaihen span {
  margin-left: calc(10 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
}
#fantasy-sec #sakura_ep h3 .h3-txt {
  max-width: 65%;
  font-size: calc(32 / 750 * 100vw);
  margin-left: 0;
}
#fantasy-sec #sakura_ep .scenario-box {
  min-width: 100%;
  margin: 30px auto 35px;
  padding: calc(55 / 750 * 100vw) calc(50 / 750 * 100vw) calc(44 / 750 * 100vw);
  box-sizing: border-box;
}
#fantasy-sec #sakura_ep .scenario-box li {
  font-size: calc(25 / 750 * 100vw);
  padding-left: calc(10 / 750 * 100vw);
  padding-bottom: calc(20 / 750 * 100vw);
}
#fantasy-sec #sakura_ep .scenario-box li + li {
  margin-top: calc(20 / 750 * 100vw);
}
#fantasy-sec #sakura_ep .img-box {
  width: 100%;
  margin: 0 auto 35px;
}
#fantasy-sec #sakura_ep .img-box.two-column {
  display: flex;
  width: 100%;
  margin: 0 auto 35px;
}
#fantasy-sec #sakura_ep .img-box.two-column figure {
  margin: 0;
}
#fantasy-sec #sakura_ep .img-box.two-column figure + figure {
  margin-left: calc(24 / 750 * 100vw);
}
#fantasy-sec #sakura_ep .img-box.two-column.sp-cl {
  display: block;
}
#fantasy-sec #sakura_ep .img-box.two-column.sp-cl figure + figure {
  margin-top: calc(24 / 750 * 100vw);
  margin-left: 0;
}
#fantasy-sec #sakura_ep .img-box figcaption {
  font-size: calc(20 / 750 * 100vw);
}
#fantasy-sec #sakura_ep .img-box img {
  width: 100%;
}

#fantasy-sec #sakura_ep .movie .movie_01 {
    position: relative;;
    width: 100%;
    padding-top: 177.2%;
    margin: auto;
}
#fantasy-sec #sakura_ep .movie .movie_01 iframe {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}