@charset "utf-8";

@media screen and (max-width: 1500px) {		
	/* ==================== 全イベント共通のページ上部の画像 ==================== */
	.container1500 img{max-width: 100%;height: auto;}
}


@media screen and (max-width: 1300px) {		
	/* ==================== 全イベント共通のページ上部の画像 ==================== */
	.container1300 img{max-width: 100%;height: auto;}
}


@media screen and (max-width: 1200px) {		
	/* ==================== 全イベント共通のページ上部の画像 ==================== */
	.event-top-img {width: 100%;overflow:hidden;}
	.event-top-img img{max-width: 100%;height: auto;width /***/:auto;　}
}



@media screen and (max-width: 1120px) {	
	.container1120 {width: 95%;}
}




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




@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%;}
}





@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: #8b6612;}
	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: -3px;}
	ul.event-yokomenu-ul.li3 li a p span.rose {display: inline-block;margin-left: -60px;}
	
	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) {	
	body#event .container {width: 95%;}
	
	/*//////// 全イベント共通のheader /////////*/
	.toku-tatle {padding: 0 0 0 20px;width: 63%;}
	
	.enyu-midashi1 {text-align: left;line-height: 1.7;}
	.enyu-midashi1 br{display:none;}

	/*チラシ*/
	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.li2 li a {font-size:136%;}
}





@media screen and (max-width: 650px) {	
	body#event .container {width: 93%;}
	.container1000 {width: 93%;}
	.container900 {width: 93%;}

	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 {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 {height: auto; padding: 15px 0 12px 0;line-height: 1;}
	ul.event-yokomenu-ul.li3 li:last-child a {}
	ul.event-yokomenu-ul.li3 li a p span.rose {margin-left: 0;}
	
	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;}
	
	/*チラシ*/
	.print-title img{width:65%;}
	ul.print-ul li {width: 90%;font-size: 86%;margin:0 auto 10px auto;}
}





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





@media screen and (max-width: 500px) {	
	/*//////// 全イベント共通のheader /////////*/
	body#event .section {font-size: 93%;}
	body#event .breadcrumb-box2 {display: none;}
	.event-head-box {height: auto;padding: 0;}
	.toku-number {display: none;}
	.toku-title {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.li3 li a p {top: -1px;}
	
	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%;}
	ul.event-yokomenu-ul.li2 li a p {top: -1px;}	
}




@media screen and (max-width: 440px) {	
	body#event .section.top {padding-bottom: 40px;}

	/* =========== 全イベント共通の横メニュー ========== */
	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: 1000px) {	
	/* ==================== 八雲の庭園 ==================== */	
	body#event.yakumo .section.top {padding: 0 0 30px 0;}
	.yakumo-midashi1 br{display:none;}
	.yakumo-midashi1 big {font-size: inherit;}
}




@media screen and (max-width: 950px) {	
	/* ==================== 八雲の庭園 ==================== */	
	.event-box-img.yakumo-img5 {width: 55%;margin: 10px auto 0 auto;}
	.event-box-title-left {float: none;width: auto;}
	.event-box-text-img {text-align: center;}
	.event-box-img.yakumo6-img2 {margin: -20px 0 0 0;}
}





@media screen and (max-width: 900px) {	
	/* ==================== 八雲の庭園 ==================== */
	ul.yakumo10-ul li {min-height: 340px;}

	/* =============== こびとづかんと不思議な庭園 =============== */
	.kobito-midashi1 {font-size: 170%;}
	.kobito2-2 {margin: 0 0 25px 0;}
	.kobito-midashi2 {font-size: 120%;line-height: 1.8;margin: 0 0 20px 0;}
}




@media screen and (max-width: 800px) {	
	/* ==================== 八雲の庭園 ==================== */
	body#event.yakumo .section.top {padding: 0 0 20px 0;}
	body#event.yakumo .section {padding: 20px 0 30px 0;}
	.yakumo-midashi1 {font-size:122%;line-height: 1.6; text-align: left;}	
	.yakumo-img2 {margin-top: 30px;}
	dl.yakumo3-box-dl dt {float: none;width: 55%;margin: -15px auto 20px auto;}
	dl.yakumo3-box-dl dd {float: none;width: 100%;}
	dl.yakumo3-box-dl dd img{ max-width: 521px;width: 100%;}
	.event-box-img {margin-top: 15px;width: 45%;}
	
	/* =============== こびとづかんと不思議な庭園 =============== */
	.kobito-midashi1 {text-align: left;font-size: 170%;}
	.kobito-midashi1 br{display:none;}
	.kobito-app-midashi img{width: 50%;}
	.kobito-app-midashi img:first-child {width: 30%;}
	.kashidashi-no-box {font-size: 80%;}
	.kashidashi-no {font-size:122%;}
}



