/* CSS PC/SP共通レイアウト */
/*--------------------------------------------------*
 *   モーダル
 *--------------------------------------------------*/
#mainvisual_pc .modal {
	width: 100%;
	z-index: 10000;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}
#mainvisual_pc .modal .wrap {
	width: 100%;
	display:-webkit-box;
	display:flex;
	flex-wrap: wrap;
}
#mainvisual_pc .modal .wrap .m_primarily {
	width: 68%;
	height: 90vh;
	background-color: #282828;
	position: relative;
}
#mainvisual_pc .modal .wrap .m_primarily .m_ph_main {
	position: absolute;
	top: 52%;
	left: 0px;
	right: 0px;
	transform : translateY(-50%);
	-webkit-transform : translateY(-50%);
	margin: 0px auto;
	text-align: center;
}
#mainvisual_pc .modal .wrap .m_primarily .m_ph_main ul {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	right: 0px;
}
#mainvisual_pc .modal .wrap .m_primarily .m_ph_main ul li img {
	width: 93%;
	height: 70vh;
    object-fit: contain;
/*	object-fit: cover;*/
}
#mainvisual_pc .modal .wrap .m_primarily .m_ph_main ul li div {
	display: block;
	font-size: 1.2vw;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	padding-top: 1vw;
	padding-left: 2.5vw;
}
#mainvisual_pc .modal .wrap .m_primarily .m_ph_main .arrow_left {
	position: absolute;
	top: 50%;
	left: 1%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}
#mainvisual_pc .modal .wrap .m_primarily .m_ph_main .arrow_left img {
	width: 1vw;
}
#mainvisual_pc .modal .wrap .m_primarily .m_ph_main .arrow_right {
	position: absolute;
	top: 50%;
	right: 1%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}
#mainvisual_pc .modal .wrap .m_primarily .m_ph_main .arrow_right img {
	width: 1vw;
}
#mainvisual_pc .modal .wrap .choose {
	width: 32%;
	height: 90vh;
	background-color: #FFF;
	padding: 4vw 1% 0.5%;
	position: relative;
}
#mainvisual_pc .modal .wrap .choose .m_pickup ul li {
	position: relative;
/*	width: 49.5%;*/
    width: 32%;
	height: 6vw;
	float: left;
	margin-bottom: 1%;
}
#mainvisual_pc .modal .wrap .choose .m_pickup ul li.active {
	border: 3px solid #f99564;
}
/*
#mainvisual_pc .modal .wrap .choose .m_pickup ul li:nth-child(2n-1) {
	margin-right: 1%;
}
*/
#mainvisual_pc .modal .wrap .choose .m_pickup ul li:nth-child(n+1) {
    margin-right: 1%;
}
#mainvisual_pc .modal .wrap .choose .m_pickup ul li div {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	transform : translateY(-50%);
	-webkit-transform : translateY(-50%);
	margin: 0px auto;
	text-align: center;
	display: block;
	font-size: 0.9vw;
	color: #FFF;
	font-weight: bold;
}
#mainvisual_pc .modal .wrap .choose .m_pickup ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#mainvisual_pc .modal .wrap .choose .number {
	font-size: 1.2vw;
	font-weight: bold;
	margin: 0.3vw 0 0.5vw;
	display:none;
}
#mainvisual_pc .modal .wrap .choose .number.active {
	display:block;
}
#mainvisual_pc .modal .wrap .choose .m_thumbnail {
	overflow-y: scroll;
	background-color: #e4e4e4;
	padding: 2%;
	position: absolute;
	top: 20vw;
	bottom: 2%;
	right: 3%;
	left: 3%;
}
#mainvisual_pc .modal .wrap .choose .m_thumbnail ul {
}
#mainvisual_pc .modal .wrap .choose .m_thumbnail ul li {
	width: calc(100% / 3);
	float: left;
	padding: 0.5%;
}
#mainvisual_pc .modal .wrap .choose .m_thumbnail ul li img {
/*
	width: 100%;
	height: 100%;
	object-fit: cover;
*/
    object-fit: cover;
    height: 10vh;
    width: 100%;
}
#mainvisual_pc .modal .wrap .bt_close {
	position: absolute;
	top: 0px;
	right: 0px;
}
#mainvisual_pc .modal .wrap .bt_close img {
	width: 3.6vw;
}
#mainvisual_pc .overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	display: none;
	z-index: 10000;
	top: 0;
	left: 0;
	right: 0;
}
#mainvisual_pc .overlay.open {
	display: block;
}
#mainvisual_pc .modal.open {
	display: block;
}


#mainvisual_pc .mainvisual_top .primarily .ph_main li img {
    width: 800px;
    height: 360px;
    object-fit: cover;
}