@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */

        h2 {
           font-size:26px !important;
           padding: 1rem 0rem !important;
           }

        h3 {
           font-size:20px;
        }
        h3:before {
            margin-right: 0 !important;
        }
        h3:after {
            margin-left: 0 !important;
        }

        h4 {
           font-size:18px;
        }
        h4:before {
            margin-right: 0 !important;
        }
        h4:after {
            margin-left: 0 !important;
        }

        p {
           font-size: 16px;
           letter-spacing: 0px !important;
        }

        .wp-block-media-text .wp-block-media-text__content {
            padding: 10px 0 0 0;
        }

/* スマホで見たときは"sp-img"のclassがついた画像が表示される */
  .pc-img { display: none !important; }
  .sp-img { display: block !important; }
    

.tpg-shortcode-main-wrapper .carousel1 .rt-holder .rt-detail .read-more a, .tpg-shortcode-main-wrapper .isotope1 .rt-holder .rt-detail .read-more a, .tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail .read-more a {font-size:10px !important;padding:8px !Important;}
.rt-detail{padding:5px !important}
.tpg-shortcode-main-wrapper .even-grid-item, .tpg-shortcode-main-wrapper .masonry-grid-item{padding:2px;}

}


/* 481px以上 */

.lineup-img {
height: 100%;
}