@charset   "Shift_JIS";

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

.midashi{
  width:310px;
  height:20px;
  margin: 50px 0 0 5px;
  padding:0;
  background:#f59a62;
}

.midashi p{
  font-size:13px;
  color:white;
  line-height:22px;
  letter-spacing:1px; 
  padding:0 0 10px 5px;
  margin:0;
}

.midashi p span{
  font-size:10px;
}

#indexbg{
    height:auto;
    width:100%;
    margin:0;
    padding:0;
}

.abc18{
  font-size:11px;
  line-height:16px;
  color:#4c4c4c;
  margin:0 auto;
  padding:0;
  width:210px;
  position:relative;
  top:30px;
  left:6px;
}

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

.head_com{
  width:100%;
  height:20px;
  text-align:center;
  background:#fa83be;
}

.head_com span{
  font-size:12px;
  color:white;
}

.enter{
  width:225px;
  height:40px;
  margin:0 auto;
  position:relative;
  top:20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  background:white;
  border-top:1px solid #F29C9F;
  border-bottom:3px solid #F29C9F;
  border-left:1px solid #F29C9F;
  border-right:1px solid #F29C9F;
  border-radius:4px;
}

.enter p{
  width:225px;
  height:40px;
  margin:0;
  color:#F29C9F;
  font-size:25px;
  text-align:center;
  line-height:40px;
  letter-spacing:5px;
}

.exit{
  width:225px;
  height:40px;
  margin:0 auto;
  position:relative;
  top:30px;
}

.kin{
  width:310px;
  height:370px;
  margin:0 auto;
  position:relative;
  top:5px;
  background:#fa83be;
  padding: 10px 0 10px 0;
}

.clear{
  clear:both;
}

.kin p{
  font-size:12px;
  margin:0 auto;
  padding:0;
  color:white;
  width:300px;
  position:relative;
  top:5px;
  line-height:1.5;
}

.link_head{
    width:100%;
    height:20px;
    background:#999999;
    font-size:14px;
    font-weight:bold;
    color:white;
    padding: 5px 0 0 0;
    margin: 20px 0 0 0;
}

.link_in{
    padding:5px 0 5px 0;
}




}


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

.midashi{
  width:350px;
  height:20px;
  margin: 40px 0 0 5px;
  padding:0;
  background:#f59a62;
}

.midashi p{
  font-size:13px;
  color:white;
  line-height:22px;
  letter-spacing:1px; 
  padding:0 0 10px 5px;
  margin:0;
}

.midashi p span{
  font-size:10px;
}

.abc18{
  font-size:11px;
  line-height:16px;
  color:#4c4c4c;
  margin:0 auto;
  padding:0;
  width:210px;
  position:relative;
  top:30px;
  left:6px;
}

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


#indexbg{
    height:auto;
    width:100%;
    margin:0;
    padding:0;
}

.head_com{
  width:100%;
  height:20px;
  text-align:center;
  background:#fa83be;
}

.head_com span{
  font-size:12px;
  color:white;
}

.enter{
  width:225px;
  height:40px;
  margin:0 auto;
  position:relative;
  top:20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  background:white;
  border-top:1px solid #F29C9F;
  border-bottom:3px solid #F29C9F;
  border-left:1px solid #F29C9F;
  border-right:1px solid #F29C9F;
  border-radius:4px;
}

.enter p{
  width:225px;
  height:40px;
  margin:0;
  color:#F29C9F;
  font-size:25px;
  text-align:center;
  line-height:40px;
  letter-spacing:5px;
}

.exit{
  width:225px;
  height:40px;
  margin:0 auto;
  position:relative;
  top:30px;
}

.kin{
  width:350px;
  height:320px;
  margin:0 auto;
  position:relative;
  top:5px;
  background:#fa83be;
}

.clear{
  clear:both;
}

.kin p{
  font-size:12px;
  margin:0 auto;
  padding:0;
  color:white;
  width:340px;
  position:relative;
  top:5px;
  line-height:1.5;
}

.link_head{
    width:100%;
    height:20px;
    background:#999999;
    font-size:14px;
    font-weight:bold;
    color:white;
    padding: 5px 0 0 0;
    margin: 20px 0 0 0;
}

.link_in{
    padding:5px 0 5px 0;
}

}

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

.midashi{
  width:365px;
  height:20px;
  margin: 25px auto 0 auto;
  padding:0;
  background:#f59a62;
}

.midashi p{
  font-size:13px;
  color:white;
  line-height:22px;
  letter-spacing:1px; 
  padding:0 0 10px 5px;
  margin:0;
}

