@charset "UTF-8";
/* ---------------------------------------------------------------------
 movie
 * --------------------------------------------------------------------- */
   /*ヘッダー固定表示時に、アンカーポイントやページ内リンクの位置
  <a id="test" class="anker"></a>*/
  a.anker{
   display: block;
   margin-top:-130px;
   padding-top:130px;
}
 .moviebg{background:url("../images/location/bg.jpg");background-size: cover;}
.pages_main_title{height: auto; padding: 0px;text-align: center;}
.pages_main_title h2{font-size: 40px;line-height: 1.6; letter-spacing: 0.3em;font-weight: normal;color: #2e6739;}
.pages_main_title h2 span{font-size: 18px;display: block;letter-spacing: 0.1em;}

#body_movie{padding: 30px 0;}

#body_movie h2{color: #b19a5c;border-bottom: 1px solid #b19a5c;font-size: 32px;letter-spacing: 0.1em;;padding: 12px 0;margin-bottom: 50px}
#body_movie h3{text-align: left; border-left: 3px solid #b19a5c;border-bottom: 1px solid #b19a5c;margin-bottom: 12px;color: #b19a5c;font-size: 20px;letter-spacing: 0.1em;padding: 10px 0 10px 18px;}

#body_movie .douga li.col2{width: 48%;margin-bottom: 40px}
#body_movie .douga li p{position: relative}
#body_movie .douga li p .cap{width:100%;height:360px; object-fit: cover;}
#body_movie .douga li p .icon{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);}
#body_movie .douga li .notice{text-align: left;margin-top: 12px;}

#body_movie .douga li.col1 p .cap{width:100%;height:280px; object-fit: cover;}

#body_movie .cg li.col3{width: 32%;margin-bottom: 20px}
#body_movie .cg li.col3 p .cap{width:100%;height:280px; object-fit: cover;}
#body_movie .cg li.col3 p .cap.img1{object-position: 0px 0px;}


/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/
}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_title h2{font-size: 20px;margin-bottom: 30px;}
.pages_main_title h2 span{font-size: 14px;}
#body_movie{padding: 0px 0 30px;}
  a.anker{
   display: block;
   margin-top:-70px;
   padding-top:70px;
}

#body_movie h2{font-size:19px;letter-spacing: 0.1em;;padding: 0px 0 12px;margin-bottom: 30px}
#body_movie h3{font-size: 15px;margin-bottom: 20px}
#body_movie h3 span{margin-bottom: 0;font-size:18px}
#body_movie li.col2{width: 100%!important}
#body_movie .douga{width: 80%;margin:0px auto 0}
#body_movie .douga li{width:100%;margin-bottom: 30px}
#body_movie .douga li p .cap{width:100%;height:160px; object-fit: cover;}
#body_movie .douga li p .icon{width: 50px;height: 50px}
#body_movie h4{font-size: 13px;}
#body_movie .douga li.col1{width: 60%;margin: 2%}
#body_movie .douga li.col1 p .cap{width:100%;height:140px; object-fit: cover;}    
#body_movie .douga li .notice{font-size: 11px}

#body_movie .cg{width: 80%;margin: auto}
#body_movie .cg li.col3{width: 48%;margin-bottom: 20px}
#body_movie .cg li.col3 p .cap{width:100%;height:120px; object-fit: cover;}


.js-modal-close{position: absolute;top: -60px;right: 0px;font-size: 60px;display: block;color: #fff}
.modal__content{padding: 0px;width: 96%;}
}
.modal-wrap {  position: fixed;  top: 0;  left: 0;  z-index: 999999;  width: 100%;  height: 100vh;  display: none;  justify-content: center;  align-items: center;  background: rgba(0,0,0,0.7);}
.modal-wrap.shown {  display: flex;}
.modal-panel {  width:70%;  max-width: 1200px;  position: relative; z-index: 999999; }
.modal-frame {  position: relative;  width: 100%;  padding-top: 56.25%;}
.modal-frame iframe {  display: none;  position: absolute;  top: 0;  right: 0;  width: 100% !important;  height: 100% !important;}
.modal-frame img{display: block}
.modal-close{position: absolute;top: -80px;right: -50px;font-size: 80px;display: block;cursor: pointer;color: #fff}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
.modal-panel {  width:96%; }
.modal-close{position: absolute;top: -80px;right: 0px;font-size: 60px;display: block;color: #fff}
.modal__content{padding: 0px;width: 96%;}
}

.morebt{margin-top: 40px;}/*
.morebt a{display: block;width: 50%;margin: 16px auto 0;background: linear-gradient(135deg,  #f9c667 0%,#f79621 100%);
font-size: 28px;font-weight: bold; letter-spacing: 0.2em;padding: 22px 0;border-radius: 6px;color: #000;position: relative;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
text-shadow: 0 0 8px rgba(255,255,255,1);
}
.morebt a::before{content: "";position: absolute; top: 50%;left: 90%;transform: translateY(-50%);border: 5px solid transparent;border-left: 8px solid #000;}*/
.morebt a:hover{opacity: 0.7}
.iconcamera{text-align: left;margin-bottom: 40px}
.iconcamera dd{font-size: 18px;margin-left: 12px}
#body_movie .douga2 li.col2{width: 48%;margin-bottom: 40px}
#body_movie .douga2 li .notice{text-align: left;margin-top: 12px;}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
.morebt{font-size: 18px;}
.morebt a{width: 90%;font-size: 16px;}
}

body.fixed {position: fixed;width: 100%;height: 100%;left: 0;}
.modal{display: none;height: 100vh;position: fixed;top: 0;left: 0;width: 100%;z-index: 999999; }
.modal__bg{background: rgba(0,0,0,0.8);height: 120%;position: absolute;left: 0;top: 0; width: 100%;z-index: 999999; }
.modal__content{background: #fff;left: 50%;padding:0px;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 70%;z-index: 999999; }
.modal__content a{text-decoration: none}
.js-modal-close{position: absolute;top: -80px;right: -50px;font-size: 80px;display: block;cursor: pointer;color: #fff}
.movie-wrap { position: relative; padding-bottom: 56.25%;height: 0; overflow: hidden;}
.photo-wrap{text-align: center;width: 100%}
.photo-wrap img{width: 100%;height: auto;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.js-modal-close{position: absolute;top: -80px;right: 0px;font-size: 60px;display: block;color: #fff}
.modal__content{padding: 0px;width: 96%;}
}