/* info.css */
/*--=== SP ONLY max-width: 767px ===-- / */
@media screen and (max-width: 767px) {
  #info_index h3:first-child {
    margin-top: 0; }

  #info_index1 li {
    margin-bottom: 0;
    border-bottom: 1px dotted #666; }

  #info_index1 li a {
    padding: 1.5% 5% 1.5% 1.5%;
    color: #000;
    line-height: 1.4em;
    display: block; }

  #info_index1 li a dt {
    font-size: 10px;
    color: #666;
    margin-bottom: 2px;
    line-height: 1.2em; }

  #info_index1 li a dd {
    font-size: 12px;
    line-height: 1.2em; }

  #info_index1 li a:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }

  #info_index1 li a img {
    width: 35%;
    float: left;
    margin-right: 2%; }

  #past_info_index dt {
    font-size: 10px;
    color: #666;
    padding-top: 8px;
    margin-bottom: 5px; }

  #past_info_index dd {
    font-size: 12px;
    border-bottom: 1px dotted #666; }

  #past_info_index dd a {
    color: #000;
    padding-bottom: 8px;
    display: block; }

  #banners {
    display: none; }

  #info_contents h3:first-child {
    margin-top: 0; }

  #info_mainimage {
    margin-bottom: 1em; }

  .photo_ul2 {
    margin-bottom: 1.8em; }

  .photo_ul2 li {
    margin-bottom: 1%; } }
/*--=== / SP ONLY max-width: 767px ===-- */
/*--=== PC ONLY min-width: 768px ===-- / */
@media print, screen and (min-width: 768px) {
  #contents:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }

  #info_index {
    width: 70%;
    margin-right: 5%;
    float: left; }

  #info_index h3:first-child {
    margin-top: 0; }

  #info_index1 li {
    margin-bottom: 1.5vw; }

  #info_index1 li a {
    padding: 1.5% 5% 1.5% 1.5%;
    border: 1px solid #ea571e;
    display: block;
    background-image: url(../images/info_bg.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 5%;
    color: #000;
    font-size: 131%;
    line-height: 1.4em; }

  #info_index1 li a dt {
    font-size: 85%;
    color: #666; }

  #info_index1 li a dd {
    font-size: 108%;
    line-height: 1.4em; }

  #info_index1 li a:hover {
    animation: hover 0.5s ease-in-out 0 forwards; }

  @keyframes hover {
    0% {
      background-color: transparent; }
    100% {
      background-color: #ffffdc; } }
  #info_index1 li a:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }

  #info_index1 li a img {
    width: 35%;
    float: left;
    margin-right: 2%; }

  #past_info_index {
    font-size: 108%; }

  #past_info_index dt {
    float: left;
    clear: both;
    padding: 0.2em 0;
    width: 6em; }

  #past_info_index dd {
    margin-left: 6.5em;
    padding: 0.2em; }

  #past_info_index dd a {
    color: #000;
    text-decoration: underline; }

  #banners {
    width: 25%;
    float: left; }

  #info_contents {
    width: 70%;
    margin-right: 5%;
    float: left; }

  #info_contents h3:first-child {
    margin-top: 0; }

  #info_mainimage {
    margin-bottom: 1em; }

  .info_fullimage {
    width: 100%; }

  .photo_ul2 {
    margin-bottom: 1.8em;
    display: flex;
    flex-wrap: wrap; }

  .photo_ul2 li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1%; }

  .photo_ul2 li:nth-child(2n) {
    margin-right: 0; }

  .clm2_ph_and_txt {
    margin-bottom: 1.6em; }

  .clm2_ph_and_txt:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }

  .clm2_ph_and_txt-txt {
    float: left;
    width: 65%; }

  .clm2_ph_and_txt-ph {
    float: right;
    width: 30%; }

  .large_txt {
    font-size: 123.1% !important; } }
/* / common class */
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
 
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
/*--=== / PC ONLY min-width: 768px ===-- */