@charset "utf-8";


/*
 * mainview
 */

/* @smartphone */
@media screen and (max-width: 767px) {
#mainview {
	position: relative;
}
	#mainview > .wrap {
		-webkit-transition: 1.0s linear;
		-moz-transition: 1.0s linear;
		-o-transition: 1.0s linear;
		transition: 1.0s linear;
		opacity: 0;
	}
	#mainview > .wrap.show {
		opacity: 1;
	}
		/* image */
		#mainview figure {
			display: block;
			padding-top: 47.2%;
			background-color: #000;
			/*background-image: url(../img/sp/mainview_img.jpg);*/
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		/* movie */
		#mainview .movie {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 47.2vw;
			overflow: hidden;
			opacity: 0;
		}
		/* article */
		#mainview .article {
			padding-top: 7.467%;
			padding-bottom: 14.933%;
		}
			#mainview .article h2 {
				display: block;
				padding-top: 9%;
				background-image: url(../img/sp/mainview_logo.png);
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
				#mainview .article h2 i {
					display: none;
				}
			#mainview .article p {
				padding-top: 6.933%;
				font-size: 13px;
				font-size: 3.333vw;
				color: #000;
				line-height: 1.6;
				text-align: center;
			}
		/* scroll */
		#mainview .scroll {
			display: none;
		}
		/* line */
		#mainview .line {
			position: absolute;
			left: 50%;
			bottom: 0;
			display: block;
			width: 26.666%;
			height: 1px;
			margin-left: -13.333%;
			border-bottom: 0.99px solid #a7a7a7;
		}
}

/* @monitor */
@media screen and (min-width: 768px) {
#mainview {
	position: relative;
	/*padding-top: 55.555%;*/
	overflow: hidden;
}
#mainview .sp-obj {
	display: none;
}
	#mainview > .wrap {
		-webkit-transition: 1.0s linear;
		-moz-transition: 1.0s linear;
		-o-transition: 1.0s linear;
		transition: 1.0s linear;
		opacity: 0;
	}
	#mainview > .wrap.show {
		opacity: 1;
	}
		/* image */
		#mainview figure {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			display: block;
			background-color: #000;
			/*background-image: url(../img/mainview_img.jpg);*/
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		/* movie */
		#mainview .movie {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			opacity: 0;
		}
		/* article */
		#mainview .article {
			position: absolute;
			left: 0;
			top: 44%;
			display: block;
			width: 100%;
			margin-top: -135px;
		}
			#mainview .article h2 {
				display: block;
				height: 36px;
				background-image: url(../img/mainview_logo.png);
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
			#mainview .article p {
				padding-top: 42px;
				font-size: 14px;
				color: #fff;
				line-height: 2;
				text-align: center;
			}
				#mainview .article p .sp {
					display: none;
				}
		/* scroll */
		#mainview .scroll {
			position: absolute;
			left: 50%;
			bottom: 3%;
			display: block;
			width: 80px;
			height: 80px;
			margin-left: -40px;
			background-image: url(../../common/img/scroll.png);
			background-repeat: no-repeat;
			background-size: contain;
			-webkit-transition: 0.5s linear;
			-moz-transition: 0.5s linear;
			-o-transition: 0.5s linear;
			transition: 0.5s linear;
		}
		#mainview .scroll.hover {
			opacity : 0.5;
		}
		/* line */
		#mainview .line {
			display: none;
		}
}





/*
 * store
 */

