@charset "UTF-8";

#wrapper {
}

#top-head {
    margin-bottom: 4em;
}

/* InformationArea */
.InformationArea {
    text-align: center;
}
.InformationArea .contents {
    max-width: 960px;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
 
.InformationArea .contents ul {
    width: 96%;
    margin: 0 auto;
    margin-bottom: 3em;
    padding: 0;
    background: #ccedd9;
}
 
.InformationArea .contents ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    vertical-align: top;
    border-bottom: #fff 20px solid;
    position: relative;
}
 
.InformationArea .contents ul li div.photo {
    float: left;
    width: 30%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
 
.InformationArea .contents ul li div.infoText {
    float: left;
    width: 70%;
    margin: 0;
    padding: 2.0em;
    text-align: left;
}
 
.InformationArea .contents ul li div.infoText p {
    font-size: 1.6rem;
    line-height: 1.3em;
}
 
.InformationArea .contents ul li div.infoText p.day {
    font-size: 1.4rem;
    padding-bottom: 0.6em;
}
 
.InformationArea .contents ul li div.infoText p span.name {
    font-size: 2.0rem;
    font-weight: bold;
    padding-bottom: 0.6em;
}
 
.InformationArea .contents ul li .btn-temp-s {
    position: absolute;
    right: 2em;
    top: 1.2em;
}

/* SVGボタン */
.InformationArea .contents ul li .btn-temp-s .btn_pdfDownload {
    width: 1.1em;
    height: 1.0em;
    margin: -0.1em;
}
 
.InformationArea .contents ul li .btn-temp-s a .btn_pdfDownload {
    fill:#000;
    transition: 0.4s;
}
 
.InformationArea .contents ul li .btn-temp-s a:hover .btn_pdfDownload {
    fill:#094;
}

hr.infoHR {
    height: 3px;
    border: none;
    border-top: 1px #000 dotted;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 0.6em;
}

/*-------------------------------*/

/*@media screen and (min-width : 1024px)

-------------------------------*/
@media screen and (max-width : 1024px) {
}

/*-------------------------------*/

/*@media screen and (min-width : 768px)

-------------------------------*/
@media screen and (max-width : 768px) {
    
}

/*-------------------------------*/

/*@media screen and (min-width : 640px)

-------------------------------*/
@media screen and (max-width : 640px) {
 
.InformationArea .contents ul li div.photo {
    float: none;
    width: 80%;
    margin: 0 auto;
}
 
.InformationArea .contents ul li div.infoText {
    float: none;
    width: 100%;
}
 
.InformationArea .contents ul li .btn-temp-s {
    position: inherit;
    text-align: center;
    margin: 1.5em 0 -0.5em;
}
    
}

/*-------------------------------*/

/*@media screen and (min-width : 400px)

-------------------------------*/
@media screen and (max-width : 400px) {
}

/*-------------------------------*/

/*@media screen and (min-width : 320px)

-------------------------------*/
@media screen and (max-width : 360px) {
}