@charset "UTF-8";
@media screen and (max-width: 800px) {
/*===================================================================================================
　INFOMATION　＜ SMART PHONE ＞
=====================================================================================================

∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟*/
/* INF AREA SETTING
=============================================================
||【 INF_ALL AREA SETTING 】________________*/
#INF_ALL{
	width: 100%;
	max-width: auto;
}
/*________________________________【 END 】


||【 INF AREA SETTING 】________________*/
.INF{
	max-width: 95%;
	margin: 0 auto 12px auto;
	border-radius: 15px;
	border-bottom-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
.INF > a{
	padding: 10px 10px 5px;
}
/*________________________________【 END 】
=============================================================

	
∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟*/
/* INF CONTENTS SETTING
=============================================================
||【 INF HOVER SETTING 】_______________*/
.VDC:hover > a > div:nth-child(2) img{
	width: 245px;
	margin: 0 0 0 -110px;
	top: 0;	
}
/*________________________________【 END 】
=============================================================


∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟*/
/* DATE SETTING
============================================================*/
.INF > a > div:first-child,
.INF > div > div:first-child{
	font-size: 18px;
	line-height: 18px;
	text-align: center;
}
/*============================================================


∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟*/
/* TITLE AREA SETTING
=============================================================
||【 TTL SETTING / COMMON 】____________*/
.TTL{
	width: 75%;
	margin: 8px 0 0 0;
	padding: 0;
	font-size: clamp(21px,4vw,24px);
	line-height: clamp(21px,4vw,24px);
}
.TTL ul a{
	left: 10px;
	line-height: clamp(21px,4vw,24px);
}
/*________________________________【 END 】


||【 VDC TITLE AREA SETTING 】__________*/
.VDC > a > .TTL > div:first-child{
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: clamp(22px,4vw,27px);
	line-height: clamp(22px,4vw,27px);
	text-align: center;
	text-indent: 0;
}
.VDC > a > .TTL > div:first-child::before{
	margin: 0 auto 5px auto;
	padding: 0 10px;
	display: block;
	font-size: 14px;
	line-height: 16px;
	top: 0;
	right: 0;
}
/*________________________________【 END 】


||【 VDC CAST AREA 】___________________*/
.VDC > a > .TTL > div:nth-child(2){
	width: 100%;
	margin: 0 0 0 auto;
	padding: 0;
	font-size: clamp(20px,3.5vw,18px);
	line-height: clamp(20px,3.5vw,18px);
	text-align: right;
	text-align: center;
	transform: scale(0.9,1);
}

.VDC > a >.TTL > div:nth-child(2)::before{
	margin: 0 auto 5px auto;
	padding: 0 20px;
	font-size: 14px;
	text-align: center;
	display: table;
	line-height: 16px;
	top: 0;
}
.VDC > a >.TTL > div:nth-child(2)::after{
	font-size: 12px;
}
/*________________________________【 END 】	
=============================================================


∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟*/
/* RIGHT CONTENTS AREA SETTING
=============================================================
||【 COMMON SETTING 】__________________*/
.KKR > a > .TTL + div::before,
.KKR > div > .TTL + div::before, 	
.PLZ > a > .TTL + div::before,
.PLZ > div > .TTL + div::before, 
.NOD > a > .TTL + div::before,
.VDC > a > div:nth-child(2){
	width: 25%;
	min-width: 50px;
	line-height: 65px;
	border-top-left-radius: 15px;
	top: 46px;
}
/*________________________________【 END 】


||【［ VDC ］SETTING 】_________________*/
.VDC > a > div:nth-child(2) img{
	width: 245px;
	margin: 0 0 0 -110px;
	top: 0px;
}
/*________________________________【 END 】
=============================================================


∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟*/
/* LABEL AREA SETTING
=============================================================
||【 COMMON SETTING 】__________________*/
.INF > a > div:first-child,
.INF > div > div:first-child{
	width: 100%;
}
.KKR > a > div:first-child::after,
.KKR > div > div:first-child::after,
.PLZ > a > div:first-child::after,
.PLZ > div > div:first-child::after,
.VDC > a > div:first-child::after,
.NOD > a > div:first-child::after,
.NOD > a > div:first-child::before{
	padding: 1px 10px;
}
/*________________________________【 END 】
=============================================================


∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟∟*/
/* VDC SETTING
=============================================================
||【 VDC BUTTON SETTING 】______________*/
.V_R{
	width: 130px;
	height: 35px;
	margin: 0 0 5px -110px;
	position: relative;
	left: 55%;
	right: auto;
	bottom: auto;
}
.V_R a{
	width: 45px;
	height: 35px;
	margin: 0 auto;
	box-sizing: border-box;
}
.V_R a:nth-child(2){
	margin: 0;
}
.V_R a:hover{
	opacity: 1;
}
/*________________________________【 END 】


||【［ NEW & おすすめ ］SETTING 】______*/
.INF > .N__::before,
.INF > .O__::before{
	width: 18vw;
	min-width: 100px;
	height: 18vw;
	min-height: 100px;
	font-size: clamp(14px,4vw,50px);
	line-height: 12vw;
	border-radius: 200px;
	padding: 0;
	top: auto;
	left: -15px;
	bottom: -55px;
	transform: rotate(10deg);
	box-sizing: border-box;
	text-align: center;
}
/*________________________________【 END 】
===========================================================*/

}
/*===================================================================================================
　INFOMATION / END
===================================================================================================*/