@charset "UTF-8";
	*{
		box-sizing: border-box;
    	font-family: "M PLUS 2", sans-serif;
		margin:0;
		padding:0;
	}

	h1,h2,h3,h4,h5,h6,b{
		font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
		font-weight:bold;
		font-style: normal;
	}

	a{
		color:#0064C8;
		text-decoration:none;
	}

	i{
		font-style:normal;
	}

	img{
		border:none;
		margin:0;
		padding:0;
		vertical-align:bottom;
	}

	table,thead,tbody,tr,th,td{
		border:0;
		border-collapse:collapse;
	}

	ul,ol,li{
		list-style:none;
	}

	input[type="submit"],
	input[type="button"]{
		-webkit-appearance:none;
	}

	input[type="submit"],
	label:hover{
		cursor:pointer;
	}

	.clr{
		clear:both;
	}

	.clrfix::after{
		content: " ";
		display: block;
		clear: both;
	}

	/*** 自動改行のリセット ***/
	.break_rst{
		white-space:normal !important;
		word-wrap:normal !important;
	}

	/***** 送信ボタン *****/
	.submit_btn{
		background:rgba(0,120,190);
		border:none;
		border-radius:8px;
		color:#fff;
		display:inline-block;
		padding:10px 20px;
		text-decoration:none;
	}

  /***** footer *****/
  footer{
  }

  /***** ModalWindow *****/
	body.modal-open {
		overflow: hidden;
	}
	.overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		z-index: 999;
		opacity: 0;
		transition: 0.3s;
		z-index:-1;
	}
	.modal {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(0.8);
		width: 80%;
		max-width: 400px;
		height: 60%;
		background: white;
		box-shadow:0 0 2vw rgba(0, 0, 0, 0.5);
		z-index: 1000;
		border-radius: 8px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		opacity: 0;
		transition: 0.3s;
		z-index:-1;
	}

	.modal-header {
		align-items: center;
		border-bottom:1px solid rgba(0,100,200,0.2);
		display: flex;
		justify-content: space-between;
		padding: 2vw 3vw;
		width:100%;
	}
	.modal-header .logo{
		flex:1;
	}
		.close-btn{
			background:url(/travel/wp-content/themes/xeory_extension/lib/images/icon/close.svg) no-repeat;
			background-size:100% auto;
			cursor: pointer;
			display:block;
			height:5vw;
			width:5vw;
		}
	.modal h1{
		color:rgba(0,100,200,0.8);
		background:rgba(0,100,200,0.05);;
		border-bottom:1px solid rgba(0,100,200,0.2);
		font-size:10px;
		font-weight:normal;
		padding:2vw 4vw;
	}
	.modal-content {
		flex-grow: 1;
		max-height:50vh;
		padding: 4vw;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.modal-content::-webkit-scrollbar {
		display: none;
	}
		.modal-content dl{
		}
			.modal-content dt{
				border-top:1px solid rgba(0,100,200,0.2);
				font-size:12px;
				margin:2vw 0 0 0;
				padding:2vw 0 0 0;
			}
			.modal-content dt:nth-of-type(1){
				border-top:none;
				margin:none;
				padding:none;
			}
			.modal-content dd{
				background:url(/travel/wp-content/themes/xeory_extension/lib/images/icon/arrow1.svg) no-repeat;
				background-position:left bottom 0.2vh;
				background-size:2.8vw auto;
				margin:2vw 0 0;
				padding:0 0 0 4vw;
			}
			.modal-content dd a{
				font-weight:500;
				text-decoration:underline;
			}

			.modal-content li a{
				text-decoration:underline;
			}
		.modal-content ul{
			margin:4vw 0 0;
		}
			.modal-content li{
				border-top:1px solid rgba(0,100,200,0.2);
				font-size:12px;
				margin:2vw 0 0 0;
				padding:2vw 0 0 0;
			}
	.modal .copy{
		background:#0064C8;
		border-radius:0 0 8px 8px;
		color:#fff;
		font-size:10px;
		padding:2vw 3vw;
		text-align:center;
	}