@charset "utf-8";

/* 基本設定 */
body{
	color:#000;
	font-size:18px;
	line-height: 1.4;
	letter-spacing: 1px;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 300;
	margin:0 auto;
	padding: 0;
	text-align:left;
	-webkit-text-size-adjust:100%;
    position:relative;
    word-break:break-all;
	max-width: 1920px;
	min-width: 1240px;
    box-sizing: border-box;
    font-feature-settings: "palt";
}
body *{
    box-sizing: border-box;
}
@media only screen and (max-width:767px){
	body{
		min-width: auto;
		font-size:14px;
	}
}

/* font */
.fBold{font-weight: bold;}

/*rollover*/
a{
    text-decoration: none;
    color: #000;
}
.ro a{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.ro a:hover{ 
    opacity:0.8;
    cursor: pointer;
}

.no_ro:hover{
	opacity:1 !important;
    cursor: pointer;
}

.brt{
	-webkit-transition: filter 0.2s ease-out !important;
	-moz-transition: filter 0.2s ease-out !important;
	-ms-transition: filter 0.2s ease-out !important;
	transition: filter 0.2s ease-out !important;
}
.brt:hover{ 
	opacity: 1 !important;
    -webkit-filter: brightness(1.1) !important;
    filter: brightness(1.1) !important;
    cursor: pointer;
}

/* wrapper */
.wrapper1920{
	width: 1920px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
}

.wrapper1080{
	width: 1080px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
}

.spOnly,
.brSp,
.imgSp{
	display:none;
}
@media only screen and (max-width:767px){
	.wrapper1920,
	.wrapper1080{
		width: 100%;
		max-width: 100%;
	}
    .wrapperSp{
        width: 92%;
        margin: 0 auto;
    }
	.spNone,
	.brPc,
	.imgPc{
		display:none;
	}
	.spOnly{
		display:block;
	}
	.brSp,
	.imgSp{
		display:inline;
	}
	.imgR{
		width:100%;
		height:auto;
	}
}


.main{
	position: relative;
	z-index: 1;
}
.main::after{
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100vh;
	width: 100vw;
	background:right bottom / contain no-repeat url(../img/bgMain.png) #E0E0E0;
	z-index: -1;
}

/* header */
.header .wrapper{
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 150px;
	margin: 0 auto;
	padding-top: 30px;
	z-index: 2;
}
.header .logo img{
	width: 200px;
	height: auto;
}
.header .linkList{
	position: fixed;
	top: 15px;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 0 15px 3px 0;
	border-right: solid 2px #3d3d3d;
}
.header .linkList li{
    padding-bottom: 5px;
	text-align: right;
}
.header .linkList li:last-child{
	padding-bottom: 0;
}
.header .linkList a{
	position: relative;
	font-size: 15px;
	font-family: "mr-eaves-modern", sans-serif;
	letter-spacing: 1px;
	line-height: 1;
	color: #adadad;
}
.header .linkList a:hover{
	color: #3d3d3d;
}
.header .btnMenu,
.header .bgNav{
	display: none;
}
@media only screen and (max-width:767px){
	.header .wrapper{
		width: 92%;
		max-width: none;
		height: auto;
		padding: 10px 0;
	}
	.header .logo img{
		width: 140px;
	}
	.header .btnMenu{
		position: fixed;
		top: 18px;
		right: 4%;
		display: block;
		width: 18px;
		height: 16px;
		z-index: 10;
	}
	.header .btnMenu span{
		position: absolute;
		left: 0;
		display: block;
		width: 18px;
		height: 2px;
		background: #1d1d1d;
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}
	.header .btnMenu span:nth-child(1){top: 0;}
	.header .btnMenu span:nth-child(2){top: 7px;}
	.header .btnMenu span:nth-child(3){top: 14px;}
	
	.menuOpen .header .btnMenu span:nth-child(2) {
		opacity: 0;
	}
	.menuOpen .header .btnMenu span:nth-child(1) {
		top: -2px;
		left: -2px;
		-webkit-transform: translateY(9px) rotate(45deg);
		transform: translateY(9px) rotate(45deg);
		width: 23px;
		background: #FFF;
	}
	.menuOpen .header .btnMenu span:nth-child(3) {
		top: -2px;
		left: -2px;
		-webkit-transform: translateY(9px) rotate(-45deg);
		transform: translateY(9px) rotate(-45deg);
		width: 23px;
		background: #FFF;
	}

	.header .bgNav{
		position: fixed;
		top: 0;
		bottom: 0;
		right: -100%;
		width: 100%;
		display: block;
		background: rgba(255,255,255,0.4);
		overflow: hidden;
	}
	.menuOpen .header .bgNav{
		right: 0;
	}
	.header nav{
		position: fixed;
		top: 0;
		bottom: 0;
		right: -74%;
		width: 74%;
		background: #000;
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		overflow: hidden;
		z-index: 1;
	}
	.menuOpen .header nav{
		right: 0;
	}
	.header .linkList{
		position: static;
		display: block;
		width: 100%;
		padding: 80px 30px;
	}
	.header .linkList li{
		padding: 0 0 50px;
	}
	.header .linkList a{
		font-size: 16px;
		letter-spacing: 3px;
		color: #FFF !important;
	}
	.header .linkList a:hover{
		color: #FFF !important;
	}
	.header .linkList a::after {
		content: "";
		position: absolute;
		left: -6px;
		right: calc(100% + 6px);
		height: 1px;
		bottom: -4px;
		background: linear-gradient(#FFF, #FFF) 100% 100% / 100% 1px no-repeat;
		overflow: hidden;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.header .linkList a:hover::after{
		right: 0;
	}
}

/*footer*/
.footer{
	position: relative;
	padding: 20px 0;
	background: #3d3d3d;
	text-align: center;	
	z-index: 1;
}
.footer .copy{
	font-size: 11px;
	letter-spacing: 2px;
	color: #FFF;
}

/*cmnTitBox*/
.cmnTitBox{
	display: flex;
	align-items: center;
}
.cmnTitBox .ico img{
	width: 55px;
	height: auto;
}
.cmnTitBox .cmnTit{
	padding-left: 5px;
	font-size: 28px;
	font-family: "mr-eaves-modern", sans-serif;
	letter-spacing: 3px;
}