@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');

#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:"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 img:hover {
	opacity:0.5;
}

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

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

/* コンテント */

#mwcp {
	background:#000000;
}

#mwcp .content {
	width:800px;
	margin:0 auto;
}


/* 概要 */

#mwcp .cp_main {
	background:url(../img/bg_main_out_pc.jpg) top center no-repeat;
	background-size:auto 100%;
}

#mwcp .cp_main_in {
	width:1200px;
	height:600px;
	position:relative;
	margin:0 auto;
}

#mwcp .cp_main .cp_main_box {
	position: absolute;
	top:5%;
	left:0;
	width:58%;
}

#mwcp .cp_main .cp_main_box img {
	width:100%;
}

#mwcp .cp_main_open {
	position: absolute;
	top:4%;
	right:1.5%;
	width:42.5%;
}

#mwcp .cp_main .cp_main_box p {
	font-size:22px;
	text-align:center;
	font-weight:700;
}

#mwcp .cp_main .cp_main_box .kikan {
	font-size:16px;
	text-align:center;
	font-weight:500;
	margin:5px 0 0 0;
}

#mwcp .cp_main .cp_main_box .kikan span {
	font-size:22px;
	font-weight:500;
}

/* セクション */

#mwcp .cp_section {
	padding:30px 0 50px 0;
}

/* 共通 */

#mwcp .cp_present img,
#mwcp .cp_step img {
	width:100%;
}

#mwcp .cp_present h3,
#mwcp .cp_step h3 {
	text-align:center;
}

#mwcp .cp_present h3 img,
#mwcp .cp_step h3 img {
	width:80%;
}

/* 誘導 */

#mwcp .cp_ticket,
.cp_ticket {
	background:#333333;
	padding:22px 0 30px 0;
}

#mwcp .cp_ticket_box,
.cp_ticket_box {
	width:950px;
	margin:0 auto;
}

#mwcp .cp_ticket_h,
.cp_ticket_h {
	text-align:center;
	font-size:18px;
	font-weight:700;
	color:#ffffff;
}

#mwcp .cp_ticket_b,
.cp_ticket_b {
	text-align:center;
	margin:15px 0 0 0;
}

#mwcp a.mwcp_button,
a.mwcp_button {
	display:inline-block;
	font-size:18px;
	font-weight:700;
	color:#ffffff;
	text-decoration:none;
	transition:1.0s;
	border-radius:10px;
	padding:15px 20px 15px 20px;
	text-align:center;
	position:relative;
	background:#c10b8b;
}

#mwcp a.mwcp_button.large,
a.mwcp_button.large {
	font-size:24px;
	padding:13px 30px 13px 30px;
}

.fac-info2 {
	margin-top:0;
}

/* ナビ */

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

#mwcp .cp_nav li {
	display:inline-block;
	margin:0 5px 13px 5px;
	width:calc( 50% - 15px );
}

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

/* プレゼント */

#mwcp .cp_present {
	padding:10px 0 50px 0;
}

#mwcp .cp_present .present_item {
	margin:5px 10px 0 10px;
}

#mwcp .cp_present ul {
	margin:15px 10px 0 10px;
}

#mwcp .cp_present li {
	padding:0 0 0 14px;
	position:relative;
	font-size:14px;
	font-weight:500;
	color:#ffffff;
}

#mwcp .cp_present li:before {
	display: inline;
	content: "※";
	position: absolute;
	top:0;
	left:0;
}

/* ステップ */

#mwcp .cp_step {
	padding:30px 0 0 0;
}

#mwcp .cp_step .step_item_box {
    overflow:hidden;
    clear:both;
	margin:20px 0 0 0;
}

#mwcp .cp_step .step_item_box .step_item {
	background:#ffffff;
	width:380px;
	float:left;
	margin:0 10px;
}

#mwcp .cp_step .step_item_box .step_item_h {
	font-size:36px;
	line-height:1;
	text-align:center;
	font-weight:700;
	color:#ffffff;
	background:#c10b8b;
	padding:15px 10px 5px 10px;
	position: relative;
}

