@charset "UTF-8";

/* 改行調整 */
.ib_item {
  display: inline-block;
}

#attention{
width: 800px;
margin: 0 auto;
text-align: center;
clear: both;
}

#attention p{
line-height: 30px;
font-size: 15px;
}
#attention p.title{
font-size: 20px;
color: #f00;
font-weight: bold;
padding: 50px 0 0 0;
}
#attention p.title2{

color: #f00;
}
#attention table{
margin: 60px auto;
border: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#attention table tr{
margin: 0 auto;
border: 1px solid #ddd;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#attention table th{
margin: 0 auto;
border: 1px solid #ddd;
color: #F00;
width: 10%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 70px;
font-size: 12px;
width: 70px;
text-align:center;
}
#attention table th.attention_c,#attention table td.attention_c{
font-size: 40px;
font-weight: bold;
}
#attention table td{
margin: 0 auto;
border: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 0;
height: 70px;
font-size: 12px;
}
#attention p span.attention_r{

color: #f00;

}
@media only screen and (max-width: 768px) {
#attention{
width: 100%;
}
#attention table{
width: 100%;
}
#attention table th{
margin: 0 auto;
border: 1px solid #ddd;
color: #F00;
padding: 0px;
width: 10%;
font-size: 10px;
}
#attention table td{
margin: 0 auto;
padding: 0px;
width: 10%;
font-size: 10px;
}
#attention p{
line-height: 24px;
font-size: 10px;
}
#attention p.title{
font-size: 16px;
color: #f00;
font-weight: bold;
padding: 30px 0 0 0;
}
#attention {
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#attention table th.attention_c,#attention table td.attention_c{
font-size: 20px;

}
}
#attention p span.store{
  font-weight: bold;
}


#topics_list{
width: 100%;
margin: 0;
padding: 0;
}

#topics_list ul{
width: 100%;
margin: 0;
padding: 0;
}

#topics_list ul li{
width: 33.3333%;
margin: 0;
padding: 0;
}


#topics_list { width: 800px; text-align: left; overflow: hidden; }
#topics_list ul { width: 820px; margin-right: -20px; letter-spacing: -.40em; }
#topics_list ul li { display: inline-block; width: 390px; margin-right: 20px; margin-bottom: 35px; vertical-align: top; letter-spacing: normal; }
#topics_list ul li a { text-decoration: none; display:block; }
#topics_list ul li img { width: 390px; height: 390px; margin-bottom: 20px; }
#topics_list ul li h2 { font-size: 16px; line-height: 20px; font-weight: bold; text-align: center; margin-bottom: 20px; }
#topics_list ul li p { font-size: 12px; color: #5c5c5c; }