@charset "utf-8";

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

		info.css

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

/*------------------------------
 共通PC
------------------------------*/
@media screen and (min-width: 769px) {
  .information_wrap {
    max-width: 1060px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5vw;
  }
  .information_wrap #mainArea {
    width: 760px;
    float: left;
  }
  .information_wrap #sideArea {
    width: 250px;
    float: right;
    margin-top: 6rem;
  }
  .information_wrap #mainArea h2.informationTit {
    font-size: 3.6rem;
    padding-bottom: 2rem;
  }
  .information_wrap #mainArea .informationList {
    border: 7px solid #e5e5e5;
    background: #ffffff;
    padding: 20px;
    margin-bottom: 2rem;
  }
  .information_wrap #mainArea .informationList .thumbnail {
    width: 130px;
    display: inline-block;
    vertical-align: top;
  }
  .information_wrap #mainArea .informationList .thumbnail img {
    width: 130px;
    height: auto;
  }

  .information_wrap #mainArea .informationList ul {
    width: 550px;
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    margin-left: 20px;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro",
      "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
      "MS PGothic", sans-serif;
  }
  .information_wrap #mainArea .informationList li:nth-child(1),
  .information_wrap #mainArea .informationList li:nth-child(2) {
    display: inline-block;
    font-size: 1.2rem;
  }
  .information_wrap #mainArea .informationList li:nth-child(1) span {
    background: #ff3300;
    color: #ffffff;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 1rem;
    margin-left: 1rem;
  }
  .information_wrap #mainArea .informationList li:nth-child(2) {
    margin-left: 2rem;
  }
  .information_wrap #mainArea .informationList li:nth-child(3) {
    font-size: 2rem;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Georgia,
      HGS明朝E, メイリオ, Meiryo, serif;
  }

  .information_wrap #sideArea h2.widgetTit {
    background: #000000;
    text-align: center;
    font-size: 1.6rem;
    color: #ffffff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
  }
  .information_wrap #sideArea ul {
    padding-left: 1rem;
    padding-bottom: 3rem;
  }
  .information_wrap #sideArea li a {
    font-size: 1.6rem;
    padding-bottom: 1rem;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro",
      "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
      "MS PGothic", sans-serif;
  }
  .information_wrap #sideArea li:before {
    content: "・";
  }
  .wp-pagenavi {
    clear: both;
    text-align: center;
    margin-top: 50px;
  }
  .wp-pagenavi a,
  .wp-pagenavi span {
    color: #777777;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    padding: 6px 12px !important;
    margin: 0 2px;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
  }
  .wp-pagenavi a:hover {
    color: #22ac38;
    background-color: #ffffff;
    border-color: #cccccc;
  }
  .wp-pagenavi span.current {
    color: #ffffff;
    background-color: #22ac38;
    border-color: #cccccc;
  }
  .singleWrap .meta {
    text-align: right;
    font-size: 1.4rem;
    color: #666666;
  }
  .singleWrap .entry {
    font-size: 1.6rem;
  }
  .singleWrap img {
    max-width: 100%;
    height: auto;
  }

  /* プライバシーポリシー等のエントリーコンテンツ用 見出しスタイル */
  .singleWrap .entry h1 {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 1.5em 0 0.8em;
    line-height: 1.4;
    border-bottom: 2px solid #292a33;
    padding-bottom: 0.5em;
  }
  .singleWrap .entry h2 {
    font-size: 2rem;
    font-weight: bold;
    margin: 1.5em 0 0.8em;
    line-height: 1.4;
    border-left: 4px solid #cc6d00;
    padding-left: 0.8em;
  }
  .singleWrap .entry h3 {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 1.3em 0 0.6em;
    line-height: 1.4;
  }
  .singleWrap .entry h4 {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 1.2em 0 0.5em;
    line-height: 1.4;
  }
  .singleWrap .entry h5 {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 1em 0 0.4em;
    line-height: 1.4;
  }
  .singleWrap .entry h6 {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 1em 0 0.4em;
    line-height: 1.4;
  }
  .singleWrap .entry p {
    margin: 1em 0;
    line-height: 1.8;
  }
  .singleWrap .entry ul,
  .singleWrap .entry ol {
    margin: 1em 0 1em 2em;
    line-height: 1.8;
  }
  .singleWrap .entry ul li {
    list-style: disc;
    margin-bottom: 0.5em;
  }
  .singleWrap .entry ol li {
    list-style: decimal;
    margin-bottom: 0.5em;
  }
  .singleWrap .entry blockquote {
    margin: 1.5em 0;
    padding: 1em 1.5em;
    background: #f9f9f9;
    border-left: 4px solid #ccc;
  }
  .singleWrap .entry table {
    width: 100%;
    margin: 1em 0;
    border-collapse: collapse;
  }
  .singleWrap .entry table th,
  .singleWrap .entry table td {
    padding: 0.8em;
    border: 1px solid #ccc;
  }
  .singleWrap .entry table th {
    background: #f5f5f5;
    font-weight: bold;
  }
}

