@charset "utf-8";
/* CSS Document */
.recBlock {
    box-sizing: border-box;
    width: 90%;
    max-width: 990px;
    margin: 0 auto 3rem;
    border: 1px solid #C7C7C7;
    padding: 1rem;
    position: relative;
}
.titleSwipe { margin: 0 1rem;}
.titleSwipe .swiper-wrapper { width: 100%; margin: 1.5rem auto 0; }
.titleSwipe .swiper-slide {
    width: 100%;
    text-align: left;
}
.titleSwipe .swiper-pagination { width: 100%; top: 0; height: 1.5rem; }
.titleSwipe .swiper-pagination-bullet { width: 1rem; height: 0.4rem; border-radius: 0.4rem; margin: 0 0.2rem!important; background-color: #C7C7C7; opacity: 1; }
.titleSwipe .swiper-pagination-bullet-active { background-color: #707070; }
.recBlock .swiper-button-next,
.recBlock .swiper-button-prev { color: #1f1f1f; text-shadow: 0px 2px 2px #d8d8d8; font-weight: bold; }
.recBlock .swiper-button-next { right: 0; }
.recBlock .swiper-button-prev { left: 0; }
.recBlock .swiper-button-next:after, .recBlock .swiper-button-prev:after { font-size: 1rem; }

.recommendTitleName { text-align: center; font-size: 1.8rem; margin: 1rem 0; line-height: 1.2; }

.recommendTitle {
    width: 100%;
    display: flex;
}
.recommendTitle .koma img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;/* 画像下のスペースを消す */
}
.recommendTitle .koma, .recommendTitle .rightBox { width: 50%; }
.recommendTitle .rightBox { padding-left: 1rem; }
.recommendTitle .rightBox .comment { font-size: 1.2rem; line-height: 1.2; position: relative; }
.recommendTitle .rightBox .comment .readmore_Area .commenttext { line-height: 1.4rem; }
.recommendTitle .rightBox .comment .readmore_Area { padding-bottom: 1.5rem; }

.recommendTitle .rightBox .comment .readmore_Area .subTxt { font-size: 1.4rem; font-weight: bold; margin-bottom: 1rem;}


@media (max-width: 568px){
    .recommendTitle { display: block;}
    .recommendTitle .koma, .recommendTitle .rightBox { width: 100%; }
    .recommendTitle .koma { margin-bottom: 1rem; }
    .recommendTitle .rightBox { padding-left: 0; }
}
.prvBtn { margin: 2rem 0 1rem; text-align: center; }
.prvBtn a { display: inline-block; background: #fff; border-radius: 0.5rem; padding: 0.8rem 2rem; font-size: 1.5rem; font-weight: bold; border: 1px solid #C7C7C7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);}