@charset "utf-8";

body{
  background:#f1ede9;
}
#billboard{
  position:relative;
  margin-bottom:80px;
}
.billboard-photo02{
  position:relative;
  right:-250%;
}
.billboard-photo01 div,
.billboard-photo02 div,
.billboard-photo03 div{
  width:400px; height:267px;
  outline:none;
  overflow:hidden;
}

.billboard-bg{
  overflow:hidden;
}
.billboard-bg .billboard-photo01,
.billboard-bg .billboard-photo02,
.billboard-bg .billboard-photo03{
  display:flex;
  justify-content:center;
}
.billboard-bg .billboard-photo02{
  position:static;
}
.billboard-bg .billboard-photo01 div,
.billboard-bg .billboard-photo02 div,
.billboard-bg .billboard-photo03 div{
  height:auto;
}

#announce{
  box-sizing:border-box;
  width:980px;
  background:#FFF;
  position:relative;
  margin:0 auto;
  margin-top:-380px;
  margin-top:-220px;
  margin-bottom:60px;
  padding:70px 90px 20px 90px;
  padding:60px 90px 70px 90px;
  text-align:left;
}
#announce hr{
  width:100%;
  margin:50px auto;
  border:none;
  border-top:1px solid #999;
}
#announce h1{
  width:80%;
  margin:0 auto 70px auto;
}
#announce h2{
  font-size:21px; line-height:1.8;
  color:#9a0015;
  border-bottom:1px solid #9a0015;
  margin-bottom:15px;
}
#announce p{
  font-size:17px; line-height:1.8;
  margin-bottom:15px;
}
#announce ul{
  margin-bottom:5px;
}
#announce ul li{
  list-style:disc outside;
  font-size:17px; line-height:1.8;
  margin:0 0 0 22px;
}

#topics{
  width:900px;
  margin:0 auto 100px auto;
  text-align:left;
}
#topics h2{
  font-family:"Source Sans Pro", sans-serif;
  font-size:28px; line-height:1.8; font-weight:600;
  letter-spacing:2px;
  border-bottom:1px solid #222;
  margin-bottom:20px;
}
ul.index-topics-list{
  margin:0 auto;
}
ul.index-topics-list li{
  margin-bottom:15px;
}
ul.index-topics-list li a{
  display:block;
  text-decoration:none;
  color:#222;
  padding-left:190px;
  position:relative;
}
ul.index-topics-list li a span.date-box{
  position:absolute;
  top:0; left:0;
}
ul.index-topics-list li a .entry-date{
  display:inline-block;
  font-family:"Source Sans Pro", sans-serif;
  font-size:14px; line-height:1.8;
}
ul.index-topics-list li a .entry-date::after{
  content:"｜";
  display:inline-block;
  margin:0 5px 0 10px;
}
ul.index-topics-list li a .category{
  display:inline-block;
  width:100px;
  font-size:14px; line-height:1.8;
}
ul.index-topics-list li a .title{
  font-size:17px; line-height:1.8; font-weight:600;
  color:#127eb5;
}
ul.index-topics-list li a:hover .title{
  text-decoration:underline;
}

ul.sns-list{
  width:900px;
  margin:0 auto 100px auto;
  display:flex;
  justify-content:space-between;
}
ul.sns-list li{
  width:420px;
  text-align:left;
}
ul.sns-list li h3{
  font-family:"Source Sans Pro", sans-serif;
  font-size:22px; line-height:1.8; font-weight:600;
  letter-spacing:2px;
}
ul.sns-list li h3::before{
  content:"";
  display:inline-block;
  vertical-align:middle;
  width:26px; height:26px;
  background-size:cover;
  position:relative; top:-2px;
  margin-right:5px;
}
ul.sns-list li h3.title-facebook{
  color:#39579A;
}
ul.sns-list li h3.title-facebook::before{
  background-image:url(../../img/svg/facebook.svg);
}
ul.sns-list li h3.title-twitter{
  color:#51ABF0;
}
ul.sns-list li h3.title-twitter::before{
  background-image:url(../../img/svg/twitter.svg);
}

footer{
  background:#aa927d;
  background:#444;
  color:#FFF;
}
#footer-inner{
  width:1080px;
  margin:0 auto;
  padding:50px 0 0px 0;
  text-align:center;
}
#footer-inner a{
  color:#FFF;
}
#footer-inner a:hover{
  text-decoration:underline;
}
#footer-inner h2{
  font-size:16px; line-height:1.6;
  margin-bottom:20px;
}
#footer-inner p{
  font-size:14px; line-height:2;
  margin-bottom:20px;
}
#footer-inner p span{
  display:inline-block;
  border-bottom:1px solid #FFF;
  margin-bottom:10px;
}
#footer-inner p strong{
  font-size:16px; line-height:1.6;
}
#copyright{
  font-family:"Source Sans Pro", sans-serif;
  font-size:14px; line-height:2;
  padding:20px 0;
}

#container{
  box-sizing:border-box;
  width:1080px;
  background:#FFF;
  position:relative;
  margin:0 auto;
  margin-top:-220px;
  margin-bottom:60px;
  padding:70px 90px 20px 90px;
  text-align:left;
}
#container #header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin:0 auto 60px auto;
}
#container #header h1{
  width:400px;
}
#container #header ul.sns-icon-list{
  display:flex;
}
#container #header ul.sns-icon-list li{
  width:28px;
  margin-left:5px;
}

#entry-title p.entry-date{
  font-size:14px; line-height:1.6;
  margin-bottom:5px;
}
#entry-title p.entry-date .category::before{
  content:"｜";
  margin:0 5px 0 8px;
}
#entry-title h2{
  font-size:28px; line-height:1.6; font-weight:400;
  margin-bottom:15px;
}
#entry-body{
  border:1px solid #ccc;
  padding:50px;
}
#entry-body p{
  margin-bottom:25px;
}
#entry-body p:last-of-type{margin-bottom:0;}
ul#entry-bottom{
  display:flex;
  justify-content:center;
  margin:40px auto;
}
ul#entry-bottom li{
  font-size:14px; line-height:1.6;
}
ul#entry-bottom li::after{
  content:"｜";
  margin:0 5px 0 7px;
}
ul#entry-bottom li:last-child::after{
  content:""; display:none;
}

#archive-box h1{
  font-size:24px; line-height:2;
  border-bottom:1px solid #999;
  margin-bottom:25px;
}

#archive-box .pagenavi-box{
  margin:35px 0;
}
#archive-box .wp-pagenavi{
  padding:0 !important;
}
#archive-box ul.button-list{
  display:flex;
  justify-content:flex-start;
  margin:40px 0;
}
#archive-box ul.button-list li{
  width:360px;
  margin:0 30px 0 0;
}
#archive-box ul.button-list li a{
  display:block;
  text-decoration:none;
  border:1px solid #999;
  text-align:center;
  font-size:15px; line-height:48px;
  color:#333;
}
#archive-box ul.button-list li a:hover{
  background:#333;
  color:#FFF;
}