@charset "utf-8";


@media screen and (max-width: 1200px) {	
	/* ==================== 全イベント共通の横メニュー ==================== */
	ul.event-yokomenu-ul.li3 li {width: 33%;}
	
	/* ==================== 全イベント共通のページ上部の画像 ==================== */
	.event-top-img img{max-width: 100%;height: auto;width /***/:auto;　}
}




@media screen and (max-width: 1000px) {	
	.container1000 {width: 95%;}
		
	/*動画*/
	.movie-space {width: 100%;}
	.movie-space video{width:100% !important;height:50% !important;}
}




@media screen and (max-width: 950px) {	
	.container900 {width: 95%;}
	.event-box-img {margin-top: 15px;float: none;margin-left: 0;text-align: center;}
}





@media screen and (max-width: 900px) {	
	/*//////// 全イベント共通のheader /////////*/
	body#event .event-head-box {height: auto;padding: 0 0 15px 0;}

	/* =========== 全イベント共通の横メニュー ========== 	*/
	ul.event-yokomenu-ul.li3 li {width: 100%;display: table;}
	ul.event-yokomenu-ul.li3 li:nth-child(2) span{text-indent:-40px !important;}
	ul.event-yokomenu-ul.li3 li:nth-child(3) span{text-indent:-20px !important;}
	ul.event-yokomenu-ul.li3 li a {display: table-cell;vertical-align: middle;background: url(img/arrow_white9-9.png) no-repeat 20px center;border-top: 1px solid rgba(255,255,255,0.4);height: 50px;}
	ul.event-yokomenu-ul.li3 li:last-child a { background:url(img/arrow_white9-9.png) no-repeat 20px center;border-bottom: 1px solid rgba(255,255,255,0.4);}
	ul.event-yokomenu-ul.li3 li:last-child a:hover{background-color: #7855a2;}
	ul.event-yokomenu-ul.li3 li a br{display:none;}
	ul.event-yokomenu-ul.li3 li a small {position: relative;padding-right: 7px;top: -2px;}
	ul.event-yokomenu-ul.li3 li a p {top: -1px;}
	
	ul.event-yokomenu-ul.li2 li {width: 100%;display: table;}
	ul.event-yokomenu-ul.li2 li:nth-child(2) span{text-indent:-40px !important;}
	ul.event-yokomenu-ul.li2 li a {display: table-cell;vertical-align: middle;background: url(img/arrow_white9-9.png) no-repeat 20px center;border-top: 1px solid rgba(255,255,255,0.4);height: 50px;}
	ul.event-yokomenu-ul.li2 li:last-child a { background:url(img/arrow_white9-9.png) no-repeat 20px center;border-bottom: 1px solid rgba(255,255,255,0.4);}
	ul.event-yokomenu-ul.li2 li:last-child a:hover{background-color: #7855a2;}
	ul.event-yokomenu-ul.li2 li a br{display:none;}
	ul.event-yokomenu-ul.li2 li a small {position: relative;padding-right: 7px;top: -2px;}
	ul.event-yokomenu-ul.li2 li a p {top: -1px;}
}



@media screen and (max-width: 850px) {	
	/*//////// 全イベント共通のheader /////////*/
	.toku-title {padding: 0 0 0 20px;width: 63%;}

	/* =========== 全イベント共通の横メニュー 横並び========== */
	ul.event-yokomenu-ul.li3 li {vertical-align: middle;}
	ul.event-yokomenu-ul.li3 li a br{display:none;}
	ul.event-yokomenu-ul.li3 li a small {display: none;}
	ul.event-yokomenu-ul.li3 li a {font-size: 150%;height: auto;padding: 15px 0;}
	ul.event-yokomenu-ul.li3 li:last-child a {}

	/*チラシ*/
	.print-title {text-align: left;padding-left: 15px;}
	ul.print-ul li {margin: 0 0 20px 0;}
}




@media screen and (max-width: 800px) {	
	.align-right {text-align: left;}
}



@media screen and (max-width: 750px) {	
	/*//////// 全イベント共通のheader /////////*/
	.event-head-box {height: 150px;}
}





@media screen and (max-width: 700px) {	
	.container.top{width:100%;}
	
	/* =========== 全イベント共通の横メニュー 横並び========== */
	ul.event-yokomenu-ul.li3 li a {font-size:136%;}

	ul.event-yokomenu-ul.li2 li a {font-size:136%;}

	/*チラシ*/
	.print-title {height: 70px;text-align: left;}
 .print-title img {width: 62%;}
}





@media screen and (max-width: 650px) {	
	body#event .section {padding:60px 0 60px 0;}
	
	/*//////// 全イベント共通のheader /////////*/
	ul.event-yokomenu-ul .container{width:98%;}
	.event-head-box .container{width:96%;}
	.event-head-box {height: 130px;}
	.toku-title {padding: 0 0 0 10px;}
}



@media screen and (max-width: 600px) {	
	/*//////// 全イベント共通のheader /////////*/
	.event-head-box {height: 120px;}
	
	/* =========== 全イベント共通の横メニュー 横並び========== */
	ul.event-yokomenu-ul.li3 li a p {top: 0;}
	ul.event-yokomenu-ul.li3 li a {display: table-cell;height:55px;vertical-align: middle;width: 33%;padding: 0 5px;}
	
	ul.event-yokomenu-ul.li2 li a p {top: 0;}
	ul.event-yokomenu-ul.li2 li a {display: table-cell;height: 65px;vertical-align: middle;width: 33%;padding: 0 5px;}
	
	/*チラシ*/
	ul.print-ul li {width: 90%;font-size: 86%;margin:0 auto 10px auto;}
}







@media screen and (max-width: 550px) {	
	body#event .section.top {padding-bottom:30px;}
	body#event .section {padding: 30px 0 30px 0;}
	
	/*//////// 全イベント共通のheader /////////*/
	.event-head-box {height: 110px;}
	.toku-title {width: 63%;}
	.event-top-img img{width: 100%;max-width: 100%;margin-left: 0;}
	
	/* =========== 全イベント共通の横メニュー 横並び========== */
	ul.event-yokomenu-ul.li3 li a {font-size:122%;}
	ul.event-yokomenu-ul.li2 li a {font-size:122%;}
	
	/*動画*/
	.movie-space {font-size: 108%;}
}





@media screen and (max-width: 500px) {	
	#wrapper {font-size: 93%;}

	/*//////// 全イベント共通のheader /////////*/
	body#event .breadcrumb-box2 {display: none;}
	.event-head-box {height: auto;padding: 0;}
	.toku-number {width:50%;display: block;margin: 15px auto 0px auto;}
	.toku-title {display: none;/*width:70%;display: block;margin: 15px auto 0px auto;padding:0;*/}
	
	/* =========== 全イベント共通の横メニュー ========== */
	ul.event-yokomenu-ul.li3 li a {background: url(img/arrow_white9-9.png) no-repeat 10px center;}
	ul.event-yokomenu-ul.li3 li:last-child a {background: url(img/arrow_white9-9.png) no-repeat 10px center;}
	ul.event-yokomenu-ul.li3 li a {font-size: 150%;}
	
	ul.event-yokomenu-ul.li2 li a {background: url(img/arrow_white9-9.png) no-repeat 10px center;}
	ul.event-yokomenu-ul.li2 li:last-child a {background: url(img/arrow_white9-9.png) no-repeat 10px center;}
	ul.event-yokomenu-ul.li2 li a {font-size: 150%;}
}




@media screen and (max-width: 440px) {	
	/* =========== 全イベント共通の横メニュー ========== */
	ul.event-yokomenu-ul.li3 li a small {display: none;}
	ul.event-yokomenu-ul.li2 li a small {display: none;}
}



@media screen and (max-width: 360px) {	
	/*動画*/
	.movie-space {font-size:93%;}
}
	











/*********************************************************************************************

******************   それぞれの特集ページ　***************************************************

**********************************************************************************************/

@media screen and (max-width: 1060px) {
	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	body#event.lightup .section.top {padding: 0;}
}

		
		

@media screen and (max-width: 1010px) {
	/* ==================== 二十四節気　冬 ==================== */
	body#event.index .section.top{background:none;}
	.setu-top-img{height: 0;padding-top:63%;background-size: 115%;}
	.setu-com1{text-align: left;margin: 30px 5% 0 5%;}
	.setu-com1 br{display:none;}
	
	/* ==================== 假屋崎省吾×牡丹Ⅻ ==================== */
	.photo-box2 ul li img {height: 210px;}
}


		

@media screen and (max-width: 900px) {	
	/* ==================== 二十四節気　冬 ==================== */
	.setu2-box {width: 100%;line-height: 1.5;}
	
	/* ==================== 假屋崎省吾×牡丹Ⅻ ==================== */
	body#event.kariyazaki .section {padding: 40px 0 0 0;}
	.kariyazaki2 {margin: 30px 7% 0 7%;}
	.card-box ul li .title {font-size: 122%;}
	.card-box ul li .com {font-size: 93%;}
	.photo-box2 ul li img {height: 190px;}

	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	body.lightup .lightup-calen-bg {font-size:170%;}

	/* ====== 夜間園遊会 -紅葉ライトアップイルミネーション- ======= */
	body#event .section.aulightup-bg1 {padding: 120px 0 0 0;background-size: contain;}
	.aulightup-img1 {width: 280px;height: 280px;background-size: contain;}
	.aulightup2 {padding: 0 18%;margin-top: 70px;}
	.aulightup-tatecom1 {font-size: 135%;}
	body#event .section.aulightup-bg2 {background-size: contain;}
	.aulightup-com1 {margin-top: 500px;font-size: 108%;}
	ul.aulightup-img-ul {margin-top: 90px;}
}

			
		
@media screen and (max-width: 830px) {	
	/* ==================== 二十四節気　冬 ==================== */
	.photo-box2 ul li {margin: 0 2%;width: 45%;}
	.photo-box2 ul li img {height: auto;width: 100%;}
	.photo-box ul li {width: 31.3%;}

	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	body#event.lightup .section {padding: 50px 0 50px 0;}
	.lightup-schedule {max-width: 360px;}
	.lightup-schedule-sub {font-size: 77%;}
	body.lightup .lightup-calen-bg span{display:block;}
	ul.lightup-chuui-ul {font-size: 90%;}
}




@media screen and (max-width: 750px) {	

}





@media screen and (max-width: 680px) {	
	/* ==================== 二十四節気　冬 ==================== */
	.right-box {width: 100%;}
	.kouyou-calen-cont {padding-left: 77px;background: url(img/kouyou_mark.png) no-repeat 13px 40px; font-size: 108%;}
	.kouyou-calen-cont .title {margin: 0 10px 0 0;border-left: 7px solid #fff;}
	.kouyou-calen-cont .title img{height:80px;}
	.kouyou-calen-cont .day {font-size: 129%;}

	/* ==================== 假屋崎省吾×牡丹Ⅻ ==================== */
	.kariyazaki-com0 {font-size: 115%;letter-spacing: 0.03em;}	

	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	.lightup-com1{font-size: 100%;margin-top: 0;}
}





@media screen and (max-width: 640px) {	
	/* ====== 夜間園遊会 -紅葉ライトアップイルミネーション- ======= */
	body#event .section.aulightup-bg1 {padding: 70px 0 0 0;}
	.aulightup-img1 {width: 220px;height: 220px;}
	.aulightup2 {margin-top: 40px;}
	.aulightup-tatecom1 {font-size: 115%;}
	.aulightup-com1 {margin-top: 370px; font-size: 93%;}
	
	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	body.lightup .movie-wrap-out {margin: 30px auto 0 auto;}
}
	
	


@media screen and (max-width: 600px) {	
	/* ==================== 假屋崎省吾×牡丹Ⅻ ==================== */
	.kariyazaki-com0 br{display:none;}	
}




@media screen and (max-width: 570px) {	
	/* ==================== 二十四節気　冬 ==================== */
	.setu-com1 {margin: 30px 3% 0 3%;font-size: 122%;}
	.kouyou-calen-cont .com br{display:none;}
	
	/* ==================== 假屋崎省吾×牡丹Ⅻ ==================== */
	body.kariyazaki .event-top-img img {width: 100%;max-width: 100%;margin-left: 0;}
	.kariyazaki5 {margin: -20px 0 50px 0;}

	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	.lightup1 {margin: 0 0 30px 0;}
	.lightup-schedule {max-width: 320px;margin-bottom:10px;}
 .lightup-schedule-sub {display: table;margin: 0 auto;}
	.lightup-schedule-sub br{display:none;}
	
	ul.schedule-ul {margin-top: 30px;}
	ul.schedule-ul li {max-width: 40%;margin: 0 7% 30px 0;}
	ul.schedule-ul li:nth-child(2),
	ul.schedule-ul li:nth-child(3){margin: 0 0 0 0;}

	body.lightup ul.calen-box li {max-width: 40%;margin: 0 7% 30px 0;}
	body.lightup ul.calen-box li:nth-child(2),
	body.lightup ul.calen-box li:nth-child(3){margin: 0 0 0 0;}
	
	ul.lightup-chuui-ul {margin-top: 22px;}
	body.lightup .print-title {height: 70px;text-align: left;}
	body.lightup .print-title img {width: 62%;}
}





@media screen and (max-width: 500px) {	
	/* ==================== 二十四節気　冬 ==================== */
	body#event .section.top {padding-bottom:10px;}
	.kouyou-calen-cont {padding-left: 60px;background: url(img/kouyou_mark.png) no-repeat 13px 30px;}
	.kouyou-calen-cont .title img {height: 65px;}
	.kouyou-calen-cont .day {font-size: 115%;}
	.kouyou-calen-cont .com {font-size: 93%;}
	.setu2-box {margin: 20px 0 0 0;}

	/* ==================== 假屋崎省吾×牡丹Ⅻ ==================== */
	.card-box-title {font-size: 136%;letter-spacing: 0.2em;text-align: center;}
	.card-box ul {text-align: center;}
	.card-box ul li {width:80%;margin: 0 1% 20px 1%;}
	.photo-box2 ul {text-align: center;width: 90%;margin: 15px auto 0 auto;}
	.photo-box2 ul li {margin: 0 0 15px 0;float: none;text-align: left;width: 100%;}
	.photo-box ul li {width: 48%;}
	.lightup-schedule {max-width: 270px;}

	/* ====== 夜間園遊会 -紅葉ライトアップイルミネーション- ======= */
	body#event .section.aulightup-bg1 {padding: 50px 0 0 0;background-size: 500px;}
	.aulightup-img1 {width: 170px;height: 170px;}
	.aulightup2 { padding: 0 12%;}
	.aulightup-tatecom1-box {margin: 90px auto 0 auto;}
	.aulightup-tatecom1 {font-size: 108%;}
	.aulightup-com1 {margin-top: 250px;letter-spacing: 0.15em;}
	ul.aulightup-img-ul {margin-top: 70px;}
}





@media screen and (max-width: 460px) {	
	/* ==================== 假屋崎省吾×牡丹Ⅻ ==================== */
	.profile-img {float: none;margin: 0 auto 10px auto;text-align: center;}
	.profile-waku {padding: 10px 15px 12px 15px;}
}




@media screen and (max-width: 420px) {	
	/* ==================== 二十四節気　冬 ==================== */
	.setu-com1 {font-size:108%;}
	
	/* ==================== 假屋崎省吾×牡丹Ⅻ ==================== */
	.kariyazaki-com0 {font-size: 100%;letter-spacing: 0;}
	.kariyazaki-com1{font-size:108%;margin-top: 20px;}
	.kariyazaki-com2{font-size:108%;}
	.movie-space {margin: 40px auto 0 auto;}
	.movie-space p {display: none;}
	.card-box-title {font-size: 122%;}
	.kariyazaki4-com {font-size: 108%;}
	.profile-waku {padding: 10px 15px 12px 15px;font-size: 93%;line-height: 1.6;}
	
	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	body#event.lightup .section {padding: 35px 0 35px 0;}
	body.lightup .lightup-calen-bg {font-size: 150%;}
	ul.schedule-ul {margin-top: 20px;}
	ul.schedule-ul li {max-width: 45%;margin: 0 7% 20px 0;}
	body.lightup .lightup-calen-box {margin-top: 35px;}
	body.lightup ul.calen-box {padding: 15px 0 0 0;}
	body.lightup ul.calen-box li {max-width: 45%;margin: 0 7% 20px 0;}
	body.lightup .section.cont{overflow: hidden;}
	.lightup-event {width: 110%;margin: 0 -5% 0 -5%;}
	body.lightup ul.print-ul {margin-bottom: -30px;}
}



@media screen and (max-width: 390px) {	
	/* ==================== 二十四節気　冬 ==================== */
	.kouyou-calen-cont {margin-top:0;padding-bottom: 20px;}
	.kouyou-calen-cont .title {float: none;}
	.kouyou-calen-cont .day {padding-top: 0 !important;font-size: 108%;background-color: #fff;}	
	.kouyou-calen-cont .com {padding-top: 0 !important;background-color: #fff;}
}