@charset "UTF-8";
/* CSS Document */


/* ////////////////////////////////////////////////////////////////////////////////

	Common

//////////////////////////////////////////////////////////////////////////////// */
@font-face {
	font-family: 'sns_ico';
	src:
		url('../fonts/sns_ico.ttf?sij4de') format('truetype'),
		url('../fonts/sns_ico.woff?sij4de') format('woff'),
		url('../fonts/sns_ico.svg?sij4de#sns_ico') format('svg');
	font-weight: normal;
	font-style: normal;
}

i.snsIcon {
	font-family: 'sns_ico' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	color: #000;
}

.icon-ap:before { content: "\e900";}
.icon-blo:before { content: "\e901";}
.icon-fb:before { content: "\e902";}
.icon-hp:before { content: "\e903";}
.icon-in:before { content: "\e904";}
.icon-line:before { content: "\e905";}
.icon-spo:before { content: "\e906";}
.icon-tt:before { content: "\e907";}
.icon-tw:before { content: "\e908";}
.icon-yt:before { content: "\e909";}
.icon-x:before { content: "\e90a";}
.icon-wb:before { content: "\e90b";}


html {
	scroll-behavior: smooth;
}
body {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: min(3.4vw, 16px);
	line-height: 1.8;
  letter-spacing: 0.05em;
	-webkit-text-size-adjust: 100%;
  color: #fff;
}


img {
	max-width: 100%;
	height: auto;
}
ul { list-style: none;}


@media screen and (min-width: 821px) {
	
	.sp { display: none;}
  
}
@media screen and (max-width: 820px) {
	
	.pc { display: none;}
	
}



/* ////////////////////////////////////////////////////////////////////////////////

	Footer

//////////////////////////////////////////////////////////////////////////////// */
footer {
  font-family: "source-han-sans-japanese", sans-serif;
	background-color: #000;
	color: #fff;
	position: relative;
  margin-top: min(10vw, 80px);
  z-index: 2;
}
footer .ftrSns {
	display: flex;
	border-bottom: #333 solid 1px;
}
footer .ftrSns li {
	width: 20%;
}
footer .ftrSns li + li {
	border-left: #333 solid 1px;
}
footer .ftrSns li a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 25px 30px;
	height: 100%;
}
footer .ftrSns li a i.snsIcon {
	color: #fff;
	font-size: 24px;
	margin-right: 20px;
}
footer .ftrSns li a span {
    width: 45px;
	line-height: 0;
	margin-right: 20px;
}

footer .ftrMain {
	padding: min(6vw, 60px) min(6vw, 60px) min(10vw, 100px);
}
footer .ftrMain .copyWrap {
	display: flex;
	align-items: center;
	width: 82%;
	max-width: 880px;
	margin: auto;
}
footer .ftrMain .copyWrap .logo {
	width: 140px;
	margin-right: 30px;
}
footer .ftrMain .copyWrap p {
	font-size: 12px;
	font-weight: 200;
}
footer .ftrMain .copyright {
	font-size: 10px;
	text-align: center;
	margin-top: 30px;
	font-weight: 200;
}


footer .ftrMain .ftrNav {
	width: 50%;
	display: flex;
}
footer .ftrMain .ftrNav ul {
	width: 50%;
	border-left: #333 solid 1px;
	padding: 0 6%;
}
footer .ftrMain .ftrNav li + li {
	margin-top: 8px;
}
footer .ftrMain .ftrNav a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
footer .ftrMain .ftrSubNav {
	width: 25%;
	border-left: #333 solid 1px;
	padding: 0 3%;
}
footer .ftrMain .ftrSubNav li + li {
	margin-top: 8px;
}
footer .ftrMain .ftrSubNav a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

@media screen and (max-width: 820px) {

	footer .ftrSns {
		display: flex;
		flex-wrap: wrap;
	}
	footer .ftrSns li {
		width: 50%;
	}
	footer .ftrSns li:last-child {
		width: 100%;
	}
	footer .ftrSns li + li {
		border-left: none;
	}
	footer .ftrSns li:nth-child(even) {
		border-left: #333 solid 1px;
	}
	footer .ftrSns li:nth-child(n+3) {
		border-top: #333 solid 1px;
	}

	footer .ftrSns li a {
    	font-size: min(2.6vw, 12px);
		padding: min(4vw, 25px) min(5vw, 30px);
	}
	footer .ftrSns li a i.snsIcon {
		font-size: min(6vw, 24px);
		margin-right: min(3vw, 20px);
	}
	footer .ftrSns li a span {
		width: min(14vw, 45px);
		margin-right: min(4vw, 20px);
	}
	footer .ftrSns li:last-child a {
		justify-content: center;
	}

	footer .ftrMain {
	  padding: min(6vw, 60px) min(6vw, 60px) min(22vw, 100px);
	}
	footer .ftrMain .copyWrap {
		flex-direction: column;
	}
	footer .ftrMain .copyWrap .logo {
		width: 42%;
		max-width: 160px;
		margin: 0 auto min(8vw, 30px);
	}
	footer .ftrMain .copyWrap p {
		font-size: min(3vw, 12px);
	}
	footer .ftrMain .copyright {
		font-size: min(2.2vw, 10px);
		margin-top: min(8vw, 30px);
	}

}

.cookie {
    position: fixed;
    bottom: 8px;
    left: 17%;
    width: 66%;
    z-index: 9999;
}
.cookie > div {
    padding: 16px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .3);
}
.cookie > div p {
    font-size: 12px;
    font-weight: 200;
    letter-spacing: 0;
    line-height: 1.6;
    text-align: left;
    flex: 1;
}
.cookie ul {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}
.cookie ul li [type="button"] {
    background-color: #000;
    padding: 10px;
    color: #fff;
    width: 100%;
    font-size: 12px;
}
.cookie ul li a {
    color: #000;
    text-decoration: underline;
    font-size: 12px;
    letter-spacing: 0;
}

@media screen and (max-width: 820px) {
    .cookie {
        left: 3%;
        width: 94%;
    }
    .cookie > div {
        padding: 12px;
        display: flex;
        flex-direction: column;
    }
    .cookie > div p {
        font-size: 11px;
    }
    .cookie ul {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
    }
    .cookie ul li {
        width: 48%;
    }
    .cookie ul li [type="button"] {
        padding: 8px 16px;
        font-size: 10px;
    }
    .cookie ul li a {
        font-size: 10px;
    }
}