@charset   "Shift_JIS";



.yaritori{
  width:330px;
  height:110px;
  padding: 20px 0 0 10px;
}

.yaritori img{
  width:80px;
  float:left;
  margin:0 10px 0 0;
}

.yaritorill{
  width:270px;
  font-size:12px;
  margin:0 0 0 70px;
  padding:5px 0 0 0;
  line-height:20px;
}

.setumei2{
  background:#fff2ee;
  border-top: 4px dotted rgba(0,0,0,0.2);
  border-bottom: 1px solid #dfdfdf;
  box-shadow:1px 1px 2px 1px rgba(0,0,0,0.1);
  margin:15px 0 0 0;
  padding: 30px 10px 10px 10px;
  font-size:12px;
  color:#65513f;
  line-height:18px;
}

.memoj{
  position:relative;
  top:-86px;
  left:8px;
}



.memojj{
  position:relative;
  top:-103px;
  left:8px;
}

.yaji{
  width:108px;
  height:53px;
  margin:0 auto;
  padding: 20px 0 20px 0;
}

.yajii{
  height:10px;
  margin:0 auto;
  padding: 20px 0 20px 0;
}

.lineded{
  width:360px;
  height:3px;
  margin: 10px 0 10px 0;
}

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

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

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

.worklink{
  height:25px;
  width:200px;
  background:#ff8284;
  margin:15px auto 25px auto;
  border-radius:3px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.3);
  display:block;
}

.worklink p{
  font-size:13px;
  color:white;
  text-align:center;
  font-weight:bold;
  line-height:26px;
  margin:0;
}

.yohaku10{
  height:10px;
}

.inlinewhite{
  background-color: rgba(255,255,255,0.7);
  width:310px;
  margin:0 auto;
  padding: 0 0 10px 0;
}

.inlinewhite2{
  background-color: rgba(255,255,255,0.7);
  width:310px;
  margin:10px 0 0 0;
  padding: 0 0 10px 0;
}

.inline{
  width:310px;
  overflow:hidden;
  margin: 0 auto;
}

.nakamibun{
  width:290px;
  font-size:11px;
  color:#000000;
  margin:0;
  padding: 10px 10px 0 10px;
  line-height:20px;
  z-index:9;
}

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

.backgg{
  background:url(../imgs/syasen3.gif);
  padding: 0 0 40px 0;
}

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

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

.nagare{
  width:100%;
  height:50px;
  margin:20px 0 0 5px;
  padding:0;
}
.acb{
  width:15px;
  height:40px;
  float:left;
  padding:0;
  margin:0 4px 0 0;
  border-radius: 3px;
}
.bac{
  width:70px;
  height:40px;
  background:#00c6c6;
  float:left;
  padding:0;
  margin:0 4px 0 0;
  border-radius: 3px;
}

.bityousetuyou{
  height:5px;
}

#gazoutati{
  width:290px;
  margin: 15px 0 0 10px;
}

.midoridake{
  width:320px;
  height:5px;
  background:#4FD535;
  margin:2px 0 0 0;
}

.yohakucd{
  height:20px;
}

.playspan{
  display:block;
  width:355px;
  height:30px;
  line-height:30px;
  text-align:center;
  background:#fdaabf;
  color:#ff8284;
  font-weight:bold;
}

.minihead{
  margin: 15px 0 0 0;
  width:310px;
  height:25px;
  background: #f5a963;
  border-left: solid 5px #ee7d00;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  z-index:10;
  position:relative;
}

.minihead p{
  margin:0;
  padding:0 0 0 10px;
  font-size:13px;
  font-weight:bold;
  color:white;
  line-height:26px;
  text-align:left;
  font-family: "メイリオ", sans-serif;
  letter-spacing:2px;
}

#topbrimg{
  width:320px;
}


.memoj3{
  position:relative;
  top:-86px;
  left:8px;
}

.memoj33{
  position:relative;
  top:-121px;
  left:8px;
}

.memojjj{
  position:relative;
  top:-104px;
  left:8px;
}
}

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

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

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

.worklink{
  height:25px;
  width:200px;
  background:#ff8284;
  margin:15px auto 25px auto;
  border-radius:3px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.3);
  display:block;
}

.worklink p{
  font-size:13px;
  color:white;
  text-align:center;
  font-weight:bold;
  line-height:26px;
  margin:0;
}

