@charset "UTF-8";
/* CSS Document */
/* ************************************************ */
/*                      コンテンツ*/
/* ************************************************ */
.entriesWrap { max-width: 900px; margin: 50px auto; }
@media (max-width: 940px) { .entriesWrap { margin-left: 20px; margin-right: 20px; } }
.entriesWrap .entriesHead { margin-bottom: 20px; padding: 2.44%; border-left: 6px solid #faa016; color: #8d4a00; background-color: #faebda; font-weight: bold; font-size: 2rem; }
.entriesWrap .entriesNotes { text-align: right; font-size: 1.4rem; margin-bottom: 10px; }
.entriesWrap .entriesNotes a { color: #0074cc; text-decoration: underline; }
.entriesWrap .entriesNotes a:hover { text-decoration: none; }
.entriesWrap .entriesHead + .entriesNotes { margin-top: -15px; }
.entriesWrap .entries { margin-top: 10px; }
.entriesWrap .entry { display: block; position: relative; overflow: hidden; padding-bottom: 20px; padding-right: 30px; border-bottom: 2px solid #f6f9fd; }
.entriesWrap .entry:hover { text-decoration: none; }
.entriesWrap .entry::after { margin-top: -10px; border-right: 3px solid #0074cc; border-bottom: 3px solid #0074cc; position: absolute; top: 50%; right: 30px; width: 8px; height: 8px; content: ""; vertical-align: middle; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.entriesWrap .entry img { width: auto; max-width: 100%; height: auto; }
.entriesWrap .entry .entryIcon { float: left; margin-right: 20px; }
.entriesWrap .entry .entryDetail { overflow: hidden; padding-top: 5px; }
.entriesWrap .entry .entryTitle { margin-bottom: 10px; color: #003a97; font-size: 2.0rem; line-height: 1.2; padding-right: 25px; }
.entriesWrap .entry .entryAttr { display: inline-block; padding: 5px 10px 5px 35px; background: #f6f6f6 url(../img/common/icon_user.png) 10px center no-repeat; font-size: 1.6rem; color: #000; }
.entriesWrap .entry + .entry { margin-top: 20px; }

.readMore { margin-top: 30px; margin-left: auto; padding: 1.44% 2% 1.44% 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; width: 14%; line-height: 1; color: #605e4c; background-color: #f9f7e5; font-size: 1.6rem; text-align: center; cursor: pointer; }
.readMore::after { margin-top: -6px; border-right: 2px solid #a5a38c; border-bottom: 2px solid #a5a28c; position: absolute; top: 50%; right: 10%; width: 5px; height: 5px; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media (max-width: 767px) { .entriesWrap { width: 93.75%; margin: 15px auto; }
  .entriesWrap .entriesHead { margin-bottom: 15px; padding: 3.49% 3.33333%; border-left-width: 3px; font-size: 1.6rem; }
  .entriesWrap .entriesNotes { font-size: 1.2rem; }
  .entriesWrap .entriesHead + .entriesNotes { margin-top: 0; }
  .entriesWrap .entry { padding-right: 0; padding-bottom: 10px; }
  .entriesWrap .entry::after { margin-top: 0; border-right: 2px solid #0074cc; border-bottom: 2px solid #0074cc; top: 15px; right: 0; width: 4px; height: 4px; }
  .entriesWrap .entry .entryIcon { width: 25px; margin-right: 10px; }
  .entriesWrap .entry .entryTitle { margin-right: 25px; margin-bottom: 10px; font-size: 1.6rem; line-height: 1.38462; padding-right: 20px; }
  .entriesWrap .entry .entryAttr { padding: 7px 10px 7px 25px; background: #f6f6f6 url(../img/common/icon_user.png) 10px 10px no-repeat; background-size: 10px; font-size: 1.2rem; line-height: 1.41667; }
  .entriesWrap .entry + .entry { margin-top: 10px; }
  .readMore { margin-top: 15px; margin-left: auto; padding: 3% 4% 3% 0; position: relative; width: 26.33%; font-size: 1.0rem; } }
/*
.article
======================= */
section.article { margin: 0 auto 38px; max-width: 900px; position: relative; }

.article h2 { margin-bottom: 0.78%; padding: 1.5% 1.56%; border-left: 6px solid #0c419a; color: #003a97; font-weight: bold; font-size: 2.8rem; }
.article .entries { margin-bottom: 2.11%; }
.article .entries > a:nth-child(-n+3) { display: table; }
.article .entries .entry { display: none; width: 100%; background-color: #f6f9fd; text-decoration: none; }
.article .entries .entry .date { padding: 1.67% 0; border-bottom: 1px solid #fff; display: table-cell; vertical-align: middle; width: 15.56%; color: #42515a; font-size: 1.6rem; text-align: center; }
.article .entries .entry .txt { padding: 3.11% 1.78%; border-bottom: 1px solid #f6f9fd; display: table-cell; vertical-align: middle; width: 84.44%; background-color: #fff; font-size: 2rem; }
.article .entries .entry .txt .linkTxt { padding-right: 1em; position: relative; display: inline-block; color: #003a97; }
.article .entries .entry .txt .linkTxt::after { margin-top: -6px; border-top: 3px solid #0c7bce; border-right: 3px solid #0c7bce; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.article .readMore { margin-left: auto; padding: 1.44% 2% 1.44% 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; width: 14%; line-height: 1; color: #9d9b84; background-color: #f9f7e5; font-size: 1.6rem; text-align: center; cursor: pointer; }
.article .readMore::after { margin-top: -6px; border-right: 2px solid #a5a38c; border-bottom: 2px solid #a5a28c; position: absolute; top: 50%; right: 10%; width: 5px; height: 5px; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media (max-width: 767px) { .article { margin: 0 auto 3.13%; width: 93.75%; }
  .article h2 { margin-bottom: 1.67%; padding: 3.33% 4%; border-left: 3px solid #0c419a; font-size: 1.3rem; }
  .article .entries { margin-bottom: 3.33%; }
  .article .entries .entry { margin: 0 auto; }
  .article .entries .entry .date { padding: 1.67% 0; width: 23.33%; font-size: 1rem; }
  .article .entries .entry .txt { padding: 3% 2.67%; position: relative; width: 71.33%; font-size: 1.3rem; }
  .article .entries .entry .txt::after { margin-top: -6px; border-top: 3px solid #0c7bce; border-right: 3px solid #0c7bce; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .article .entries .entry .txt .linkTxt { display: inline; }
  .article .entries .entry .txt .linkTxt::after { display: none; }
  .article .readMore { margin-left: auto; padding: 3% 4% 3% 0; position: relative; width: 26.33%; font-size: 1.0rem; } }
/*
#recommend
======================= */
#recommend { margin: 0 auto 46px; max-width: 900px; position: relative; }
#recommend h2 { margin-bottom: 0.78%; padding: 1.5% 0 1.5% 1.56%; border-left: 6px solid #0c419a; width: 48%; color: #003a97; font-weight: bold; font-size: 2.8rem; }
#recommend .intro { padding: 0.5% 2%; border: 1px solid #dce4ee; position: absolute; top: 0; right: 0; width: 44.89%; line-height: 1.6; color: #42515a; font-size: 1.4rem; }
#recommend .entries { margin-bottom: 2.11%; }
#recommend .entries > a:nth-child(-n+3) { display: table; }
#recommend .entries .entry { display: none; width: 100%; background-color: #f6f9fd; text-decoration: none; }
#recommend .entries .entry .date { padding: 1.67% 0; border-bottom: 1px solid #fff; display: table-cell; vertical-align: middle; width: 15.56%; color: #42515a; font-size: 1.6rem; text-align: center; }
#recommend .entries .entry .txt { padding: 3.11% 1.78%; border-bottom: 1px solid #f6f9fd; display: table-cell; vertical-align: middle; width: 84.44%; background-color: #fff; font-size: 2rem; }
#recommend .entries .entry .txt .linkTxt { padding-right: 1em; position: relative; display: inline-block; color: #003a97; }
#recommend .entries .entry .txt .linkTxt::after { margin-top: -6px; border-top: 3px solid #0c7bce; border-right: 3px solid #0c7bce; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#recommend .readMore { margin-left: auto; padding: 1.44% 2% 1.44% 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; width: 14%; line-height: 1; color: #9d9b84; background-color: #f9f7e5; font-size: 1.6rem; text-align: center; cursor: pointer; }
#recommend .readMore::after { margin-top: -6px; border-right: 2px solid #a5a38c; border-bottom: 2px solid #a5a28c; position: absolute; top: 50%; right: 10%; width: 5px; height: 5px; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media (max-width: 800px) { #recommend { margin: 0 auto 4.69%; width: 93.75%; }
  #recommend h2 { margin-bottom: 1.67%; padding: 3.33% 4%; border-left: 3px solid #0c419a; width: auto; font-size: 1.3rem; }
  #recommend .intro { margin-bottom: 3.33%; padding: 1.67% 2%; position: static; width: auto; line-height: 1.4; font-size: 1rem; } }
@media (max-width: 767px) { #recommend { margin: 0 auto 4.69%; width: 93.75%; }
  #recommend h2 { margin-bottom: 1.67%; padding: 3.33% 4%; border-left: 3px solid #0c419a; width: auto; font-size: 1.3rem; }
  #recommend .intro { margin-bottom: 3.33%; padding: 1.67% 2%; position: static; width: auto; line-height: 1.4; font-size: 1rem; }
  #recommend .entries { margin-bottom: 3.33%; }
  #recommend .entries .entry { margin: 0 auto; }
  #recommend .entries .entry .date { padding: 1.67% 0; width: 23.33%; font-size: 1rem; }
  #recommend .entries .entry .txt { padding: 3% 2.67%; position: relative; width: 71.33%; font-size: 1.3rem; }
  #recommend .entries .entry .txt::after { margin-top: -6px; border-top: 3px solid #0c7bce; border-right: 3px solid #0c7bce; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #recommend .entries .entry .txt .linkTxt { display: inline; }
  #recommend .entries .entry .txt .linkTxt::after { display: none; }
  #recommend .readMore { margin-left: auto; padding: 3% 4% 3% 0; position: relative; width: 26.33%; font-size: 1.0rem; } }
/*
#otherPref
======================= */
#otherPref { margin: 0 auto; padding: 18px 0 22px; position: relative; max-width: 900px; background-color: #f4fcff; }
#otherPref .btn { margin: 0 auto; width: 25.56%; cursor: pointer; }
#otherPref .pref { border-top: 4px solid #e8eef6; display: none; position: absolute; top: 64px; left: 175px; width: 60.22%; background-color: #fff; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; z-index: 2; }
#otherPref .pref ul { border-right: 1px solid #f7f6f6; float: left; width: 16.66%; box-sizing: border-box; }
#otherPref .pref ul:last-child { border-right: 0; }
#otherPref .pref ul li a { padding: 0.5em; display: block; border-bottom: 1px solid #f7f6f6; color: #0074cc; font-size: 1.6rem; text-align: center; text-decoration: underline; }
#otherPref .pref ul li a:hover { text-decoration: none; }

@media (max-width: 767px) { #otherPref { width: auto; }
  #otherPref .btn { width: 75.67%; }
  #otherPref .pref { border: none; top: 0; left: 0; width: 100%; }
  #otherPref .pref ul { border: none; width: 33.333333333333%; }
  #otherPref .pref ul:nth-child(3n-1) { border: 1px #f7f6f6; border-style: none solid; }
  #otherPref .pref ul:nth-child(4) { clear: both; border-top: 3px solid #e8eef6; }
  #otherPref .pref ul:nth-child(5), #otherPref .pref ul:nth-child(6) { border-top: 3px solid #e8eef6; }
  #otherPref .pref ul li a { padding: 0.5em; display: block; border-bottom: 1px solid #f7f6f6; color: #0074cc; font-size: 1.6rem; text-align: center; text-decoration: underline; }
  #otherPref .pref ul li a:hover { text-decoration: none; } }

/*# sourceMappingURL=category.css.map */