/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

faq CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Variables
-------------------------------------------- */
/* Content
-------------------------------------------- */
#container section.contents {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }
  #container section.contents ul li {
    border-bottom: #D8CCB8 solid 1px;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    #container section.contents ul li .icon {
      width: 100%;
      padding: 0 0 5px; }
      #container section.contents ul li .icon span {
        display: inline-block;
        padding: 5px 8px;
        margin: 0 3px 3px 0;
        color: #FFF;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        background: #AB9169;
        font-family: "Times New Roman", Times, "serif"; }
    #container section.contents ul li .days {
      width: 102px;
      margin-right: 20px;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 640px) {
        #container section.contents ul li .days {
          display: block;
          width: auto;
          margin: 0;
          padding: 10px 0 0; } }
    #container section.contents ul li p {
      display: inline-block;
      width: calc(100% - 122px); }
      @media (max-width: 640px) {
        #container section.contents ul li p {
          display: block;
          width: 100%;
          padding: 10px 0 0; } }
      #container section.contents ul li p a {
        transition: 0.5s; }
        #container section.contents ul li p a:hover {
          opacity: 0.5; }
    #container section.contents ul li:last-child {
      margin-bottom: 100px; }
      @media (max-width: 480px) {
        #container section.contents ul li:last-child {
          margin-bottom: 50px; } }

.detail #container section.contents {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }
  .detail #container section.contents p.ttl {
    font-size: 2.0rem;
    margin-bottom: 20px; }
    @media (max-width: 480px) {
      .detail #container section.contents p.ttl {
        font-size: 5vw; } }
  .detail #container section.contents ul {
    margin-bottom: 50px; }
    @media (max-width: 480px) {
      .detail #container section.contents ul {
        margin-bottom: 25px; } }
    .detail #container section.contents ul li {
      border-bottom: #D8CCB8 solid 1px;
      padding-bottom: 25px;
      font-size: 1.2rem; }
      .detail #container section.contents ul li:last-child {
        margin-bottom: 0; }
        @media (max-width: 480px) {
          .detail #container section.contents ul li:last-child {
            margin-bottom: 0; } }
  .detail #container section.contents p.txt {
    line-height: 2; }
  .detail #container section.contents .commonBtn {
    margin: 100px auto; }
    @media (max-width: 480px) {
      .detail #container section.contents .commonBtn {
        margin: 50px auto; } }
    .detail #container section.contents .commonBtn::after {
      left: 0; }
    .detail #container section.contents .commonBtn > p::after, .detail #container section.contents .commonBtn > span::after {
      left: -20px; }
    .detail #container section.contents .commonBtn:hover > p::after, .detail #container section.contents .commonBtn:hover > span::after {
      width: 10px;
      left: 0; }
