/* ===================================
PET ECO / YONEYAMA PLANTATION
Style Sheet for HOME
First Update  2016-08-25
Last Update	  2023-03-01
=================================== */
/* topimg */
#home .topimg { background: url(../images/home/topimg.jpg) no-repeat 0 0; background-size: cover; margin-bottom: 20px; max-width: 1174px; height: 0; padding-top: 75%; position: relative; width: 100%; -webkit-print-color-adjust: exact;  }

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
#home .topimg { background: url(../images/home/topimg@2x.jpg) no-repeat 0 0; background-size: cover; }
}
#home .topimg p:before, #home .topimg p:after { clear: both; content: ""; display: table; }
#home .topimg p.catch { color: #FFF; letter-spacing: 0; position: absolute; text-align: center; width: 100%; }
#home .topimg p.jp { bottom: 25%; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "MS P明朝", "MS PMincho", serif; font-size: 100%; font-weight: 500; letter-spacing: -0.1em; text-shadow: 0 0 10px #000; }
#home .topimg p.en { bottom: 10%; font-family: "HWYGEXPD", san-serif; font-size: 120%; text-shadow: 0 0 15px #000; }
/*#home .topimg p.jp { bottom: 65%; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "MS P明朝", "MS PMincho", serif; font-size: 100%; font-weight: 500; letter-spacing: -0.1em; text-shadow: 0 0 10px #000; }*/
/*#home .topimg p.en { bottom: 55%; font-family: "HWYGEXPD", san-serif; font-size: 120%; text-shadow: 0 0 15px #000; }*/
/*#home .topimg p.jp { bottom: 83%; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "MS P明朝", "MS PMincho", serif; font-size: 100%; font-weight: 500; letter-spacing: -0.1em; text-shadow: 0 0 10px #000; }*/
/*#home .topimg p.en { bottom: 75%; font-family: "HWYGEXPD", san-serif; font-size: 120%; text-shadow: 0 0 15px #000; }*/

/*左寄せ*/
#home .topimg p.sp1 { text-align:left; bottom: 15%;left:3%;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "MS P明朝", "MS PMincho", serif; font-size: 100%; font-weight: 500; letter-spacing: -0.1em; text-shadow: 0 0 10px #000; }
#home .topimg p.sp2 { text-align:left; bottom: 10%;left:3%;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "MS P明朝", "MS PMincho", serif; font-size: 100%; font-weight: 500; letter-spacing: -0.1em; text-shadow: 0 0 10px #000; }
#home .topimg p.sp3 { text-align:left; bottom: 5%;left:38%;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "MS P明朝", "MS PMincho", serif; font-size: 100%; font-weight: 500; letter-spacing: -0.1em; text-shadow: 0 0 10px #000; }


#home .topimg p.en span.txt-l { font-family: "Cabin", serif; font-weight: 900; }
#home .topimg p.catch span.en:before { clear: both; content: "\A"; white-space: pre; }
/*#home .topimg img { bottom: 3%; position: absolute; right: 20px; width: 80px; }*/ /*20191031 change*/
#home .topimg img { bottom: 7%; position: absolute; right: 20px; width: 80px; }

@media only screen and (min-width: 480px) {
#home .topimg p.jp { bottom: 23%; font-size: 150%; }
#home .topimg p.en { bottom: 10%; font-size: 220%; }
/*#home .topimg p.jp { bottom: 65%; font-size: 150%; }*/
/*#home .topimg p.en { bottom: 55%; font-size: 220%; }*/
/*#home .topimg p.jp { bottom: 83%; font-size: 150%; }
#home .topimg p.en { bottom: 75%; font-size: 220%; }
#home .topimg p.sp1 { bottom: 15%; font-size: 150%; }
#home .topimg p.sp2 { bottom: 10%; font-size: 150%; }
#home .topimg p.sp3 { bottom: 5%; font-size: 150%; }
*/
}

