@charset "utf-8";
/* CSS Document */
/*list frm layout*/
/*has border,shadow,arrow,darkblue*/
	.radius .list .frm{border-radius:15px; overflow:hidden;}
	.shadow .list .frm{box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.arrow .list .frm::before{content:""; width:8px; height:8px; display:block; border:1px solid #fff; border-bottom:none; border-left:none; position:absolute; top:50%; right:12px; transform:translateY(-50%) rotate(45deg);}
/*f0000*/
	.f0000 .list .frm{color:#333; font-size:14px; background:#fff; border:1px solid #d86533; padding:0;}
	.f0000 .list.none .frm{color:#ccc; background:#efefef; opacity:.8;}
	/*.btnlo .list .frm::after{content:""; width:100%; height:100%; position:absolute; top:0; left:0; display:block; background:#4a555f; z-index: -1;}*/
	.f0000 .list .frm:hover{background:linear-gradient(#f5f5f5,#f5f5f5);}
	.f0000 .list h3.subject{font-size:16px; margin:0; color:#d86533;}
	.f0000 .list .frm:hover h3.subject{color:#000;}
	.f0000 .list .frm section{font-size:14px; padding:0.5em;}
	.f0000.arrow .list .frm section{padding-right:15px;}
	.f0000 .list .frm figure{font-size:14px; padding:0;}
	@media screen and (max-width:767px){/*phone*/
	.f0000 .list .frm section{font-size:13px;}
	.f0000 .list h3.subject{font-size:15px; margin:0;}
	.f0000 .list.imgl h3.subject{font-size:16px;}
	}	
/*f0001*/
	.f0001 .list .frm{color:#333; font-size:14px; background:linear-gradient(rgba(255,255,255,1),rgba(200,200,200,1)); border:1px solid #efefef; padding:0;}
	.f0001 .list.none .frm{color:#ccc; background:#efefef; opacity:.8;}
	/*.btnlo .list .frm::after{content:""; width:100%; height:100%; position:absolute; top:0; left:0; display:block; background:#4a555f; z-index: -1;}*/
	.f0001 .list .frm:hover{background:linear-gradient(#f5f5f5,#f5f5f5);}
	.f0001 .list h3.subject{font-size:16px; margin:0;}
	.f0001 .list .frm:hover h3.subject{color:#000;}
	.f0001 .list .frm section{font-size:14px; padding:0.5em;}
	.f0001.arrow .list .frm section{padding-right:15px;}
	.f0001 .list .frm figure{font-size:14px; padding:0;}
	@media screen and (max-width:767px){/*phone*/
	.f0001 .list .frm section{font-size:13px;}
	.f0001 .list h3.subject{font-size:15px; margin:0;}
	.f0001 .list.imgl h3.subject{font-size:16px;}
	}
/*f0002*/
	.f0002 .list .frm{color:#efefef; font-size:14px; background:linear-gradient(rgba(36,38,56,1),rgba(23,24,31,1)); padding:0;}
	/*.btnlo .list .frm::after{content:""; width:100%; height:100%; position:absolute; top:0; left:0; display:block; background:#4a555f; z-index: -1;}*/
	.f0002 .list .frm:hover{background:#333;}
	.f0002 .list h3.subject{font-size:16px; margin:0;}
	.f0002 .list .frm:hover h3.subject{color:#fff;}
	.f0002 .list .frm section{font-size:14px; padding:0.5em;}
	.f0002.arrow .list .frm section{padding-right:15px;}
	.f0002 .list .frm figure{font-size:14px; padding:0;}
	@media screen and (max-width:767px){/*phone*/
	.f0002 .list .frm section{font-size:13px;}
	.f0002 .list h3.subject{font-size:15px; margin:0;}
	.f0002 .list.imgl h3.subject{font-size:16px;}
	}
/*f0003*/
	.f0003 .list .frm{color:#efefef; font-size:14px; background:linear-gradient(rgba(28,20,8,1),rgba(52,44,30,1)); padding:0;}
	/*.btnlo .list .frm::after{content:""; width:100%; height:100%; position:absolute; top:0; left:0; display:block; background:#4a555f; z-index: -1;}*/
	.f0003 .list .frm:hover{background:#333;}
	.f0003 .list h3.subject{font-size:16px; margin:0;}
	.f0003 .list .frm:hover h3.subject{color:#fff;}
	.f0003 .list .frm section{font-size:14px; padding:0.5em;}
	.f0003.arrow .list .frm section{padding-right:15px;}
	.f0003 .list .frm figure{font-size:14px; padding:0;}
	@media screen and (max-width:767px){/*phone*/
	.f0003 .list .frm section{font-size:13px;}
	.f0003 .list h3.subject{font-size:15px; margin:0;}
	.f0003 .list.imgl h3.subject{font-size:16px;}
	}