@font-face {
    font-family: 'RBC';
    src: url('roboto_condensed-b.eot');
    src: url('roboto_condensed-b.eot?#iefix') format('embedded-opentype'),
         url('roboto_condensed-b.woff') format('woff'),
         url('roboto_condensed-b.ttf') format('truetype'),
         url('roboto_condensed-b.svg#RBC') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RB';
    src: url('roboto-b.eot');
    src: url('roboto-b.eot?#iefix') format('embedded-opentype'),
         url('roboto-b.woff') format('woff'),
         url('roboto-b.ttf') format('truetype'),
         url('roboto-b.svg#RB') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RM';
    src: url('roboto-m.eot');
    src: url('roboto-m.eot?#iefix') format('embedded-opentype'),
         url('roboto-m.woff') format('woff'),
         url('roboto-m.ttf') format('truetype'),
         url('roboto-m.svg#RM') format('svg');
    font-weight: normal;
    font-style: normal;
}

.site-sidebar.left,
.site-main__inner > h1 { display: none !important;}
.site-main__inner,
.site-sidebar.left ~ .site-main > .site-main__inner { margin-left: 0;}
.tit { color: rgb(38, 80, 128); font: 22px 'RBC'; text-align: center; margin-bottom: 30px;}
.tit2 { border-bottom: 3px solid #417505; color: #265080; font: 22px 'RB'; padding-bottom: 3px; margin-bottom: 20px;}

.itm { width: 31.1%; min-width: 289px; vertical-align: top; margin: 0 27px 45px 0; display: inline-block; min-height: 259px; position: relative;}
.itm:nth-child(3n+1) { margin-right: 0;}
.img { min-height: 230px; min-width: 285px; border: 3px solid #417505;}
.gr-itm { font: 14px 'RM'; color: #000000; padding-bottom: 4px;}
.date-itm { font: 14px/32px 'RM'; color: #ffffff; width: 151px; height: 32px; background: #417505; text-align: center; position: absolute; top: -9px; right: -2px;}

.bl_in { background: rgba(0,0,0,0.6); padding: 10px 60px 25px 8px; color: #fff; position: absolute; bottom: 3px; left: 3px; right: 1px; min-height: 70px;}
.price-itm { height: 32px; width: 151px; background: rgba(0,0,0,0.6); font: 16px/32px 'RB'; text-align: center; color: #fff; position: absolute; top: 23px; right: -2px;}
.t-name { font: 14px 'RB'; color: #fff; padding-bottom: 5px;}
.t-desc { font: 12px 'RM'; color: #fff;}
.ico { height: 74px; width: 74px; background: #fff; position: absolute; bottom: -26px; right: -24px; border-radius: 50px; border: 3px solid #417505; line-height: 74px; text-align: center;}
.ico img { vertical-align: middle;}
.reit { width: 120px; position: absolute; bottom: 4px; left: 6px;}
.reit img { margin: 0 2px;}
.itms_year + .itms_year { margin-top: 20px;}

@media screen and (min-width: 0) and (max-width: 979px) {
	.img { -webkit-background-size: 100% auto !important; background-size: 100% auto !important; min-width: 100px;}
	.itm { min-width: 100px; width: 30.1%;}
	.date-itm { top: 24px;}
	.price-itm { top: 56px;}
}
@media screen and (min-width: 420px) and (max-width: 665px) {
	.itm { width: 42%; margin-left: 11px;}
	.itm:nth-child(3n+1) { margin-right: 11px;}
	.itm:nth-child(2n+1) { margin-right: 0;}
	.price-itm,
	.date-itm { right: 0; left: 0; width: auto;}
	.ico { height: 54px; width: 54px; line-height: 54px;}
	.ico img { width: 70%;}
}
@media screen and (min-width: 0) and (max-width: 420px) {
	.itm { width: 100%; margin-left: 0 !important;}
	.price-itm,
	.date-itm { right: 0; left: 0; width: auto;}
	.ico { height: 54px; width: 54px; line-height: 54px; right: -10px;}
	.ico img { width: 70%;}
	.img { -webkit-background-size: 100% 100% !important; background-size: 100% 100% !important;}
	.itm { margin-bottom: 16px;}
}
.t-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}