/* @smartphone */
@media screen and (max-width: 767px) {
#store {

}
#store .pc-obj {
	display: none;
}
	/* header */
	#store .header {
		padding-top: 10.667%;
		padding-bottom: 9.067%;
	}
		#store h2 {
			display: block;
			font-size: 33px;
			font-size: 8.8vw;
			color: #373737;
			line-height: 1.1;
			text-align: center;
		}
	/* article */
	#store .article {

	}
		/* item */
		#store .item {
			padding-bottom: 21.333%;
		}
			#store .item figure {
				padding-top: 53.333%;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}
			#store .item .content {
				text-align: center;
			}
				#store .item h3 {
					padding-left: 29.5%;
					padding-right: 8%;
					padding-top: 8.533%;
				}
				html[lang="en"] #store .item h3 {
					padding-left: 10%;
				}
					#store .item h3 em {
						display: block;
						padding-top: 14.773%;
						background-repeat: no-repeat;
						background-position: left;
						background-size: contain;
					}
						#store .item h3 em i {
							display: none;
						}
				#store .item table {
					width: 100%;
					margin-top: 6.4%;
					margin-bottom: 6.4%;
				}
					#store .item tr {
						
					}
						#store .item th {
							width: 24%;
							padding: 2.667% 0;
							font-size: 13px;
							font-size: 3.467vw;
							font-weight: bold;
							line-height: 1.538;
							white-space: nowrap;
							text-align: right;
						}
						#store .item td {
							width: 76%;
							padding: 2.667% 0;
							padding-left: 5.6%;
							font-size: 13px;
							font-size: 3.467vw;
							line-height: 1.538;
							text-align: left;
						}
							#store .item td span {
								font-size: 11px;
								font-size: 2.933vw;
							}
							#store .item td a {
								color: #161616;
								/*text-decoration: none;*/
							}
				#store .item .content > a {
					display: block;
					width: 36%;
					margin: 0 auto;
					border: 0.99px solid #a7a7a7;
					text-decoration: none;
				}
					#store .item .content > a span {
						display: block;
						padding: 10% 0;
						font-size: 13px;
						font-size: 3.467vw;
						color: #373737;
						line-height: 1.1;
						white-space: nowrap;
						text-align: center;
					}
						#store .item .content > a i {
							padding-right: 16%;
							background-image: url(../../common/img/arrow_s_black.png);
							background-repeat: no-repeat;
							background-position: right;
							background-size: auto 60%;
						}
		/* item.mctt_roppongi */
		#store .item.mctt_roppongi {}
			#store .item.mctt_roppongi figure {
				background-image: url(../img/store_roppongi_img.jpg);
			}
					#store .item.mctt_roppongi h3 em {
						background-image: url(../img/store_roppongi_title.png);
					}
					html[lang="en"] #store .item.mctt_roppongi h3 em {
						background-image: url(../img/store_roppongi_title_en.png);
					}
		/* item.mctt_shinjuku */
		#store .item.mctt_shinjuku {}
			#store .item.mctt_shinjuku figure {
				background-image: url(../img/store_shinjuku_img.jpg);
			}
					#store .item.mctt_shinjuku h3 em {
						background-image: url(../img/store_shinjuku_title.png);
					}
					html[lang="en"] #store .item.mctt_shinjuku h3 em {
						background-image: url(../img/store_shinjuku_title_en.png);
					}
		/* item.mctt_hibiya */
		#store .item.mctt_hibiya {}
			#store .item.mctt_hibiya figure {
				background-image: url(../img/store_hibiya_img.jpg);
			}
					#store .item.mctt_hibiya h3 em {
						background-image: url(../img/store_hibiya_title.png);
					}
					html[lang="en"] #store .item.mctt_hibiya h3 em {
						background-image: url(../img/store_hibiya_title_en.png);
					}
}

