@charset "utf-8";

/*=========================================*/
/* MODAL */
/*=========================================*/


/*-- CLOSE --*/

@media print{

.item_modal_close{
	display:none;
}

}

@media screen and (min-width:1281px){

.item_modal_close{
	position:fixed;
	top:20px;
	right:20px;
	width:70px;
	height:70px;
	display:block;
	z-index:210;
}

.item_modal_close a{
	display:block;
	cursor:pointer;
}

.item_modal_close img{
	width:70px;
	height:70px;
	filter:drop-shadow(0px 0px 5px rgba(62,61,50,0.1));
}

}

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

.item_modal_close{
	position:fixed;
	top:20px;
	right:20px;
	width:60px;
	height:60px;
	display:block;
	z-index:210;
}

.item_modal_close a{
	display:block;
	cursor:pointer;
}

.item_modal_close img{
	width:60px;
	height:60px;
	filter:drop-shadow(0px 0px 5px rgba(62,61,50,0.1));
}

}

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

.item_modal_close{
	top:15px;
	right:15px;
	width:50px;
	height:50px;
}

.item_modal_close img{
	width:50px;
	height:50px;
}

}

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

.item_modal_close{
	width:40px;
	height:40px;
}

.item_modal_close img{
	width:40px;
	height:40px;
}

}


/*-- FLAME --*/

@media print{

.item_modal_area{
	display:none;
}

}

@media screen and (min-width:1281px){

.item_modal_area{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:rgba(50,50,50,0.75);
	display:none;
	z-index:200;
}

.item_modal_area{
	overflow-y:scroll;
	scrollbar-width:none; /* Firefox */
	-ms-overflow-style:none; /* IE, Edge */
}

.item_modal_area::-webkit-scrollbar{
	display:none; /* Chrome, Safari */
}

.item_modal_bg a{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:rgba(50,50,50,0.75);
	display:block;
	z-index:201;
}

.item_modal_flame{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateY(-50%) translateX(-50%);
	-moz-transform:translateY(-50%) translateX(-50%);
	-ms-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	max-width:500px;
	width:95%;
	max-height:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	background-color:rgba(255,255,255,1.0);
	z-index:202;
}

.item_modal_flame{
	overflow-y:scroll;
	scrollbar-width:none; /* Firefox */
	-ms-overflow-style:none; /* IE, Edge */
}

.item_modal_flame::-webkit-scrollbar{
	display:none; /* Chrome, Safari */
}

.item_modal_box{
	position:relative;
	padding:35px 35px 35px 35px;
}

.item_modal_box .img{
	position:relative;
	margin:0px 0px 25px 0px;
	width:100%;
	max-height:480px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.item_modal_box .img img{
	max-width:100%;
	max-height:480px;
}

.item_modal_numb{
	position:relative;
	margin:0px 0px 20px 0px;
	font-size:16px;
	line-height:125%;
	letter-spacing:0.01em;
	font-family:"Overpass", sans-serif;
	color:rgba(100,100,100,1.0);
	font-weight:500;
	text-align:center;
}

}

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

.item_modal_area{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:rgba(50,50,50,0.75);
	display:none;
	z-index:200;
}

.item_modal_area{
	overflow-y:scroll;
	scrollbar-width:none; /* Firefox */
	-ms-overflow-style:none; /* IE, Edge */
}

.item_modal_area::-webkit-scrollbar{
	display:none; /* Chrome, Safari */
}

.item_modal_bg a{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:rgba(50,50,50,0.75);
	display:block;
	z-index:201;
}

.item_modal_flame{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateY(-50%) translateX(-50%);
	-moz-transform:translateY(-50%) translateX(-50%);
	-ms-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	max-width:500px;
	width:95%;
	max-height:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	background-color:rgba(255,255,255,1.0);
	z-index:202;
}

.item_modal_flame{
	overflow-y:scroll;
	scrollbar-width:none; /* Firefox */
	-ms-overflow-style:none; /* IE, Edge */
}

.item_modal_flame::-webkit-scrollbar{
	display:none; /* Chrome, Safari */
}

.item_modal_box{
	position:relative;
	padding:35px 35px 35px 35px;
}

.item_modal_box .img{
	position:relative;
	margin:0px 0px 25px 0px;
	width:100%;
	max-height:480px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.item_modal_box .img img{
	max-width:100%;
	max-height:480px;
}

.item_modal_numb{
	position:relative;
	margin:0px 0px 20px 0px;
	font-size:14px;
	line-height:125%;
	letter-spacing:0.01em;
	font-family:"Reddit Sans", sans-serif;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:center;
}

}

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

.item_modal_box{
	padding:20px 10px 20px 10px;
}

.item_modal_box .img{
	margin:0px 0px 15px 0px;
}

.item_modal_numb{
	margin:0px 0px 10px 0px;
	font-size:13px;
}

}


/*-- NAV --*/

@media screen and (min-width:1281px){

.item_modal_pager{
	position:relative;
	width:100%;
	display:flex;
	justify-content:center;
}

.item_modal_prev{
	position:relative;
	width:35%;
}

.item_modal_next{
	position:relative;
	width:35%;
}

.item_modal_pager a{
	position:relative;
	margin:0px 5px 0px 5px;
	background-color:rgba(175,0,0,1.0);
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	display:block;
	font-size:100%;
	line-height:50px;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:600;
	text-decoration:none;
	transition:0.25s ease-out;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.item_modal_pager a:hover{
	background-color:rgba(150,0,0,1.0);
}

}

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

.item_modal_pager{
	position:relative;
	width:100%;
	display:flex;
	justify-content:center;
}

.item_modal_prev{
	position:relative;
	width:35%;
}

.item_modal_next{
	position:relative;
	width:35%;
}

.item_modal_pager a{
	position:relative;
	margin:0px 5px 0px 5px;
	background-color:rgba(175,0,0,1.0);
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	display:block;
	font-size:100%;
	line-height:50px;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:600;
	text-decoration:none;
	transition:0.25s ease-out;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.item_modal_pager a:hover{
	background-color:rgba(150,0,0,1.0);
}

}

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

.item_modal_prev{
	position:relative;
	width:40%;
}

.item_modal_next{
	position:relative;
	width:40%;
}

.item_modal_pager a{
	margin:0px 4px 0px 4px;
	font-size:93.75%;
	line-height:45px;
}

}

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

.item_modal_prev{
	position:relative;
	width:45%;
}

.item_modal_next{
	position:relative;
	width:45%;
}

.item_modal_pager a{
	margin:0px 3px 0px 3px;
	font-size:87.5%;
	line-height:40px;
}

}