@charset "utf-8";


/* --------------------------------
   □ topics
--------------------------------*/

.contents main > .accent {
    background: url(../../images/topics/title_bg.jpg) center / cover;
}

/* --------------------------------
   □ picup
--------------------------------*/

#picup{
    margin-bottom: 80px;
	padding-top: 0;
}

	#picup .swiper-slide{
		position: relative;
	}

	#picup .swiper-slide .plantype{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 30%;
		width: 90%;
	}

	#picup .swiper-slide .plantype dl{
		color: #fff;
		margin-bottom: 20px;
		text-align: left;
	}

	#picup .swiper-slide .plantype dl dt{
		font-size: 175%;
		margin-bottom: 15px;
	}

	#picup .swiper-slide .plantype dl dd{
		line-height: 2;
		font-size: 93%;
	}

	#picup .swiper-slide .plantype p.date{
		text-align: right;
		color: #fff;
		font-weight: 700;
		font-size: 87%;
	}

  /* --------------------------------
       □ swiper
	--------------------------------*/

    .swiper-container{
        margin-bottom: 30px;
        text-align: center;
    }
    .swiper-slide a{
        display: block;
        position: relative;
        margin: auto;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 10px;
        left: auto;
    }
    #picup .swiper-button-prev{
        background: url("../../images/common/icon/gt.svg");
        left: 28%;
    }
    #picup .swiper-button-next{
        background: url("../../images/common/icon/lt.svg");
        right: 28%;
    }
    #picup .swiper-button-prev, 
    #picup .swiper-button-next {
        width: 20px;
        height: 20px;
    }
    #picup .swiper-container .swiper-pagination{
        position: static;
        width: auto;
        display: inline-block;            
    }
    #picup .swiper-pagination-bullet-active{
        background: #19191A;
    }
    #picup .swiper-container .swiper-wrapper .swiper-slide img{
        width: 100%;   
        height: auto;
        object-fit: cover;
        max-height: 500px;
    }

	#picup p.image{
		overflow: hidden;
	}
	#picup p.image img{
		transition: 1s all;
	}
	#picup a:hover p.image img{
		transform: scale(1.2,1.2);
		transition: 1s all;
	}
	

/* --------------------------------
   □  topics
-------------------------------- */ 
.container.wide {
    width: 100%!important;
}

#topics ul.topicslist{
	margin-bottom: 60px;
}

	#topics ul.topicslist li{
		width: 363px;
		float: left;
		margin-right: 10px;
		box-shadow: 1px 1px 5px #c7c7c7;
		margin-bottom: 10px;
	}

	#topics ul.topicslist li:nth-child(3n){
		margin-right: 0;
	}

	#topics ul.topicslist li a{
		color: #202020;
		text-decoration: none;
	}


	#topics ul.topicslist li p.image{
		margin-bottom: 0;
		overflow: hidden;
	}

	#topics ul.topicslist li p.image img{
		transition: 1s all;
	}

	#topics ul.topicslist li a:hover p.image img{
		transform: scale(1.2,1.2);
		transition: 1s all;
	}

	#topics ul.topicslist li dl{
		background: #fff;
		padding: 30px;
	}

	#topics ul.topicslist li dl dt{
		font-size: 112%;
		margin-bottom: 12px;
		font-weight: 700;
	}

	#topics ul.topicslist li dl dd{
		font-size: 87%;
	}

	#topics ul.topicslist li dl dd.text{
		line-height: 2;
		margin-bottom: 15px;
	}

	#topics ul.topicslist li dl dd.date{
		text-align: right;
		color: #797979;
		font-weight: 700;
	}

	#topics .mt{
		margin-top: 25px;
	}

#news{
	margin-bottom: 100px;
}

/* --------------------------------
   □  topics詳細
-------------------------------- */ 

.entry .sentence p.image {
    margin-bottom: 50px;
}

.entry h4.lv5{
	text-align: center;
	margin-bottom: 50px;
}

/*
.entry h4 span{
	background: url(../../images/common/title_border.png) no-repeat 50% 100%;
    padding-bottom: 15px;
}*/ 


.entry h4{
    margin-bottom: 15px;
    letter-spacing: 0.01em;
    line-height: 1.3;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}

.entry h4:after{
    content: "";
    display: block;
    width: 77px;
    height: 3px;
    background-image: url(../../images/common/title_border.png);
    background-repeat: repeat;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform:translateX(-50%);
}

.entry .sentence p.text {
    margin-bottom: 90px;
}

.wrap .main .buttonStyle a {
    box-sizing: border-box;
    display: inline-block;
    padding: 18px 45px;
}


@media only screen and
(max-width : 767px) {

    /* --------------------------------
       □  
    -------------------------------- */ 
    section.wide .container.wide {
        width: auto!important;
    }

   /* --------------------------------
       □  plan
    --------------------------------*/ 
    #picup{
        margin-bottom: 7%;
        padding-bottom: 0;
    }  
    #picup .swiper-button-prev{
        left: 20px;
    }  
    #picup .swiper-button-next{
        right: 20px;
    }
	
	#picup .swiper-slide .plantype {
		height: 85%;
		width: 75%;
	}
	
	#picup .swiper-slide .plantype dl {
		margin-bottom: 15px;
	}
	
	#picup .swiper-slide .plantype dl dt {
		font-size: 130%;
		margin-bottom: 15px;
	}
	
	#picup .swiper-slide .plantype dl dd {
		font-size: 87%;
		text-align: left;
	}
	
    /* --------------------------------
       □ 　#topics   
    -------------------------------- */ 	
    #topics ul.topicslist {
        margin-bottom: 30px;
    }

    #topics ul.topicslist li {
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #topics ul.topicslist li dl {
        padding: 15px;
    }

        #topics ul.topicslist li p.image img{
            width: 100%;
        }

    #news {
        margin-bottom: 30px;
    }	

    .entry .sentence p.text {
        margin-bottom: 45px;
    }
    
    .entry .sentence p.text:last-child {
        margin-bottom: 20px;
    }
    
    .entry .sentence p.image {
        margin-bottom: 20px;
    }

    .entry h4.lv5 {
        margin-bottom: 25px;
        font-size: 125%;
    }	

    
    

}