@charset "utf-8";

img{max-width: 100%}
.page-poster{background-image: url(../images/index_poster_bg.jpg);width: 100%;height: 195px;background-repeat: no-repeat;background-size: cover;background-position: center;line-height: 195px;text-align: center;}
.page-poster .slogan{width: 300px;}

.item .img-title{height: 36px;display: block;margin: 0 auto}
.item .title{text-align: center;}
.item .title .title01{height: 49px;}
.item .title .title02{height: 39px;margin: 5px 0 5px 15px;}

.item .txt-title{font-size: .833em;text-align: center;padding: 8px 0 18px}
.item.item01{background-image: url(../images/index_item01_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: bottom;padding: 53px 53px 58px;}
.item.item01 .img-list{margin: 41px auto 0;width: 250px}
.item.item01 .img-list .left{width: 6px;margin-right: 16px;margin-top: 25px}
.item.item01 .img-list .right a{display: block;margin-top: 14px;margin-top: 12px;}
.item.item01 .img-list .right a img{height: 26px}

.item.item02, .item.item03, .item.item04{padding: 42px 20px 0}
.img-swiper .swiper-container, .img-swiper .swiper-container, .img-swiper .swiper-container{padding-bottom: 20px}
.item.item02 img.master-img, .item.item03 img.master-img, .item.item04 img.master-img{width: 200px}
.item.item02 .book-btn, .item.item03 .book-btn, .item.item04 .book-btn{display: block;text-align: center;padding: 6px 0 20px}
.item.item02 .book-btn img, .item.item03 .book-btn img, .item.item04 .book-btn img{height: 19px}
.item.item02 .recommend, .item.item03 .recommend, .item.item04 .recommend{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;margin-top: 10px}
.item.item02 .recommend li, .item.item03 .recommend li, .item.item04 .recommend li{position: relative;display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;margin-right: 9px}
.item.item02 .recommend li .case-info, .item.item03 .recommend li .case-info, .item.item04 .recommend li .case-info{background: #4f687c;padding: 0 5px 25px;position: relative;border-radius: 0 0 5px 5px;}
.item.item02 .recommend li .case-info:before, .item.item03 .recommend li .case-info:before, .item.item04 .recommend li .case-info:before{content: "";position: absolute;height: 7px;width: 30px;background-image: url(../images/bottom.png);background-size: cover;background-repeat: no-repeat;background-position: bottom;bottom: -6px;left: 50%;margin-left: -15px;}
.item.item02 .recommend li img.add-icon, .item.item03 .recommend li img.add-icon, .item.item04 .recommend li img.add-icon{position: absolute;width: 13px;bottom: -2px;left: 50%;margin-left: -7px;height: 13px}
.item.item02 .recommend li:last-of-type, .item.item03 .recommend li:last-of-type, .item.item04 .recommend li:last-of-type{margin-right: 0}
.item.item02 .recommend li img, .item.item03 .recommend li img, .item.item04 .recommend li img{border-radius: 5px 5px 0 0;height: 140px}
.item.item02 .recommend li h4, .item.item03 .recommend li h4, .item.item04 .recommend li h4{font-size: .75em;color: #ffffff;height: 17px;line-height: 17px;font-weight: normal;border-bottom: 2px solid #ffffff;text-align: center;}
.item.item02 .recommend li p, .item.item03 .recommend li p, .item.item04 .recommend li p{margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: .542em;color: #ffffff;text-align: left;}

.item.item05{background-image: url(../images/index_item05_bg.png);background-size: 50%;background-repeat: no-repeat;background-position: left bottom;padding: 35px 43px 15px}
.item.item05 ul{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;margin-top: 3px}
.item.item05 ul:first-of-type{margin-top: 18px}
.item.item05 ul li{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;}
.item.item05 ul li:last-of-type{margin-left: 4px;}
.item.item05 a{display: block;background: #961b1e;color: #fff;text-align: center;height: 32px;line-height: 32px;font-size: .833em;border-radius: 5px;margin-top: 15px;letter-spacing: 2px}

.item.item06{background-image: url(../images/index_item06_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 32px 18px 27px}
.item.item06 .title{margin-bottom: 27px}
.item.item06 .img-list{background: rgba(214,217,225,.8);padding: 30px 21px 15px;text-align: center;}
.item.item06 .img-list .img01{height: 42px}
.item.item06 .img-list .big-img{background-image: url(../images/index_item06_img02.png);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 4px;margin-top: 26px}
.item.item06 .img-list ul{padding: 0 10px;margin-top: 8px;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;}
.item.item06 .img-list ul li{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;}
.item.item06 .img-list ul li:nth-of-type(2){margin: 0 8px;}
.item.item06 a{display: block;background: #961b1e;color: #fff;text-align: center;height: 32px;line-height: 32px;font-size: .833em;border-radius: 5px;margin-top: 15px;letter-spacing: 2px}

.item.item07{background-image: url(../images/index_item07_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 32px 18px 27px}
.item.item07 .img01{margin-top: 32px}
.item.item07 .img02{margin-top: 10px}

.item.item08{background-image: url(../images/index_item08_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 32px 27px 31px}
.item.item08 .img01{margin-top: 18px}
.item.item08 .img02{margin-top: 32px}

.item.item09{background-image: url(../images/index_item09_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 32px 27px 31px}
.item.item09 .img01{margin-top: 28px}
.item.item09 .img02{margin-top: 23px}

.item.item10{background-image: url(../images/index_item10_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 30px 24px 24px}
.item.item10 .img-list{position: relative;}
.item.item10 .img-list ul{margin-top: 30px;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;}
.item.item10 .img-list ul li{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;}
.item.item10 .img-list ul li:last-of-type{margin-left: 22px}
.item.item10 .img-list .vs{position: absolute;top: 50%;left: 50%;height: 102px;width: 102px;margin-left: -51px;margin-top: -51px}

.item.item11{background-image: url(../images/index_item11_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 36px 24px 19px}
.item.item11 .img-title{height: 58px}
.item.item11 .img-list{background: #961b1e;color: #fff;padding: 15px;margin-top: 30px}
.item.item11 .img-list dl{margin-bottom: 15px}
.item.item11 .img-list dt{width: 131px}
.item.item11 .img-list dd{margin-left: 141px;height: 90px;border-bottom: 1px solid}
.item.item11 .img-list dd h1{font-size: 1.064em;line-height: 35px;text-align: left;font-weight: 600}
.item.item11 .img-list dd p{font-size: .828em;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.item.item11 .swiper-container{padding-bottom: 30px}
.item.item11 .swiper-pagination-bullet-active{background: #fff;border: 2px solid #fff}
.item.item11 .swiper-pagination-bullet{border: 2px solid #fff}
.item.item11 a{color: #fff;}
.item.item11 a.more{display: block;background: #961b1e;text-align: center;height: 32px;line-height: 32px;font-size: .833em;border-radius: 5px;margin-top: 15px;letter-spacing: 2px}








@media screen and (max-width:320px){
  	.item .title .title01{height: 42px;}
	.item .title .title02{height: 32px;margin: 5px 0 5px 15px;}
	.item.item01{padding: 53px 32px 58px;}
}