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

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=block');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=block');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700;800&display=block');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=block');

body {
	background:#ffffff;
	min-width:1000px;
}

body.lock {
	overflow:hidden;
}

#mwcp * {
	text-shadow:none;
	letter-spacing:-0.01px;
	line-height:1.6;
	-webkit-text-size-adjust:100%;
	font-size:12px;
	font-weight: 400;
	font-style: normal;
	color:#232323;
    outline : none;
	font-feature-settings: "palt";
	margin:0;
	padding:0;
	font-family:"Jost","Roboto","Helvetica Neue",YakuHanJP, 'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"CI",Meiryo,"メイリオ","lroSVbN","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#mwcp a img {
	transition:1.0s;
}

#mwcp a:hover img {
	opacity:0.5;
}

#mwcp img {
	vertical-align:top;
	border:0;
    outline : none;
}

#mwcp ul,
#mwcp ol {
	list-style:none;
}

/* 背景 */

.grid {
	position:relative;
	min-height:calc( 100% - 226px );
}

#mwcp {
	margin:0 auto;
	padding:0 10% 40px 10%;
	background:url(../img/bg_pc.jpg) no-repeat top center #ffffff;
	background-size:100% auto;
}

#mwcp .contents {
	min-height:740px;
	margin-right: auto;
	margin-left: auto;
}

/* ナビ */

.grid .grid-menu {
	position:absolute;
}

/* メイン */

#mwcp .mainTitle {
	padding:3.85% 0 0 0;
}

#mwcp .mainTitle h1 {
	text-align:center;
}

#mwcp .mainTitle h1 img {
	width:55%;
}

#mwcp .mainTitle p {
	margin:2% 0 0 0;
	text-align:center;
}

#mwcp .mainTitle p img {
	width:70%;
}

/* ティーザー */

#mwcp .teaser {
	margin:0 auto;
}

/* ニュース */

#mwcp .news {
	margin:1.5vw 8px 0 8px;
    overflow:hidden;
    clear:both;
}

#mwcp .newsHead {
	float:left;
	border-left:7px solid #cf001c;
}

#mwcp .newsHead h2 {
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight:500;
	font-size:1.7vw;
	line-height:1;
	color:#717070;
	padding:5px 0 5px 10px;
}

#mwcp .newsBox {
    overflow:hidden;
	float:left;
}

#mwcp .newsItem {
	float:left;
}

#mwcp .newsItemDate {
	float:left;
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight:500;
	color:#717070;
	font-size:1.2vw;
	line-height:1;
	margin:0.6vw 0 0 20px;
}

#mwcp .newsItemText {
	float:left;
	font-weight:500;
	color:#717070;
	font-size:1.2vw;
	line-height:1;
	margin:0.6vw 0 0 10px;
}

/* シアター */

#mwcp .anniversary_theater {
	margin:1.5vw 0 0 0;
    overflow:hidden;
    clear:both;
	text-align:center;
}

#mwcp .theater_item {
	width:calc( 33.3% - 16px );
	float:left;
	margin:0 8px 18px 8px;
	border:2px solid #cf001c;
	padding:2.5% 2.5% 1.8% 2.5%;
	border-radius:10px;
	aspect-ratio:  75 / 59; 
}

#mwcp .theater_item_th {
}

#mwcp .theater_item_th img {
	width:60%;
}

#mwcp .theater_item_img {
	margin:5px 0 0 0;
}

#mwcp .theater_item_img img {
	width:100%;
}

#mwcp .theater_item_name {
	margin:1.35vw 0 0 0;
	aspect-ratio: 63 / 13; 
	container-type: inline-size;
}

#mwcp .theater_item_name ul {
	text-align:center;
}

#mwcp .theater_item_name li {
	display:inline-block;
}

#mwcp .theater_item_name li span,
#mwcp .theater_item_name li a {
	font-size:6.5cqw;
	font-weight:700;
	display:inline-block;
	position:relative;
	padding:0 5cqw 0 5cqw;
	color:#717070;
}

#mwcp .theater_item_name li a:hover {
	text-decoration: underline;
}

#mwcp .theater_item_name li a:before {
	content: "";
	position: absolute;
	top: 35%;
	left:0;
	width:0.7vw;
	height:3px;
	background:#cf001c;
	transform: rotate(45deg);
}

#mwcp .theater_item_name li a:after {
	content: "";
	position: absolute;
	top:51%;
	left:0;
	width:0.7vw;
	height:3px;
	background:#cf001c;
	transform: rotate(-45deg);
}

/* キャンペーン */

#mwcp .campaign {
	margin:0 8px;
}

#mwcp .campaignBoxItem {
	background:#cf001c;
	border-radius:10px;
	margin:16px 0 0 0;
	padding:1.25% 0.5%;
	container-type: inline-size;
}

#mwcp .campaignBoxItemIn {
	display:table;
	width:100%;
}

#mwcp .campaignBoxItemIcon {
	display:table-cell;
	width:15%;
	padding:0 20px;
	vertical-align: middle;
}

#mwcp .campaignBoxItemIcon img {
	width:100%;
}

#mwcp .campaignBoxItemHead {
	display:table-cell;
	width:55%;
	vertical-align: middle;
}

#mwcp .campaignBoxItemHead.textonly {
	width:70%;
	padding:0 15px 0 30px;
}

#mwcp .campaignBoxItemHead img {
	width:100%;
}

#mwcp .campaignBoxItemText {
	display:table-cell;
	width:30%;
	vertical-align: middle;
	padding:0 20px 0 10px;
}

