@charset "UTF-8";

.swiper {
	overflow: visible;
}

/* ==================================================

HEADER

*/
.header {
	top: 4.5rem;
	left: 50%;
	margin-left: -5.5rem;
}
.header .logo {
	width: 11rem;
}
@media screen and (max-width: 781px) {
	.header {
		top: 4.5rem;
		left: 50%;
		margin-left: -4.2rem;
	}
	.header .logo {
		width: 8.4rem;
	}
}

/* ==================================================

MAIN

*/
.p-main {
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 4rem;
	height: 60rem;
	background-color: #000;
	color: #FFF;
}
.p-main::after {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	background-color: rgba(0,0,0,0.6);
}
.p-main .video {
	position: absolute;
	inset: 0;
}
.p-main .video .player {
	position: absolute;
}
.p-main .video .player iframe {
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.p-main .content {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p-main .content h1 {
	text-align: center;
	line-height: 1;
}
.p-main .content h1 span {
	display: block;
	font-weight: 700;
	font-size: 5.8rem;
	letter-spacing: 0.11em;
}
.p-main .content h1 em {
	display: block;
	margin-top: 1.5rem;
	padding-top: 2rem;
	border-top: 1px solid #E1E1E1;
	font-weight: 600;
	font-size: 2.4rem;
}
.p-main nav {
	position: fixed;
	z-index: 90;
	top: 4rem;
	left: 5rem;
	font-size: 1rem;
	mix-blend-mode: difference;
	-webkit-mix-blend-mode: difference;
}
.p-main nav ul {
	display: flex;
	gap: 2rem;
}
.p-main nav ul a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.p-main nav ul i {
	display: block;
	margin-bottom: 0.6rem;
	font-size: 2.6rem;
}
.p-main nav.hover {
	mix-blend-mode: normal;
	-webkit-mix-blend-mode: normal;
}
.p-main nav.hover ul a {
	opacity: 0;
	color: #C00;
}

@media screen and (min-width: 782px) and (any-hover: hover) {
	.p-main nav.hover ul a {
		transition: opacity 0.4s ease;
	}
	.p-main nav.hover ul a:hover {
		opacity: 1;
	}
}

@media screen and (max-width: 980px) {
	.p-main nav {
		position: absolute;
		top: auto;
		right: auto;
		bottom: 6rem;
		left: 0;
		width: 100%;
	}
	.p-main nav ul {
		justify-content: center;
	}
}

@media screen and (max-width: 781px) {
	.p-main {
		padding-top: 0;
	}
	.p-main .content h1 span {
		font-size: 3.2rem;
	}
	.p-main .content h1 em {
		margin-top: 1rem;
		padding-top: 1.5rem;
		font-size: 1.6rem;
	}
	.p-main nav {
		bottom: 4rem;
	}
}

/* ==================================================

TOPICS

*/
.p-topics {
	padding: 10rem 0 7rem 0;
	background-color: #CCC;
	background-repeat: repeat;
	background-image: url(../img/common/pattern01.png);
	background-size: 3rem 3rem;
}
.p-topics .wrapper {
	padding: 0 0 0 2rem;
}
.p-topics .list .item {
	position: relative;
	flex-basis: 25%;
}
.p-topics .list .item .frame {
	display: block;
	padding: 3rem 3rem;
	height: 100%;
}
.p-topics .list .item::after {
	content: '';
	display: block;
	position: absolute;
	top: 3rem;
	bottom: 3rem;
	right: 0;
	width: 1px;
	background-color: #FFF;
}
.p-topics .list .item .c-thumb {
	margin-bottom: 2rem;
}
.p-topics .list .item .c-thumb span {
	padding-top: 56.25%;
	height: 0;
}
.p-topics .list .item .detail {
	flex: 1;
	font-size: 1.4rem;
}
.p-topics .list .item .detail .category {
	display: flex;
	font-size: 1.2rem;
	line-height: 1.1;
}
.p-topics .list .item .detail .category span {
	display: block;
	padding: 0.8rem 1rem 0.6rem 1rem;
	background-color: #333;
	color: #FFF;
}
.p-topics .list .item .detail .date {
	margin: 1rem 0 0.8rem 0;
	font-size: 1.2rem;
	line-height: 1.1;
}
.p-topics .list .item .detail h3 {
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1.5;
}
.p-topics .list .item .detail .link {
	margin-top: 0.6rem;
}
.p-topics .list .item .detail .link em {
	text-decoration: underline;
}
.p-topics .list .item .detail .link i {
	display: inline-block;
	color: #C00;
}
@media screen and (min-width: 782px) and (any-hover: hover) {
	.p-topics .list a {
		position: relative;
		transition: box-shadow 0.3s ease;
	}
	.p-topics .list a:hover {
		z-index: 100;
		box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.5);
	}
}

@media screen and (max-width: 781px) {
	.p-topics {
		padding: 4rem 0;
	}
	.p-topics .wrapper {
		padding: 0 0 0 1rem;
	}
	.p-topics .list {
		margin: 2rem 0 0 0;
	}
	.p-topics .list .item {
		width: calc(50vw - 1rem);
		padding: 0 1rem;
		flex-basis: auto;
	}
	.p-topics .list .item .frame {
		display: block;
		padding: 0;
	}
	.p-topics .list .item::after {
		top: 0;
		bottom: 0;
	}
	.p-topics .list .item .c-thumb {
		margin-bottom: 1rem;
	}
	.p-topics .list .item .detail {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
	}
	.p-topics .list .item .detail .date {
		margin: 1rem 0 0.8rem 0;
	}
	.p-topics .list .item .detail h3 {
		font-size: 1.4rem;
	}
	.p-topics .list .item .detail .link {
		margin-top: 0.6rem;
		font-size: 1.2rem;
	}
}

/* ==================================================

STOCKLIST

*/
.p-stocklist {
	padding: 10rem 0;
	background-color: #000;
	background-repeat: repeat;
	background-image: url(../img/common/pattern02.png);
	background-size: 3rem 3rem;
	color: #FFF;
}
.p-stocklist .c-head .c-link {
	margin-bottom: 3rem;
}

@media screen and (max-width: 781px) {
	.p-stocklist {
		padding: 4rem 0;
	}
	.p-stocklist .c-head .c-link {
		margin-bottom: 2rem;
	}
}

/* LIST */
.p-stocklist .list {
	margin: 0 0 1rem -1px;
	padding: 2rem 0 4rem 0;
}
.p-stocklist .list .item {
	flex-basis: 25%;
	font-size: 1.4rem;
}
.p-stocklist .list .item .frame {
	display: block;
	margin: 0 -1px 0 0;
	padding: 3rem;
	height: 100%;
	border: 1px solid #333;
}
.p-stocklist .list .item .c-thumb {
	margin-bottom: 2rem;
}
.p-stocklist .list .item .c-thumb span {
	padding-top: 66.25%;
	height: 0;
}
.p-stocklist .list .item .brand {
}
.p-stocklist .list .item .c-title {
	margin: 1rem 0;
	font-size: 1.6rem;
}
.p-stocklist .list .item .price {
	display: flex;
	align-items: center;
	margin: 0.5rem 0;
	font-weight: 600;
	line-height: 1.1;
	white-space: nowrap;
}
.p-stocklist .list .item .price span {
	display: block;
}
.p-stocklist .list .item .price em {
	display: block;
	padding: 0 0.3rem;
	font-weight: 700;
	font-size: 3.6rem;
	color: #C00;
}
.p-stocklist .list .item .info {
	font-weight: 600;
}
.p-stocklist .list .item .info span:not(:last-child)::after {
	content: '｜';
}
.p-stocklist .list .item .c-more {
	margin-top: 0.5rem;
}

@media screen and (min-width: 782px) and (any-hover: hover) {
	.p-stocklist .list .item .frame {
		position: relative;
		transition: box-shadow 0.3s ease;
	}
	.p-stocklist .list .item .frame:hover {
		z-index: 100;
		box-shadow: 0px 0px 4rem 0px rgba(255,255,255,0.5);
	}
}

@media screen and (max-width: 781px) {
	.p-stocklist .list {
		margin: 3rem 0 4rem -1px;
		padding: 0;
	}
	.p-stocklist .list .item {
		width: 50.1vw;
		flex-basis: auto;
		font-size: 1.2rem;
	}
	.p-stocklist .list .item .frame {
		padding: 2rem;
	}
	.p-stocklist .list .item .c-thumb {
		margin-bottom: 1rem;
	}
	.p-stocklist .list .item .c-title {
		margin: 0.5rem 0;
		font-size: 1.4rem;
	}
	.p-stocklist .list .item .price {
		font-size: 1rem;
	}
	.p-stocklist .list .item .price em {
		position: relative;
		top: 0.1rem;
		padding: 0 0.1rem;
		font-size: 2.9rem;
	}
}

/* BRAND */
.p-stocklist .c-list-brand {
	margin: 2rem 0 5rem 0;
	color: #000;
}

@media screen and (max-width: 781px) {
	.p-stocklist .c-list-brand {
		margin: 2rem 0 4rem 0;
	}
}

/* SEARCH */
.p-stocklist .list-search {
	margin: 2rem 0 0 0;
}
.p-stocklist .list-search h4 {
	margin-bottom: 2rem;
	font-weight: 600;
	font-size: 1.6rem;
}
.p-stocklist .list-search select {
	display: block;
	padding: 1.5rem 2rem;
	width: 100%;
	border-radius: 0.5rem;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url(../img/common/form-select.svg);
	background-size: 4rem 1rem;
	font-size: 1.6rem;
	color: #000;
}
.p-stocklist .list-search .wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 4rem 0;
	margin: 0 -2.5rem;
}
.p-stocklist .list-search .wrap .item {
	flex-basis: 50%;
	padding: 0 2.5rem;
}
.p-stocklist .list-search .wrap .item-half {
	flex-basis: 25%;
	padding: 0 2.5rem;
}
.p-stocklist .list-search .row {
	display: flex;
	align-items: center;
	gap: 2rem;
}
.p-stocklist .list-search .row > div {
	width: 100%;
}
.p-stocklist .list-search .row .center {
	width: auto;
}
.p-stocklist .list-search .bodytype {
	margin-top: 4rem;
	color: #000;
}
.p-stocklist .list-search .bodytype ul {
	display: flex;
	gap: 0.5rem;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.2;
}
.p-stocklist .list-search .bodytype ul li {
	width: 100%;
}
.p-stocklist .list-search .bodytype ul li .box {
	position: relative;
}
.p-stocklist .list-search .bodytype ul li .box input {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.p-stocklist .list-search .bodytype ul li .box div {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 11.4rem;
	background-color: #000;
}
.p-stocklist .list-search .bodytype ul li .box div::before {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	background-color: #FFF;
	transition: inset 0.2s ease;
}
.p-stocklist .list-search .bodytype ul li .box div > * {
	position: relative;
}
.p-stocklist .list-search .bodytype ul li .box img {
	margin: 0 0 1rem 0;
	width: 8rem;
}
.p-stocklist .list-search .bodytype ul li .box input:checked + div::before {
	inset: 0.5rem;
}
.p-stocklist .list-search .foot {
	display: flex;
	justify-content: center;
	margin-top: 4rem;
}
.p-stocklist .list-search .foot button {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0.1em 2rem 0 2rem;
	width: 30rem;
	height: 5.6rem;
	background-color: #FFF;
	font-size: 1.6rem;
	color: #000;
}
.p-stocklist .list-search .foot button i {
	position: absolute;
	top: 50%;
	right: 2rem;
	margin-top: -1.2rem;
	font-size: 2.4rem;
	color: #C00;
}

@media screen and (max-width: 980px) {
	.p-stocklist .list-search .wrap .item {
		flex-basis: 100%;
	}
	.p-stocklist .list-search .wrap .item-half {
		flex-basis: 50%;
	}
	.p-stocklist .list-search .bodytype ul {
		flex-wrap: wrap;
		gap: 0.6rem 0;
		margin: 0 -0.3rem;
	}
	.p-stocklist .list-search .bodytype ul li {
		flex-basis: calc(100% / 4);
		padding: 0 0.3rem;
	}
}

@media screen and (max-width: 781px) {
	.p-stocklist .list-search {
		margin: 2rem 0 0 0;
	}
	.p-stocklist .list-search h4 {
		margin-bottom: 0.5rem;
		font-size: 1.4rem;
	}
	.p-stocklist .list-search select {
		padding: 1rem 2rem 1rem 1rem;
		background-size: 4rem 1rem;
		font-size: 1.4rem;
	}
	.p-stocklist .list-search .wrap {
		display: block;
		margin: 0;
	}
	.p-stocklist .list-search .wrap .item {
		margin-bottom: 2rem;
		padding: 0;
	}
	.p-stocklist .list-search .wrap .item-half {
		margin-bottom: 2rem;
		padding: 0;
	}
	.p-stocklist .list-search .row {
		gap: 1rem;
	}
	.p-stocklist .list-search .bodytype {
		margin-top: 0;
	}
	.p-stocklist .list-search .bodytype ul {
		gap: 0.2rem 0;
		margin: 0 -0.1rem;
		font-size: 1.2rem;
	}
	.p-stocklist .list-search .bodytype ul li {
		flex-basis: calc(100% / 3);
		padding: 0 0.1rem;
	}
	.p-stocklist .list-search .bodytype ul li .box div {
		height: 10rem;
	}
	.p-stocklist .list-search .bodytype ul li .box img {
		margin: 0 0 0.5rem 0;
		width: 6rem;
	}
	.p-stocklist .list-search .foot {
		margin-top: 3rem;
	}
	.p-stocklist .list-search .foot button {
		padding: 0.1em 2rem 0 2rem;
		width: 100%;
		height: 6rem;
		font-size: 1.4rem;
	}
	.p-stocklist .list-search .foot button i {
		margin-top: -1rem;
		font-size: 2rem;
	}
}

/* ==================================================

DIALY

*/
.p-diary {
	padding: 10rem 0;
	background-color: #000;
	background-repeat: repeat;
	background-image: url(../img/common/pattern02.png);
	background-size: 3rem 3rem;
	color: #FFF;
}
.p-diary .list {
	display: flex;
	flex-wrap: wrap;
	margin: 5rem 0 0 -1px;
	border-top: 1px solid #333;
}
.p-diary .list .item {
	flex-basis: calc(100% / 4);
	font-size: 1.4rem;
}
.p-diary .list .item .frame {
	margin: 0 -1px 0 0;
	padding: 3rem 3rem 1.5rem 3rem;
	height: 100%;
	border: 1px solid #333;
	border-top: 0;
}
.p-diary .list .item[aria-hidden="true"] .content {
	display: none;
}
.p-diary .list .item[aria-hidden="false"] .c-loading {
	display: none;
}
.p-diary .list .item .c-loading {
	padding: 0 0 2rem 0;
}
.p-diary .list .item .c-thumb span {
	padding-top: 66.25%;
	height: 0;
}
.p-diary .list .item .c-title {
	margin-top: 2rem;
}
.p-diary .list .item ul li {
	border-bottom: 1px solid #333;
}
.p-diary .list .item ul li a {
	display: block;
	padding: 2rem 0;
}
.p-diary .list .item ul li .date {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 1.2rem;
}
.p-diary .list .item ul li em {
	display: flex;
	position: relative;
	font-weight: 600;
	padding-right: 2.5rem;
}
.p-diary .list .item ul li em span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.p-diary .list .item ul li em i {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -1rem;
	font-size: 2rem;
	color: #C00;
}
.p-diary .list .item .more a {
	position: relative;
	display: block;
	padding: 2rem 2.5rem 2rem 0;
	font-weight: 300;
	word-break: break-all;
}
.p-diary .list .item .more a i {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -1rem;
	font-size: 2rem;
	color: #C00;
}

@media screen and (min-width: 782px) and (any-hover: hover) {
	.p-diary .list .item .more a {
		transition: color 0.3s ease;
	}
	.p-diary .list .item .more a:hover {
		color: #C00;
	}
}

@media screen and (max-width: 1200px) {
	.p-diary .list .item {
		flex-basis: calc(100% / 3);
	}
}

@media screen and (max-width: 980px) {
	.p-diary .list .item {
		flex-basis: calc(100% / 2);
	}
}

@media screen and (max-width: 781px) {
	.p-diary {
		padding: 4rem 0;
	}
	.p-diary .list {
		margin: 3rem 0 0 -1px;
	}
	.p-diary .list .item {
		font-size: 1.2rem;
	}
	.p-diary .list .item .frame {
		padding: 2rem 2rem 0.5rem 2rem;
	}
	.p-diary .list .item .c-loading {
		padding: 0 0 2rem 0;
	}
	.p-diary .list .item .c-title {
		margin-top: 1rem;
	}
	.p-diary .list .item ul li a {
		padding: 1rem 0;
	}
	.p-diary .list .item ul li .date {
		margin-bottom: 0.3rem;
		font-size: 1rem;
	}
	.p-diary .list .item ul li em {
		padding-right: 2.5rem;
	}
	.p-diary .list .item ul li em span {
		-webkit-line-clamp: 2;
	}
	.p-diary .list .item .more a {
		padding: 1rem 2.5rem 1rem 0;
	}
}

/* ==================================================

COSTOMIZE

*/
.p-customize {
	padding: 10rem 0 6rem 0;
	background-color: #CCC;
	background-repeat: repeat;
	background-image: url(../img/common/pattern01.png);
	background-size: 3rem 3rem;
}
.p-customize .c-heading {
	margin: 0 0 3rem 0;
}

@media screen and (max-width: 781px) {
	.p-customize {
		padding: 4rem 0;
	}
}

/* PICKUP */
.p-customize .list-pickup {
	margin: 0 0 1rem -1px;
	padding: 2rem 0 4rem 0;
}
.p-customize .list-pickup .item {
	flex-basis: 25%;
}
.p-customize .list-pickup .item .frame {
	display: block;
	margin: 0 -1px 0 0;
	padding: 3rem 3rem 2.5rem 3rem;
	height: 100%;
	border: 1px solid #FFF;
}
.p-customize .list-pickup .item .c-thumb span {
	padding-top: 56.25%;
	height: 0;
}
.p-customize .list-pickup .item .c-title {
	margin: 2rem 0 1rem 0;
}

@media screen and (min-width: 782px) and (any-hover: hover) {
	.p-customize .list-pickup .item .frame {
		position: relative;
		transition: box-shadow 0.3s ease;
	}
	.p-customize .list-pickup .item .frame:hover {
		z-index: 100;
		box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.5);
	}
}