/* @monitor */
@media screen and (min-width: 768px) {
#store {

}
#store .sp-obj {
	display: none;
}
	/* header */
	#store .header {
		/*max-width: 1320px;*/
		margin: 0 auto;
		background-color: #f7f7f7;
	}
		#store h2 {
			padding-top: 6.818%;
			padding-bottom: 6.818%;
			font-size: 40px;
			color: #373737;
			line-height: 1.1;
			text-align: center;
		}
	/* article */
	#store .article {
		/*max-width: 1440px;*/
		margin: 0 auto;
	}
		/* item */
		#store .item {
			clear: both;
		}
			#store .item figure {
				width: 55.486%;
				padding-top: 35.694%;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}
			#store .item .content {
				width: 44.514%;
				text-align: center;
			}
				#store .item h3 {

				}
					#store .item h3 em {
						display: block;
						height: 33px;
						background-repeat: no-repeat;
						background-position: center;
						background-size: contain;
					}
				#store .item table {
					margin: 0 auto;
					margin-top: 24px;
					margin-bottom: 24px;
				}
					#store .item tr {
						
					}
						#store .item th {
							padding: 10px 10px;
							font-size: 13px;
							font-weight: bold;
							line-height: 1.538;
							white-space: nowrap;
							text-align: right;
						}
						#store .item td {
							padding: 10px 10px;
							font-size: 13px;
							line-height: 1.538;
							text-align: left;
						}
							#store .item td span {
								font-size: 11px;
							}
				#store .item a {
					color: #373737;
					text-decoration: none;
				}
					#store .item a span {
						font-size: 13px;
						line-height: 1.1;
					}
						#store .item a i {
							padding-bottom: 5px;
							border-bottom: 1px solid #373737;
						}
		/* item.mctt_roppongi */
		#store .item.mctt_roppongi {}
			#store .item.mctt_roppongi figure {
				background-image: url(../img/store_roppongi_img.jpg);
				float: left;
			}
			#store .item.mctt_roppongi .content {
				float: right;
			}
				#store .item.mctt_roppongi h3 {
					/*padding-left: 43px;*/
				}
					#store .item.mctt_roppongi h3 em {
						background-image: url(../img/store_roppongi_title.png);
					}
					html[lang="en"] #store .item.mctt_roppongi h3 em {
						background-image: url(../img/store_roppongi_title_en.png);
					}
				#store .item.mctt_roppongi a {
					margin-right: 66px;
				}
		/* item.mctt_shinjuku */
		#store .item.mctt_shinjuku {}
			#store .item.mctt_shinjuku figure {
				background-image: url(../img/store_shinjuku_img.jpg);
				float: right;
			}
			#store .item.mctt_shinjuku .content {
				float: left;
			}
				#store .item.mctt_shinjuku h3 {
					padding-left: 20px;
				}
					#store .item.mctt_shinjuku h3 em {
						background-image: url(../img/store_shinjuku_title.png);
					}
					html[lang="en"] #store .item.mctt_shinjuku h3 em {
						background-image: url(../img/store_shinjuku_title_en.png);
					}
				#store .item.mctt_shinjuku a {
					margin-right: 66px;
				}
		/* item.mctt_hibiya */
		#store .item.mctt_hibiya {}
			#store .item.mctt_hibiya figure {
				background-image: url(../img/store_hibiya_img.jpg);
				float: right;
			}
			#store .item.mctt_hibiya .content {
				float: left;
			}
				#store .item.mctt_hibiya h3 {
					padding-left: 20px;
				}
					#store .item.mctt_hibiya h3 em {
						background-image: url(../img/store_hibiya_title.png);
					}
					html[lang="en"] #store .item.mctt_hibiya h3 em {
						background-image: url(../img/store_hibiya_title_en.png);
					}
				#store .item.mctt_hibiya a {
					margin-right: 66px;
				}
}

/* @tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
				#store .item table {
					margin-top: 15px;
					margin-bottom: 15px;
				}
						#store .item th {
							padding: 5px 10px;
						}
						#store .item td {
							padding: 5px 10px;
						}
}





/*
 * reason
 */

/* @smartphone */
@media screen and (max-width: 767px) {
#reason {
	background-color: #ececec;
}
	/* header */
	#reason .header {
		padding: 11.733% 0;
	}
		#reason h2 {
			font-size: 23px;
			font-size: 6.133vw;
			color: #373737;
			line-height: 1.1;
			text-align: center;
		}
	/* article */
	#reason .article {

	}
		/* item */
		#reason .item {
			position: relative;
			margin-top: 1.333%;
			padding-top: 40%;
			background-color: #000;
		}
		#reason .item:first-child {
			margin-top: 0;
		}
			#reason .item figure {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				opacity: 0.5;
			}
			#reason .item.reason1 figure { background-image: url(../img/sp/reason_img01.jpg); }
			#reason .item.reason2 figure { background-image: url(../img/sp/reason_img02.jpg); }
			#reason .item.reason3 figure { background-image: url(../img/sp/reason_img03.jpg); }
			#reason .item.reason4 figure { background-image: url(../img/sp/reason_img04.jpg); }
			#reason .item.reason5 figure { background-image: url(../img/sp/reason_img05.jpg); }
			#reason .item .content {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				padding-top: 8%;
				text-align: center;
			}
			#reason .item.reason3 .content,
			#reason .item.reason4 .content,
			#reason .item.reason5 .content {
				padding-top: 12.6%;
			}
				#reason .item p {
					font-size: 12px;
					font-size: 3.2vw;
					color: #fff;
				}
				#reason .item h3 {
					margin-top: 1.6%;
					font-size: 22px;
					font-size: 5.867vw;
					color: #fff;
					line-height: 1.5;
				}
				#reason .item a {
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
					display: block;
				}
					#reason .item a span {
						display: none;
					}
}

