@charset 'utf-8';
img{width:100%;}

.h1_wrap { position:relative; }
.h1_wrap .line { display:none; }
@media screen and (min-width: 840px) {
  .h1_wrap .line { display:none; }
}

.dl_outline{ width:100%; border-bottom:1px solid #ccc; padding:20px 0; display:block; text-align:left; }
.dl_outline dt { width:100%;}
.dl_outline dt span.red { background:#E33C19; color:#fff; padding:2.5px 5px; font-size:12px; margin-left:10px; }
.dl_outline dd { width:100%; }
.dl_outline dd a:link { color:#000; }
.dl_outline dd a:visited { color:#000; }
.dl_outline dd a:hover { color:#000; text-decoration:none;}
@media screen and (min-width: 840px) {
#main .contents { width:70% ; margin:0 auto 0px auto; }
.h1_wrap { margin-bottom:100px; }
.dl_outline { display:flex; }
.dl_outline dt { width:20%;}
.dl_outline dd { width:80%; }

}

/*右側の斜め線*/
#main .border_right {position: absolute;width: 250px;height:250px;overflow: hidden;/*  background: #000; */right:-7%;top:10%; z-index:10;transform:rotate(135deg); }
#main .border_right2 {position: absolute;width: 292px;height:292px;overflow: hidden;/*  background: #000; */right:-5%;top:10%; z-index:10;transform:rotate(135deg); }
#main .border {position: absolute;width:200px;height:292px;overflow: hidden;/*  background: #000; */left:0;bottom:50px;z-index:10;}


/*詳細ページ*/
.h1_wrap strong.st_detail {font-size:18px;  font-weight:normal; letter-spacing:0.1;}
.h1_wrap strong.st_detail{display: inline-block;position: relative;}
.h1_wrap strong.st_detail:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -28px; /*下線の上下位置調整*/
  display: inline-block;
  width: 34px; /*下線の幅*/
  height: 3px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #C0A47B; /*下線の色*/
}
.h1_detail { width:100%; display:block;margin-top:10px;  }
.h1_detail:before {content: none;} 

#main .contents .news_box{ width:100%; margin:0; }
@media screen and (min-width: 840px) {
  #main .contents .news_box{ width:80%; margin:0 10%; }
}
#main .contents .news_box .news_box_title span { width:auto; color:#989898; }
#main .contents .news_box .news_box_title span.red { background:#E33C19; color:#fff; padding:2.5px 5px; font-size:12px; margin-left:10px; }
#main .contents .news_box .news_box_title strong { width:100%; display:block; font-size:16px; margin-top:10px; font-weight:normal; }
#main .contents .news_box .news_box_title { width:100%; text-align:left; margin:0 0 20px 0; border-bottom:1px solid #ccc; padding-bottom:10px; }

.news_box_naiyo { width:100%; font-size:14px; letter-spacing:0.1; line-height:2; }
.p_center { width:100%; text-align:center; margin:50px 0% 0 0%; }
@media screen and (min-width: 840px) {
  .p_center { width:70%; text-align:center; margin:50px 15% 0 15%; }
}
.p_center img { width:100%; display:block; }
#main .contents .news_box .news_box_bottom{ width:100%; border-top:1px solid #ccc; margin-top:50px; }
#main .contents .news_box .news_box_ul { width:100%; display:flex; justify-content: space-between; margin-top:10px; font-size:14px; }
#main .contents .news_box .news_box_ul li { }



.pagenation { width:100%; display:flex; justify-content: space-between; margin-top:10px; }
.pagenation li a:link { color:#000; text-decoration:none;}
.pagenation li a:visited { color:#000; text-decoration:none;}
.pagenation li a:hover { color:#000; text-decoration:underline;}
.pagenation li img { width:3px; }
.pagenation li.pagenation_left { width:50%; text-align:left; }
.pagenation li.pagenation_left a { text-align:left; display:inline-block; font-weight:normal; }
.pagenation li.pagenation_left a:hover { text-decoration:underline; }
.pagenation li.pagenation_left img { width:3px; margin:0 10px 2px 0px; }
.pagenation li.pagenation_right { width:50%; text-align:right; }
.pagenation li.pagenation_right img { width:3px; margin:0 0px 2px 10px; }
.pagenation li.pagenation_right a { text-align:right; display:inline-block; font-weight:normal; }

.pagenation li.pagenation_center { display:none; }
@media screen and (min-width: 840px) {
  .pagenation li.pagenation_left { width:20%; }
  .pagenation li.pagenation_right { width:20%; }
  .pagenation li.pagenation_center { width:20%; display:inline-block;}
}
.button { margin-top:50px; }

.h2_detail { width:100%; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px; display:flex; display:inline-block; text-align:left; font-size:18px;  font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "小塚明朝 Pro EL", "Kozuka Mincho Pro", Century, "Times New Roman", Times, "ＭＳ 明朝", serif; font-weight:normal; letter-spacing:0.15;}
.h2_detail:before {content:initial;}
.news_box p { margin-bottom:50px; }