@charset "utf-8";
/* CSS Document */
/*===============================

    common

================================*/
body {
  color: #333;
  font: 400 16px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  line-height: 1.6;
  letter-spacing: .1em;
  text-align: left;
}
.wrapper_main {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.container_main {
  width: 730px;
}
.container_side {
  width: 200px;
}
.container_main img {
  vertical-align: bottom;
}
.txt_normal {
  font-size: 16px;
  line-height: 1.6;
  /*text-align: left;*/
}
.txt_small {
  font-size: 14px;
  line-height: 1.6;
}
.txt_normal + .txt_normal {
  margin-top: 20px;
}
/* link */
.link_normal {
  text-decoration: underline;
}
.link_normal:hover {
  text-decoration: none;
}
.box_link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.box_link-r {
  justify-content: flex-end;
}
.link_btn {
  background-color: #cf2e3e;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
  transition: .3s;
}
.link_btn:hover {
  color: #fff;
  opacity: .6;
  text-decoration: none;
}
.is-hide {
  display: none;
}
@media screen and (max-width:768px) {
  .container_main {
    width: 100%;
  }
  .container_side {
    display: none;
  }
}
/*
    Container Header
================================*/
.container_header {
  margin-bottom: 30px;
}
.heading_primary {
  margin-bottom: 20px;
}
/*
    Container Body
================================*/
.container_body {}
.box_section {}
.box_section + .box_section {
  margin-top: 50px;
}
.heading_secondary {
  color: #774224;
  border-bottom: 6px double #774224;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-end;
  font-family: 'Noto Serif JP', serif;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
.m_pickup .heading_secondary{
  margin-bottom: 0;
}
.heading_secondary::before {
  content: url("../../img/contents/icon_hato.png");
  display: inline-block;
  line-height: 1;
  margin-right: 10px;
}
.heading_secondary::after {
  content: url("../../img/contents/icon_classic.png");
  display: inline-block;
  line-height: 1;
  margin-left: auto;
}
@media screen and (max-width:599px) {}
/* flexbox */
.box_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
/*  margin: 0 -10px 30px;*/
}
.m_pickup .box_flex{
  box-sizing: border-box;
  background-color: #F8F3ED;
  padding: 5px;
}
.box_flex_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 4px;
}
.box_flex-full {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 30px;
}
.box_flex-full_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.col_2 {
  width: 50%;
}
.col_3 {
  width: 33.333%;
}
.col_4 {
  width: 25%;
}
/* カード */
.box_card {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.box_caed_link {
  color: inherit;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  height: 100%;
  transition: .3s;
  width: 100%;
  padding: 6px 3px;
  background-color: #fff;
}
.box_caed_link:hover {
  color: inherit;
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, .3);
  text-decoration: none;
}
.box_card_img {
  margin-bottom: 10px;
  text-align: center;
}
.box_card_img > img {
  object-fit: cover;
  width: 220px;
  height: 220px;
}
.m_pickup .box_card_ttl{
  font-size: 16px;
}
.box_card_ttl {
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
.box_card_date {
  font-size: 11px;
  color: #707070;
  padding: 0 0px 0px;
  text-align: right;
  height: 23px;
  line-height: 23px;
}
/* もっと見るボタン */
#js_moreLink {
  overflow: hidden;
}
.p_moreLink {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.c_moreLink, .c_closeLink {
  border: 1px solid #774224;
  color: #774224;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 10px;
  text-align: center;
  transition: .3s;
  width: 40%;
}
.c_moreLink:hover, .c_closeLink:hover {
  color: #774224;
  opacity: .6;
  text-decoration: none;
}
@media screen and (max-width:599px) {}
/* ページネーション */
.u_pos-r {
  position: relative;
}
.u_my30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.p_pageList {
  overflow: hidden;
}
.p_pageList_item {
  width: 33%;
}
.p_pageList_item.prev {
  float: left;
}
.p_pageList_item.next {
  float: right;
}
.p_pageList_link {
  display: block;
  display: -webkit-box;
  color: currentColor;
  padding: 0 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  transition: .3s;
  word-break: break-all;
}
.p_pageList_link::before, .p_pageList_link::after {}
.p_pageList_link.prev::before {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  content: '';
  display: block;
  height: .6em;
  position: absolute;
  top: 50%;
  left: .5em;
  transform: translateY(-50%) rotate(-45deg);
  width: .6em;
}
.p_pageList_link.next::after {
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  content: '';
  display: block;
  height: .6em;
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translateY(-50%) rotate(45deg);
  width: .6em;
}
.p_pageList_link:hover {
  opacity: .7;
}
.p_returnBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c_returnBtn {
  -ms-align-items: center;
  align-items: center;
  background-color: #774224;
  border: 2px solid #774224;
  border-radius: 2px;
  color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 16px;
  padding: 10px 25px;
  text-align: center;
}
.c_returnBtn:hover {
  color: #fff;
  opacity: .6;
}
.c_returnBtn > img {
  margin-left: 5px;
}
@media screen and (max-width: 599px) {
  .c_returnBtn {
    padding: 10px;
    font-size: 12px;
  }
  .c_returnBtn > img {
    display: none;
  }
}
/*
    Social Button
================================*/
.socialBtnCont {
  border: 5px solid #ccc;
  margin: 30px 0;
  padding: 30px;
  text-align: center;
}
.socialBtnCont > p {
  font-size: 17px;
  font-weight: 700;
}
.socialBtn {
  display: flex;
  justify-content: space-between;
  margin: 20px auto 0;
  width: 210px;
}
.socialBtn > li + li {
  margin-left: 10px;
}
.socialBtn > li.socialLineBtn {
  transition: .3s;
}
.socialBtn > li.socialLineBtn:hover {
  opacity: .6;
}
.socialBtn_btn {/* aタグ */
  background-color: #333;
  border-radius: 20%;
  display: inline-block;
  height: 40px;
  position: relative;
  transition: .3s;
  vertical-align: middle;
  width: 40px;
  z-index: 1;
}
.socialBtn_btn::before {
  background-color: #999;
  border-radius: 50%;
  content: "";
  display: block;
  margin: auto;
  opacity: 1;
  /*  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;*/
  transform: scale(1);
  transition: all .3s;
  z-index: -1;
}
.socialBtn_btn:hover::before {
  opacity: 0;
  transform: scale(0);
}
.socialBtn_icon {
  display: inline-block;
  height: 1.7em;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.7em;
  z-index: 2;
}
.socialBtn_icon::before, .socialBtn_icon::after {
  content: "";
  display: inline-block;
  height: 1.7em;
  vertical-align: text-top;
  width: 1.7em;
}
.socialBtn_icon::after {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.socialBtn_btn:hover .socialBtn_icon::after {
  opacity: 1;
}
.socialBtn_icon.twi {
  height: 2.5em;
  width: 2.5em;
}
.socialBtn_icon.blog {
  height: 2.2em;
  width: 2.2em;
}
.socialBtn_btn.twi {
  background-color: #1da1f2;
}
.socialBtn_btn.fb {
  background-color: #3b5998;
}
.socialBtn_btn.inst {
  background-color: #CF0073;
}
.socialBtn_btn.blog {
  background-color: #00a4de;
}
.socialBtn_btn.twi:hover, .socialBtn_btn.fb:hover, .socialBtn_btn.inst:hover, .socialBtn_btn.blog:hover {
  /*background-color: #fff;*/
  opacity: .6;
}
.socialBtn_icon.twi::before {
  content: url(/resource/img/contents/Twitter_Logo_White.svg);
  height: 2.5em;
  width: 2.5em;
}
.socialBtn_icon.fb::before {
  content: url(/resource/img/contents/facebook_white.svg);
}
.socialBtn_icon.inst::before {
  content: url(/resource/img/contents/Instagram_white.svg);
}
.socialBtn_icon.blog::before {
  content: url(/resource/img/contents/hatenabookmark-logomark.svg);
  height: 2.2em;
  width: 2.2em;
}
.facebook-wrapper {
  max-width: 500px;
  /*margin: 0 auto;*/
}
.facebook-wrapper > .fb-page {
  width: 100%;
}
.facebook-wrapper > .fb-page > span, .facebook-wrapper iframe {
  width: 100% !important;
}
/*
    サイドナビ(ランキング)
================================*/
.box_sideNavi {
  margin-bottom: 30px;
}
.heading_sideNavi-image {
  margin-bottom: 20px;
}
.list_ranking {
  margin-bottom: 30px;
}
.list_ranking_item {}
.list_ranking_item > a {
  display: block;
  font-size: 15px;
  line-height: 1.3;
  padding-left: 45px;
  position: relative;
}
.list_ranking_item > a:hover {
  color: #005580;
  text-decoration: underline;
}
.list_ranking_item > a::before {
  background-position: top center;
  background-repeat: no-repeat;
  content: "";
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
}
.list_ranking_item:nth-of-type(2) > a::before, .list_ranking_item:nth-of-type(3) > a::before, .list_ranking_item:nth-of-type(4) > a::before, .list_ranking_item:last-of-type > a::before {
  /*height: 18px;
  top: 5%;
  left: 4%;
  width: 18px;*/
}
.list_ranking_item:first-of-type > a::before {
  background-image: url("/resource/img/column/icon-rank1.png");
}
.list_ranking_item:nth-of-type(2) > a::before {
  background-image: url("/resource/img/column/icon-rank2.png");
}
.list_ranking_item:nth-of-type(3) > a::before {
  background-image: url("/resource/img/column/icon-rank3.png");
}
.list_ranking_item:nth-of-type(4) > a::before {
  background-image: url("/resource/img/column/icon-rank4.png");
}
.list_ranking_item:last-of-type > a::before {
  background-image: url("/resource/img/column/icon-rank5.png");
}
.list_ranking_item + .list_ranking_item {
  margin-top: 10px;
}
/* 記事一覧に戻るリンク */
.box_link-side {
  margin-top: 10px;
  text-align: right;
}
.link_btmLineArrow {
  border-bottom: 2px solid #774224;
  color: currentColor;
  display: inline-block;
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  text-align: right;
}
.link_btmLineArrow:hover {
  opacity: .6;
  text-decoration: none;
}
.link_btmLineArrow::after {
  border: 0;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #774224;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
}
/* 共通ランキングの非表示 */
/*.con_sideBox_inner-ranking { display: none; }*/
/*
    記事の中身（210816追記）
================================*/
.column_body {}
div.column_body p {
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  /*margin-bottom: 20px;*/
}
.column_body > *:last-child {
  margin-bottom: 0;
}
.box_text {
  margin-bottom: 20px;
}
.box_text > *:last-child {
  margin-bottom: 0;
}
/*.box_text + .box_text {
  margin-top: 20px;
}*/
.box_text p {
  margin-bottom: 20px;
}
/*.box_text p + p {
  margin-top: 20px;
}*/
.box_text ul {
  font-size: 16px;
  margin: 20px 0;
}
.box_text ul > li {}
.box_text ul > li + li {
  margin-top: 5px;
}
.borderTop ul {
  font-size: 14px;
}
.borderTop {
  border-top: 1px solid currentColor;
  padding-top: 20px;
}
/* indent */
.u_hasIndent {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}
.list_hasIndent {
  margin: 20px 0;
}
.list_hasIndent > li {
  padding-left: 1em;
  text-indent: -1em;
}
/* link */
.link_normal {
  color: #052674;
  text-decoration: none;
}
.link_normal:hover {
  color: #005580;
  text-decoration: underline;
}
/* 背景色 */
.box_bgColor {
  background-color: #ccc;
  border-radius: 5px;
  padding: 12px;
  margin: 20px 0;
}
.box_bgColor > *:last-child {
  margin-bottom: 0;
}
.box_bgColor.green {
  background-color: #effffa;
}
.box_bgColor.blue {
  background-color: #effcff;
}
.box_bgColor.red {
  background-color: #ffefef;
}
.box_bgColor.yellow {
  background-color: #fffcef;
}
/* ドット */
.box_dot {
  border: 3px dotted #ccc;
  padding: 12px;
  margin: 20px 0;
}
.box_dot > *:last-child {
  margin-bottom: 0;
}
.box_dot.green {
  border-color: #9ae996;
}
.box_dot.blue {
  border-color: #B5D8F4;
}
.box_dot.red {
  border-color: #f4b5b5;
}
.box_dot.yellow {
  border-color: #dcdf59;
}
/* マーカー */
.deco_marker {
  background: linear-gradient(transparent 60%, #ffff66 60%);
} /* yellow */
.deco_marker.green {
  background: linear-gradient(transparent 60%, #a7ffba 60%);
}
.deco_marker.blue {
  background: linear-gradient(transparent 60%, #a7d6ff 60%);
}
.deco_marker.red {
  background: linear-gradient(transparent 60%, #ffa7a7 60%);
}
/* タイトル */
.heading-primary {}
.heading-primary.green::after {
  background-color: #a7ffba;
}
.heading-primary.red::after {
  background-color: #ffa7a7;
}
.heading-primary.yellow::after {
  background-color: #ffea6c;
}
/*===============================

    Utility

================================*/
/* color */
.u_color-coral {
  color: #ff7f50 !important;
}
.u_color-rouge {
  color: #ec2c43 !important;
}
.u_color-crimson {
  color: #e6002d !important;
}
/* display */
.u_d-b {
  display: block !important;
}
.u_d-fx {
  display: flex !important;
}
@media screen and (max-width: 599px) {
  .u_res_d-n {
    display: none;
  }
  .u_res_d-b {
    display: block;
  }
}
/* float */
.u_fl-n {
  float: none !important;
}
.u_fl-l {
  float: left !important;
}
.u_fl-r {
  float: right !important;
}
/* font-size */
.u_fz-xs {
  font-size: .75em !important;
}
.u_fz-sm {
  font-size: .875em !important;
}
.u_fz-md {
  font-size: 1em !important;
}
.u_fz-lg {
  font-size: 1.25em !important;
}
.u_fz-xl {
  font-size: 1.5em !important;
}
.u_fz-sr {
  font-size: smaller !important;
}
.u_fz-lr {
  font-size: larger !important;
}
.u_fz10 {
  font-size: 10px !important;
}
.u_fz11 {
  font-size: 11px !important;
}
.u_fz12 {
  font-size: 12px !important;
}
.u_fz13 {
  font-size: 13px !important;
}
.u_fz14 {
  font-size: 14px !important;
}
.u_fz15 {
  font-size: 15px !important;
}
.u_fz16 {
  font-size: 16px !important;
}
.u_fz17 {
  font-size: 17px !important;
}
.u_fz18 {
  font-size: 18px !important;
}
.u_fz19 {
  font-size: 19px !important;
}
.u_fz20 {
  font-size: 20px !important;
}
/* font-weigth */
.u_fw-b {
  font-weight: bold !important;
}
.u_fw-n {
  font-weight: normal !important;
}
/* line-height */
.u_lh-nm {
  line-height: normal !important;
}
.u_lh-ih {
  line-height: inherit !important;
}
.u_lh0 {
  line-height: 0 !important;
}
.u_lh1 {
  line-height: 1 !important;
}
.u_lh2 {
  line-height: 2 !important;
}
.u_lh3 {
  line-height: 3 !important;
}
.u_lh4 {
  line-height: 4 !important;
}
.u_lh5 {
  line-height: 5 !important;
}
.u_lh6 {
  line-height: 6 !important;
}
.u_lh-xs {
  line-height: 1.25 !important;
}
.u_lh-sm {
  line-height: 1.33 !important;
}
.u_lh-md {
  line-height: 1.5 !important;
}
.u_lh-lg {
  line-height: 1.75 !important;
}
.u_lh-xl {
  line-height: 2 !important;
}
/* padding */
.u_py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.u_pl-xs{
  padding-left: 0.2rem !important;
}
.u_pl-sm{
  padding-left: 0.5rem !important;
}
.u_pl-md{
  padding-left: 1rem !important;
}
.u_pl-lg{
  padding-left: 1.5rem !important;
}
.u_pl-xl{
  padding-left: 3rem !important;
}
/* margin */
.u_mt0 {
  margin-top: 0 !important;
}
.u_mt-xs {
  margin-top: 0.2rem !important;
}
.u_mt-sm {
  margin-top: 0.5rem !important;
}
.u_mt-md {
  margin-top: 1rem !important;
}
.u_mt-lg {
  margin-top: 1.5rem !important;
}
.u_mt-xl {
  margin-top: 3rem !important;
}
.u_ml0 {
  margin-left: 0 !important;
}
.u_ml-xs {
  margin-left: 0.2rem !important;
}
.u_ml-sm {
  margin-left: 0.5rem !important;
}
.u_ml-md {
  margin-left: 1rem !important;
}
.u_ml-lg {
  margin-left: 1.5rem !important;
}
.u_ml-xl {
  margin-left: 3rem !important;
}
.u_mb0 {
  margin-bottom: 0 !important;
}
.u_mb-xs {
  margin-bottom: 0.2rem !important;
}
.u_mb-sm {
  margin-bottom: 0.5rem !important;
}
.u_mb-md {
  margin-bottom: 1rem !important;
}
.u_mb-lg {
  margin-bottom: 1.5rem !important;
}
.u_mb-xl {
  margin-bottom: 3rem !important;
}
.u_mr0 {
  margin-right: 0 !important;
}
.u_mr-xs {
  margin-right: 0.2rem !important;
}
.u_mr-sm {
  margin-right: 0.5rem !important;
}
.u_mr-md {
  margin-right: 1rem !important;
}
.u_mr-lg {
  margin-right: 1.5rem !important;
}
.u_mr-xl {
  margin-right: 3rem !important;
}
.u_my0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.u_my10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.u_my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.u_my30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.u_mt5 {
  margin-top: 5px !important;
}
.u_mt10 {
  margin-top: 10px !important;
}
.u_mt15 {
  margin-top: 15px !important;
}
.u_mt20 {
  margin-top: 20px !important;
}
.u_mt30 {
  margin-top: 30px !important;
}
.u_mt50 {
  margin-top: 50px !important;
}
.u_mt100 {
  margin-top: 100px !important;
}
.u_mt-5 {
  margin-top: -5px !important;
}
.u_mt-10 {
  margin-top: -10px !important;
}
.u_mt-15 {
  margin-top: -15px !important;
}
.u_mt-20 {
  margin-top: -20px !important;
}
.u_mt-30 {
  margin-top: -30px !important;
}
.u_mt-50 {
  margin-top: -50px !important;
}
.u_mt-100 {
  margin-top: -100px !important;
}
.u_mb5 {
  margin-bottom: 5px !important;
}
.u_mb10 {
  margin-bottom: 10px !important;
}
.u_mb15 {
  margin-bottom: 15px !important;
}
.u_mb20 {
  margin-bottom: 20px !important;
}
.u_mb30 {
  margin-bottom: 30px !important;
}
.u_mb50 {
  margin-bottom: 50px !important;
}
.u_mb100 {
  margin-bottom: 100px !important;
}
.u_mb-5 {
  margin-bottom: -5px !important;
}
.u_mb-10 {
  margin-bottom: -10px !important;
}
.u_mb-15 {
  margin-bottom: -15px !important;
}
.u_mb-20 {
  margin-bottom: -20px !important;
}
.u_mb-30 {
  margin-bottom: -30px !important;
}
.u_mb-50 {
  margin-bottom: -50px !important;
}
.u_mb-100 {
  margin-bottom: -100px !important;
}
.u_m-a {
  margin: auto !important;
}
/* position */
.u_pos-r {
  position: relative !important;
}
.u_pos-a {
  position: absolute !important;
}
/* text-align */
.u_ta-c {
  text-align: center !important;
}
.u_ta-r {
  text-align: right !important;
}
.u_ta-l {
  text-align: left !important;
}
/* text-indent */
.u_ti--1 {
  text-indent: -1em !important;
  padding-left: 1em !important;
}
.u_ti-0 {
  text-indent: 0em !important;
  padding-left: 0em !important;
}
/* text-decoration */
.u_td-n {
  text-decoration: none !important;
}
.u_td-u {
  text-decoration: underline !important;
}
.u_td-o {
  text-decoration: overline !important;
}
.u_td-l {
  text-decoration: line-through !important;
}
/* vertical-align */
.u_va-sup {
  vertical-align: super !important;
}
.u_va-t {
  vertical-align: top !important;
}
.u_va-tt {
  vertical-align: text-top !important;
}
.u_va-m {
  vertical-align: middle !important;
}
.u_va-bl {
  vertical-align: baseline !important;
}
.u_va-b {
  vertical-align: bottom !important;
}
.u_va-tb {
  vertical-align: text-bottom !important;
}
.u_va-sub {
  vertical-align: sub !important;
}
/* flexbox */
.u_ac-fs {
  align-content: flex-start !important;
}
.u_ac-fe {
  align-content: flex-end !important;
}
.u_ac-c {
  align-content: center !important;
}
.u_ac-sb {
  align-content: space-between !important;
}
.u_ac-sa {
  align-content: space-around !important;
}
.u_ac-s {
  align-content: stretch !important;
}
.u_ai-fs {
  align-items: flex-start !important;
}
.u_ai-fe {
  align-items: flex-end !important;
}
.u_ai-c {
  align-items: center !important;
}
.u_ai-b {
  align-items: baseline !important;
}
.u_ai-s {
  align-items: stretch !important;
}
.u_as-a {
  align-self: auto !important;
}
.u_as-fs {
  align-self: flex-start !important;
}
.u_as-fe {
  align-self: flex-end !important;
}
.u_as-c {
  align-self: center !important;
}
.u_as-b {
  align-self: baseline !important;
}
.u_as-s {
  align-self: stretch !important;
}
.u_jc-fs {
  justify-content: flex-start !important;
}
.u_jc-fe {
  justify-content: flex-end !important;
}
.u_jc-c {
  justify-content: center !important;
}
.u_jc-sb {
  justify-content: space-between !important;
}
.u_jc-sa {
  justify-content: space-around !important;
}
.u_fx0-1-a {
  flex: 0 1 auto !important;
}
.u_fx1-0-a {
  flex: 1 0 auto !important;
}
.u_fx1-1-a {
  flex: 1 1 auto !important;
}
.u_fx0-0-a {
  flex: 0 0 auto !important;
}
.u_fx1-0-0 {
  flex: 1 0 0% !important;
}
/* order */
.u_ord0 {
  order: 0 !important;
}
.u_ord1 {
  order: 1 !important;
}
.u_ord2 {
  order: 2 !important;
}
.u_ord3 {
  order: 3 !important;
}
.u_ord4 {
  order: 4 !important;
}
.u_ord5 {
  order: 5 !important;
}
.u_ord6 {
  order: 6 !important;
}
.u_ord9999 {
  order: 9999 !important;
}
.u_ord-1 {
  order: -1 !important;
}
/* table-layout */
.u_tbl-a {
  table-layout: auto !important;
}
.u_tbl-f {
  table-layout: fixed !important;
}
/* width */
.u_w350 {
  width: 350px !important;
}
.u_w400 {
  width: 400px !important;
}
.u_w40p {
  width: 40% !important;
}
.u_w45p {
  width: 45% !important;
}
.u_w50p {
  width: 50% !important;
}
.u_maW70p {
  max-width: 70% !important;
}
.u_maW75p {
  max-width: 75% !important;
}
.u_maW80p {
  max-width: 80% !important;
}
.sp {
  display: none;
}
@media screen and (max-width:599px) {
  .res_sm_w100p {
    width: 100% !important;
  }
}
/*===============================

    追加分

================================*/

.heading_secondary-new,.heading_secondary-ranking{
  margin-bottom: 20px;
}
.heading_secondary-category:after{
  content: url("../../img/contents/icon_classic.png");
  display: inline-block;
  line-height: 1;
  margin-left: auto;
}
.heading_secondary-category{
  color: #774224;
  border-bottom: 6px double #774224;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-end;
  font-family: 'Noto Serif JP', serif;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 10px;
}
.txt_normal{
	-webkit-text-size-adjust: 100%;
}
/*真ん中調整*/
.container_main {
}
/*後ろ装飾なし*/
.heading_secondary-noAfter:after {
  content: "";
}
/*box card*/
.box_card_noColumn {
  flex-direction: row;
}
.box_card_copy{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.box_card_rankHeading{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.col_2_334px {
  width: 334px;
}
.col_2_334px .box_flex_inner{
  border-bottom: 1px solid #dfdfdf;
  min-height: 187px;
}
.box_card-new, .box_card-ranking{
  min-height: 178px;
}
.box_flex-bw {
  justify-content: space-between;
}
/* category*/
.categories {}
.box_section-category{
    margin-top: -30px ;
  }
.cat_copy{
  font-size: 14px;
  margin-bottom: 10px;
}
.mb50 {
  margin-bottom: 50px !important;
}
.categoryResult_wrap{
  margin-top: -30px;
}
.cat_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.cat_listItem {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  cursor: pointer;
  margin-left: 8px;
}
.cat_listItem > a:hover {
  background: #3B2B1D;
  color: #fff;
  text-decoration: none;
}
.cat_listItem > a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #F8F3ED;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  color: #3B2B1D;
  padding: 5px 20px;
}
a {
  color: #052674;
  text-decoration: none;
}
.cat_listItem-all > a::before{
  content: "ALL";
  color: #fff;
  background-color: #2D1F16;
  border-radius: 50%;
  font-size: 10px;
  letter-spacing: 0;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.cat_listItem > a:hover:before {
  border-color: #fff;
}
.cat_listItem-all > a:hover:before {
  color: #2D1F16;
  background-color: #fff;
}
/*categoryResults*/
.categoryResult_heading{
  font-size: 20px;
  margin-bottom: 20px;
}
.categoryResult_headingMain{
  margin: auto;
  color: #3B2B1D;
}
.categoryResult_headingMain:before{
  content:"#";
}
.categoryResult_headingMain_ttl{
  margin-left: 10px;
  margin-right: 10px;
}
.categoryResult_content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.categoryResult_content .box_flex_inner{
  width: 334px;
  border-bottom: 1px solid #DFDFDF;
}
.box_card_img-row {
  margin-bottom: 0;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.box_card_img-row > img{
  width: 110px;
  min-width: 110px;
  height: 110px;
}
.box_card-cr {
}
.box_card_date-cr {
  margin-top: 0;
}
.box_card_ttl{
  width: 100%;
}
.box_caed_link:hover .box_card_ttl{
  text-decoration: underline;
}
.box_card_ttl-row {
  line-height: 1.3;
  margin-top: 10px;
  margin-bottom: 10px;
}
.box_card_tag {
  display: inline-block;
  padding: 0 0px;
  margin: 10px 0;
  margin-top: auto;
}
.box_card_tagText {
  color: #000000;
  font-size: 11px;
  letter-spacing: 0;
}
.box_card_tagText:before{
  content: "#";
}
.column_lineup{
  border: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  transition: .3s;
}
.column_lineup:hover{
  opacity: .7;
}
.column_lineup_img{
  width:30%;
  height: 100%;
  margin-left: 10px;
}

@media screen and (max-width:768px){
  body{
    width: 95%;
  }
  div#cont {
    margin: 0px;
  }  
  .box_section-category{
    margin-top: -30px !important;
  }   
  .heading_secondary-new,.heading_secondary-ranking {
    color: #774224;
    border-bottom: 6px double#774224;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    font-family: 'Noto Serif JP', serif;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .heading_secondary-new:after,
  .heading_secondary-ranking:after,
  .heading_secondary-category:after{
    content: url("../../img/contents/icon_classic.png");
    display: inline-block;
    line-height: 1;
    margin-left: auto;
  }
  .categoryResult_heading{
    font-size: 17px;
  }
	.box_flex-bw {
    justify-content: center;
    flex-direction: column;
  }
  .col_2_334px{
    margin-bottom: 50px;
    width:100%;
  }
  .box_flex{
    margin: 30px 0;
  }
  .categoryResult_content .box_flex_inner{
    width: 100%;
  }
  .col_2_334px .box_flex_inner{
    min-height: auto;
  }
  .box_card-new, .box_card-ranking{
    min-height: auto;
  }
}

@media screen and (max-width:599px){
	.box_flex-bw {
    justify-content: center;
    flex-direction: column;
  }
  .box_card_rankHeading{}
  .box_flex{
    margin: 30px 0;
  }
  .box_card_date {
    font-size: 10px;
  }
  .cat_listItem{
    margin-left: 0; 
    margin-right: 5px; 
  }
  .cat_listItem > a{
    font-size: 13px;
    letter-spacing: 0;
  }
  .categoryResult_headingMain{
    font-size: 16px;
  }
  .box_card_img-row > img{
    width: 110px;
    min-width: auto;
    height: auto;
  }
  .box_card_img-row{
  }
  .column_lineup{
    display: block;
  }
  .column_lineup_img{
    width:100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 5px;
  }
}

/***animate***/
.js_target {
  opacity: 1; 
  animation: .6s zoom-in; 
}
@keyframes zoom-in {
  0% {
    opacity: 0.3;
    transform: scale(.8);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}  

.cat_listItem > .js_active{
  background: #3B2B1D;
  color: #fff;
}
.cat_listItem > .js_active:before{
  border-color: #fff;
}
.cat_listItem-all > .js_active:before{
  background: #fff;
  color: #3B2B1D;
}

.m_contents_table{
  border: 1px solid #000;
}
.m_contents_table tr td{
  border: 1px solid #000;
  padding: 5px 10px;
  min-width: 120px;
}