@charset "utf-8";

/* news */

#mainContent.svw {  }
#mainContent.svw .cont { margin: 24px auto 46px; }

#mainContent.svw .noPosts { margin: 100px auto; text-align: center; }

#mainContent.svw .posts ul li { margin-bottom: 20px; }

#mainContent.svw .navi { display: flex; flex-wrap: wrap; justify-content: center; }
#mainContent.svw .navi li { margin: 0px 112px 50px; height: 32px; line-height: 32px; }
#mainContent.svw .navi a { display: inline-block; position: relative; text-decoration: none; }
#mainContent.svw .navi .new { padding-left: 50px; }
#mainContent.svw .navi .new span { position: absolute; top: -3px; left: 0; display: block; width: 38px; height: 38px; background-image: url(../img/common/btn01_1_bg.png); background-size: contain; background-position: center center; background-repeat: no-repeat;  }
#mainContent.svw.court .navi .new span { background-image: url(../img/common/btn01_3_bg.png); }
#mainContent.svw .navi .new span:before { position: absolute; display: block; content:''; top: 50%; right: 50%; width: 0; height: 0; margin: -6px -1.6px 0 0; border: 4px solid transparent; border-right: 5px solid #fff; -webkit-transition: all .2s; transition: all .2s; }
#mainContent.svw .navi .past { padding-right: 50px; }
#mainContent.svw .navi .past span { position: absolute; top: -3px; right: 0; display: block; width: 38px; height: 38px; background-image: url(../img/common/btn01_1_bg.png); background-size: contain; background-position: center center; background-repeat: no-repeat;  }
#mainContent.svw.court .navi .past span { background-image: url(../img/common/btn01_3_bg.png); }
#mainContent.svw .navi .past span:before { position: absolute; display: block; content:''; top: 50%; left: 50%; width: 0; height: 0; margin: -6px 0 0 -1.6px; border: 4px solid transparent; border-left: 5px solid #fff; -webkit-transition: all .2s; transition: all .2s; }


#mainContent.svw .navi .new:hover  span:before { right: 55%; }
#mainContent.svw .navi .past:hover span:before { left: 55%; }

#mainContent.svw .navi a span:before { color: #d1af90; }
#mainContent.svw .navi a:hover { color: #d1af90; }


#mainContent.svw .post { width: 1000px; min-height: 500px; margin: 24px auto 46px; }
#mainContent.svw .post h1 { text-align: left; font-size: 3.6rem; line-height: 4.8rem; font-weight: normal; color: #5c5c5c; padding: 20px 0 ; border-bottom: 1px solid #d1af90; margin-bottom: 50px; }
#mainContent.svw.court .post h1 { border-bottom: 1px solid #36504e; }
#mainContent.svw .post,
#mainContent.svw .post p { font-size: 1.6rem; font-weight: normal; color: #5c5c5c; line-height: 2; }

#mainContent.svw .secTitle { margin-top: 40px; text-align: center; font-size: 2.4rem; color: #d1af90; font-weight: bold; }
#mainContent.svw.court .secTitle { color: #36504e; }
#mainContent.svw .backList  { text-align: center; margin-bottom: 50px; }
#mainContent.svw .backList a { display: inline-block; -webkit-transition: all .5s; transition: all .5s; }
#mainContent.svw .backList a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; }  

#mainContent.svw .post .content { margin: 50px auto; }

#mainContent.svw .post time { color: #999; margin-right: 1em; }
#mainContent.svw .post .cate { display: inline-block; height: 18px; line-height: 18px; padding: 0 9px; background-color: #999; font-weight: bold; font-size: 1.4rem; color: #fff; text-align: center; }
#mainContent.svw .post .cate.news { background-color: #643328; }
#mainContent.svw .post .cate.cafe { background-color: #b2825a; }
#mainContent.svw .post .cate.court { background-color: #36504e; }

#mainContent.svw .post .cate.event   { background-color: #643328; }/*TABLE EVENTS： イベント　営業時間　休日　その他*/
#mainContent.svw .post .cate.open    { background-color: #b2825a; }
#mainContent.svw .post .cate.holyday { background-color: #d1af90; }
#mainContent.svw .post .cate.other   { background-color: #526374; }

#mainContent.svw .post .cate.sports  { background-color: #643328; }/*COURT EVENTS： スポーツ利用　撮影利用　発表会利用　その他*/
#mainContent.svw .post .cate.photo   { background-color: #b2825a; }
#mainContent.svw .post .cate.session { background-color: #d1af90; }
#mainContent.svw .post .cate.other   { background-color: #526374; }




.posts ul li > div .cate.stroll  { background-color: #643328; }
.posts ul li > div .cate.event   { background-color: #b2825a; }
.posts ul li > div .cate.charter { background-color: #d1af90; }
.posts ul li > div .cate.holyday { background-color: #526374; }

.post .aligncenter { display: block; margin: 0 auto; }
.post.alignright { float: right; margin-right: 0.5em 0 0.5em 1em }
.post.alignleft { float: left; margin: 0.5em 1em 0.5em 0 }

@media screen and (max-width: 768px){
	
	#mainContent.svw .navi li { margin: 0px 40px 25px; }
	#mainContent.svw .post { width: 290px; min-height: 300px; margin: 12px auto 23px; font-size: 1.3rem; line-height: 1.846; }
	#mainContent.svw .post h1 { margin-bottom: 17px; }
	#mainContent.svw .post time { font-size: 1.3rem; }
	#mainContent.svw .post .cate { font-size: 1.3rem; height: 15px; line-height: 15px; padding: 0 7px; }
	#mainContent.svw .post h1 { font-size: 1.8rem; line-height: 1.333333em; }
	
	
}


#mainContent.svw .post .snsLink { margin: 30px auto; overflow: hidden; }
#mainContent.svw .post .snsLink ul { overflow: hidden; width: 64px; text-align: center; margin: 0 auto; }
#mainContent.svw .post .snsLink ul li { float: left; display: block; width: 26px; height: 26px; line-height: 26px; }
#mainContent.svw .post .snsLink ul li a { position: relative; display: block; width: 26px; height: 26px; background-color: #fff; color: #fff; text-align: center; text-decoration: none; font-weight: bold; text-indent: 120%; white-space: nowrap; overflow: hidden; border-radius: 3px; }
#mainContent.svw .post .snsLink ul li + li { margin-left: 12px; }
#mainContent.svw .post .snsLink ul li a img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; }
#mainContent.svw .post .snsLink ul li a:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

@media screen and (max-width: 768px){
	
	#mainContent.svw .post .snsLink { margin: 10px 5% 42px; width: 90%; float: none; }
	#mainContent.svw .post .snsLink.btm { margin-top: 90px; }
	#mainContent.svw .post .snsLink ul { text-align: center; width: 62px; margin: 0 auto; }
	#mainContent.svw .post .snsLink ul li { display: inline-block; height: auto; }
	#mainContent.svw .post .snsLink ul li + li { margin-left: 10px; }
	#mainContent.svw .post .snsLink ul li a { overflow: hidden; }
	#mainContent.svw .post .snsLink ul li a:before { display: block; }
}

/* news */