@charset "utf-8"; 

/* mainContent */

.titleBlock { margin: 70px auto 0; text-align: center; }
.titleBlock > h1 > img,
.titleBlock > img { margin: 90px auto 83px; }

@media screen and (max-width: 768px){
	.titleBlock { margin: 50px auto 0; text-align: center; }
	.titleBlock > h1 > img,
	.titleBlock > img { width: auto; height: 30px; margin: 21px auto 41px; }
}


.posts { clear: both; }
.posts ul {  }
.posts ul:after { content: ''; display: block; height: 0; clear: left; float: none; }
.posts ul li { position: relative; float: left; width: 320px; height: 475px; margin-left: 20px; margin-top: 30px; background-color: #fff; -webkit-box-shadow: 0px 3px 7px rgba(153, 141, 132, 0.4); box-shadow: 0px 3px 7px rgba(153, 141, 132, 0.4); }
.posts ul li:nth-child(-n + 3) { margin-top: 0px; }
.posts ul li a { position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 100%; height: 100%; }

.posts ul li:nth-child(3n+1) { margin-left: 0; }
.posts ul li > div { margin: 30px 20px 48px; }
.posts ul li div.photo { width: 320px; height: 200px; margin: 0; overflow: hidden; }
.posts ul li div.photo img { -webkit-transition: all .5s; transition: all .5s; }
.posts ul li > div time { color: #999; margin-right: 1em; }
.posts ul li > div .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; }
.posts ul li > div .cate.news { background-color: #643328; }
.posts ul li > div .cate.cafe { background-color: #b2825a; }
.posts ul li > div .cate.court { background-color: #36504e; }

.posts ul li > div p { font-size: 1.8rem; margin: 12px 0; }
.posts ul li > div p.more { position: absolute; bottom: 30px; left: 50%; width: 90px; margin-left: -45px; text-align: center; font-size: 1.4rem; font-family: 'Josefin Sans', sans-serif; }
.posts ul li > div p.more:after { content: ''; display: block; position: absolute; top :7px; left: 50%; width: 0px; height: 1px; background-color: #d1af90; transform: rotate(40deg); -webkit-transform: rotate(40deg); -webkit-transition: all .5s; transition: all .5s; }
.posts ul li:hover > div p.more:after { width: 46px; margin-left: -24px; }
.posts ul li:hover div.photo img  { -webkit-transform:scale(1.2); transform:scale(1.2) }

.posts.np ul li { height: 276px; }


@media screen and (max-width: 768px){
	.posts ul li { width: 290px; height: auto; margin-bottom: 25px; }
	.posts ul li div.photo { width: 290px; height: 181px; }
	.posts ul li + li { margin-left: 0; }
	.posts ul li > div { margin: 30px 16px 100px; }
	.posts ul li > div p.more:after,
	.posts ul li:hover > div p.more:after { top :13px; width: 54px; margin-left: -24px; }
}
	

.btn01_1 { position: relative; display: inline-block; width: auto; height: 32px; margin: 32px 0; padding-left: 52px; line-height: 32px; font-size: 1.4rem; font-family: 'Josefin Sans', sans-serif; -webkit-transition: all .4s; transition: all .4s; }
a.btn01_1:link { text-decoration: none; }
a.btn01_1:visited { text-decoration: none; }
.btn01_1 span.i { 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; }
.btn01_1 span.i: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; }
.btn01_1 span.and { color: #d1af90; margin: 0 2px; }

.btn01_1:hover span.i:before { left: 55%; }
.btn01_1 span.i:before { color: #d1af90; }
.btn01_1:hover { color: #d1af90; }

.btn02 { display: block; width: 240px; height: 35px; line-height: 35px; border: 1px solid #d1af90; border-radius: 18px; text-align: center;  -webkit-transition: all .5s; transition: all .5s; }
.btn02:before { display: inline-block; width: 19px; height: 19px; content: ''; margin-right: 10px; vertical-align: sub; background-image: url(../img/common/icon_pdf.png); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.btn02 span { color: #d1af90; margin: 0 2px; }
.btn02:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; }
a.btn02:link { text-decoration: none; }
a.btn02:visited { text-decoration: none; }

.top #sec02 .btn01_1 { color: #fff; }
.top #sec02 .btn01_1 span.i { background-image: url(../img/common/btn01_2_bg.png); }
.top #sec02 .btn01_1 span.i:before { border-left: 5px solid #fff; }
.top #sec02 .btn01_1:hover { color: #d1af90; }

a[target="_blank"].btn01_1:after    { display: inline-block; content: ''; width: 18px; height: 18px; margin-left: 10px; background-image: url(../img/common/btn01_tgt_blank.png); background-size: cover; background-position: center center; background-repeat: no-repeat; vertical-align: sub; }
.btn01_1.insta { margin: 32px 0; }
a[target="_blank"].btn01_1.insta:after { width: 22px; height: 22px; background-image: url(../img/common/btn01_tgt_insta.png); vertical-align: middle; }


@media screen and (max-width: 768px){
	.btn01_1 { font-size: 1.5rem; }
	.btn02   { width: 291px; height: 41px; line-height: 41px; margin: 2px auto; }
}

/* mainContent */


/* 404 */
.notfound .titleBlock { margin: 170px auto 0; text-align: center; }
.notfound  { text-align: center; }

/* 404 */