@charset "utf-8";

.period_box {
    color: #333;
}

#main .area_cont ul .period_box a {
   text-decoration: underline;
}

.ul-link01-btn > p a {
    color: inherit;
}

#main .area_cont div.ul-link01-btn:hover {
	opacity: 0.8 !important;
}





/* ///////////////////////////////////////////////////////////////////
動画CP用
/////////////////////////////////////////////////////////////////// */



section#campaign {margin-top: 50px;margin-bottom: 50px;}

section#campaign h3.product-sec__main-ttl {padding: 10px 0 30px;text-align: center;}

section#campaign h3.product-sec__main-ttl img {max-width: 100%;height: auto;margin: auto;}

section#campaign div.product-sec__sec-box {color: #361e1c;box-sizing: border-box;background: #f8f0dd;border-radius: 6px;overflow: hidden;padding: 50px 40px;width: 93%;margin: auto;}

section#campaign div.product-sec__sec-box p.c_ttl--usj {margin: -50px -40px 0 -40px;padding: 10px 0;width: 110%;width: calc( 100% + 80px);background-color: #976b38;font-size: 24px;line-height: 32px;text-align: center;font-weight: bold;color: #fff;}

section#campaign div.product-sec__sec-box div.large-img {margin: 0 -40px 0 -40px;margin-bottom: 30px !important;}

section#campaign div.product-sec__sec-box div.large-img img {width: 100%;height: auto;}

section#campaign div.product-sec__sec-box h4.c_ttl {margin-bottom: 10px !important;font-size: 24px;line-height: 36px;font-weight: bold;}

section#campaign div.product-sec__sec-box p.c_txt {margin-bottom: 10px !important;font-size: 18px;line-height: 30px;}

section#campaign div.product-sec__sec-box div.s_b_s {margin-top: 35px !important;display: table;width: 100%;}

section#campaign div.product-sec__sec-box div.s_b_s p {display: table-cell;width: 50%;text-align: center;vertical-align: top;font-size: 14px;line-height: 26px;}

section#campaign div.product-sec__sec-box div.s_b_s p a {
}

section#campaign div.product-sec__sec-box div.s_b_s p a img {max-width: 100%;height: auto;display: block;margin: 0 auto;}

section#campaign div.product-sec__sec-box div.s_b_s p.txt {text-align: left;vertical-align: middle;padding-left: 10px;display: table-cell;width: 50%;font-size: 14px;line-height: 26px;}




/* ///////////////////////////////////////////////////////////////////
モーダル
/////////////////////////////////////////////////////////////////// */


div.remodal-overlay {
}

div.remodal-overlay div.remodal {width: 1010px;max-width: 90% !important;min-height: 1px;position: relative !important;padding: 8px !important;overflow: none !important;border-radius: 12px !important;margin: 20px 0 !important;color: #333;background: #f4ebce;}

div.remodal-overlay div.remodal:after {
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: "";
}

div.remodal-overlay div.remodal div.modalContent {padding: 32px 24px 48px 24px;border-width: 6px;border-style: solid;border-radius: 6px;text-align: left;border-color: #e9c06b;}

div.remodal-overlay div.remodal div.modalContent h3.modalTitle {font-size: 30px;line-height: 1.4;text-align: center;font-weight: bold;}

div.remodal-overlay div.remodal div.modalContent div.modalContentInner {padding: 20px;margin-top: 20px;border-color: #434343;border-width: 1px;border-bottom: none;border-top: solid 5px #333333;}

div.remodal-overlay div.remodal div.modalContent div.modalContentInner div.modalContMain {
}

div.remodal-overlay div.remodal div.modalContent div.modalContentInner div.modalContMain h3 {font-size: 24px;font-weight: bold;border-bottom: solid 1px #a26f18;padding: 0 0 5px 0;margin: 30px 0 20px 0;clear: both;text-align: left;}

div.remodal-overlay div.remodal div.modalContent div.modalContentInner div.modalContMain p {font-size: 18px;line-height: 1.6;margin: 0 auto;max-width: 852px;}

div.remodal-overlay div.remodal div.modalContent div.modalContentInner div.modalContMain p.u_margin-top--30 {
}

div.remodal-overlay div.remodal div.modalContent div.modalCloseTop {position: absolute;right: -10px;top: -10px;}

div.remodal-overlay div.remodal div.modalContent div.modalCloseTop a.modalCloseBgColor {background-color: #fff;color: #333;background-image: url(/area/the-wizarding-world-of-harry-potter/assets/images/ico_close-attraction.png);display: block;width: 60px;height: 60px;overflow: hidden;text-indent: -9999px;background-repeat: no-repeat;background-position: center center;background-size: 60px 60px;border-radius: 12px;text-decoration: none;}

div.remodal-overlay div.remodal div.modalContent div.modalCloseTop a.modalCloseBgColor span {
}

div.remodal-overlay div.remodal div.modalContent div.modalCloseBottom {
}

div.remodal-overlay div.remodal div.modalContent div.modalCloseBottom a.btnModal {text-align: center;color: #000;font-size: 20px;/* padding: 0 20px 0 0; */text-decoration: none;border: 1px solid #ccc;}

div.remodal-overlay div.remodal div.modalContent div.modalCloseBottom a.btnModal span {
}

div.remodal-overlay div.remodal a.remodal-close {color: #1947ca;text-decoration: underline;}




/* ///////////////////////////////////////////////////////////////////
YouTube動画をカルーセルに
/////////////////////////////////////////////////////////////////// */


.area_cont .swiper-button-next, .swiper-button-prev {
	background: none;
}
.area_cont .swiper-button-next:hover, .swiper-button-prev:hover {
	opacity: 0.5;
}
.area_cont .swiper-button-next img, .swiper-button-prev img {
	width: 100%;
	height: auto;
}
.area_cont .swiper-button-next {
	right: 0;
}
.area_cont .swiper-button-prev {
	left: 0;
}
.area_cont .swiper-pagination-bullet-active {
	background: #664a25 !important;
}
.area_cont .swiper-pagination-bullet {
	width: 10px;
    height: 10px;
}
#main.area_hp .movie_box {
	display:block;
	width: 600px;
	margin:auto;
	padding: 0 30px 20px;
	overflow: hidden;
}
#main.area_hp .movie_box iframe {
	display:block;
	margin:auto;
}