@media screen and (max-width: 750px) {	
	/* =============== こびとづかんと不思議な庭園 =============== */
	.kobito5 {float: none;width: 70%;margin: 0 auto 20px auto;text-align: center;}
	.kobito-com1 {padding: 0;}
	dl.sign-dl {margin-top: 25px;}
	dl.sign-dl dt {float: none;width: 65%;margin: 0 auto 15px auto;text-align: center;}
	dl.sign-dl dd {padding: 0;}
}





@media screen and (max-width: 650px) {	
	/* ==================== 八雲の庭園 ==================== */
	.yakumo3-box-title {padding-top:0;}
	dl.yakumo3-box-dl dt {width: 80%;}
	.yakumo3-box-img {width: 80%;margin:0 auto 0 auto;}
	.yakumo3-box-img img{width: 100% !important;margin-right: 0 !important;margin-top:20px;}
	ul.yakumo3-box-ul {margin-top: 20px;}
	ul.yakumo3-box-ul li{width: 80% !important;margin:20px auto 0 auto !important;float: none;}
	ul.yakumo10-ul li {float: none;width: 100%;min-height: unset;margin-bottom: 10px;text-align: center;}
	
	.event-box-img.yakumo-img5 {width: 75%;}
	/*牡丹の館*/
	ul.yakata-ul li {width: 80%;}
	
	/* =============== こびとづかんと不思議な庭園 =============== */
	.kobito-midashi1 {font-size: 130%;}
	.kobito-midashi2 { font-size: 120%;}
	dl.sougan-dl dt {display: block;width: 60%;margin: 0 auto;}
	dl.sougan-dl dt.first{width:auto;margin-bottom:20px;}
	.kobito5 {float: none;margin: 0 auto;}
	.kobito-com1 {padding: 20px 0 0 0;}
	.kobito-com1 {font-size: 100%;}

	
	/* ============= 夏夜のライトアップ KWAIDAN ============= */
	.illumi-kikan span{display:block;}
	.illumi-kikan br{display:none;}
	.illumi-kikan small{display:block;}
	
}





@media screen and (max-width: 550px) {	
	/* ==================== 八雲の庭園 ==================== */
	.yakumo-img2 {margin-top: 20px;}
	.yakata-img1 {margin-top: -20px;}
	.yakumo3-box-img {width: 100%;}
	ul.yakumo3-box-ul li {width: 100% !important;}
	
	/*牡丹の館*/
	.plofile-box dl dd .plofile-name {font-size: 174%;}
	.plofile-box dl dd .plofile-com1{font-size: 86%;}
	.plofile-box dl dd .plofile-com2{font-size: 86%;}
	
	.event-box-title img{height: 35px;}
	.event-box-img {width: 65%;margin: 15px auto 0 auto;float: none;}
	
	.event-box-day {font-size:150%;}
	.event-box-day big{font-size: 100%;}
	
	.chirashi-box{margin-top:-50px;}
	
	/* =============== こびとづかんと不思議な庭園 =============== */
	body#event.kobito .section.top{margin-bottom:30px;}
	body#event.kobito .section {padding: 0px 0 30px 0;}

	.kobito-midashi1 {font-size: 136%;}
	.kobito-map {margin: 40px 0 50px 0;}
	.kobito5-box {margin-top: 20px;}
	.kobito3-2 {margin: 0 0 50px 0;}
	.sign-box {margin-top: 10px;}
	.sign-midashi img:first-child{display: none;}
	.sign-midashi img:last-child{width:100%;}
	dl.sign-dl dd p.plofile-title span {display: block;}
	/*お詫び*/
	.kobito-owabi-box {border: 4px solid #ff9595;margin: 30px 0;padding: 20px 15px;}
	.owabi-midashi {font-size: 143%;}
	.owabi-com {font-size: 100%;line-height: 1.7;}
}





@media screen and (max-width: 440px) {	
	/* ==================== 八雲の庭園 ==================== */
	.yakumo-midashi1 {font-size: 115%;}
	.event-box-img {width: 75%;}
	ul.yakumo10-ul li img {width: 80%;}
	
	/* =============== こびとづかんと不思議な庭園 =============== */
	.kobito5-box {margin-top: 50px;}
	.kobito-midashi1 {font-size:115%;}
	.kobito-midashi2 {font-size: 108%;}
	.kobito-com1 {margin-top: 0;}
	dl.sougan-dl {margin-top: 0;}
}





@media screen and (max-width: 380px) {	
	/* ==================== 八雲の庭園 ==================== */
	.event-box-title img{height: 30px;}
	ul.yakumo10-ul {margin: 0 0 -40px 0;}
	.chirashi-box{margin-top:0;}
}