.yohaku10{
  height:10px;
}

.inlinewhite{
  background-color: rgba(255,255,255,0.7);
  width:340px;
  margin:0 auto;
  padding: 0 0 10px 0;
}

.inlinewhite2{
  background-color: rgba(255,255,255,0.7);
  width:365px;
  margin:10px 0 0 0;
  padding: 0 0 10px 0;
}

.inline{
  width:340px;
  overflow:hidden;
  margin: 0 auto;
}

.nakamibun{
  width:315px;
  font-size:13px;
  color:#000000;
  margin:0 auto;
  padding: 10px 5px 0 5px;
  line-height:20px;
  z-index:9;
}

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

.backgg{
  background:url(../imgs/syasen3.gif);
  padding: 0 0 40px 0;
}

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

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

.nagare{
  width:100%;
  height:50px;
  margin:20px 0 0 5px;
  padding:0;
}
.acb{
  width:15px;
  height:40px;
  float:left;
  padding:0;
  margin:0 4px 0 0;
  border-radius: 3px;
}
.bac{
  width:70px;
  height:40px;
  background:#00c6c6;
  float:left;
  padding:0;
  margin:0 4px 0 0;
  border-radius: 3px;
}

.bityousetuyou{
  height:5px;
}

#gazoutati{
  width:320px;
  height:120px;
  margin: 15px 0 0 10px;
}

.midoridake{
  width:350px;
  height:5px;
  background:#4FD535;
  margin:2px 0 0 0;
}

.yohakucd{
  height:20px;
}

.playspan{
  display:block;
  width:355px;
  height:30px;
  line-height:30px;
  text-align:center;
  background:#fdaabf;
  color:#ff8284;
  font-weight:bold;
}

.minihead{
  margin: 15px 0 0 0;
  width:340px;
  height:25px;
  background: #f5a963;
  border-left: solid 5px #ee7d00;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  z-index:10;
}

.minihead p{
  margin:0;
  padding:0 0 0 10px;
  font-size:14px;
  font-weight:bold;
  color:white;
  line-height:26px;
  text-align:left;
  font-family: "メイリオ", sans-serif;
  letter-spacing:2px;
}

#topbrimg{
  width:350px;
}


.memoj3{
  position:relative;
  top:-86px;
  left:8px;
}

.memoj33{
  position:relative;
  top:-121px;
  left:8px;
}

.memojjj{
  position:relative;
  top:-104px;
  left:8px;
}
}


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

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

.worklink{
  height:25px;
  width:200px;
  background:#ff8284;
  margin:15px auto 25px auto;
  border-radius:3px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.3);
  display:block;
}

.worklink p{
  font-size:13px;
  color:white;
  text-align:center;
  font-weight:bold;
  line-height:26px;
  margin:0;
}

.yohaku10{
  height:10px;
}

.inlinewhite{
  background-color: rgba(255,255,255,0.7);
  width:345px;
  margin:0 auto;
  padding: 0 0 10px 0;
}

.inlinewhite2{
  background-color: rgba(255,255,255,0.7);
  width:365px;
  margin:10px 0 0 0;
  padding: 0 0 10px 0;
}

.inline{
  width:345px;
  overflow:hidden;
  margin: 0 auto;
}

.nakamibun{
  width:325px;
  font-size:13px;
  color:#000000;
  margin:0;
  padding: 10px 10px 0 10px;
  line-height:20px;
  z-index:9;
}

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

.backgg{
  background:url(../imgs/syasen3.gif);
  padding: 0 0 40px 0;
}

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

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

.nagare{
  width:100%;
  height:50px;
  margin:20px 0 0 5px;
  padding:0;
}
.acb{
  width:15px;
  height:40px;
  float:left;
  padding:0;
  margin:0 4px 0 0;
  border-radius: 3px;
}
.bac{
  width:70px;
  height:40px;
  background:#00c6c6;
  float:left;
  padding:0;
  margin:0 4px 0 0;
  border-radius: 3px;
}

.bityousetuyou{
  height:5px;
}

#gazoutati{
  width:325px;
  height:120px;
  margin: 15px 0 0 10px;
}

.midoridake{
  width:365px;
  height:5px;
  background:#4FD535;
  margin:2px 0 0 0;
}

.yohakucd{
  height:20px;
}

.playspan{
  display:block;
  width:355px;
  height:30px;
  line-height:30px;
  text-align:center;
  background:#fdaabf;
  color:#ff8284;
  font-weight:bold;
}

