@charset "UTF-8";

	*{
		box-sizing: border-box;
		font-family: "M PLUS 2", sans-serif;
	}

	/*** 内部コンテンツ ***/
	.inner{
		margin:0 auto;
		padding:0 20px 0;
		width:1200px;
		position:relative;
	}
	@media only screen and (max-width: 1200px) {
		.inner{
			margin:0 15%;
			width:100%;
		}
	}
	@media only screen and (max-width: 750px) {
		.inner{
			margin:0;
			padding:0 4vw 0;
			width:100%;
		}
	}

	#top > h1{
		background:#F2F2F2;
		color:#8f8f8f;
		font-size:11px;
		font-weight:500;
		padding:2px 40px 0;
		text-align:right;
		margin-block-start:initial;
		margin-block-end: initial;
	}
@media only screen and (max-width: 750px) {
	#top > h1{
		font-size:10px;
		padding:1vw 2vw;
	}
}
	/***** header *****/
	header.cmn{
		background-color:#F2F2F2;
		height:auto;
		padding:20px;
	}
@media only screen and (max-width: 750px) {
	header.cmn{
		height:12vw;
		padding:2vw;
	}
}
		/*** logo ***/
		header.cmn .logo{
			background: url("/japan-esim/wp-content/themes/xeory_base/lib/images/top/logo_doublename.svg") no-repeat;
			background-size:100% auto;
			display:inline-block;
			height:70px;
			width:220px;
		}
@media only screen and (max-width: 750px) {
		header.cmn .logo{
			height:9vw;
			width:32vw;
		}
}
		/*** ロゴ横見出し ***/
		header.cmn i{
			background:#000;
			border-radius:5px;
			color:#fff;
			display:inline-block;
			font-size:16px;
			font-style:normal;
			font-weight:600;
			line-height:100%;
			position:relative;
			top:-15px;
			left:20px;
			padding:5px 8px;
		}

		/***** Price Switcher *****/
		.woocommerce-currency-switcher-form{
			position:absolute;
			right:0px !important;
			top:10px !important;
			width:100px;
			z-index:10 !important;
		}
			.dd-select{
				background:#fff !important;
				border:none !important;
				border-radius:5px !important;
			}

@media only screen and (max-width: 750px) {
		.woocommerce-currency-switcher-form{
			position:fixed !important;
			top:15vw !important;
			right:4vw !important;
			min-width:15vw;
		}
}

		/*** navigation ***/
		header.cmn .gloval_nav{
			display:flex;
			position:absolute;
			right:120px !important;
			top:5px !important;
		}
			header.cmn .gloval_nav li{
				padding:0 0 0 10px;
			}
			header.cmn .gloval_nav li::before{
				content:"|";
				color: #ccc;
				font-size:10px;
				padding:0 10px 0 0;
			}
			header.cmn .gloval_nav li:nth-of-type(1)::before{
				content:"";
			}
				header.cmn .gloval_nav li a{
					color:#000;
					font-weight:600;
					font-size:14px;
					padding:5px 10px;
					text-decoration: none;
				}
				header.cmn .gloval_nav li a:hover{
					background:#9BDCF5;
					border-radius:5px;
					color:#fff;
				}

	/*****	ハンバーガーメニュー *****/
	#btn_hamburger {
		display: none;
		}
	#btn_hamburger:hover {
		cursor: pointer;
	}
	#hm_sheet {
		animation: fade 0.5s ease-in-out;
		display: none;
		height: 0;
		width: 0;
	}
