@charset "utf-8";

/*====================================================================================
index
====================================================================================*/

.titleMain h3{font-size: 25px; color: #b81d25; display: block; position: relative; padding: 0 0 20px 0; text-align: center;}
.titleMain h3::after{position: absolute; content: ''; width: 70px; height: 1px; background: #000; left: 50%;  top: 40px; transform: translateX(-50%);}
@media screen and (max-width: 768px){
.titleMain h3{font-size: 20px;}
}


/*inProductCategory*/
.inProductCategory{margin: 100px auto 80px auto; display: block;}
.inProductCategory h2{font-size: 30px; color: #000; text-align: center;}
.inProductCategory .subh2{font-size: 18px; color: #999; text-align: center;}
.productCategoryItem{margin: 35px 0 0 0;}
.productCategoryItem li{}
.productCategoryItem a{color: #333; background: #fff; padding: 12px; margin: 0 0 40px 0; border-radius:0 0 30px 30px; box-shadow:0px 0px 5px #ccc; display: inline-block;}
.productCategoryItem a:hover{ box-shadow:0px 0px 5px #aaa;}
.productCategoryItem a:hover h3{ color: #e1454d; }
.productCategoryItem figure{border-radius:1.5em; overflow:hidden;}
.productCategoryItem h3{}
.productCategoryItem .summary{font-size: 13px; text-align: center; padding: 0 10px; height: 40px; overflow:hidden;}
@media screen and (max-width: 500px){
.inProductCategory{margin: 60px auto 40px auto;}
.inProductCategory h2{font-size: 20px;}
.productCategoryItem{margin: 10px 0 0 0;}
}

/*inPostLink*/
.inPostLink{padding: 175px 0 100px 0; background: url(../images/index/post-link-bg.jpg) center bottom no-repeat; /*background-attachment: fixed !important; */}
.inPostLink li{text-align: center;}
.inPostLink a{background-color: rgba(255,255,255,0.8); color: #000; border-radius: 99em; width: 250px; height: 250px; text-align: center; padding: 40px 0 0 0; display: inline-block;}
.inPostLink a:hover{background-color: rgba(255,255,255,1); box-shadow:0px 0px 5px #aaa;}
.inPostLink a:hover h3{ color: #e1454d; }
.inPostLink .summary{font-size: 13px; text-align: center; padding: 0 20%; height: 40px; overflow:hidden;}
@media screen and (max-width: 1199px){
.inPostLink{background-size: cover;}
.inPostLink a{ width: 200px; height: 200px;}
}
@media screen and (max-width: 991px){
.inPostLink{padding: 40px 0 20px 0; background-attachment: inherit !important;}
.inPostLink li{margin: 0 0 40px 0;}
.inPostLink a{ width: 220px; height: 220px; }
}
@media screen and (max-width: 500px){
.inPostLink a{ width: 160px; height: 160px; padding: 20px 0 0 0;}
.inPostLink .summary{ padding: 0 10%; }
}

/*inNews*/
.inNews{padding: 100px 0 80px 0; background: url(../images/common/bg2.gif) repeat;}
.inNews header{text-align: right; padding: 30px 0 0 0; }
.inNews h2{}
.inNews .subh2{}
.inNews ul{border-left: 1px #999 solid; margin: 0 0 0 30px; padding: 0 0 0 30px;}
.inNews li {line-height: 2; margin: 0 0 15px 0;}
.inNews li .category{font-size: 15px; color: #b81d25; display: inline-block; margin: 0 40px 0 0;}
.inNews li a{font-size: 15px; color: #333; }
.inNews li a:hover{color: #b81d25;}
.inNews li .releaseDate{display: inline-block; margin: 0 10px 0 0;}
.inNews li h3{font-size: 15px; display: inline-block; margin: 0; line-height: 1.5;}
@media screen and (max-width: 1199px){
.inNews header{text-align: center; padding: 0; }
.inNews ul{border-left: none; margin: 20px 0 0 0; padding: 0;}
}
@media screen and (max-width: 991px){
.inNews{padding: 60px 0;}
.inNews li {margin: 0 5% 20px 5%; padding: 0 0 20px 0; border-bottom: 1px #aaa solid;}
.inNews li .category{margin: 0 15px 0 0;}
.inNews li h3{display: block; margin: 5px 0 0 0;}
}