@charset "UTF-8";
@media screen and (min-width:641px),
screen and (orientation: landscape){
#main-title { background: url(../images/news/h2.jpg) no-repeat top center; }

.ex-Box { padding-top: 30px; padding-bottom: 30px; background-color: #C1C1C1; }

.loose_leaf { width: 703px; background-color: #fdfdfd; margin-left: auto; margin-right: auto; padding-top: 22px; padding-left: 32px; background-image: url(../images/news/loose_leaf.png); background-repeat: repeat-y; font-size: 16px; line-height: 2; }

/* 一覧
-----------------------------------------------------------*/
.list-Box { background-color: #f3f2e6; padding: 10px; }
.list-Box .news-list { background-color: #fff; padding: 40px; }
.list-Box .news-list .clump { border-bottom: 1px dotted #000; padding-bottom: 16px; margin-bottom: 20px; }
.list-Box .news-list .clump:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.list-Box .news-list .date { width: 120px; color: #9f6524; margin-right: 45px; line-height: 1.7; font-weight: bold; }
.list-Box .news-list .date:before { content: "■"; margin-right: .3em; }
.list-Box .news-list .ttl { width: 530px; color: #0a090a; font-size: 14px; font-weight: 400; line-height: 18px; line-height: 1.7; }
.list-Box .news-list .ttl a { color: #0a090a; }

/*　詳細
-----------------------------------------------------------*/
.dl-Box { background-color: #f3f2e6; padding: 10px; }
.dl-Box .white-Box { background-color: #fff; padding: 32px 40px 48px 40px; }
.dl-Box .date { font-weight: 700; line-height: 30px; color: #9f6524; font-size: 18px; margin-bottom: 8px; letter-spacing: 1px; }
.dl-Box .date:before { content: "■"; margin-right: .5em; }
.dl-Box .ttl { color: #0a090a; font-size: 20px; font-weight: 700; line-height: 18px; margin-bottom: 32px; letter-spacing: 1px; line-height: 1.6; padding-bottom: 16px; border-bottom: 1px dotted #000; }
.dl-Box .wysiwyg { font-size: 16px; line-height: 1.9; letter-spacing: .5px; }


}
@media screen and (orientation: portrait) {
@media screen and (max-width:640px) {

#main-title { background: url(../images/news/h2.jpg) no-repeat top center; }

.ex-Box { padding-top: 30px; padding-bottom: 30px; background-color: #C1C1C1; }

.loose_leaf { background-color: #fdfdfd; margin-left: auto; margin-right: auto; padding-top: 22px; padding-left: 32px; background-image: url(../images/news/loose_leaf.png); background-repeat: repeat-y; font-size: 16px; line-height: 2; }

/* 一覧
-----------------------------------------------------------*/
.list-Box { background-color: #f3f2e6; padding: 10px; }
.list-Box .news-list { background-color: #fff; padding: 1.5em; }
.list-Box .news-list .clump { border-bottom: 1px dotted #000; padding-bottom: 16px; margin-bottom: 20px; }
.list-Box .news-list .clump:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.list-Box .news-list .date { color: #9f6524; line-height: 1.7; font-weight: bold; margin-bottom: 1rem;}
.list-Box .news-list .date:before { content: "■"; margin-right: .3em; }
.list-Box .news-list .ttl { color: #0a090a; font-size: 1em; font-weight: 400; line-height: 18px; line-height: 1.7; }
.list-Box .news-list .ttl a { color: #0a090a; display: block; }

/*　詳細
-----------------------------------------------------------*/
.dl-Box { background-color: #f3f2e6; padding: 10px; }
.dl-Box .white-Box { background-color: #fff; padding: 1.5em; }
.dl-Box .date { font-weight: 700; line-height: 30px; color: #9f6524; font-size: 18px; margin-bottom: 8px; letter-spacing: 1px; }
.dl-Box .date:before { content: "■"; margin-right: .5em; }
.dl-Box .ttl { color: #0a090a; font-size: 20px; font-weight: 700; line-height: 18px; margin-bottom: 32px; letter-spacing: 1px; line-height: 1.6; padding-bottom: 16px; border-bottom: 1px dotted #000; }
.dl-Box .wysiwyg { font-size: 16px; line-height: 1.9; letter-spacing: .5px; }

}
}