/* @monitor */
@media screen and (min-width: 768px) {
#reason {
	clear: both;
	background-color: #ececec;
}
	/* header */
	#reason .header {
		max-width: 1320px;
		margin: 0 auto;
	}
		#reason h2 {
			padding-top: 9%;
			padding-bottom: 9%;
			font-size: 33px;
			color: #373737;
			line-height: 1.1;
			letter-spacing: 0.1em;
			text-align: center;
		}
		#reason h2 .sp {
			display: none;
		}
	/* article */
	#reason .article {
		max-width: 1440px;
		margin: 0 auto;
	}
		/* item */
		#reason .item {
			clear: both;
			margin-top: 6.25%;
			padding: 0 8.333%;
		}
		#reason .item:first-child {
			margin-top: 0;
		}
		#reason .item:last-child {
			padding-bottom: 8.4%;
		}
			#reason .item figure {
				width: 53.333%;
				padding-top: 33.333%;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				float: left;
			}
			#reason .item:nth-child(even) figure {
				float: right;
			}
			#reason .item.reason1 figure { background-image: url(../img/reason_img01.jpg); }
			#reason .item.reason2 figure { background-image: url(../img/reason_img02.jpg); }
			#reason .item.reason3 figure { background-image: url(../img/reason_img03.jpg); }
			#reason .item.reason4 figure { background-image: url(../img/reason_img04.jpg); }
			#reason .item.reason5 figure { background-image: url(../img/reason_img05.jpg); }
			#reason .item.reason6 figure { background-image: url(../img/reason_img06.jpg); }
			#reason .item .content {
				width: 46.667%;
				padding-left: 4.833%;
				float: right;
			}
			#reason .item:nth-child(even) .content {
				padding-left: 0;
				padding-right: 4.833%;
				float: left;
			}
				#reason .item p {
					font-size: 15px;
					color: #2d2d2d;
				}
				#reason .item h3 {
					margin-top: 3.2%;
					font-size: 28px;
					color: #2d2d2d;
				}
					#reason .item h3 .sp {
						display: none;
					}
				#reason .item a {
					display: inline-block;
					margin-top: 4.4%;
					color: #373737;
					text-decoration: none;
				}
					#reason .item a span {
						font-size: 13px;
						line-height: 1.1;
					}
}





/*
 * information
 */

/* @smartphone */
@media screen and (max-width: 767px) {
#information {
	padding-bottom: 11.733%;
}
	/* header */
	#information .header {

	}
		#information h2 {
			display: block;
			padding-top: 9.867%;
			font-size: 33px;
			font-size: 8.8vw;
			color: #373737;
			line-height: 1.1;
			text-align: center;
		}
	/* article */
	#information .article {
		position: relative;
		padding: 0 6.667%;
		padding-top: 10.667%;
	}
		#information .article ul {
			padding-bottom: 10.667%;
		}
			/* item */
			#information .article li {
				position: relative;
				display: block;
				width: 100%;
				box-shadow: 0 0 30px rgba(0,0,0,0.12);
				-moz-box-shadow: 0 0 30px rgba(0,0,0,0.12);
				-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.12);
				float: left;
			}
				#information .article a {
					display: block;
					height: 100%;
					background-color: #fff;
					text-decoration: none;
				}
					#information .article figure {
						position: relative;
						width: 100%;
						padding-top: 64%;
						overflow: hidden;
					}
						#information .article figure i {
							position: absolute;
							left: 0;
							top: 0;
							right: 0;
							bottom: 0;
							display: block;
							background-repeat: no-repeat;
							background-position: center;
							background-size: cover;
						}
						#information .article .item01 figure i { background-image: url(../img/information_img01.jpg); }
						#information .article .item02 figure i { background-image: url(../img/information_img02.jpg); }
						#information .article .item03 figure i { background-image: url(../img/information_img03.jpg); }
					#information .article p {
						display: block;
						width: 100%;
						padding: 0 6.944%;
						padding-top: 5%;
						padding-bottom: 15%;
						font-size: 16px;
						font-size: 4.267vw;
						color: #161616;
					}
					#information .article li span {
						position: absolute;
						left: 6.944%;
						bottom: 0;
						margin-bottom: 6.2%;
						font-size: 10px;
						font-size: 2.667vw;
						color: #373737;
						line-height: 1.1;
					}
						#information .article span em {
							padding-bottom: 3px;
							padding-bottom: 3.6%;
							border-bottom: 0.99px solid #373737;
						}
		/* prev */
		#information .swiper-button-prev {
			position: absolute;
			left: 0;
			top: 50%;
			display: block;
			width: 6.667%;
			height: 40px;
			margin-top: -20px;
			background-image: url(../../common/img/slide_prev_black.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: auto 24px;
		}
		/* next */
		#information .swiper-button-next {
			position: absolute;
			right: 0;
			top: 50%;
			display: block;
			width: 6.667%;
			height: 40px;
			margin-top: -20px;
			background-image: url(../../common/img/slide_next_black.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: auto 24px;
		}
		/* pagination */
		#information .swiper-pagination {
			bottom: 0;
		}
		#information .swiper-pagination-bullet {
			background-color: #a7a7a7;
			opacity: 1;
		}
		#information .swiper-pagination-bullet-active {
			background-color: #595959;
		}
}

