@charset "UTF-8";

/* ==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 section.point p{
    width: 92%;
    margin: 2em auto;
    padding: 0;
}

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;
}


/* ==about_eat_paper_accordion==*/
.accordion-toggle {
	display: none;
}

.accordion-label {
	display: block;
	width: 70%;
	line-height: 46px;
	margin: 0 auto 4em;
	padding: 0;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background: #9bdcbf;
	cursor: pointer;
}

.accordion-content {
	display: none;
	width: 96%;
	margin: 0 auto 3em;
	padding: 10px;
	border: 1px solid #9bdcbf;
}

.accordion-toggle:checked + .accordion-label + .accordion-content {
	display: block;
}