@charset "utf-8";

/*//////////// 基本サイズ14px  ////////////
表示サイズ　指定する値
10px　72%
11px　79%
12px　87%
13px　94%
14px　100%
15px　108%		29px　208%
16px　115%		30px　215%
17px　122%		31px　222%
18px　129%		32px　229%
19px　136%		33px　236%
20px　143%		34px　243%
21px　150%		35px　250%
22px　158%		36px　258%
23px　165%		38px　265%
24px　172%		38px　272%
25px　179%		39px　279%
26px　186%		40px　286%
27px　193%		41px　293%
28px　200%		42px　300%
//////////////////////////////*/

@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: #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.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: #8b6612;}
	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: -3px;}
}



@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 img{width:75%;}
}





@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 {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.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.lightup .lightup-calen-box {width: 100%;}
}



@media screen and (max-width: 1020px) {	
	/* ==================== 池泉天竺牡丹 ==================== */
	.section.black {padding: 50px 0 0 0 !important;}
	.kansha {right: 2%;width: 21%;}
	.tenjiku1{text-align: left;display: table;margin: 0 auto;}
	.tenjiku1 br {display: block;}
	
}
		
		

@media screen and (max-width: 1000px) {
	/* ==================== 七色の紅葉 ==================== */
	.section.kouyou {background: none;}
	.kouyou-topimg {height: 0;padding-top:72%;background-size: 115%;}
	.kouyou-com1 {width:90%;}
	/*ブルーガイドジャポン*/
	.blueguide-box{width:100%;}
	.blues3{width: 45%;}
	.blues-right{width:53%;margin:90px 2% 0 0;}
	
	/* ==================== 池泉天竺牡丹 ==================== */
	.passport-campaign {margin: 0 auto 50px auto;padding: 8%;}
}


		

@media screen and (max-width: 900px) {	
	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	body.lightup .lightup-calen-bg {font-size: 186%;}
	body.lightup ul.calen-box li {width:auto;}
	
	/* ====== 夜間園遊会 -紅葉ライトアップイルミネーション- ======= */
	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) {	
	/* ==================== 池泉天竺牡丹 ==================== */
	.tenjiku-title::before,
	.tenjiku-title::after {width: 12%;}
	
	/* =============== 秋冬のライトアップイルミネーション =========== */
	.lightup-midashi {text-align:left;}
	.lightup-midashi br{display:none;}
}




@media screen and (max-width: 780px) {	
	/* ==================== 七色の紅葉 ==================== */
	.kouyou-com1 {margin: -120px auto 0 auto;font-size: 136%;width:94%;}
	
	/* ==================== 池泉天竺牡丹 ==================== */
	.tenjiku2 .second{margin:-7px 0 8px 0;}
	.tenjiku2 img{height:50px;}
	.tenjiku-com2 {margin: 20px auto 0 auto;}
}




@media screen and (max-width: 750px) {	
	/* ==================== 七色の紅葉 ==================== */
	.kouyou-title {margin: 50px 7% 0 7%;}
	.blues-right {margin: 70px 2% 0 0;}
	.blues-right p:first-child{width:90%;}
	.blues-right-text {font-size: 100%;margin-top: 10px;}
	
	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	body.lightup .lightup-calen-bg {line-height: 1.0;padding: 5px 0 7px 0;}
	body.lightup .lightup-calen-bg span{display:block;}
}





@media screen and (max-width: 680px) {	
	/* ==================== 七色の紅葉 ==================== */
	table.blueguide-table td {border: 1px dotted #fff; font-size: 93%;padding: 15px 15px 15px 15px;}
	.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%;}
	
	/* ==================== 池泉天竺牡丹 ==================== */
	.tenjiku-lightup-com1 span{display:block;margin-right:0;}
	.kansha {margin-top: -50px;}

	/* ==================== 秋冬のライトアップイルミネーション ==================== */
	.lightup-com1{font-size:108%;margin-top:25px;}
	.lightup-com1 span{display:inline;}
	body.lightup ul.calen-box li {margin: 0 15px 30px 15px;}
}




@media screen and (max-width: 640px) {	
	/* ==================== 池泉天竺牡丹 ==================== */
	.tenjiku1 {width: 80%;}
	.tenjiku-schedule{display:none;}
	.tenjiku-schedule-sp600{display:block;}
	
	/* ====== 夜間園遊会 -紅葉ライトアップイルミネーション- ======= */
	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%;}
	
	/* =============== 秋冬のライトアップイルミネーション =========== */
	.lightup1 {display:none;}
	.lightup1sp {display:block;}
	.lightup-midashi {font-size: 122%;}
	body.lightup .movie-wrap-out {margin: 30px auto 0 auto;}
	body#event.lightup .section {padding: 30px 0 30px 0;}
	.lightup-info-cont {
  margin-top: 0;
}
.lightup-event {
  margin-bottom: 80px;
}
.lightup-dennis {margin-bottom: 20px;}
}