#mwcp .cp_step .step_item_box .step_item_h:after {
	content: "";
	position: absolute;
	left:0;
	right:0;
	bottom:-13px;
	height:15px;
	background:#c10b8b;
	clip-path:polygon(0% 0,50% 100% , 100% 0);
}

#mwcp .cp_step .step_item_box .step_item_p {
	font-size:20px;
	text-align:center;
	font-weight:500;
	padding:30px 10px 0 10px;
}

#mwcp .cp_step .step_item_box .step_item_p span {
	font-size:16px;
}

#mwcp .cp_step .step_item_box .step_item_u {
	padding:0 30px;
}

#mwcp .cp_step .step_item_box .step_item_b {
	padding:10px 10px 25px 10px;
	text-align:center;
}

#mwcp .cp_step .step_item_box .step_item_b  a.mwcp_button {
	font-size:20px;
	border-radius:7px;
	background:#c10b8b;
	color:#ffffff;
	width:180px;
	font-weight:700;
	padding:7px;
	margin:5px auto 0 auto;
}

#mwcp .cp_step h4 {
	text-align:center;
	font-size:24px;
	font-weight:700;
	color:#ffffff;
	margin:40px 0 0 0;
}

#mwcp .cp_step ul {
	margin:15px 10px 0 10px;
}

#mwcp .cp_step li {
	padding:0 0 0 12px;
	position:relative;
	font-size:12px;
	font-weight:500;
	color:#ffffff;
}

#mwcp .cp_step li a {
	font-size:12px;
	font-weight:500;
	color:#ffffff;
	text-decoration:underline;
}

#mwcp .cp_step li:before {
	display: inline;
	content: "■";
	position: absolute;
	top:2px;
	left:0;
	font-size:10px;
	color:#c10b8b;
}

/* 特集 */

#mwcp .cp_special {
	padding:30px 0 80px 0;
}

#mwcp .cp_special .gallery {
    overflow:hidden;
    clear:both;
}

#mwcp .cp_special .gallery img {
	display:block;
	width:33.3%;
	float:left;
}

/* ポイント */

#mwcp .cp_point {
	margin:30px 5% 0 5%;
}

#mwcp .cp_point_box {
    overflow:hidden;
    clear:both;
	background:#333333;
}

#mwcp .cp_point_img {
	width:50%;
	float:left;
}

#mwcp .cp_point_text {
	width:50%;
	float:right;
	margin:40px 0 0 0;
}

#mwcp .cp_point_box:nth-of-type(even) .cp_point_img {
	float:right;
}

#mwcp ..cp_point_box:nth-of-type(even) .cp_point_text {
	float:left;
}

#mwcp .cp_point_text_lead {
	font-size:20px;
	font-weight:800;
	color:#c10b8b;
	text-align:center;
}

#mwcp .cp_point_text p {
	font-size:26px;
	font-weight:800;
	color:#ffffff;
	text-align:center;
	margin:5px 0 0 0;
}

/* シーンカット */

.cp_ph_box {
	overflow:hidden;
	position:relative;
	z-index:10;
}

.cp_ph_box * {
	width:auto !important;
	height:200px !important;
}

/* レシポンシブ */

#mwcp .only_sp {
	display:none !important;
}

