@charset "UTF-8";

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

	Reset

==============================================================*/
html,
body,article,section,nav,aside,h1,h2,h3,h4,h5,h6,hgroup,header,footer,address,
p,ol,ul,li,dl,dt,dd,figure,figcaption,div,
em,strong,small,sub,sup,i,b,mark,span,
img,iframe,object,video,audio,
table,caption,tbody,thead,tfoot,tr,td,th,
canvas {
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	border:0;
	padding:0;
	margin:0;
	outline:0;
}
article,section,nav,aside,hgroup,header,footer,
figure,figcaption,main { 
	display:block;
}
h1,h2,h3,h4,h5,h6 {
	/*font-weight:normal;*/
}
address {
	font-weight:normal;
	font-style:normal;
}
ol,ul {
	list-style:none;
}
em {
	font-style:normal;
}
a {
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	padding:0;
	margin:0;
}
table {
	vertical-align:middle;
	border-collapse:collapse;
	border-spacing:0;
}
th {
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
}
td {
	vertical-align:middle;
}

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

	Global

==============================================================*/
*,*:before,*:after {
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	/*font-feature-settings:'palt';*/
}
html,body {
	height:100%;
	-webkit-text-size-adjust:100%;
}
html {
	font-size:10px;
	transition:font-size 0.1s ease-out;
	overflow-y:scroll;
}
html.is-font-size-large {
	font-size:11px;
}
body {
	position:relative;
	height:100%;
	/*font-family:'Noto Sans JP', serif;*/
	/*font-weight:400;*/
	/*font-size:1.6rem;*/
	/*text-align:left;*/
	/*line-height:1.8;*/
	letter-spacing:0;
	word-wrap:break-word;
	overflow-wrap:break-word;
	color:#000;
	background-color:#fff;
}
a {
	color:#000;
	text-decoration:none;
	transition:opacity 0.4s ease-out;
}
a:hover {
	color:#777;
}
img {
	width:auto;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}
@media screen and (max-width:1280px) {

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

}
@media screen and (max-width:1024px) {
html {
	font-size:9px;
}
}
@media screen and (max-width:767px) {
html {
	font-size:8px;
}
}
@media screen and (max-width:390px) {
html {
	font-size:7px;
}
}
@media screen and (max-width:375px) {
html {
	font-size:6px;
}
}
@media screen and (max-width:320px) {
html {
	font-size:6px;
}
}


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

	Overwrite

==============================================================*/
body.custom-background {
	background:transparent;
}
.footer {
	margin-top:0;
}

@font-face{
	font-family:'icomoon';
	src:url(/assets/webfonts/icomoon/fonts/icomoon.woff?v=2.7.0.2) format('woff');
	font-weight:400;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:'FontAwesome';
	src:url/assets/webfonts/fontawesome/css/../fonts/fontawesome-webfont.eot?v=4.7.0);
	src:url(/assets/webfonts/fontawesome/css/../fonts/fontawesome-webfont.eot?v=4.7.0) format('embedded-opentype'),
	url(/assets/webfonts/fontawesome/css/../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),
	url(/assets/webfonts/fontawesome/css/../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),
	url(/assets/webfonts/fontawesome/css/../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
	url(/assets/webfonts/fontawesome/css/../fonts/fontawesome-webfont.svg?v=4.7.0) format('svg');
	font-weight:400;
	font-style:normal;
	font-display:swap
}


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

	Effect

==============================================================*/
.collaboration .fadein {
	transform:translateY(50px);
	opacity:0;
}
.collaboration .fadein.show {
	animation:fadeInn 1s ease 0s forwards;
}

@keyframes fadeInn {
	0% {
		transform:translateY(50px);
		opacity:0;
		}
	100% {
		transform:translateY(0);
		opacity:1;
	}
}

.collaboration .br-sp {
	display:none;
}
@media screen and (max-width:767px) {
.collaboration .br-sp {
	display:block;
}
}

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

	Main

==============================================================*/
.collaboration {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-size:1.6rem;
	font-weight: 400;
	font-style: normal;
	text-align:center;
	line-height:1.4;
	color:#f15a24;
}
.collaboration b {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 800;
	font-style: normal;
}
.collaboration .container {
	width:100%;
	margin:0 auto;
	padding:0 20px;
}


/*==============================================================
	Logo
==============================================================*/
.collaboration .logo {
	padding:2.0rem 0;
}
.collaboration .logo .container {
	max-width:calc(540px + 40px);
}

/*==============================================================
	MV
==============================================================*/
.collaboration .mv img {
	width:100%;
}

/*==============================================================
	Detail
==============================================================*/
.collaboration .detail {
	background-color:#fcfad6;
	padding:2.5rem 0;
}

/*	Buy
==============================================================*/
.collaboration .buy .container {
	max-width:calc(1080px + 40px);
}
.collaboration h2 {
	font-size:4.2rem;
	text-align:center;
	line-height:1.2;
	padding:1.5rem 0;
}
.collaboration .name,
.collaboration .price {
	display:inline-block;
}
.collaboration .name span,
.collaboration .price span {
	transform:skewX(0.03deg);
}
.collaboration .name {
	padding-right:0.5em;
}
.collaboration .name span {
	display:inline-block;
}
.collaboration .num {
	font-size:6.4rem;
}
.collaboration .unit {
	font-size:3.6rem;
}

/* Button */
.collaboration .button {
	max-width:800px;
	margin:0 auto;
}
.collaboration .button a {
	display:block;
	color:#fff;
	background-color:#f15a24;
	border-radius:20px;
	padding:1.5rem 0;
	transition:background-color 0.3s cubic-bezier(.25,1,.5,1);/*easeOutQuart*/;
}
.collaboration .button a:hover {
	background-color:#f7a422;
}
.collaboration .button b,
.collaboration .button span {
	display:inline-block;
	transform:skewX(0.03deg);
}
.collaboration .button b {
	font-size:6.0rem;
}
@media screen and (max-width:767px) {
.collaboration .button b {
	font-size:5.0rem;
}
}

/*Direct Shop*/
.collaboration .direct-shop {
	font-size:2.0rem;
	padding:2.0rem 0 4.0rem;
}
.collaboration .direct-shop span {
	display:inline-block;
	transform:skewX(0.03deg);
}

/*	Present
==============================================================*/
.collaboration .present .container {
	max-width:1080px;
	padding:0;
}


/*	Copyright
==============================================================*/
.collaboration .copyright {
	color:#000;
	transform:skewX(0.03deg);
	padding:1.0rem 0 8.5rem;
}


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

	Loading

==============================================================*/
#loading {
	display:flex;
	justify-content:center;
	align-items:center;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:#d3381c;
	z-index:100000; 
	transition:all 0.6s ease 0.75s;
}
.loading_logo {
	width:120px;
	transition:all 0.6s ease 0.5s;
}

/*
.loading_logo {
  animation:rotation 4.0s linear infinite;
}
@keyframes rotation {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}
*/

@media screen and (max-width:767px) {
.loading_logo {
	width:120px;
}
}

.ready #loading,
.ready .loading_logo {
	opacity:0;
	visibility:hidden;

}


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

	Not Found

==============================================================*/
.not-found {
	padding:8em 0 4em;
}


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

	for IE

==============================================================*/
.for-ie {
	display:none;
}
.ie #loading,
.ie main,
.ie footer {

	display:none;
	

}
.ie .for-ie {
	display:block;
}