@media screen and (max-width: 570px) {	
	/* ==================== 七色の紅葉 ==================== */
	.kouyou-com1 { margin: -90px auto 0 auto;font-size: 122%;letter-spacing: 0;}
	
	/* ==================== 池泉天竺牡丹 ==================== */
	dl.tenjiku6-dl img {height:auto;width: 90%;}
	.tenjiku2 {margin: 20px auto auto auto;}
	.tenjiku2 img{height:38px;margin-bottom:8px;}
	
	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	.takibi1 {float: none;width: 80%;}
}




@media screen and (max-width: 500px) {	
	/* ==================== 七色の紅葉 ==================== */
	body#event .section.top {padding-bottom:10px;}
	table.blueguide-table td {padding: 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%;}
	.kouyou-calen-cont .right-img2 {margin: 10px 0 0 10px;}
	
	.blueguide-box {margin: -65px auto 0 auto;}
	.blues-right {margin:75px 0 0 0;width: auto;float: none;}
	.blues-right img{width:50%;}

	
	/* ==================== 池泉天竺牡丹 ==================== */
	.kansha {margin-top: -40px;right: 3%;}
	.tenjiku1-3 {margin-top: 30px;}
	body#event.tenjiku .section {padding: 20px 0 20px 0;}
	.tenjiku-com2 {text-align: left;}
	.tenjiku-com2 br{display:none;}
	.tenjiku4-com1 {font-size: 3.85vw;}
	.tenjiku-lightup-yokoku {letter-spacing: 1em;padding-left: 0.8em;}
	.tenjiku4-com2 strong {font-size:115%;}
	.tenjiku-title {padding: 0 8%;}
	/*松江境港直行バス*/
	.gostraight-bus2{margin-top:15px;}
	.gostraight-bus-midashi{font-size:108%;margin-top:15px;}


	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	body.lightup .lightup-calen-bg {font-size: 150%;}
	.lightup-com1 {font-size: 108%;}
	.lightup-com2 {font-size: 86%;}
	.takibi1 {width: 85%;}
	.takibi2 {float: none;width: 75%; margin: 15px auto 0 auto;}
	.lightup_takibi-com {float: none;width: 100%;margin-top: 15px;font-size:100%;}

	
	/* ====== 夜間園遊会 -紅葉ライトアップイルミネーション- ======= */
	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) {	
	/* ==================== 池泉天竺牡丹 ==================== */
	body#event.tenjiku .section {padding: 50px 0 0 0;}
	.tenjiku-com2 {margin-top: 15px;}
	
	/* ==================== 七色の紅葉 ==================== */
	.kouyou-com1 {margin: -70px auto 0 auto;font-size: 100%;}
	
	/* =============== 秋冬のライトアップイルミネーション =========== */
	.lightup1sp {margin: 22px 0 24px 0;}
	.lightup1sp img {max-width: 90%;}
}




@media screen and (max-width: 420px) {	
	/*===== ライトアップイルミネーション 黄金の島ジパング =====*/
	.lightup-info img {width: 75%;}
	.lightup-info span {font-size: 100%;}
}



@media screen and (max-width: 390px) {	
	/* ==================== 池泉天竺牡丹 ==================== */
	body#event.tenjiku .section {padding: 20px 0 0 0;}
	.tenjiku2 img{height:29px;}
	.tenjiku2 .second {margin: -7px 0 0 0;}
	.tenjiku7 {margin-top: 30px;margin-bottom: 20px;}
	.passport-campaign {  margin: 0 auto 20px auto;padding: 6%;}
	
	/* ==================== 七色の紅葉 ==================== */
	.kouyou-com1 {margin: -50px auto 0 auto;font-size: 87%;width: 96%;}
	.kouyou-calen-cont {margin-top:0;padding-bottom: 20px;}
	.kouyou-calen-cont .title {float: none;}
	.kanro-left {float: none;width: 100%;}
	.kanro-right-img {padding-left: 20%;padding-top: 5px;}
	.takibi-left {float: none;width: 100%;}
	.takibi-right-img {padding-left: 20%;}
	.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;}
	.kouyou-calen-cont .takibi-title img{height:45px;}

}