#mwcp .campaignBoxItemText_h {
	font-size:1.8cqw;
	font-weight:900;
	color:#ffffff;
	text-align:center;
	border-bottom:2px solid #ffffff;
	padding:0 0 3px 0;
}

#mwcp .campaignBoxItemText_h span {
	font-size:2.5cqw;
	font-weight:700;
	color:#ffffff;
}

#mwcp .campaignBoxItemText_d {
	font-size:1.6cqw;
	font-weight:700;
	color:#ffffff;
	text-align:center;
	padding:5px 0 0 0;
}

#mwcp .campaignBoxItemAside {
	font-size:1.2cqw;
	text-align:center;
	margin:0.5cqw 0 0 0;
	color:#ffffff;
	font-weight:500;
}

#mwcp .campaign_aside {
	font-size:16px;
	text-align:center;
	margin:30px 0 0 0;
	color:#717070;
	font-weight:500;
}

#mwcp .goodmemory {
	text-align:center;
	margin:30px 0 0 0;
}

#mwcp .goodmemory img {
	width:50%;
}

/* レシポンシブ */

#mwcp .only_pcn {
	display:none;
}

#mwcp .only_sp {
	display:none;
}

/* 競合 */

html:not(.android):not(.iOS) ::-webkit-scrollbar-track, html:not(.android):not(.iOS)::-webkit-scrollbar-track {
	box-shadow:none;
}

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

	#mwcp .only_pcn {
		display:block;
	}

	#mwcp .mainTitle h1 img {
		width:45%;
	}

	#mwcp .mainTitle p img {
		width:60%;
	}

	#mwcp .campaign_aside {
		font-size:14px;
	}

}

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

	body {
		min-width:0;
	}
	
	/* レシポンシブ */

	#mwcp .only_pc {
		display:none;
	}

	#mwcp .only_sp {
		display:block;
	}

	/* 背景 */

	#mwcp {
		background:url(../img/bg_sp.jpg) no-repeat top center #ffffff;
		background-size:100% auto;
		margin:0;
		padding:0 5% 40px 5%;
		width:auto;
	}

	/* メイン */

	#mwcp .mainTitle {
		padding:12.5% 0 0 0;
	}

	#mwcp .mainTitle h1 img {
		width:95%;
	}

	#mwcp .mainTitle p {
		margin:3.5% 0 0 0;
	}

	#mwcp .mainTitle p img {
		width:100%;
	}

	/* ニュース */

	#mwcp .news {
		margin:7vw 0 0 0;
	}

	#mwcp .newsHead {
		border-left:5px solid #cf001c;
	}

	#mwcp .newsHead h2 {
		font-size:5vw;
		padding:5px 0 5px 10px;
	}

	#mwcp .newsBox {
	    float:none;
	    overflow:hidden;
	    clear:both;
	}

	#mwcp .newsItem {
		margin:1.6vw 0 0 0;
	}

	#mwcp .newsItemDate {
		font-size:4vw;
		margin:1.6vw 0 0 0;
	}

	#mwcp .newsItemText {
		font-size:4vw;
		margin:1.6vw 0 0 10px;
	}

	/* シアター */

	#mwcp .anniversary_theater {
		margin:7vw 0 0 0;
	}

	#mwcp .theater_item {
		width:100%;
		height:auto;
		float:none;
		margin:0 0 5vw 0;
		padding:6% 10% 5.5% 10%;
		aspect-ratio: auto;
	}

	#mwcp .theater_item_name {
		margin:1.8vw 0 0 0;
		aspect-ratio: auto;
	}

	#mwcp .theater_item_name li a:before {
		top: 35%;
		width:1.85vw;
		height:2px;
	}

	#mwcp .theater_item_name li a:after {
		top:51%;
		width:1.85vw;
		height:2px;
	}

	/* キャンペーン */

	#mwcp .campaign {
		margin:0;
	}

	#mwcp .campaignBoxItem {
		margin:16px 0 0 0;
		display:block;
		width:auto;
		padding:3% 3.5%;
		container-type: inline-size;
	    overflow:hidden;
	    clear:both;
	}

	#mwcp .campaignBoxItemIcon {
		display:block;
		width:25%;
		float:left;
		padding:0;
	}

	#mwcp .campaignBoxItemHead {
		display:block;
		float:right;
		width:calc( 75% - 5px);
	}

	#mwcp .campaignBoxItemHead.textonly {
		width:100%;
		padding:0 0;
	}

	#mwcp .campaignBoxItemText {
		display:block;
		width:auto;
		padding:1.5vw 0 0 0;
	    clear:both;
	}

	#mwcp .campaignBoxItemText_h {
		font-size:5.5cqw;
		border-top:1px solid #ffffff;
		border-bottom:1px solid #ffffff;
		padding:0;
	}

	#mwcp .campaignBoxItemText_h span {
		font-size:8cqw;
	}

	#mwcp .campaignBoxItemText_d {
		font-size:4.5cqw;
		padding:4px 0 0 0;
	}

	#mwcp .campaignBoxItemAside {
		font-size:2.5cqw;
		text-align:center;
		margin:1cqw 0 0 0;
	}

	#mwcp .campaign_aside {
		font-size:2.8cqw;
		margin:30px 0 0 0;
	}

	#mwcp .goodmemory {
		margin:40px 0 0 0;
	}

	#mwcp .goodmemory img {
		width:85%;
	}

}