@charset   "Shift_JIS";

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

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

#subbody{
  width:320px;
  margin:0 auto;
  overflow:hidden;
}

.catch{
  width:320px;
  height:25px;
  background: url(../imgs/br_pink.gif) ;
  margin: 10px 0 5px 0;
}

.catch p{
  margin:0;
  color:white;
  font-size:12px;
  line-height:29px;
  text-align:center;
}

.taigu_top_br{
  width:310px;
  height:28px;
  background: #1cc00a;
  font-size:12px;
  font-weight:bold;
  line-height:32px;
  color:white;
  margin: 10px 0 0 5px;
  padding: 0;
  text-align:center;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  letter-spacing: 1px;
}

#taiguu{
  width:320px;
}

.pinkdake{
  width:320px;
  height:5px;
  background:#f986ae;
  margin:2px 0 20px 0;
}


.matubusi{
   width:105px;
   height:18px;
   font-size:11px;
   font-weight:bold;
   line-height:22px;
   text-align:center;
   color:white;
   margin:0 0 5px 0;
   padding:0;
   background:orange;
   float:left;
   border:1px solid #df9200;
}

.leftph{
   width:105px;
   height:105px;
   float:left;
}

.rightp{
   width:190px;
   height:125px;
   border: 1px dashed #fe94b4;
   font-size:11px;
   color:#44220d;
   line-height:18px;
   float:right;
   padding: 3px 3px 0 3px;
   margin:0;
   background:white;
}

.rightp span{
  color:#fe5286;
}

.matubusi2{
   width:105px;
   height:18px;
   font-size:11px;
   font-weight:bold;
   line-height:22px;
   text-align:center;
   color:white;
   margin:0 0 5px 0;
   padding:0;
   background:orange;
   float:right;
   border:1px solid #df9200;
}

.leftph2{
   width:105px;
   height:105px;
   float:right;
}

.rightp2{
   width:190px;
   height:125px;
   border: 1px dashed #fe94b4;
   font-size:11px;
   color:#44220d;
   line-height:18px;
   float:left;
   padding: 3px 3px 0 3px;
   margin:0;
   background:white;
}

.rightp2 span{
  color:#fe5286;
}

#taigulist{
  width:105px;
  height:105px;
}

.oowaku{
  width:310px;
  margin:7px auto 25px auto;
}
}

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

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

#subbody{
  width:350px;
  margin:0 auto;
  overflow:hidden;
}

.catch{
  width:350px;
  height:25px;
  background: url(../imgs/br_pink.gif) ;
  margin: 10px 0 5px 0;
}

.catch p{
  margin:0;
  color:white;
  font-size:13px;
  line-height:29px;
  text-align:center;
}

.taigu_top_br{
  width:350px;
  height:28px;
  background:#1fb313;
  font-size:15px;
  font-weight:bold;
  line-height:32px;
  color:white;
  margin: 10px 0 0 0;
  padding: 0;
  text-align:center;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#taiguu{
  width:350px;
}

.pinkdake{
  width:350px;
  height:5px;
  background:#f986ae;
  margin:2px 0 20px 0;
}


.matubusi{
   width:115px;
   height:18px;
   font-size:12px;
   font-weight:bold;
   line-height:21px;
   text-align:center;
   color:white;
   margin:0 0 5px 0;
   padding:0;
   background:orange;
   float:left;
   border:1px solid #df9200;
}

.leftph{
   width:117px;
   height:117px;
   float:left;
}

.rightp{
   width:210px;
   height:130px;
   border: 1px dashed #fe94b4;
   font-size:13px;
   color:#44220d;
   line-height:18px;
   float:right;
   padding: 10px 4px 0 7px;
   margin:0;
   background:white;
}

.rightp span{
  color:#fe5286;
}

.matubusi2{
   width:115px;
   height:18px;
   font-size:12px;
   font-weight:bold;
   line-height:21px;
   text-align:center;
   color:white;
   margin:0 0 5px 0;
   padding:0;
   background:orange;
   float:right;
   border:1px solid #df9200;
}

.leftph2{
   width:117px;
   height:117px;
   float:right;
}

.rightp2{
   width:210px;
   height:130px;
   border: 1px dashed #fe94b4;
   font-size:13px;
   color:#44220d;
   line-height:18px;
   float:left;
   padding: 10px 4px 0 7px;
   margin:0;
   background:white;
}

.rightp2 span{
  color:#fe5286;
}

#taigulist{
  width:117px;
  height:117px;
}

.oowaku{
  width:350px;
  margin:7px auto 25px auto;
}
}


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

