@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
News一覧とその詳細ページ
---------------------------------------------------------------------- */

/* --------------------------------News一覧------------------------------ */
.News1{width:80%; margin:0 auto; padding:50px 0;}
.News1 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto;}

.News1 ul{margin:30px auto 0; padding:0; list-style:none;}
.News1 ul:after{
      display: block;
      clear: left;
      content: "";
}

.News1 li{border:5px solid #cccccc; width:49%; float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; margin-bottom:30px;}
.News1 li:nth-of-type(odd){margin-right:2%;}
.News1 li a{display:block; padding:50px 10px; position:relative; text-align:center; font-size:18px; color:#006934; line-height:1.7;}
.News1 li a time{position:absolute; top:10px; left:10px; font-size:14px; color:#000000;}
.News1 li a time i{padding-right:3px; color:#009647;}
.News1 li a:hover{background-color:#dae7c8; color: #d41d23;}

#kako_news:after{
display: block;
clear: both;
content: "";
}
#kako_news .kakoss2{float:right;}
#kako_news .kakoss1{float:left;}
#kako_news a{display:inline-block; line-height:1.5; text-decoration:underline;}

#kako_news a:hover{color: #d41d23;}

@media (min-width: 1500px) {
.News1{width:1200px;}
}
@media (max-width: 1200px) {
.News1{width:90%;}
}
@media (max-width: 980px) {
.News1{width:882px; margin:0; padding:50px 49px;}
}
@media (max-width:500px) {
.News1{width:90%; margin:0 auto; padding:35px 0;}
.News1 h3{border-radius: 0px; font-size:18px;}
.News1 li{width:100%;}
.News1 li:nth-of-type(odd){margin-right:0%;}
.News1 li:last-of-type{margin-bottom:0%;}
.News1 li a{font-size:16px;}
}

/* --------------------------------詳細ページ(Topices)------------------------------ */
.Topices1{width:80%; margin:0 auto; padding:50px 0;}
.Topices1 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto;}
.Topices1 article{width:80%; margin:30px auto 0; padding:15px; border:2px solid #cccccc; display:block; height:100%;}
.Topices1 article h1{font-size:24px; color:#006934; border-bottom:1px solid #cccccc; margin:5px auto 20px; line-height:1.7;}

.Topices1__box1 img{width:100%; height:auto;}
.Topices1__box1{line-height:1.5; display:block; height:100%;}

.Topices1__box1 a{color:#006934;text-decoration: underline}
.Topices1__box1 a:hover{color: #d41d23;}


.Topices1__box2{text-align:center; padding-top:50px;}
.Topices1__box2 a{display:inline-block;
width:170px; font-size:16px; color:#ffffff; background-color:#006835; padding:5px;
border-top:8px solid #01592a;
border-bottom:8px solid #01592a;
border-right:8px solid #00773d;
border-left:8px solid #00773d; text-align:center;}

@media (min-width: 1500px) {
.Topices1{width:1200px;}
}
@media (max-width: 1200px) {
.Topices1{width:90%;}
}
@media (max-width: 980px) {
.Topices1{width:882px; margin:0; padding:50px 49px;}
}
@media (max-width:500px) {
.Topices1{width:90%; margin:0 auto; padding:35px 0 50px;}
.Topices1 h3{border-radius: 0px; font-size: 18px;}
.Topices1 article{width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
.Topices1 article h1 {font-size: 20px;}
.Topices1__box1 .Cb figure{float:none;}
}