@media screen and (max-width: 781px) {
	.p-customize .list-pickup {
		margin: 3rem 0 4rem -1px;
		padding: 0;
	}
	.p-customize .list-pickup .item {
		width: 50.1vw;
		flex-basis: auto;
	}
	.p-customize .list-pickup .item .frame {
		padding: 2rem 2rem 1.5rem 2rem;
	}
	.p-customize .list-pickup .item .c-title {
		margin: 1rem 0 1rem 0;
	}
}

/* BRAND */
.p-customize .c-list-brand {
	margin: 2rem 0 1rem 0;
}

@media screen and (max-width: 781px) {
	.p-customize .c-list-brand {
		margin: 3rem 0 4rem 0;
	}
}

/* LINK CUSTOMIZE */
.p-customize .link-customize {
	display: flex;
	justify-content: center;
	margin: 5rem 0;
}
.p-customize .link-customize a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 2rem;
	width: 30rem;
	height: 5.6rem;
	background-color: #000;
	color: #FFF;
}
.p-customize .link-customize i {
	position: absolute;
	top: 50%;
	right: 2rem;
	margin-top: -1rem;
	font-size: 2rem;
	color: #C00;
}

@media screen and (max-width: 781px) {
	.p-customize .link-customize {
		margin: 4rem 0;
	}
	.p-customize .link-customize a {
		padding: 0.1em 2rem 0 2rem;
		width: 100%;
		height: 6rem;
		font-size: 1.4rem;
	}
}