/* @monitor */
@media screen and (min-width: 768px) {
#information {
	clear: both;
}
	/* header */
	#information .header {
		max-width: 1320px;
		margin: 0 auto;
	}
		#information h2 {
			padding-top: 6.818%;
			padding-bottom: 2.273%;
			font-size: 40px;
			color: #373737;
			line-height: 1.1;
			text-align: center;
		}
	/* article */
	#information .article {
		max-width: 1320px;
		margin: 0 auto;
	}
		#information .article ul {
			padding-bottom: 9.091%;
		}
			/* item */
			#information .article li {
				position: relative;
				width: 27.273%;
				margin-left: 4.545%;
				margin-top: 4.545%;
				box-shadow: 0 0 30px rgba(0,0,0,0.12);
				-moz-box-shadow: 0 0 30px rgba(0,0,0,0.12);
				-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.12);
				float: left;
			}
				#information .article a {
					display: block;
					height: 100%;
					background-color: #fff;
					text-decoration: none;
				}
					#information .article figure {
						position: relative;
						width: 100%;
						padding-top: 63.889%;
						overflow: hidden;
					}
						#information .article figure i {
							position: absolute;
							left: 0;
							top: 0;
							right: 0;
							bottom: 0;
							display: block;
							background-repeat: no-repeat;
							background-position: center;
							background-size: cover;
							-webkit-transition: 0.7s linear;
							-moz-transition: 0.7s linear;
							-o-transition: 0.7s linear;
							transition: 0.7s linear;
						}
						#information .article .item01 figure i { background-image: url(../img/information_img01.jpg); }
						#information .article .item02 figure i { background-image: url(../img/information_img02.jpg); }
						#information .article .item03 figure i { background-image: url(../img/information_img03.jpg); }
					#information .article p {
						display: block;
						width: 100%;
						padding: 0 6.944%;
						padding-top: 5%;
						padding-bottom: 15%;
						font-size: 16px;
						color: #161616;
					}
					#information .article span {
						position: absolute;
						left: 6.944%;
						bottom: 0;
						margin-bottom: 6.2%;
						font-size: 10px;
						color: #373737;
						line-height: 1.1;
					}
						#information .article span em {
							padding-bottom: 3px;
							border-bottom: 1px solid #373737;
						}
				/* :hover */
				#information .article a:hover {}
					#information .article a:hover figure i {
						opacity: 0.85;
						-moz-transform: scale(1.1);
						-webkit-transform: scale(1.1);
						-ms-transform: scale(1.1);
						transform: scale(1.1);
					}
		/* prev */
		#information .swiper-button-prev {
			display: none;
		}
		/* next */
		#information .swiper-button-next {
			display: none;
		}
		/* pagination */
		#information .swiper-pagination {
			display: none;
		}
}