#subbody{
  width:365px;
  margin:0 auto;
  overflow:hidden;
}

.catch{
  width:365px;
  height:25px;
  background: url(../imgs/br_pink.gif) ;
  margin: 10px 0 5px 0;
}

.catch p{
  margin:0;
  color:white;
  font-size:14px;
  line-height:29px;
  text-align:center;
}

.taigu_top_br{
  width:365px;
  height:28px;
  background:#1fb313;
  font-size:15px;
  font-weight:bold;
  line-height:32px;
  color:white;
  margin: 10px 0 0 0;
  padding: 0;
  text-align:center;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

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

.pinkdake{
  width:365px;
  height:5px;
  background:#f986ae;
  margin:2px 0 20px 0;
}


.matubusi{
   width:115px;
   height:18px;
   font-size:12px;
   font-weight:bold;
   line-height:22px;
   text-align:center;
   color:white;
   margin:0 0 5px 0;
   padding:0;
   background:orange;
   float:left;
   border:1px solid #df9200;
}

.leftph{
   width:117px;
   height:117px;
   float:left;
}

.rightp{
   width:225px;
   height:130px;
   border: 1px dashed #fe94b4;
   font-size:13px;
   color:#44220d;
   line-height:18px;
   float:right;
   padding: 10px 4px 0 7px;
   margin:0;
   background:white;
}

.rightp span{
  color:#fe5286;
}

.matubusi2{
   width:115px;
   height:18px;
   font-size:12px;
   font-weight:bold;
   line-height:22px;
   text-align:center;
   color:white;
   margin:0 0 5px 0;
   padding:0;
   background:orange;
   float:right;
   border:1px solid #df9200;
}

.leftph2{
   width:117px;
   height:117px;
   float:right;
}

.rightp2{
   width:225px;
   height:130px;
   border: 1px dashed #fe94b4;
   font-size:13px;
   color:#44220d;
   line-height:18px;
   float:left;
   padding: 10px 4px 0 7px;
   margin:0;
   background:white;
}

.rightp2 span{
  color:#fe5286;
}

#taigulist{
  width:117px;
  height:117px;
}

.oowaku{
  width:365px;
  height:142px;
  margin:7px auto 25px auto;
}
}


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

#subbody{
  width:404px;
  margin:0 auto;
  overflow:hidden;
}

.catch{
  width:404px;
  height:25px;
  background: url(../imgs/br_pink.gif) ;
  margin: 10px 0 5px 0;
}

.catch p{
  margin:0;
  color:white;
  font-size:14px;
  line-height:29px;
  text-align:center;
}

.taigu_top_br{
  width:404px;
  height:28px;
  background:#1fb313;
  font-size:15px;
  font-weight:bold;
  line-height:32px;
  color:white;
  margin: 10px 0 0 0;
  padding: 0;
  text-align:center;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#taiguu{
  width:404px;
}

.pinkdake{
  width:404px;
  height:5px;
  background:#f986ae;
  margin:2px 0 20px 0;
}


.matubusi{
   width:130px;
   height:18px;
   font-size:12px;
   font-weight:bold;
   line-height:22px;
   text-align:center;
   color:white;
   margin:0 0 5px 5px;
   padding:0;
   background:orange;
   float:left;
   border:1px solid #df9200;
}

.leftph{
   width:130px;
   height:130px;
   float:left;
   margin: 0 0 0 5px;
}

.rightp{
   width:245px;
   height:143px;
   border: 1px dashed #fe94b4;
   font-size:13px;
   color:#44220d;
   line-height:18px;
   float:right;
   padding: 10px 4px 0 7px;
   margin:0 5px 0 0;
   background:white;
}

.rightp span{
  color:#fe5286;
}

.matubusi2{
   width:130px;
   height:18px;
   font-size:12px;
   font-weight:bold;
   line-height:22px;
   text-align:center;
   color:white;
   margin:0 5px 5px 0;
   padding:0;
   background:orange;
   float:right;
   border:1px solid #df9200;
}

.leftph2{
   width:130px;
   height:130px;
   float:right;
   margin: 0 5px 0 0;
}

.rightp2{
   width:245px;
   height:143px;
   border: 1px dashed #fe94b4;
   font-size:13px;
   color:#44220d;
   line-height:18px;
   float:left;
   padding: 10px 4px 0 7px;
   margin:0 0 0 5px;
   background:white;
}

.rightp2 span{
  color:#fe5286;
}

#taigulist{
  width:130px;
  height:130px;
}

.oowaku{
  width:404px;
  height:160px;
  margin:7px auto 25px auto;
}
}




.yohaku40{
  height:40px;
}