@media print, screen and (min-width: 768px) {
#home .topimg p.jp { font-size: 170%; }
#home .topimg p.en { font-size: 280%; }
#home .topimg img { width: 100px; }

#home .topimg p.sp1 { font-size: 170%; }
#home .topimg p.sp2 { font-size: 170%; }
#home .topimg p.sp3 { font-size: 170%; }

}

@media print, screen and (min-width: 920px) {
#home .topimg p.en { font-size: 340%; }
#home .topimg img { width: 150px; }
}

@media only screen and (min-width: 1174px) {
#home .topimg p.jp { font-size: 190%; }
#home .topimg p.en { bottom: 12%; }
/*#home .topimg p.en { bottom: 55%; }
#home .topimg p.en { bottom: 75%; }
#home .topimg p.sp1 { font-size: 190%; }
#home .topimg p.sp2 { font-size: 190%; }
#home .topimg p.sp3 { font-size: 190%; }
*/
}
/* #home content */
#home .lnkbtn { bottom: 20px; left: 50%; margin-left: -90px; position: absolute; }
#top-news .content, #top-newfaces .content, #top-company .content { padding-bottom: 100px; }

@media print, screen and (min-width: 640px) {
#home .mainContent .content { padding-top: 40px; }
}

@media print, screen and (min-width: 768px) {
#top-news .content, #top-newfaces .content, #top-company .content { padding-bottom: 40px; }
#home .lnkbtn { bottom: inherit; left: inherit; margin-left: inherit; right: 40px; top: 30px; }
}

@media print {
#top-news .content h2 span.ssmbr, #top-newfaces .content h2 span.ssmbr, #top-company .content h2 span.ssmbr { display: none; }
}
/* top-news, top-newfaces */
.newslist { border-bottom: 1px solid #999; margin-bottom: 0; }
.newslist li { border-top: 1px solid #999; padding: 1em 0; position: relative; }
.newslist li a:before { color: #000; content: "\f125"; float: right; font-family: "ionicons"; position: absolute; right: 0; top: 40%; z-index:-10; }
.newslist li p { font-size: 100%; margin-top: 0; padding-right: 2em; padding-top: .5em; width: 100%; }
.newslist li p.date{ position:relative;}
.newslist li p.date span { margin-right: 1.5em; position:absolute; left:8em; }
.newslist li:hover { background: rgba(238, 238, 227, .5); }
#archive-news, #archive-newfaces { border-bottom: 1px solid #999; display: none; height: auto; overflow: hidden; padding-bottom: 10px; }
#archive-news ul, #archive-newfaces ul{ margin-top:0;}
.archive .newslist li:first-child { border-top: none; }
.archive .newslist { border-bottom: none; }

@media print, screen and (min-width: 920px) {
.newslist li p { padding-left: 21em; }
.newslist li p.date { float: left; padding-left: 0; width: 21em; }
}
/* tag */
.newslist li p.date span.tag { color: #FFF; display: inline-block; font-size: 90%; letter-spacing: 0; margin-left: 1em; padding-top: .3em; padding-bottom: .3em; text-align: center; width: 11em; }
span.tag-event { background: #7CC612; }
span.tag-arrival { background: #f1C612; }
span.tag-info { background: #00A9C3; }
span.tag-other1 { background: #CE6F32; }
span.tag-newface { background: #0071A0; }
span.tag-movie { background: #952570; }
span.tag-other2 { background: #FF8774; }
/* top-company */
#top-company p.address { font-size: 110%; font-weight: 700; margin-bottom: 0; }
#top-company .content .col1, #top-company .content .col2, #top-company .content .col3 { margin-top: 20px; text-align: center; }
#top-company .col .bnr { border: 3px solid #532B18; margin: 0 auto 10px; max-width: 280px; width: 100% }

@media print, screen and (min-width: 768px) {
#top-company .col1, #top-company .col2, #top-company .col3 { float: left; width: 32%; }
#top-company .col2 { margin: 0 2%; }
#top-company .col { height: 120px; }
#top-company .col p { text-align: left; }
}

@media print, screen and (min-width: 920px) {
#top-company .col { height: 140px; }
#top-company .col p { font-size: 95%; }
}