@charset   "UTF-8";

@media screen and (max-width: 320px) {

#bikkuri{
  position:relative;
  top:-22px;
  left:4px;
}

#under_dot{
  width:310px;
  height:2px;
  padding: 15px 0 0 0;
  margin: 0 0 0 5px;
}

.eventbg{
 background:url(../imgs/backgg.gif);
}

#event_box{
  width:310px;
  margin: 0 0 0 5px;
  padding: 15px 0 0 0;
}

#under_br2{
  width:310px;
  margin:0;
  padding:0;
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
}

.event_un_box{
  width:308px;
  border: 1px solid #cb481d;
  margin: 10px 0 0 0;
}

.box_bg{
  background:#e4683f;
  height:20px;
  margin:0;
  padding:0;
}

.box_bg span{
  font-size:13px;
  font-weight:bold;
  color:white;
  position:relative;
  top:10px;
}

.bunn{
  font-size:12px;
  color:#660000;
  margin:0;
  padding: 10px 10px;
  line-height:18px;
  background:white;
}

.yohakun{
  margin: 20px 0 5px 5px;
  height:1px;
  width:310px;
  border-bottom:2px dashed pink;
}
}

@media screen and (min-width:321px) and (max-width: 374px) {

#bikkuri{
  position:relative;
  top:-22px;
  left:4px;
}

#under_dot{
  width:350px;
  height:2px;
  padding: 15px 0 0 0;
  margin: 0 0 0 5px;
}

.eventbg{
 background:url(../imgs/backgg.gif);
}

#event_box{
  width:350px;
  margin: 0 0 0 5px;
  padding: 15px 0 0 0;
}

#under_br2{
  width:350px;
  margin:0;
  padding:0;
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
}

.event_un_box{
  width:348px;
  border: 1px solid #cb481d;
  margin: 10px 0 0 0;
}

.box_bg{
  background:#e4683f;
  height:20px;
  margin:0;
  padding:0;
}

.box_bg span{
  font-size:13px;
  font-weight:bold;
  color:white;
  position:relative;
  top:10px;
}

.bunn{
  font-size:12px;
  color:#660000;
  margin:0;
  padding: 10px 10px;
  line-height:18px;
  background:white;
}

.yohakun{
  margin: 20px 0 5px 5px;
  height:1px;
  width:350px;
  border-bottom:2px dashed pink;
}
}

@media screen and (min-width: 375px) and (max-width: 413px) {

#bikkuri{
  position:relative;
  top:-22px;
  left:4px;
}

#under_dot{
  width:365px;
  height:2px;
  padding: 15px 0 0 0;
  margin: 0 0 0 5px;
}

.eventbg{
 background:url(../imgs/backgg.gif);
}

#event_box{
  width:365px;
  margin: 0 0 0 5px;
  padding: 15px 0 0 0;
}

#under_br2{
  width:365px;
  margin:0;
  padding:0;
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
}

.event_un_box{
  width:363px;
  border: 1px solid #cb481d;
  margin: 10px 0 0 0;
}

.box_bg{
  background:#e4683f;
  height:20px;
  margin:0;
  padding:0;
}

.box_bg span{
  font-size:13px;
  font-weight:bold;
  color:white;
  position:relative;
  top:10px;
}

.bunn{
  font-size:12px;
  color:#660000;
  margin:0;
  padding: 10px 10px;
  line-height:18px;
  background:white;
}

.yohakun{
  margin: 20px 0 5px 5px;
  height:1px;
  width:365px;
  border-bottom:2px dashed pink;
}
}


@media screen and (min-width: 414px) {

#bikkuri{
  position:relative;
  top:-22px;
  left:4px;
}

#under_dot{
  width:394px;
  height:2px;
  padding: 15px 0 0 0;
  margin: 0 0 0 10px;
}

.eventbg{
 background:url(../imgs/backgg.gif);
}

#event_box{
  width:380px;
  margin: 0 0 0 5px;
  padding: 15px 0 0 0;
}

#under_br2{
  width:380px;
  margin:0 0 0 12px;
  padding:0;
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
}

.event_un_box{
  width:378px;
  border: 1px solid #cb481d;
  margin: 10px 0 0 12px;
}

.box_bg{
  background:#e4683f;
  height:20px;
  margin:0;
  padding:0;
}

.box_bg span{
  font-size:13px;
  font-weight:bold;
  color:white;
  position:relative;
  top:10px;
}

.bunn{
  font-size:12px;
  color:#660000;
  margin:0;
  padding: 10px 10px;
  line-height:18px;
  background:white;
}

.yohakun{
  margin: 20px 0 5px 5px;
  height:1px;
  width:365px;
  border-bottom:2px dashed pink;
}
}