@charset "UTF-8";

/* == MAIN INFO=== */

main article.info {
   width: 100%;
   margin: 0;
   padding: 0;
}

main article.info h2{
   margin-top: 0;
   color: #fff;
   background-color: #ff6666;
   text-align: center;
}

main article.info h2 a{
   color: #fff;
}

main article.info ul {
   width: 92%;
   margin: 0 auto;
   padding: 0;
   list-style-type: none;
}

main article.info ul li {
   width: 100% !important;
   margin: 1.5em 0;
   padding: 0;
}

main article.info ul li time {
   display: block;
   line-height: 2em;
   margin-bottom: 4px;
   border-bottom: 2px solid #ff6666;
}

/* == MAIN INFO_ACCESS=== */
main article.info_access .calendar {
   width: 92%;
   margin: 0 auto;
}

main article.info_access .calendar p{
   font-size: 12px;
   margin: 1em auto;
   text-align: center;
}

@media all and (min-width: 568px) {
    main article.info_access .map{
       width: 92%;
       margin: 0 auto;
       padding: 0;
       overflow: hidden;
       height: 300px;
       background-color: #e6f6ef;
    }
    
    main article.info_access .map iframe {
       display: block;
       float: left;
       width: 56%;
       height: 300px;
       margin: 0;
       padding: 0;
    }
    
    main article.info_access .map figure {
       float: right;
       width: 42%;
       height: 300px;
       margin: 0;
       padding: 0;
    }
    
    main article.info_access .map figure img{
       display: block;
       width: 100%;
       height: auto;
       max-width: 350px;
       max-height: 240px;
       margin: 0 auto;
       padding: 0;
    }
}

/* ==MAIN PICKUP== */
main article.pickup {
   width: 100%;
   background-color: #e6f6ef;
   height: 20em;
}

main article.pickup h2{
   padding-top: 1em;
}

main article.pickup .infobox {
   margin: 0 auto;
   padding: 0;
   width: 92%;
}

main article.pickup .infobox .slickbox {
   margin: 0;
   padding: 0;
   width: 100%;
}

main article.pickup .infobox .slickbox article {
   margin: 0;
   padding: 0;
}

main article.pickup .infobox .slickbox article h3 {
   margin: 0;
}

main article.pickup .infobox .slickbox article p {
   width: 100%;
   margin: 0;
   padding: 0;
}

/* == MAIN QUESTION == */
main article.question ol.question {
   margin: 0 0 4em 0;
   padding: 0;
   list-style-type: none;
}

main article.question ol.question li {
   width: 92%;
   margin: 0 auto 1em;
   padding: 0;
   text-align: center;
}

main article.question ol.question li a {
   display: block;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 46px;
   font-size: 14px;
   line-height: 46px;
   text-decoration: none;
   background: #e6f6ef url(parts.png) bottom right no-repeat;
   background-blend-mode: multiply;
}

/* == MAIN POINT == */

main article.point{
   margin: 0 0 4em 0;
}

@media all and (max-width: 374px) {
   main article.point h2{
      font-size: 16px;
   }
}

main article.point h3{
   background-color: #cdeddf;
   padding:4px 0;
}


/* ==about SP== */

main article dl.gaiyou dt {
   color: #61af96;
}

@media all and (min-width: 568px) {
    main article .img-float {
       width: 92%;
       margin: 0 auto;
       padding: 0;
       overflow: hidden;
    }
    
    main article .img-float figure{
       float: left;
       width: 49%;
       height: auto;
       margin: 0;
       padding: 0;
    }
    
    main article .img-float figure img{
       width: 96%;
       margin: 0 auto;
       padding: 0;
    }
    
    main article .img-float figure.double{
       width: 100%;
       margin: 0 auto;
       padding: 0;
    }
    
    main article .img-float figure.double img{
       width: 49%;
       display: inline-block;
       margin: 0;
       padding: 0;
    }
    
    main article .img-float figcaption {
       font-size: 14px;
       margin-bottom: 1em;
    }
}

/* ==attension==*/
main article section.point {
   width: 92%;
   margin: 0 auto 2em;
   padding: 0;
   border: 2px solid #ff6666;
}

main article section.point h3,
main article section.point h4 {
   margin: 0;
   padding: 0;
   background-color: #ff6666;
   color: #fff;
   font-size: 16px;
   text-align: center;
   border: none;
}

main article div.attension {
   margin: 0;
   padding: 0;
}

main article div.attension p {
   position: relative;
   margin: 2em auto;
   padding: 0;
   text-indent: 1em;
}

main article div.attension p::after {
   display: block;
   content: '';
   position: absolute;
   top: 4px;
   left: 0;
   width: 12px;
   height: 12px;
   background-color: #ff6666;
   border-radius: 100%;
}


/* ==re-examine==*/

@media all and (min-width: 415px){
    main article figure.nowide{
       width: 20%;
       margin: 0 auto;
       padding: 0;
    }
}

main article table.reserve {
   margin: 2em 0;
}

main article table.reserve tr {
   margin: 0;
   padding: 0;
   font-size: 14px;
   line-height: 28px;
   text-align: center;
   border-bottom: 1px solid #9bdcbf;
}

main article table.reserve tr th {
   width: 50%;
}

main article table.reserve tr td {
   width: 25%;
}

/* ==about_disease==*/

main article.suggest{
   border-bottom: 4px solid #f7f7f7;
}

main article.suggest ul {
   width: 92%;
   margin: 0 auto;
   padding: 0;
   background-color: #f7f7f7;
   list-style-type: none;
}

main article.suggest ul li {
   width: 92%;
   margin: 0 auto;
   padding: 0.5em 0;
   font-size: 16px;
   font-weight: 600;
}

main article.disease{
   padding-bottom: 2em;
   border-bottom: 4px solid #f7f7f7;
}

main article.disease:last-child{
   padding-bottom: 0;
   border: none;
}

main article.suggest h3 a,
main article.disease h2 a{
   color: #333;
   text-decoration: none;
}