@media only screen and (max-width: 750px) {
		header.cmn .gloval_nav{
			display:none;
		}

		header.cmn .gloval_nav.hm_mode{
			display:block;
			position:fixed;
			right:initial;
			top:initial;
			z-index:10;
		}
		.gloval_nav.hm_mode li{
				padding:0 0 2vw 0 !important;
			}
			.gloval_nav.hm_mode li::before,
			.gloval_nav.hm_mode li:nth-of-type(1)::before{
				content:"|" !important;
				color: #ccc !important;
				font-size:18px !important;
				padding:0 10px 0 0 !important;
			}
			.gloval_nav.hm_mode li a{
					color:#fff !important;
					font-size:20px !important;
				}

		#btn_hamburger {
			display: block;
			background: url("/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_menu.svg") no-repeat rgb(255, 255, 255);
			background-size: 100% auto;
			border-radius: 3px;
			height: 8vw;
			position: fixed;
			right: 4vw;
			top: 6vw;
			width: 8vw;
			z-index: 10;
		}
		#btn_hamburger.hm_mode {
			background: url("/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_close.svg") no-repeat rgb(255, 255, 255);
			background-size: 100% auto;
		}

		#hm_sheet {
			background-image:radial-gradient(circle at bottom center, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 1) 100%);
			height: 100vh;
			left: 0;
			position: fixed;
			top: 0;
			width: 100vw;
			z-index: 5;
		}
}

	/***** Price Switcher *****/
	.woocommerce-currency-switcher-form{
		position:absolute;
		top:20px;
		right:300px;
		width:100px;
	}

	/***** Footer *****/
	footer{
		background:#E6E6E6;
		padding:40px 0 0;
	}
	
		footer .inner{
			background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/logo2.svg) no-repeat;
			background-position:left 40px center;
			background-size:220px auto;
			padding:0 0 0 300px;
		}
			footer ul{
				align-items:center;
				display:flex;
				flex-wrap:wrap;
				justify-content:left;
				/* margin:0 0 20px 0; */
				/* min-height:80px; */
			}
				footer li{
					margin:0 ;
					list-style: none;
				}
					footer a{
						color:#005BAB;
						font-size:14px;
						font-weight:600;
					}
						footer a font{
							font-size:14px;
						}
				footer li::before{
					content:"/";
					margin:0 10px;
				}
				footer li:nth-of-type(1)::before{
					content:"";
					margin:0;
				}
			footer>p{
				background:#999;
				color:#fff;
				font-size:14px;
				margin:60px 0 0;
				padding:10px 40px;
				text-align:center;
			}
			footer>p a{
				color:#fff;
			  }
	
	@media only screen and (max-width:900px){
		footer{
			padding:6vw 0 0;
		}
		footer .inner{
			background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/logo2.svg) no-repeat ;
			background-position:left 4vw top 2vw;
			background-size:30vw auto;
			padding:14vw 4vw 0 !important;
		}
		footer ul{
			display:block;
			justify-content:left;
			margin:0;
		}
			footer li{
				line-height:180%;
				margin:0;
			}
			footer li::before{
				content:"" !important;
				margin:0;
			}
				footer a{
					color:#005BAB !important;
					font-size:14px !important;
				}
					footer a font{
						font-size:14px !important;
					}
					footer ul:nth-of-type(2){
						/* border-bottom:1px solid #ccc; */
						border-top:1px solid #f0efef;
						margin-top:5px;
						padding-top:5px;

					}
		footer>p{
			margin:4vw 0 0;
			padding:1vw 4vw;
		}
	}
	
	@media only screen and (max-width:750px){
		footer{
			margin:0 0 10vw;
		}
	}

	/********** メンテナンスメッセージ｜下階層用（TOPは/cmn/cmn.cssに） **********/
	.maint_msg{
		color:red;
		padding:20px 0 !important;
	}
		.maint_msg.inner{
			margin:0 !important;
		}
		.maint_msg .hl{
			background: #a81f2d;
			border-radius:8px 8px 0 0;
			color: #ffffff;
			display:inline-block;
			font-size:16px;
			font-weight:600;
			padding: 3px 16px;
		}
		.maint_msg .txt{
			border: 2px solid #a81f2d;
			background: #fff;
			border-radius:0 8px 8px 8px;
			color: #000000;
			font-size: 14px;
			line-height:140%;
			padding: 15px;
		}

	/***** 商品ページのカード下にメッセージを配置する場合 *****/
	.btm_card+.maint_msg{
		margin-top:-50px !important;
		padding-bottom:30px;
	}
	@media only screen and (max-width:750px){
		.btm_card+.maint_msg{
			/* margin-top:-50px; */
			margin-bottom:-30px;
		}
	}


	/********** フロートメニュー **********/
	#float_menu .btn_top{
		align-items:center;
		background-color:rgba(255,255,255,.8);
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_up.svg);
		background-position:center top 10px;
		background-repeat:no-repeat;
		background-size:auto 20px;
		border-radius:5px;
		box-shadow:1px 1px 3px #ccc;
		bottom:20px;
		color:#4D4D4D;
		display:flex;
		font-size:12px;
		font-weight:600;
		height:60px;
		justify-content:center;
		right:20px;
		padding:20px 0 0;
		position:fixed;
		text-decoration:none;
		width:60px;
		z-index:10
	}
	
	#float_menu .btn_top{
		font-size:12px
	}
	
	#float_menu .btn_item{
		display:none
	}
	
	@media only screen and (max-width:750px){
		#float_menu{
			background-color:#fff;
			border-top:1px solid #ccc;
			bottom:0;
			position:fixed;
			z-index:10;
			width:100%
		}
	
		#float_menu .inbox{
			background-color:#000;
			background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/logo_w2.svg);
			background-size:auto 6vw;
			background-position:left 4vw center;
			background-repeat:no-repeat;
			display:flex;
			height:10vw;
			justify-content:right
		}
	
		#float_menu .btn_top{
			background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_up_w.svg);
			background-position:left 2vw center;
			background-repeat:no-repeat;
			background-size:auto 3vw;
			background-color:#005BAB;
			border-radius:0;
			box-shadow:initial;
			bottom:initial;
			color:#fff;
			display:flex;
			font-size:16px;
			font-weight:600;
			height:auto;
			right:initial;
			padding:0 2vw 0 7vw;
			position:relative;
			width:auto;
			z-index:10
		}
	
		#float_menu .btn_top font{
			font-size:16px
		}
	
		#float_menu .btn_item{
			align-items:center;
			background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_cart_w.svg);
			background-position:left 2vw center;
			background-repeat:no-repeat;
			background-size:auto 3.5vw;
			background-color:#39B54A;
			display:flex;
			color:#fff;
			font-size:16px;
			font-weight:600;
			height:auto;
			right:initial;
			padding:0 2vw 0 7vw;
			position:relative;
			text-decoration:none;
			width:auto;
			z-index:10
		}

		#float_menu .btn_item{
			font-size:16px
		}

	}

	/***** 翻訳 *****/
