@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;
}























/* Tokumei page colors; shared palette for every viewport. */
#subbody,
#subbody .backgg {
  background: #2b1409;
  color: #fff5e8;
}

#subbody .catch {
  background: #4b2d1e;
}

#subbody .catch p {
  color: #fff5e8;
}

#subbody .sikirihead {
  background: #4b2d1e;
  box-shadow: inset 0 1px 0 #ac8247, inset 0 -1px 0 #ac8247;
}

#subbody .sikirihead p {
  border-bottom-color: #ac8247;
  color: #fff5e8;
}

#subbody .minifont {
  color: #e9bf76;
}

#subbody .minihead {
  background: #24473f;
  border-left-color: #c89a42;
  box-shadow: none;
}

#subbody .minihead p {
  color: #fff5e8;
}

#subbody .inlinewhite,
#subbody .inlinewhite2 {
  background: #3f291a;
  color: #fff5e8;
}

#subbody .nakamibun {
  color: #fff5e8;
}

#subbody .nakamibun span {
  color: #e9bf76;
}

#subbody .setumei2 {
  background: #f5eee3;
  border-top-style: solid;
  border-top-color: #baa286;
  border-bottom-color: #baa286;
  box-shadow: none;
  color: #3f291a;
}

#subbody .orangedake,
#subbody .midoridake,
#subbody .graydake {
  background: #ac8247;
}

#subbody .worklink {
  background: #4b2d1e;
  box-shadow: inset 0 0 0 1px #ac8247, 0 1px 2px rgba(47, 29, 19, .25);
}

#subbody .worklink p {
  color: #fff5e8;
}