/*------------------------------
 共通TABLET
------------------------------*/
@media only screen and (max-width: 1159px) and (min-width: 769px) {
  .information_wrap {
    max-width: 92%;
  }

  .information_wrap #mainArea {
    width: 70%;
    float: left;
  }
  .information_wrap #sideArea {
    width: 25%;
    float: right;
    margin-top: 6rem;
  }
  .information_wrap #mainArea .informationList {
    border: 5px solid #e5e5e5;
    padding: 10px;
  }

  .information_wrap #mainArea .informationList .thumbnail {
    width: 20%;
    display: inline-block;
    vertical-align: top;
  }
  .information_wrap #mainArea .informationList .thumbnail img {
    width: 100%;
    height: auto;
  }

  .information_wrap #mainArea .informationList ul {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    margin-left: 20px;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro",
      "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
      "MS PGothic", sans-serif;
  }
  #wp_page_numbers ul,
  #wp_page_numbers li,
  #wp_page_numbers a {
    font-size: 1.6rem !important;
  }
  #wp_page_numbers a {
    padding: 10px !important;
  }
  #wp_page_numbers li.page_info {
    padding: 10px !important;
  }
}

/*------------------------------
 共通SP
------------------------------*/
@media screen and (max-width: 768px) {
  .information_wrap {
    max-width: 92%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5vw;
  }
  .information_wrap #mainArea {
  }
  .information_wrap #sideArea {
  }
  .information_wrap #mainArea h2.informationTit {
    font-size: 4.2vw;
    padding-bottom: 2rem;
  }
  .information_wrap #mainArea .informationList {
    border: 5px solid #e5e5e5;
    background: #ffffff;
    padding: 10px;
    margin-bottom: 2rem;
  }
  .information_wrap #mainArea .informationList .thumbnail {
    width: 19%;
    display: inline-block;
    vertical-align: top;
  }
  .information_wrap #mainArea .informationList .thumbnail img {
    width: 100%;
    height: auto;
  }

  .information_wrap #mainArea .informationList ul {
    width: 77%;
    display: inline-block;
    vertical-align: top;
    font-size: 3.5vw;
    margin-left: 2%;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro",
      "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
      "MS PGothic", sans-serif;
  }
  .information_wrap #mainArea .informationList li:nth-child(1),
  .information_wrap #mainArea .informationList li:nth-child(2) {
    display: inline-block;
    font-size: 3vw;
  }
  .information_wrap #mainArea .informationList li:nth-child(1) span {
    background: #ff3300;
    color: #ffffff;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 2.5vw;
    margin-left: 1vw;
  }
  .information_wrap #mainArea .informationList li:nth-child(2) {
    margin-left: 2vw;
  }
  .information_wrap #mainArea .informationList li:nth-child(3) {
    font-size: 4vw;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Georgia,
      HGS明朝E, メイリオ, Meiryo, serif;
  }

  .information_wrap #sideArea h2.widgetTit {
    background: #000000;
    text-align: center;
    font-size: 3.8vw;
    color: #ffffff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
  }
  .information_wrap #sideArea ul {
    padding-left: 1rem;
    padding-bottom: 3rem;
  }
  .information_wrap #sideArea li a {
    font-size: 3.5vw;
    padding-bottom: 1rem;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro",
      "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
      "MS PGothic", sans-serif;
  }
  .information_wrap #sideArea li:before {
    content: "・";
  }
  .wp-pagenavi {
    clear: both;
    text-align: center;
    margin-top: 50px;
  }
  .wp-pagenavi a,
  .wp-pagenavi span {
    color: #777777;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    padding: 6px 12px !important;
    margin: 0 2px;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
  }
  .wp-pagenavi a:hover {
    color: #22ac38;
    background-color: #ffffff;
    border-color: #cccccc;
  }
  .wp-pagenavi span.current {
    color: #ffffff;
    background-color: #22ac38;
    border-color: #cccccc;
  }
  .singleWrap .meta {
    text-align: right;
    font-size: 3vw;
    color: #666666;
  }
  .singleWrap .entry {
    font-size: 3.5vw;
  }

  /* プライバシーポリシー等のエントリーコンテンツ用 見出しスタイル（SP） */
  .singleWrap .entry h1 {
    font-size: 5.5vw;
    font-weight: bold;
    margin: 1.5em 0 0.8em;
    line-height: 1.4;
    border-bottom: 2px solid #292a33;
    padding-bottom: 0.5em;
  }
  .singleWrap .entry h2 {
    font-size: 5vw;
    font-weight: bold;
    margin: 1.5em 0 0.8em;
    line-height: 1.4;
    border-left: 4px solid #cc6d00;
    padding-left: 0.8em;
  }
  .singleWrap .entry h3 {
    font-size: 4.5vw;
    font-weight: bold;
    margin: 1.3em 0 0.6em;
    line-height: 1.4;
  }
  .singleWrap .entry h4 {
    font-size: 4vw;
    font-weight: bold;
    margin: 1.2em 0 0.5em;
    line-height: 1.4;
  }
  .singleWrap .entry h5 {
    font-size: 3.8vw;
    font-weight: bold;
    margin: 1em 0 0.4em;
    line-height: 1.4;
  }
  .singleWrap .entry h6 {
    font-size: 3.5vw;
    font-weight: bold;
    margin: 1em 0 0.4em;
    line-height: 1.4;
  }
  .singleWrap .entry p {
    margin: 1em 0;
    line-height: 1.8;
  }
  .singleWrap .entry ul,
  .singleWrap .entry ol {
    margin: 1em 0 1em 1.5em;
    line-height: 1.8;
  }
  .singleWrap .entry ul li {
    list-style: disc;
    margin-bottom: 0.5em;
  }
  .singleWrap .entry ol li {
    list-style: decimal;
    margin-bottom: 0.5em;
  }
  .singleWrap .entry blockquote {
    margin: 1.5em 0;
    padding: 0.8em 1em;
    background: #f9f9f9;
    border-left: 3px solid #ccc;
  }
  .singleWrap .entry table {
    width: 100%;
    margin: 1em 0;
    border-collapse: collapse;
  }
  .singleWrap .entry table th,
  .singleWrap .entry table td {
    padding: 0.6em;
    border: 1px solid #ccc;
    font-size: 3.2vw;
  }
  .singleWrap .entry table th {
    background: #f5f5f5;
    font-weight: bold;
  }
  #wp_page_numbers ul,
  #wp_page_numbers li,
  #wp_page_numbers a {
    font-size: 3.5vw !important;
  }
}