/* ***+********************************************************* < 1080 ************ */

@media (max-width: 1080px) {
	
	/*************************************************** Header */

	#header {}
	#header .logo {
		left:20px;
	}
	#header.uid-1 {
		width:100%;
	}
	#header .header-wrapper {
		width: 100%;
	}
	
	/*************************************************** Content */
 
	#wrapper.wrapper-notice.uid-1 {
		width:100%;
	}
	
	
	
	/*************************************************** Footer */
	
	#footer.uid-1 {
		width:100%;
		margin:0 auto;
	}
	#footer .footer-wrapper {
		width:100%;
	}
}

/* ***+********************************************************* width < 840 ************ */

@media (max-width: 840px) {

	/*************************************************** Header */
	
	#header {
		min-height:17vw;
	}
	
	#header .logo {
		left:20px;
		top:3vw;
	}
	#header .logo img {
		width:17vw;
		height:auto;
	}
	.hamburger {
		display:block;
		top: 7vw;
	}
	#header .navigation-1st {
		display:none;
		padding:7.2vw 0 3vw 0;
	}
	#header .mainMenu-1st {
		display:block;
		box-sizing: border-box;
		padding:3px 0;
	}

	/*************************************************** Content */

	#wrapper.wrapper-notice { 
		padding:10px 0;
		height:initial;
	}
	 #wrapper.wrapper-notice {
		min-height:calc(100% - 29.7vw); /* 100% - Header - Footer */
	}
	.notice-container {
		margin:10px 20px;
		padding: 18px 18px 25% 18px;
		width: calc(100% - 40px);
		height:initial;
		position:relative;
	}
	#wrapper.wrapper-notice.uid-1 .notice-container {
		margin:0 auto;
	}
	.notice {
		overflow-y:initial;
		z-index:11000;
		position:relative;
	}
	
	.green {
		height:80%;
		display:block;
	}
	.wrapper-notice.uid-12 .green {
		height:90%;
	}
	.wrapper-notice.uid-8 .green {
		height:10%;
	}
	
	/*************************************************** Map */
	.tx-myleaflet-detail {
		padding: 18px 18px 25% 18px;
		max-width: initial;
		width:calc(100% - 40px);
		left:20px;
	}
	.tx-myleaflet-article {
		padding: 32px;
	}
	.tx-myleaflet-article img {
		width:100%;
		height:auto;
	}
	.tx-myleaflet-article iframe {
		max-width:100%;
		height:auto;
	}
	.tx-myleaflet-article .video-vimeo {
		width:100%;
		max-width:640px;
	}
	
	.tx-myleaflet-article-home-button {
		top: 25px;
		right: 25px;
	}
	
	/*************************************************** Footer */
	
	#footer {
		min-height:12.7vw;
	}
	
	#footer .footer-1st {
		margin-top: 5.2vw;
	}
	
}


/* ***+********************************************************* height < 840 ************ */

@media (max-height: 840px) and (min-width: 841px){

	/*************************************************** Header */
	
	#header {
		min-height:17vh;
	}
	
	#header .logo {
		left:20px;
		top:3vh;
	}
	#header .logo img {
		width:17vh;
		height:auto;
	}
	#header .navigation-1st {
		padding-top:5vh;
	}
	
	/*
	.hamburger {
		display:block;
		top: 7vh;
	}
	
	#header .mainMenu-1st {
		display:block;
		box-sizing: border-box;
		padding:3px 0;
	}
	*/

	/*************************************************** Content */

	#wrapper.wrapper-notice { 
		padding:10px 0;
		height:initial;
	}
	 #wrapper.wrapper-notice {
		min-height:calc(100% - 29.7vw); /* 100% - Header - Footer */
	}
	.notice-container {
		margin:10px auto;
		padding: 18px 18px 25% 18px;
		/*width: calc(100% - 40px);*/
		height:initial;
		position:relative;
	}
	#wrapper.wrapper-notice.uid-1 .notice-container {
		margin:0 auto;
	}
	.notice {
		overflow-y:initial;
		z-index:11000;
		position:relative;
	}
	
	.green {
		height:80%;
		display:block;
	}
	.wrapper-notice.uid-12 .green {
		height:90%;
	}
	.wrapper-notice.uid-8 .green {
		height:10%;
	}
	
	/*************************************************** Map */
	.tx-myleaflet-detail {
		padding: 18px 18px 25% 18px;
		max-width: 800px;
		width:100%;
		left:20px;
	}
	.tx-myleaflet-article {
		padding: 32px;
		overflow-y:initial;
	}
	.tx-myleaflet-article img {
		width:100%;
		height:auto;
	}
	.tx-myleaflet-article iframe {
		max-width:100%;
		height:auto;
	}
	.tx-myleaflet-article .video-vimeo {
		width:100%;
		max-width:640px;
	}
	
	.tx-myleaflet-article-home-button {
		top: 25px;
		right: 25px;
	}
	
	/*************************************************** Footer */
	
	#footer {
		min-height:12.7vh;
	}
	
	#footer .footer-1st {
		margin-top: 5.2vh;
	}
	
}

/* ***+********************************************************* < 620 ************ */

@media (max-width: 620px) {
	#wrapper.wrapper-notice.uid-1 .notice-container {
		width:calc(100% - 40px);
		margin:0 20px;
	}

}

/* ***+********************************************************* < 480 ************ */

@media (max-width: 480px) {
	
	
	#wrapper.wrapper-notice {
		min-height:calc(100% - 36vw); /* 100% - Header - Footer */
	}
	
	.tx-myleaflet-article .owner-header  {
		display: block;
		width: 100%;
	}
	.tx-myleaflet-article .owner-header label,
	.tx-myleaflet-article .owner-header span {
		display: block;
		width: 100%;
	}
	
	.wrapper-notice.uid-12 .green {
		height:98%;
	}
	
	#footer {
		min-height:19vw;
	}
	#footer .footerMenu-1st-end {
		display:block;
	}

}

/* ***+********************************************************* < 370 ************ */

@media (max-width: 370px) {
	.notice-container {
		margin: 0 10px 10px 10px;
		width: calc(100% - 20px);
		padding: 9px 9px 25% 9px;
	}
	.notice {
		padding:20px;
	}
	
	#wrapper.wrapper-notice.uid-1 .notice-container {
		width:calc(100% - 20px);
		margin:0 10px;
		
	}
	
	.tx-myleaflet-detail {

		padding: 9px 9px 25% 9px;
		max-width: initial;
		width: calc(100% - 20px);
		left: 10px !important;
		top:10px;
	}
	
	
	
	
	#footer .footer-1st {
		margin-top: 2vw;
	}

}