charset "utf-8";"
.clear{clear: both;}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents{
width:100%;
margin: 0 auto;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents a:link{
color:#1C70E1;
text-decoration: underline;
}

#contents a:visited{
color:#1C70E1;
text-decoration: underline;
}

#contents a:hover{
color:#DB477E;
cursor: pointer;
text-decoration: none;
}


#contents .sp_none{
display: none;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents h1.title_bar{
background-color: #FF7F7F;
border-radius:15px 15px 0 0;
padding: 6px;
font-size: 20px;
font-weight: bold;
color: #FFF;
margin: 0;
}


#contents h1.title_bar span.mini{
display: inline;
font-size:15px;
}


#contents h2.category{
width:100%;
margin:20px auto;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-size:22px;
text-align:left;
font-weight:bold;
color:rgba(82,49,29,1.00);
}

#contents h2.category span.date{
display: inline-block;
background-color:rgba(245,141,154,1.00);
padding: 5px;
margin-left: 5px;
width:auto;
font-size:18px;
font-weight:600;
color:#ffffff;
line-height:17pt;
vertical-align: middle;
box-sizing: border-box;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents div.photo_box{
display: flex;
width:100%;
margin: 10px auto 50px auto;
flex-direction:column;
justify-content: space-around;
flex-wrap: wrap;
}

#contents div.photo_box img{
flex-basis:100%;
margin-bottom: 10px;
border:solid rgba(170,163,146,0.7) 1px;
}

#contents div.photo_box div.item{
flex-basis:100%;
}

#contents div.photo_box div.item img{
display: block;
border:solid rgba(170,163,146,0.7) 1px;
padding: 0px;
margin-bottom: 0px;
}

#contents div.photo_box div.item span.text{
width:96%;
padding: 0px;
margin-top: 0px;
display: block;
text-align: center;
font-size:14px;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents div.photo_box2{
display: flex;
width:100%;
margin: 10px auto 30px;
flex-direction:column;
justify-content:center;
flex-wrap: wrap;
}

#contents div.photo_box2 img{
margin-bottom:3px;
border:solid rgba(170,163,146,0.7) 1px;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents img.line{
display: none
}

#contents img.line_sp{
max-width: 100%;
display: block;
margin: 0px auto;
padding: 0px;
border-style: none;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents div.point_box{
max-width:100%;
background:  linear-gradient(30deg,rgba(249,16,60,0.7),rgba(246,219,71,0.7),rgba(247,165,23,0.7),rgba(44,209,233,0.7),rgba(160,232,101,0.7),rgba(250,78,135,0.7),rgba(231,67,251,0.7));
padding:3px;
border-radius: 30px;
margin: 10px auto 0px auto;
}

 
#contents div.point_box div.inbox{
max-widh:90%;
border-radius: 30px;
background: #ffffff;
padding: 10px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents img.bar{
max-width:100%;
display: block;
margin:60px auto 20px auto;
padding: 0px;
border-style: none;
}

#contents img.bar02{
max-width:100%;
display: block;
margin:20px auto 20px auto;
padding: 0px;
border-style: none;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#contents div.link_bar{
display: none;
}

#contents div.link_bar02{
display:block;
max-width: 98%;
margin: 0px auto;
padding: 0px;
}

#contents div.link_bar02 img:hover{
opacity: 0.5;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#contents div.flex_link{
display: flex;
max-width:98%;
margin: 0px auto;
padding: 0px;
flex-direction:column;
justify-content: center;
flex-wrap: nowrap;
}

#contents div.flex_link div.link_box{
flex-basis: 250px;
margin:0px 10px 20px 0px;;
padding: 0px;
}

#contents div.flex_link div.link_box img:hover{
opacity: 0.5;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#contents div.action{
display: flex;
max-width:98%;
margin: 10px auto 80px auto;
padding: 0px;
flex-direction:column;
justify-content:center;
flex-wrap:wrap;
}

#contents div.action div.action_box{
flex-basis:230px;
margin:0px 10px;
padding: 0px;
}

#contents div.action div.action_box img:hover{
opacity: 0.5;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents p.main{
max-width:95%;
margin:10px auto 0px auto;
padding: 0px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:400;
font-size:16px;
text-align:left;
color:#555125;
}

#contents p.supplement{
max-width:90%;
margin-left:10px;;
padding: 0px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:500;
font-size:17px;
text-align:left;
color: rgba(119,96,81,1.00);
}

#contents p.bold{
max-width:98%;
margin:10px auto 0px auto;
padding: 0px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:600;
font-size:16px;
text-align:left;
color:#555125;
line-height: 18pt;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents ul.download{
max-width:96%;
margin:0px auto 0px auto;
padding: 0px;
}

#contents ul.download li{
margin-bottom: 18px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:400;
font-size:15px;
text-align:left;
color: rgba(119,96,81,1.00);
list-style-type: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents ul.supplement{
max-width:98%;
margin-left:5px;
padding: 0px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:500;
font-size:17px;
text-align:left;
color: rgba(119,96,81,1.00);
}

#contents ul.supplement li{
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:500;
font-size:16px;
text-align:left;
color: rgba(119,96,81,1.00);
list-style-type: none;
}

#contents ul.supplement li span{
display: inline-block;
width:94%;
}


#contents ul.supplement li:before{
content: "※";
display: inline-block;
vertical-align: top;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents ul.kome{
max-width:96%;
margin:10px auto 0px auto;
padding: 0px;
}

#contents ul.kome li{
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:500;
font-size:17px;
text-align:left;
color: rgba(119,96,81,1.00);
list-style-type: none;
}

#contents ul.kome li span{
max-width:90%;
display: inline-block;
vertical-align: top;
}

#contents ul.kome li:before{
content: "※";
display: inline-block;
margin-right: 5px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents .toi_yellow{
padding: 2px;
background-color: #fcf0ac;
font-size:14px;
text-align: center;
margin:0px auto;
border-radius: 5px;
-moz-border-radius: 5px;
}