@charset   "Shift_JIS";






.famiresu{
  width:320px;
  margin:0 auto;
  padding: 10px 0 0 0;
}

.famiresu img{
  border: 1px solid #cecece;
}

.yohakuc{
  height:20px;
}

.midasi{
  font-size:13px;
  width:100%;
  padding: 0 5px 0 5px;
  line-height:20px;
}

.midasi span{
  font-size:13px;
  color:red;
  padding: 5px;
}

.oomidasi{
  width:100%;
  height:30px;
  background:#5ccaf3;
  margin: 15px 0 0 0;
}

.oomidasi p{
  font-size:14px;
  font-weight:bold;
  color:white;
  padding: 0 0 0 10px;
  line-height:30px;
  margin:0;
}

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

#container{
  width:320px;
  overflow:hidden;
}

.orangedake{
  width:320px;
  height:5px;
  background:#6f4235;
  margin:2px 0 0 0;
}

.topbrimg{
  width:320px;
  margin: 5px 0 0 0;
}

#topbrimg{
  width:320px;
}

.setumeinum{
  display:block;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 5px;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:300px;
}

.setumeinum span{
  color:#ff8284;
  font-weight:bold;
}

.yohakub{
  height:30px;
}

.ten{
  width:320px;
  height:5px;
  border-bottom:1px dashed #aaaaaa;
  margin:10px auto 15px auto;
}

.setumeinum2{
  display:block;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 22px;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:300px;
  background:white;
}

.setumeinum3{
  display:block;
  text-align:center;
  font-size:13px;
  color:#000000;
  margin: 0 auto;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:300px;
  background:white;
}

.setumeinum3 span{
  color:#ff8284;
  font-weight:bold;
}
}


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

#container{
  width:360px;
  overflow:hidden;
}

.orangedake{
  width:350px;
  height:5px;
  background:#6f4235;
  margin:2px 0 0 5px;
}

.topbrimg{
  width:350px;
  height:100px;
  margin: 10px 0 0 5px;
}

#topbrimg{
  width:350px;
}

.setumeinum{
  display:block;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 5px;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:340px;
}

.setumeinum span{
  color:#ff8284;
  font-weight:bold;
}

.yohakub{
  height:30px;
}

.ten{
  width:355px;
  height:5px;
  border-bottom:1px dashed #aaaaaa;
  margin:10px auto 15px auto;
}

.setumeinum2{
  display:block;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 22px;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:330px;
  background:white;
}

.setumeinum3{
  display:block;
  text-align:center;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 22px;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:330px;
  background:white;
}

.setumeinum3 span{
  color:#ff8284;
  font-weight:bold;
}

}


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

.orangedake{
  width:365px;
  height:5px;
  background:#6f4235;
  margin:2px 0 0 5px;
}

.topbrimg{
  width:365px;
  height:100px;
  margin: 20px 0 0 5px;
}

#topbrimg{
  width:365px;
  height:100px;
}

.setumeinum{
  display:block;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 5px;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:355px;
}

.setumeinum span{
  color:#ff8284;
  font-weight:bold;
}

.yohakub{
  height:30px;
}

.ten{
  width:355px;
  height:5px;
  border-bottom:1px dashed #aaaaaa;
  margin:10px auto 15px auto;
}

.setumeinum2{
  display:block;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 22px;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:330px;
  background:white;
}

.setumeinum3{
  display:block;
  text-align:center;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 22px;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:330px;
  background:white;
}

.setumeinum3 span{
  color:#ff8284;
  font-weight:bold;
}
}

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

.orangedake{
  width:365px;
  height:5px;
  background:#6f4235;
  margin:2px 0 0 5px;
}

.topbrimg{
  width:365px;
  height:100px;
  margin: 20px 0 0 5px;
}

#topbrimg{
  width:404px;
}

.setumeinum{
  display:block;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 5px;
  padding: 0 5px 0 25px;
  line-height:20px;
  width:355px;
}

.setumeinum span{
  color:#ff8284;
  font-weight:bold;
}

.yohakub{
  height:30px;
}

.ten{
  width:355px;
  height:5px;
  border-bottom:1px dashed #aaaaaa;
  margin:10px auto 15px auto;
}

.setumeinum2{
  display:block;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 22px;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:330px;
  background:white;
}

.setumeinum3{
  display:block;
  text-align:center;
  font-size:13px;
  color:#000000;
  margin: 0 0 0 22px;
  padding: 0 5px 0 5px;
  line-height:20px;
  width:330px;
  background:white;
}

.setumeinum3 span{
  color:#ff8284;
  font-weight:bold;
}
}