/* source file: cookie.css */
@charset "UTF-8";
/* CSS Document */

			/*																*/
			/*	Cookie														*/
			/*	---------													*/
			/*	This section is a notice element on the page,				*/
			/*	it has full window width									*/
			/*																*/
		
				 .popup-box
					.cookie-notice-box {
						position:fixed;
						left:0px;
						bottom:0px;
						width:100%;
						display:table;
						background-color:#f7ec40;
						margin:0px 0px 0px 0px;
						padding:10px 0px 10px 0px;
						text-align:center;
						visibility:visible;
						z-index: 2000000;
						box-shadow:0px 5px 15px 0px rgba(0,0,0,0.25);
						transition:bottom 0.5s ease, visibility 0s linear 0s;
					}
				 .popup-box
					.cookie-notice-box.hidden {
						bottom:-300px;
						visibility:hidden;
						visibility:visible;
						transition:bottom 0.25s ease, visibility 0s linear 1s;
					}
				 .popup-box
					.cookie-notice-box.expanded {
						bottom:0px;
					}
				.popup-box
					.cookie-notice-box
						.basic-information {
							display:table;
							margin:0px auto;
							text-align:center;
							width:calc(100% - 40px);
							padding: 10px 20px 0 20px; 
						}
				 .popup-box
					.cookie-notice-box 
						.copy {
							display:block;
							padding: 0 140px 0 0;
							min-height: 40px;
							text-align:left;
							font-family:Metro;
							font-size:1.5rem;
							line-height:2.0rem;
							font-weight:normal;
							font-style:normal;
							margin-bottom:10px;
							color:#333333;
						}
				 .popup-box
					.cookie-notice-box 
						.cookie-notice-button {
							display:block;
							position: relative;
							float: right;
							text-decoration: none;
							color:white;
							background-color:#25408f;
							color:white;
							font-family:Metro;
							font-size:2rem;
							line-height:2.5rem;
							font-weight:bold;
							width: 100px;
							height: 30px;
							padding:5px 15px 5px 15px;
							margin:0 0 -40px 0;
							border-radius: 4px;
							transition:box-shadow 0.3s ease, background-color 0.3s linear;
						}
				 .popup-box
					.cookie-notice-box 
						.cookie-notice-button:hover {
							background-color:#4580Cf;
							box-shadow: inset 0 0 45px 0px rgba(255,255,255,0.1), 0 0 15px 3px rgba(255,255,255,0.7), 0 0 85px 10px #FFFFFF88;
						}
				 .popup-box
					.cookie-notice-box 
						.cookie-info-button {
							display:inline-block;
							background-color:white;
							color:black;
							background-color:#e37222;
							color:white;
							font-family:Metro;
							font-size:2.0rem;
							line-height:2.5rem;
							font-weight:bold;
							width:12px;
							padding:5px 10px 5px 10px;
							margin:0px 0px 0px 10px;
							border-radius:4px;
							transition:background-color 0.3s linear;
						}
				 .popup-box
					.cookie-notice-box 
						.cookie-info-button.collapse {
							display:none;
						}
				 .popup-box
					.cookie-notice-box.expanded 
						.cookie-info-button.expand {
							display:none;
						}
				 .popup-box
					.cookie-notice-box.expanded 
						.cookie-info-button.collapse {
							display:inline-block;
						}
				 .popup-box
					.cookie-notice-box 
						.cookie-info-button.expand:after {
							content:"?";
						}
				 .popup-box
					.cookie-notice-box.expanded 
						.cookie-info-button.collapse:after {
							content:"×";
						}
				.popup-box
					.cookie-notice-box
						.more-information {
							display:table;
							margin:0px auto;
							text-align:left;
							width:970px;
						}

				.popup-box
					.cookie-notice-box 
						.more-information
							.description {
								display:block;
								width:950px;
								padding:5px 25px 20px 25px;
								width:auto;
								text-align:left;
								font-family:Arial, Helvetica, sans-serif;
								font-style:normal;
								font-size:11px;
								line-height:14px;
								color:#666666;
							}
				.popup-box
					.cookie-notice-box 
						.more-information
							.description
								.title {
									/*
									width:950px;
									padding:10px 25px 0px 25px; 
									*/
									text-align:left;
									font-family:Metro;
									font-style:normal;
									font-weight:bold;
									font-size:11px;
									line-height:14px;
									color:#666666;
									font-weight:bold;
									display:inline;
								}
						
						
	@media screen and (min-width: 1600px) {
		/* XXL */
	}
	@media screen and (min-width: 1200px) and  (max-width: 1599px) {
		/* XL */
	}
	@media screen and (min-width: 1000px) and  (max-width: 1199px) {
		/* L */
	}
	@media screen and (min-width: 800px) and (max-width: 999px) {
		/* M */

	}
	@media screen and (min-width: 600px) and (max-width: 799px) {
		/* S */
	}
	@media screen and (min-width: 400px) and (max-width: 599px) {
		/* XS */
	}
	@media screen and (max-width: 399px) {
		/* XXS */
		.popup-box {
		}
		.popup-box .cookie-notice-box.hidden {
		}
		.popup-box .cnb-pagecover {
		}
		.popup-box .cookie-notice-box {
			display:block;
			left:0px;
			margin:0px;
			padding:0px;
			width:100%;
			height:auto;
		}
		.popup-box .cookie-notice-box .cnb-contents {
			position:relative;
			display:block;
			left:10px;
			top:10px;
			width:calc(100% - 20px);
			height:calc(100% - 20px);
			padding:15px 0px 15px 0px;
			margin:0px;
			z-index:1;
		}
		.popup-box .cookie-notice-box .basic-information,
		.popup-box .cookie-notice-box .more-information {
		}
		.popup-box .cookie-notice-box .more-information .title { width:auto; }
		.popup-box .cookie-notice-box .more-information .description {
			width:auto;
			text-align:justify;
		}
		.popup-box .cookie-notice-box .more-information .description p { text-align:justify; }
		.popup-box .cookie-notice-box .copy {
		}
		.popup-box .cookie-notice-box .cnb-contents .basic-information { display:block; }
		.popup-box .cookie-notice-box .cnb-contents .more-information { display:block; margin-top:5px;}
		
	}
	
	
	@media screen and (min-width:   0px) and (max-width: 699px) {
		.popup-box .cookie-notice-box  {
			height:auto;
			padding: 0 0 25px 0px;
		}
		
		.popup-box .cookie-notice-box  .basic-information {
			display: table;
		}
		.popup-box .cookie-notice-box  .basic-information .cookie-notice-button {
			display: table-footer-group;
		}
		.popup-box .cookie-notice-box  .basic-information .copy {
			display: table-header-group;
		}
		
		.popup-box .cookie-notice-box  .cookie-notice-button {
			float:none;
			line-height: 40px;
			/*
			position: relative;
			left: 50%;
			transform:translateX(-50%);
			top: 130px;
			*/
		}
		.popup-box .cookie-notice-box  .copy {
			padding: 0;
			/*
			padding: 0 0 50px 0;
			min-height: 40px;
			*/
		}
		.popup-box .cookie-notice-box  .copy:after {
			content:" ";
			display: block;
			height: 15px;
		}
	}
	@media screen and (min-width: 700px) and (max-width:9999px) {
	}