@charset "UTF-8";

#highlight #contents .inner {
 width: 1200px;
}

.highlight_list {
 display: flex;
 flex-wrap: wrap;
}

.highlight_list .Column {
 position: relative;
 width: 352px;
 height: 500px;
 margin: 24px;
 padding: 0;
 overflow: hidden;
}

.highlight_list .Column a {
 display: block;
 width: 100%;
 height: 470px;
 transition: .5s all;
 background-color: #000;
}

.highlight_list .Column a:hover {
 opacity: .8;
}

.sub_text {
 position: relative;
 padding: 2px 20px;
 color: #222;
 font-size: 18px;
 font-weight: bold;
}

.sub_text::before {
 position: absolute;
 display: block;
 width: 100%;
 height: 3px;
 background-image: linear-gradient(90deg, rgb(174, 162, 135), rgb(206, 219, 221) 30%, rgb(255, 255, 255) 60%);
 border-radius: 2px 0 0 2px;
 content: "";
 top: -3px;
 left: 2px;
}

/* 写真 */
.highlight_list .photo {
 position: relative;
 width: 100%;
 height: 380px;
 overflow: hidden;
}

.highlight_list .photo::before {
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 background-color: transparent;
 background-image: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 50%, transparent);
 content: "";
}

.highlight_list .photo img {
 min-height: auto;
 min-width: 100%;
 height: 100%;
}

.highlight_list .photo.center img{
 margin-left: -25%;
}

.highlight_list .photo.right img{
 margin-left: -50%;
}

/* 執筆者 */
.highlight_list .Column .dr_Profile {
 position: relative;
 right: auto;
 width: 100%;
 margin: -80px 0 0 0;
 padding: 10px 0 10px 13px;
 bottom: auto;
 color: #fff;
 background-color: transparent;
}

.highlight_list .Column .dr_Profile .name {
 display: inline-block;
 font-size: 22px;
 font-weight: bold;
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.highlight_list .Column .dr_Profile .name_en {
 display: inline-block;
 padding-left: 5px;
 font-size: 12px;
 font-weight: bold;
 font-style: italic;
 color: #ddd4bd;
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.highlight_list .Column .dr_Profile .corse {
 font-size: 13px;
}


/* 執筆テーマ */
.column_Theme {
 display: block;
 height: 70px;
 padding: 11px;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
 line-height: 1.5em;
}



/*日付?カテゴリ*/
.highlight_list .date {
 position: relative;
 height: 30px;
 padding-top: 5px;
 text-align: right;
}

.highlight_list .date .bg_ctg06 {
 padding: 1px 10px 0px 15px;
 color: #888;
 font-size: 11px;
 line-height: 1.5em;
 border: 1px #bfbdbd solid;
 letter-spacing: 0;
 border-radius: 9px;
 background-color: transparent;
}

.highlight_list .date .entdt {
 height: 25px;
 color: #888;
 font-size: 13px;
}

@media screen and (max-width:769px) {
 .sub_text {
  position: relative;
  margin-top: 10px;
  padding: 2px 0;
  color: #222;
  font-size: 13px;
  font-weight: bold;
}
.sub_text::before {
 background-image: linear-gradient(90deg, rgb(174, 162, 135), rgb(206, 219, 221) 50%, rgb(255, 255, 255) 80%);
}
#highlight #contents .inner {
 width: 100%;
}

.highlight_list {
 display: block;
}

.highlight_list .Column {
 position: relative;
 width: 100%;
 height: 500px;
 margin: 0 0 20px 0;
 padding: 0 10px;
 overflow: hidden;
}




}