@charset "utf-8";

html.modal-is-locked{overflow:hidden;touch-action:none}
.modal-is-locked .overlay:before{background-color:rgba(0,0,0,0.8)!important}
.commonHeader{position:relative}
.disp-overlay .commonHeader{ position: fixed;}
.wrapper{padding-top:0}
.header_change{display:none;}
.commonHeader .hamburger{
    z-index: 999;
}


/*-----------------------------Setting*/
article{}
article img{}
article .atte{}
article a{}
article .flag{}
article .flag:before{}
article .flag.canada:before{}
article .flag.nordic:before{}
article .grade_dark_yoko{}
article .grade_dark_naname{}
article .grade_thin_yoko{}
article .grade_thin_naname{}
article .btn{}
article .btn .canada{}
article .btn .nordic{}
article .btn a{}
article .btn a strong{
	font-size: 125%;
}
article .btn a:after{}
article .btn .canada:hover{}
article .btn .nordic:hover{}
article .FontEn{}
article .katakana{}
article .CommonTtl{
	margin-bottom: 30px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}
article .CommonTtl .sub{
	font-size: 40px;
	opacity: 0.5;
}
article .CommonTtl .main{
	margin-top: -16px;
	font-size: 12px;
	letter-spacing: 0;
}
article .CommonTtl .main strong{
	font-size: 125%;
}
article .MainTxt{
	text-align: left;
	font-size: 13px;
	margin-bottom: 30px;
}
article .MainTxt br{
	display: none;
}
article .title_serif{
	font-size: 15px;
	margin-bottom: 10px;
}
article .title_serif:before,article .title_serif:after{}
article .title_serif:before{}
article .title_serif:after{}
article .title_light{
	font-size: 13px;
	display: block;
	width: auto;
	margin-bottom: 10px;
}
article .title_light strong{
	font-size: 125%;
}
article .title_light:before,article .title_light:after{
	content: none;
}
article .title_light.white:before,article .title_light.white:after{}
article .title_light.black:before,article .title_light.black:after{}
article .title_light.white{}
article .title_light.black{}
article .txt_strong{}
article .photo{}
article .caption{}


/*-----------------------------menuArea*/
.menuArea{position:relative}
.menuArea.header_fixed{
	margin-top: 0;
}
.menuArea.fixed{position:fixed;width:100%;top:0;z-index:999;display: block;}
.menuArea .Inner{display:none}
.menuArea .humb{background: linear-gradient(135deg,  rgb(199,139,181) 0%,rgb(153,158,255) 50%,rgb(63,173,188) 100%);display:block;position:absolute;right:10px;top:10px;padding:0 10px;font-size:10px;text-align:center;width:45px;height:45px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-radius:3px;padding-top:6px;box-shadow:0 0 3px rgba(0,0,0,0.5);z-index: 999;}
.menuArea.header_change .humb{/* display:none; */}
.menuArea .humb span{border-top: 1px solid #fff;display:block;padding-top:5px;letter-spacing:.5px;position:relative;margin-top:5px;font-weight:700;color: #fff;}
.menuArea .humb span:before,.menuArea .humb span:after{content:"";border-top: 1px solid #fff;display:block;width:100%;height:1px}
.menuArea .humb span:before{margin-bottom:3px}
.menuArea .humb span:after{content:"";position:absolute;left:0;top:-6px}
.menuArea.open{display:block;width:100%;height:100%;position:fixed;overflow-y:scroll;top:0;right:-100%;z-index:9999;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s;-webkit-overflow-scrolling:touch;right:0;background-color:#000}
.menuArea.open .humb{right:auto;left:15px;top:20px;padding:0;display:block;box-shadow:none;z-index:999999;background-color:initial;position:fixed;background: inherit;}
.menuArea.open .humb span{display:none}
.menuArea.open .humb:before,.menuArea.open .humb:after{content:"";width:2px;height:47px;background:#fff;top:20px;display:block;left:20px;position:absolute}
.menuArea.open .humb:before{transform:translate(-50%,-50%) rotate(45deg)}
.menuArea.open .humb:after{transform:translate(-50%,-50%) rotate(-45deg)}
.menuArea.open .Inner{margin-left:20%;background-color:#fff;min-height:100%;text-align:left;box-sizing: border-box;}

.menuArea .Inner ul{
	width: 100%;
	display: block;
	height: auto;
	border: none;
	padding-top: 20px;
	border-bottom: 1px solid #fff;
}
.menuArea .Inner li{
	border-top: 1px solid #fff;
}
.menuArea .Inner li strong{}
.menuArea .Inner li:nth-of-type(3),.menuArea .Inner li:nth-of-type(4){}
.menuArea .Inner li + li:before{
	content: none;
}
.menuArea .Inner li a{
	height: auto;
	padding: 15px 0;
}
.menuArea .Inner li a:after{}
.menuArea .Inner li a:hover,.menuArea .Inner li.active a{}


/*--------------------------------------Item*/
#Item{
	padding: 30px 0 40px 0;
}
#Item:before,#Item:after{
	width: 40%;
	height: 110px;
	background-size: contain;
	background-position: center bottom;
}
#Item:before{}
#Item:after{}
#Item .Carrier{
	width: 90%;
	display: block;
	padding: 15px;
	margin-bottom: 30px;
}
#Item .Carrier .Entry{}
#Item .Carrier .Entry + .Entry{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dotted #fff;
}
#Item .Carrier .Entry h3{}
#Item .Carrier .Entry h3 .main{
	font-size: 18px;
}
#Item .Carrier .Entry h3 .logo{
	width: 120px;
}
#Item .Carrier .Entry h3 .logo img{}
#Item .Carrier .Entry h4{
	font-size: 14px;
	line-height: 1.5;
}
#Item .Carrier .Entry dl{
	display: block;
	margin-bottom: 10px;
}
#Item .Carrier .Entry dt{
	width: 100%;
	margin-top: 0;
}
#Item .Carrier .Entry dd{
	padding-left: 0;
}
#Item .Carrier .Entry .btn{}
#Item .Carrier .Entry .btn a{
	font-size: 12px;
	padding: 10px 22px;
}
#Item .Carrier .Entry .btn a:after{}
#Item .Carrier .Entry .btn a:hover{}
#Item .Inner{}
#Item .Inner + .Inner{}
#Item .Inner .MainTitle{
	margin-bottom: 20px;
}
#Item .Inner .MainTitle:before{
	width: 40px;
}
#Item .Inner .MainTitle .main{
	font-size: 18px;
}
#Item .Inner .MainTitle .main:before,#Item .Inner .MainTitle .main:after{}
#Item .Inner .MainTitle .main strong{}
#Item .Inner .MainTitle.canada .main strong{}
#Item .Inner .MainTitle.nordic .main strong{}
#Item .Inner .MainTitle .sub{
	font-size: 14px;
}
#Item .Inner .ItemInner{
	width: 90%;
	display: block;
}
#Item .Inner .ItemInner .Entry{
	width: 100%;
}
#Item .ItemInner .Entry .main{
	padding: 10px;
}
#Item #canada .ItemInner .Entry .dst{}
#Item #nordic .ItemInner .Entry .dst{}