@media only screen and (max-width: 750px) {
	.gt_float_wrapper_up{
		bottom:10vw !important;
	}
}

	/***** チェックアウト *****/
	.woocommerce-checkout{
		background:#fff;
	}
	.woocommerce-checkout input[type="text"],
	.woocommerce-checkout input[type="email"],
	.woocommerce-checkout textarea	{
		border:1px solid #ccc;
		border-radius:5px;
		padding:5px 8px;
		transition:0.5s;
	}
	.woocommerce-checkout input[type="text"]:focus,
	.woocommerce-checkout input[type="email"]:focus,
	.woocommerce-checkout textarea:focus{
		background:#FCEE9F;
	}
	.woocommerce-checkout textarea	{
		min-height:100px;
	}
	/*** カード情報 ***/
	.woocommerce-checkout #payment{
			background:#F2F2F2;
			padding:20px;
	}
		/* 見出し */
		.woocommerce-checkout #payment_method_stripe+label{
			font-weight:600;
		}

		.woocommerce-checkout .payment_box.payment_method_stripe p{
			padding:0 20px;
		}

		/* 入力部 */
		.woocommerce-checkout #payment div.payment_box::before{
			border-bottom-color: #FFF;
		}
		.woocommerce-checkout #payment div.payment_box{
			background-color:#FFF;
		}

		.woocommerce-checkout fieldset{
			border:1px solid #fff;
			margin:0 0 20px;
			padding:0 20px;

		}
		.woocommerce-SavedPaymentMethods-saveNew{
			padding:0 !important;
			/* background:red; */
		}