/* WORKS */
.p-customize .list-works {
	margin: 0 0 0 -1px;
	padding: 4rem 0;
}
.p-customize .works-content[aria-hidden="true"] .list-works {
	display: none;
}
.p-customize .works-content[aria-hidden="false"] .c-loading {
	display: none;
}
.p-customize .works-content .c-loading {
	padding: 5rem 0 0 0;
}
.p-customize .list-works .item {
	flex-basis: 25%;
}
.p-customize .list-works .item .frame {
	display: block;
	margin: 0 -1px 0 0;
	padding: 3rem 3rem 2.5rem 3rem;
	height: 100%;
	border: 1px solid #FFF;
}
.p-customize .list-works .item .c-thumb span {
	padding-top: 56.25%;
	height: 0;
}
.p-customize .list-works .item .date {
	margin: 2rem 0 1rem 0;
	font-size: 1.2rem;
}

@media screen and (min-width: 782px) and (any-hover: hover) {
	.p-customize .list-works .item .frame {
		position: relative;
		transition: box-shadow 0.3s ease;
	}
	.p-customize .list-works .item .frame:hover {
		z-index: 100;
		box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.5);
	}
}

@media screen and (max-width: 781px) {
	.p-customize .list-works {
		margin: 3rem 0 0 -1px;
		padding: 0;
	}
	.p-customize .works-content .c-loading {
		padding: 4rem 0 0 0;
	}
	.p-customize .list-works .item {
		width: 50.1vw;
		flex-basis: auto;
	}
	.p-customize .list-works .item .frame {
		padding: 2rem 2rem 1.5rem 2rem;
	}
	.p-customize .list-works .item .date {
		margin: 1rem 0 0.5rem 0;
		font-size: 1rem;
	}
}