/* 効果 */
#mwcp h2,
#mwcp h3,
#mwcp p,
#mwcp .present_item,
#mwcp .step_item,
#mwcp .cp_present ul,
#mwcp .cp_step ul,
#mwcp .kikan {
	visibility:hidden;
}

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

	/* レシポンシブ */

	#mwcp .only_pc {
		display:none !important;
	}

	#mwcp .only_sp {
		display:block !important;
	}

	/* コンテント */

	#mwcp .content {
		width:auto;
	}

	/* 共通 */

	#mwcp .cp_present h3 img,
	#mwcp .cp_step h3 img {
		width:100%;
	}

	/* セクション */

	#mwcp .cp_section {
		padding:0 0 40px 0;
		margin:-40px 0 0 0;
	}

	/* 概要 */

	#mwcp .cp_main {
		background:url(../img/bg_main_sp.jpg) bottom center no-repeat #000000;
		background-size:cover;
		height:auto;
		padding:10px 0 50% 0;
	}

	#mwcp .cp_main_in {
		width:auto;
		height:auto;
		position:relative;
	}

	#mwcp .cp_main .cp_main_box {
		position:static;
		margin:0;
		width:auto;
	}

	#mwcp .cp_main .cp_main_box p {
		font-size:18px;
		width:auto;
	}

	#mwcp .cp_main_open {
		position:static;
	    width:auto;
	}

	#mwcp .cp_main .cp_main_box .kikan {
		font-size:14px;
		width:auto;
		margin:10px 0 0 0;
		line-height:1;
	}

	#mwcp .cp_main .cp_main_box .kikan span {
		font-size:22px;
	}

	/* ナビ */

	#mwcp .cp_nav {
		padding:0 5%;
	}

	#mwcp .cp_nav li {
		display:block;
		margin:0 0 15px 0;
		width:100%;
	}

	#mwcp .cp_nav li a {
		display:block;
	}

	#mwcp .cp_nav img {
		width:auto;
	}

	/* プレゼント */

	#mwcp .cp_present {
		padding:5px 5% 30px 5%;
	}

	#mwcp .cp_present .present_item {
		margin:10px 0 0 0;
	}

	#mwcp .cp_present ul {
		margin:15px 0 0 0;
	}

	#mwcp .cp_present li {
		padding:0 0 0 12px;
		font-size:12px;
	}

	/* ステップ */

	#mwcp .cp_step {
		padding:20px 5% 0 5%;
	}

	#mwcp .cp_step .step_item_box {
		margin:10px 0 0 0;
	}

	#mwcp .cp_step .step_item_box .step_item {
		width:auto;
		float:none;
		margin:0 0 15px 0;
	}

	#mwcp .cp_step .step_item_box .step_item_h {
		font-size:30px;
	}

	#mwcp .cp_step .step_item_box .step_item_b  a.mwcp_button {
		font-size:24px;
		width:80%;
	}

	#mwcp .cp_step h4 {
		font-size:20px;
		margin:10px 0 0 0;
	}

	#mwcp .cp_step ul {
		margin:15px 0 0 0;
	}

	#mwcp .cp_step li {
		padding:0 0 0 12px;
		font-size:10px;
	}

	#mwcp .cp_step li a {
		font-size:10px;
	}

	#mwcp .cp_step li:before {
		top:0;
	}

	/* 誘導 */

	#mwcp .cp_ticket,
	.cp_ticket {
		padding:17px 0 25px 0;
	}

	#mwcp .cp_ticket_box,
	.cp_ticket_box {
		width:auto;
	}

	#mwcp .cp_ticket_h,
	.cp_ticket_h {
		font-size:12px;
	}

	#mwcp .cp_ticket_b,
	.cp_ticket_b {
		margin:10px 0 0 0;
	}

	#mwcp a.mwcp_button.large,
	a.mwcp_button.large {
		display:block;
		width:85%;
		font-size:16px;
		padding:13px 30px 13px 30px;
		margin:0 auto;
	}

	/* 特集 */

	#mwcp .cp_special {
		padding:20px 0 40px 0;
	}

	#mwcp .cp_special .gallery {
		padding:0 7.5%;
	}

	#mwcp .cp_special .gallery img {
		width:50%;
	}

	#mwcp .cp_special .cp_img {
		padding:0 7.5%;
	}

	#mwcp .cp_point {
		margin:20px 5% 0 5%;
	}

	#mwcp .cp_point_box {
		margin:0 0 20px 0;
	}

	#mwcp .cp_point_img {
		width:auto;
		float:none;
	}

	#mwcp .cp_point_text {
		width:auto;
		float:none;
		margin:0;
		padding:15px;
	}

	#mwcp .cp_point_box:nth-of-type(even) .cp_point_img ,
	#mwcp .cp_point_box:nth-of-type(even) .cp_point_text {
		float:none;
	}

	#mwcp .cp_point_text_lead {
		font-size:16px;
	}

	#mwcp .cp_point_text p {
		font-size:24px;
	}

	/* シーンカット */
	
	.cp_ph_box * {
		height:100px !important;
	}

}

/* 非表示 */

.fac-header__near.__show,
.mdl-reserve.js_reserve_control.__active {
	display:none;
}