/* CSS Document */
/**/
#newsList h4 a { color: #aa0a78;  }
#btn_rsv_max { border-top:#d3d3d1 1px solid; }


@media (min-width:751px) {


	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv:after { content: ""; position: absolute; top:0; left: 0; background: url(../../images/ttl_shadow.png) center center no-repeat; width: 100%; height: 400px; }

	#lead h2.ch2 { background:url(../images/ttl.svg) top center no-repeat; }

	#p1 { padding: 100px 0 80px 0; }
	#newsList li { display: flex; position: relative; padding-top: 20px; padding-bottom: 20px;
		background: url(../../images/icon_arrow_p.svg) right 5px center no-repeat; transition: 0.3s; color: #aa0a78;
		border-bottom: #d3d3d1 1px solid; }
	#newsList li:hover { background-position: right center; }
	#newsList li .up_ymd,#p1 .day { color: #131314; margin-right: 20px; }
	#newsList h4 { font-size: 22px; }
	#newsList .cflex {  }
	#newsList .cflex .thumbNailWrap { margin-right: 15px; max-width: 200px; }
	#newsList .comment { font-size: 16px; line-height: 24px; /*width: 780px; width: calc( 100% - 215px);*/ }

	#p1 h3 { margin-bottom: 40px; font-size: 22px; }
	#detail .detailText { margin-bottom: 30px; font-size: 16px; line-height: 24px; }
	#detail .detailText span { font-size: 16px !important; }
	#detail .detailText a { text-decoration: underline; }
	.detailUpfile { margin-bottom: 30px; }
	#p1 a.cbtn { width: 400px; margin: 0 auto 100px; }


} /* End @media (min-width:751px) */


/* ---------------------------------------------------------------------- */


@media (min-width: 751px) and  (max-width:1500px) {



} /* End @media (min-width: 751px) and  (max-width:1500px) */


/* ---------------------------------------------------------------------- */


@media (min-width: 751px) and  (max-width:1300px) {

} /* @media (min-width: 751px) and  (max-width:1300px) */


/* ---------------------------------------------------------------------- */


@media (max-width:750px) {


	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv:after { content: ""; position: absolute; top:0; left: 0; background: url(../../images/ttl_shadow.png) center center no-repeat; width: 100%; height: 50vw;
		background-size: 16vw auto; }
	#lead h2.ch2 { background:url(../images/ttl.svg) top center no-repeat; background-size: auto 12vw; }
	#p1 { padding: 12vw 0 }
	/*#newsList li { border-bottom: #805C76 1px solid; padding-top: 10vw; padding-bottom: 10vw; }*/
	#newsList li {
    width: 100%; border-bottom: #d3d3d1 1px solid;
    padding-top: 4vw; padding-right: 6vw; padding-bottom: 4vw;
    position: relative; color: #aa0a78;
    margin-bottom: 6vw;
    background: url(../../images/icon_arrow_p.svg) right center no-repeat;
    background-size: 2.6vw auto; 
    }
	#newsList h4 { font-size: 4.4vw; }
	#newsList li .up_ymd,#p1 .day { color: #131314; }
	#newsList .cflex { /*margin-bottom: 10vw;*/ }
	#newsList .cflex .thumbNailWrap { width: 60vw; margin-bottom: 6vw; display: block; }
	#newsList .comment { font-size: 3.7vw; line-height: 5vw; width: 100%; display: block; }

	#p1 h3 { margin-bottom: 4vw; line-height: 7vw; }
	#detail .detailText { margin-bottom: 4vw; font-size: 3.7vw; line-height: 5vw; }
	#detail .detailText span { font-size: 3.7vw !important; }
	#detail .detailText a { text-decoration: underline; }
	.detailUpfile { margin-bottom: 4vw; }
	#p1 a.cbtn { width: 70vw; margin: 0 auto 16vw; }


} /* End @media (max-width:750px) */


/* ---------------------------------------------------------------------- */