/* ==================================================

YOUTUBE

*/
.p-youtube {
	padding: 10rem 0 6rem 0;
	background-color: #000;
	background-repeat: repeat;
	background-image: url(../img/common/pattern02.png);
	background-size: 3rem 3rem;
	color: #FFF;
}
.p-youtube .main {
	position: relative;
	overflow: hidden;
	margin: 4rem auto 5rem auto;
	width: 100%;
	max-width: 95.4rem;
}
.p-youtube .main .video {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
	height: 0;
}
.p-youtube .main .video .player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.p-youtube .main .video .player iframe {
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.p-youtube .list {
	margin: 0 0 0 -1px;
	padding: 2rem 0 4rem 0;
}
.p-youtube .list .item {
	flex-basis: 25%;
	font-size: 1.4rem;
}
.p-youtube .list .item .frame {
	display: block;
	margin: 0 -1px 0 0;
	padding: 3rem 3rem 2.5rem 3rem;
	height: 100%;
	border: 1px solid #333;
}
.p-youtube .list .item .c-thumb span {
	padding-top: 56.25%;
	height: 0;
}
.p-youtube .list .item .c-title {
	margin: 2rem 0 1rem 0;
}

@media screen and (min-width: 782px) and (any-hover: hover) {
	.p-youtube .list .item .frame {
		position: relative;
		transition: box-shadow 0.3s ease;
	}
	.p-youtube .list .item .frame:hover {
		z-index: 100;
		box-shadow: 0px 0px 4rem 0px rgba(255,255,255,0.5);
	}
}

@media screen and (max-width: 1200px) {
	.p-youtube .list {
		margin: 4rem 0 0 -1px;
		padding: 0;
	}
}

@media screen and (max-width: 781px) {
	.p-youtube {
		padding: 4rem 0;
	}
	.p-youtube .main {
		margin: 3rem 0 3rem 0;
	}
	.p-youtube .list {
		margin: 3rem 0 0 0;
	}
	.p-youtube .list .item {
		width: 50.1vw;
		flex-basis: auto;
		font-size: 1.4rem;
	}
	.p-youtube .list .item .frame {
		padding: 2rem 2rem 1.5rem 2rem;
	}
	.p-youtube .list .item .c-title {
		margin: 1rem 0 1rem 0;
	}
}

/* ==================================================

BRAND

*/
.p-brand {
	padding: 10rem 0;
	background-color: #FFF;
}
.p-brand .list {

}
.p-brand .list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 -1px;
	padding-top: 1px;
}
.p-brand .list ul li {
	flex-basis: calc(100% / 12);
}
.p-brand .list ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: -1px -1px 0 0;
	height: 7rem;
	border: 1px solid #EEE;
}
.p-brand .list ul li img {
	max-width: 7rem;
}
.p-brand .list ul li:first-child a {
	border-left: 0;
}