.midashi p span{
  font-size:10px;
}

.yohaku30{
  height:30px;
}

.abc18{
  font-size:11px;
  line-height:16px;
  color:#4c4c4c;
  margin:0 auto;
  padding:0;
  width:210px;
  position:relative;
  top:30px;
  left:6px;
}

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



#indexbg{
    height:auto;
    width:100%;
    margin:0;
    padding:0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.head_com{
  width:100%;
  height:20px;
  text-align:center;
  background:#fa83be;
}

.head_com span{
  font-size:12px;
  color:white;
}

.enter{
  width:225px;
  height:40px;
  margin:0 auto;
  position:relative;
  top:20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  background:white;
  border-top:1px solid #F29C9F;
  border-bottom:3px solid #F29C9F;
  border-left:1px solid #F29C9F;
  border-right:1px solid #F29C9F;
  border-radius:4px;
}

.enter p{
  width:225px;
  height:40px;
  margin:0;
  color:#F29C9F;
  font-size:25px;
  text-align:center;
  line-height:42px;
  letter-spacing:5px;
}

.exit{
  width:225px;
  height:40px;
  margin:0 auto;
  position:relative;
  top:30px;
}

.kin{
  width:365px;
  height:325px;
  margin:0 auto;
  position:relative;
  top:5px;
  background:#fa83be;
}

.clear{
  clear:both;
}

.kin p{
  font-size:12px;
  margin:0 auto;
  padding:5px;
  color:white;
  width:355px;
  position:relative;
  top:5px;
  line-height:1.5;
}

.link_head{
    width:100%;
    height:20px;
    background:#999999;
    font-size:14px;
    font-weight:bold;
    color:white;
    padding: 5px 0 0 0;
    margin: 20px 0 0 0;
}

.link_in{
    padding:5px 0 5px 0;
}
}

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

.midashi{
  width:400px;
  height:20px;
  margin: 25px auto 0 auto;
  padding:0;
  background:#f59a62;
  text-align:center;
}

.midashi p{
  font-size:13px;
  color:white;
  line-height:22px;
  letter-spacing:1px; 
  padding:0 0 10px 5px;
  margin:0;
}

.midashi p span{
  font-size:10px;
}

.yohaku30{
  height:30px;
}

.abc18{
  font-size:11px;
  line-height:16px;
  color:#4c4c4c;
  margin:0 auto;
  padding:0;
  width:210px;
  position:relative;
  top:30px;
  left:6px;
}

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



#indexbg{
    height:auto;
    width:100%;
    margin:0;
    padding:0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.head_com{
  width:100%;
  height:20px;
  text-align:center;
  background:#fa83be;
}

.head_com span{
  font-size:12px;
  color:white;
}

.enter{
  width:225px;
  height:40px;
  margin:0 auto;
  position:relative;
  top:20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  background:white;
  border-top:1px solid #F29C9F;
  border-bottom:3px solid #F29C9F;
  border-left:1px solid #F29C9F;
  border-right:1px solid #F29C9F;
  border-radius:4px;
}

.enter p{
  width:225px;
  height:40px;
  margin:0;
  color:#F29C9F;
  font-size:25px;
  text-align:center;
  line-height:42px;
  letter-spacing:5px;
}

.exit{
  width:225px;
  height:40px;
  margin:0 auto;
  position:relative;
  top:30px;
}

.kin{
  width:400px;
  height:325px;
  margin:0 auto;
  position:relative;
  top:5px;
  background:#fa83be;
}

.clear{
  clear:both;
}

.kin p{
  font-size:12px;
  margin:0 auto;
  padding:10px 0 10px 8px;
  color:white;
  width:380px;
  position:relative;
  top:5px;
  line-height:1.5;
}

.link_head{
    width:100%;
    height:20px;
    background:#999999;
    font-size:14px;
    font-weight:bold;
    color:white;
    padding: 5px 0 0 0;
    margin: 20px 0 0 0;
}

.link_in{
    padding:5px 0 5px 0;
}
}

#footer {
	width: 100%;
	text-align:center;
	padding: 0;
	height: 21px;
      background:#ff427a;
      line-height:20px;
}

#footer span{
      font-size:11px;
      color:white;
      margin:0;
      padding:0;
}

.line_lc{
       background:#ff85a9;
       height:20px;
       width:100%;
       margin:0;
       padding:0;
       text-align:center;
       line-height:20px;
}

.line_lc span{
       font-size:13px;
       color:white;
}


body{
    margin:0;
    padding:0;
    line-height:1;
    width:100%;
    height:100%;
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

a { text-decoration: none; }