@charset "utf-8";
/* CSS Document */

/* PC and Tablet ////////////////////////*/
@media screen and (min-width: 600px){

#information h1{ box-sizing:border-box; display:block; width:100%; padding: 15px 40px; font-size:157%; background-color:rgba(60,120,160,1.00); color:#FFF; font-weight: bold; text-align: left;}
#information h1 span{ display: inline-block; padding-left:20px; font-weight:normal; font-size:70%; }


#information section.infoList{ box-sizing:border-box; width:100%; padding:80px 0; border:10px solid #FFF; }
#information section.infoList a{ box-sizing:border-box; display:block; width:auto; margin: inherit; padding: inherit; font-size: inherit; text-decoration:none; background: inherit; }
#information section.infoList a:hover{ color: inherit;background: inherit; }

/* detailNav */	
#information .detailNav{ display:block; width:800px; margin: 0 auto; color:#FFF; background-color:#3D78A0; position:relative; }
#information .detailNav .backs{ width:100%; }
#information .detailNav div.backs a{ display:inline-block; padding: 15px; border-right:1px solid #749EBA; line-height:1.0em; color:inherit; text-decoration:none; }
#information .detailNav div.backs a img{ width: 18px; margin-right:5px; }

#information .detailNav div.Pager{ width: 66px; height:28px; position:absolute; top:10px;  right:10px; }
#information .detailNav div.Pager a{ display: block; width:28px; height:28px; float:left; margin-right:5px;}
#information .detailNav div.Pager a img{ width:28px; } 

/* article */
#information section.infoList div.article{ box-sizing:border-box; display:block; width:800px; margin:0 auto; padding:65px; font-size:115%; text-decoration:none; background:#FFF; }
#information section.infoList div.article h2{ margin-bottom:30px; }
#information section.infoList div.article p+p{ margin-top:20px; }

}

/* SmartPhone  ////////////////////////*/
@media screen and (max-width: 599px){


#information h1{ box-sizing:border-box; display:block; width:100%; margin-top:60px; padding:15px 10px 10px 10px; font-size:112%; background-color:rgba(60,120,160,1.00); color:#FFF; font-weight: bold; text-align: left;}
#information h1 span{ display:block; margin-top:3px; font-weight:normal; font-size:63%; line-height:1.5em; }

#information section.infoList{ box-sizing:border-box;width:100%; padding:30px 0; border:4px solid #FFF; }
#information section.infoList a{ box-sizing:border-box; display:block; width:auto; margin: inherit; padding: inherit; font-size: inherit; text-decoration:none; background: inherit; }
#information section.infoList a:hover{ color: inherit;background: inherit; }

/* detailNav*/
#information .detailNav{ display:block; width:90%; margin: 0 auto; color:#FFF; background-color:#3D78A0; position:relative; }
#information .detailNav .backs{ width:100%; }
#information .detailNav div.backs a{ display:inline-block; padding: 15px; border-right:1px solid #749EBA; line-height:1.0em; color:inherit; text-decoration:none; }
#information .detailNav div.backs a img{ width: 18px; margin-right:5px; }

#information .detailNav div.Pager{ width: 60px; height:25px; position:absolute; top:11px; right:10px; }
#information .detailNav div.Pager a{ display: block; width:25px; height:25px; float:left; margin-right:5px;}
#information .detailNav div.Pager a img{ width:25px; } 

/* article */
#information section.infoList div.article{ box-sizing:border-box; display:block; width:90%; margin:0 auto; padding:20px 20px 25px; font-size:115%; text-decoration:none; background:#FFF; }
#information section.infoList div.article h2{ font-size:100%; }
#information section.infoList div.article p+p{ margin-top:20px; }
#information section.infoList div.article img{ max-width:100%; height:auto;}

}