@media screen and (min-width: 782px) and (any-hover: hover) {
	.p-brand .list ul li a {
		transition: box-shadow 0.3s ease 0s;
	}
	.p-brand .list ul li a:hover {
		z-index: 100;
		box-shadow: 0px 0px 20px 4px #CCC;
	}
}

@media screen and (min-width: 1201px) {
	.p-brand .list ul li:nth-child(12n) a {
		border-right: 0;
	}
	.p-brand .list ul li:nth-child(12n+1) a {
		border-left: 0;
	}
}

@media screen and (min-width: 981px) and (max-width: 1200px) {
	.p-brand .list ul li {
		flex-basis: calc(100% / 8);
	}
	.p-brand .list ul li:nth-child(8n) a {
		border-right: 0;
	}
	.p-brand .list ul li:nth-child(8n+1) a {
		border-left: 0;
	}
}

@media screen and (min-width: 782px) and (max-width: 980px) {
	.p-brand .list ul li {
		flex-basis: calc(100% / 6);
	}
	.p-brand .list ul li:nth-child(6n) a {
		border-right: 0;
	}
	.p-brand .list ul li:nth-child(6n+1) a {
		border-left: 0;
	}
}

@media screen and (max-width: 781px) {
	.p-brand {
		padding: 4rem 0;
	}
	.p-brand .l-container {
		padding: 0;
	}
	.p-brand .list ul {
		margin: 0 0 0 -1px;
		padding-top: 1px;
	}
	.p-brand .list ul li {
		flex-basis: calc(100% / 4);
	}
	.p-brand .list ul li a {
		padding: 1rem;
		height: 7rem;
	}
	.p-brand .list ul li:nth-child(4n) a {
		border-right: 0;
	}
	.p-brand .list ul li:nth-child(4n+1) a {
		border-left: 0;
	}
	.p-brand .list ul li img {
		max-width: 6rem;
	}
}