.minihead{
  margin: 15px 0 0 0;
  width:340px;
  height:25px;
  background: #f5a963;
  border-left: solid 5px #ee7d00;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  z-index:10;
}

.minihead p{
  margin:0;
  padding:0 0 0 10px;
  font-size:14px;
  font-weight:bold;
  color:white;
  line-height:26px;
  text-align:left;
  font-family: "メイリオ", sans-serif;
  letter-spacing:2px;
}

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


.memoj3{
  position:relative;
  top:-86px;
  left:8px;
}

.memoj33{
  position:relative;
  top:-121px;
  left:8px;
}

.memojjj{
  position:relative;
  top:-104px;
  left:8px;
}
}


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

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

.worklink{
  height:25px;
  width:200px;
  background:#ff8284;
  margin:15px auto 25px auto;
  border-radius:3px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.3);
  display:block;
}

.worklink p{
  font-size:13px;
  color:white;
  text-align:center;
  font-weight:bold;
  line-height:26px;
  margin:0;
}

.yohaku10{
  height:10px;
}

.inlinewhite{
  background-color: rgba(255,255,255,0.7);
  width:380px;
  margin:0 auto;
  padding: 0 0 10px 0;
}

.inlinewhite2{
  background-color: rgba(255,255,255,0.7);
  width:380px;
  margin:10px 0 0 0;
  padding: 0 0 10px 0;
}

.inline{
  width:380px;
  overflow:hidden;
  margin: 0 auto;
}

.nakamibun{
  width:360px;
  font-size:13px;
  color:#000000;
  margin:0;
  padding: 10px 10px 0 10px;
  line-height:20px;
  z-index:9;
}

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

.backgg{
  background:url(../imgs/syasen3.gif);
  padding: 0 0 40px 0;
}

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

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

.nagare{
  width:100%;
  height:50px;
  margin:20px 0 0 5px;
  padding:0;
}
.acb{
  width:15px;
  height:40px;
  float:left;
  padding:0;
  margin:0 4px 0 0;
  border-radius: 3px;
}
.bac{
  width:70px;
  height:40px;
  background:#00c6c6;
  float:left;
  padding:0;
  margin:0 4px 0 0;
  border-radius: 3px;
}

.bityousetuyou{
  height:5px;
}

#gazoutati{
  width:360px;
  margin: 15px 0 0 10px;
}

.midoridake{
  width:404px;
  height:5px;
  background:#4FD535;
  margin:2px 0 0 0;
}

.yohakucd{
  height:20px;
}

.playspan{
  display:block;
  width:355px;
  height:30px;
  line-height:30px;
  text-align:center;
  background:#fdaabf;
  color:#ff8284;
  font-weight:bold;
}

.minihead{
  margin: 15px 0 0 0;
  width:380px;
  height:25px;
  background: #f5a963;
  border-left: solid 5px #ee7d00;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  z-index:10;
}

.minihead p{
  margin:0;
  padding:0 0 0 10px;
  font-size:14px;
  font-weight:bold;
  color:white;
  line-height:26px;
  text-align:left;
  font-family: "メイリオ", sans-serif;
  letter-spacing:2px;
}

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


.memoj3{
  position:relative;
  top:-86px;
  left:8px;
}

.memoj33{
  position:relative;
  top:-121px;
  left:8px;
}

.memojjj{
  position:relative;
  top:-104px;
  left:8px;
}
}



.nagarep{
  font-size:10px;
  color:red;
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:0;
  line-height:40px;
}

.nagarepp{
  font-size:10px;
  color:white;
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:0;
  line-height:40px;
}

.saico{
  font-size:10px;
  color:white;
  line-height:13px;
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:0;
    display:table-cell;
  vertical-align:middle;
  width:70px;
  height:40px;
}

.etc{
  font-size:12px;
  line-height:18px;
  padding:0 0 0 10px;
  margin:10px 0 0 0;
}

.yohakub{
  width:100%;
  height:20px;
}

#freepg{
  margin: 10px 0 0 0 ;
}

#freedy{
  margin: 10px 0 0 0 ;
}

.yaya{
  width:107px;
  height:60px;
  margin:0 auto;
  padding: 20px 0 0 0;
  height:
}

.yohakuc{
  width:100%;
  height:10px;
}






















