@charset "UTF-8";
/* 赤　＝　#e50012　rgb(229,0,18) */
/* 背景　＝　#fbfaf8 */
/* ベージュ　＝　#fbe6d4　rgb(251,230,212) */
/* 黒　＝　#4d4545 */
/*===================================================================
　↓　#movies
===================================================================*/
.movies_box { width: 560px; margin: 20px auto 20px; }

#anc01, #anc02 { display: block; margin-top: -100px; padding-top: 100px; }

@media screen and (max-width: 640px) { .movies_box { width: 100%; margin: 0 auto 20px; }
  .movies_box iframe { width: 100%; } }
/*----------------------------------------------
　　#first-block
----------------------------------------------*/
#movies #first-block { text-align: center; max-width: 740px; margin: auto auto 40px; }

/*----------------------------------------------
　　.last-block
----------------------------------------------*/
#movies .last-block { max-width: 740px; margin: auto; margin-bottom: 5em; }

.rese_box { margin: auto; background-color: #fff; max-width: 860px; width: 100%; padding: 30px; box-sizing: border-box; border-radius: 10px; /*background-image: url(../img/base/rose-pin.png),url(../img/base/rose-pin.png),url(../img/base/rose-pin.png),url(../img/base/rose-pin.png);*/ background-repeat: no-repeat; background-size: 14px; background-position: top 15px left 15px,top 15px right 15px,bottom 15px left 15px,bottom 15px right 15px; }
.rese_box p { line-height: 2.4; }

.rese_box h4 { font-size: 1.6rem; color: #e50012; padding-bottom: 20px; padding-top: 0; padding-left: 0; padding-right: 0; margin-bottom: 20px; border-bottom: 1px solid #eee; font-weight: 500; }

/* 枠線が赤 スタート　*/
#movies .last-block .rese_box h2 { text-align: center; }

#movies .last-block .rese_box h2 span { -webkit-text-emphasis: filled circle #e50012; text-emphasis: filled circle #e50012; }

#movies .last-block .rese_box:last-child { margin-bottom: 30px !important; }

.anchormagin { marign-top: -10px !important; padding-top: 10px; }

@media screen and (max-width: 768px) { #movies #first-block { margin: auto auto 30px; } }
@media screen and (max-width: 640px) { #movies #first-block a { margin: 20px auto 5px; }
  #movies .last-block .rese_box:last-child { margin-bottom: 20px !important; }
  　 　 .anchormagin { marign-top: -50px !important; padding-top: 50px; } }
/*----------------------------------------------
　　#tab-btn
----------------------------------------------*/
#movies #tab-btn { margin-top: 70px; margin-bottom: 70px; display: flex; justify-content: space-between; }
#movies #tab-btn li { width: -webkit-calc(20% - 2.5px); width: calc(20% - 2.5px); margin: 0 0 2px; box-sizing: border-box; background-color: rgba(229, 0, 18, 0.1); border-radius: 5px; /*&:last-of-type {
	display: none;
}*/ }
#movies #tab-btn li a { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.6rem; padding: 0.5em; box-sizing: border-box; min-height: 5em; vertical-align: middle; }
#movies #tab-btn li a.active { color: #fff; background-color: #e50012; /*赤*/ }
@media screen and (max-width: 1580px) { #movies #tab-btn { flex-wrap: wrap; }
  #movies #tab-btn li { /*width: -webkit-calc(33.3333% - 2px);
width: calc(100% - 2px);*/ }
  #movies #tab-btn li:last-of-type { display: list-item; } }
@media screen and (max-width: 640px) { #movies #tab-btn { margin-top: 40px; margin-bottom: 40px; }
  #movies #tab-btn li { width: -webkit-calc(100% - 1px); width: calc(100% - 1px); }
  #movies #tab-btn li a { font-size: 1.1rem; } }

@-webkit-keyframes modify { 0% { padding-top: 90px; margin-top: -90px; }
  100% { padding-top: 0; margin-top: 0; } }
@keyframes modify { 0% { padding-top: 90px; margin-top: -90px; }
  100% { padding-top: 0; margin-top: 0; } }
.anc_wrap:target { -webkit-animation: modify 0.1s; animation: modify 0.1s; }