@charset "UTF-8";
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
li {display: inline-block;*display: inline;*zoom: 1;}
img{max-width: 100%;touch-callout:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;}
a {color:#089970;text-decoration:none;-webkit-touch-callout:none;outline:none;}
a:link{color:#089970;}
a:visited{color:#4EBAE7;}
a:hover{color:#F15A24;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:middle; border-style:none;//IE8}
.clrfx:before,.clrfx:after {content: " ";display: table;clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.dn{display: none;}
.vh{visibility: hidden;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.bracket {text-indent: -0.5em;display: inline-block;}
.hoverOp:hover{filter: alpha(opacity=60);opacity: 0.6;}
.forPc{display:block;}
.forSp{display:none;}

/* Common
 * --------------------------------------------------------*/
body {
  color: #534741;
  letter-spacing: 0.08em;
  font:normal 16px/42px "ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: url(../images/bk.jpg) top center;
  background-repeat: repeat-y;
}
.wrapper {
  width: 880px;
  margin: 0 auto;
  /*border-right: #C1E0FF solid 10px;
  border-left: #C1E0FF solid 10px;
  border-image: url(../images/line_tate.png) 0 30 round;*/
  box-sizing:border-box;
}
/* header */
header {
  width: 835px;
margin: 0 auto;
  position: relative;
}
header .hd_logo {
  position: absolute;
  top: 25px;
  left: 35px;
}
header .mainImg {
  position: relative;
}
header #ttl_main {
  display: table;
  margin: 0 auto;
  padding-left: 20px;
}

/* profile */
.prof {
  position: absolute;
  left: 40px;
  bottom: 66px;
}

.prof_pc{display: block;}
.prof_sp{display: none;}
.prof_pc_box{display: none;}
#profile{
  margin: 0 auto;
  width: 600px;
  padding-top: 30px;
  font-size: 18px;
  line-height: 34px;
}

#profile .introduce {
  width: 370px;
  margin: 0 auto;
  padding-bottom: 50px;
}
#intro_dokonoko {
  display: table;
  margin: 20px auto;
}
#intro_dokonoko h5 {
  padding: 30px 0 20px 0 ;
}

/*#cboxClose {
   right: 0;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -40px;
  background: url(../images/btn_close.png) no-repeat top center;
  background-size: 800px 75px;
  width: 100%;
  height: 70px;
  text-indent: -9999px;
  outline: 0;
}
#cboxClose:hover {
  background-position: 0px;
  background: url(../images/btn_close-over.png) no-repeat top center;
  background-size: 800px 75px;
  width: 100%;
  height: 70px;
}*/


#index #textliveArea_wrap {
  padding-top: 36px;
}
#index #textliveArea .currentContents {
  border-bottom: none;
  border-image: none;
}


/* てきちゅうのみ */
#detail_textlive .btn_top {
  text-align: center;
  padding: 20px 0;
}
#detail_textlive #textliveArea .textlive_posts {
  width: 800px;
  margin: 40px auto 0 auto;
}
#detail_textlive #textliveArea .currentContents {
  padding: 70px 0 64px 0;
  width: 800px;
  margin: 0 auto;
  box-sizing: border-box;
}
#detail_textlive #textliveArea h5 {
  position: relative;
  width: 700px;
  margin: 0 auto 10px auto;
}
#detail_textlive .detail_textlive_hd {
  background: url(../images/txtlive_hdbk.png) no-repeat top right;
  background-size: 544px 114px;
  height: 114px;
  height: 106px;
padding-left: 30px;
}
#detail_textlive header {
  margin-bottom: -60px;
}
#detail_textlive header .hd_logo {
  position: relative;
  top: inherit;
  left: inherit;
  padding-top: 14px;
}

#detail_textlive header .hd_logo a {
  display: block;

}

/* footer */
footer {
  width: 740px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}
footer #banner {
  padding-bottom: 50px;
}
footer ul.ft_btns {
  padding-bottom: 20px;
}
footer li {
  padding: 0 40px;
}
footer .copy {
}
footer .cap{text-align:center; font-size:10px; line-height:1.2; padding-top:10px;}
  .banner03 {
    padding-top: 250px;
  }


/* sp
 * --------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
  body {width: 100%;margin: 0 auto;}
  img{max-width:100%;height:auto;}
  .hoverOp:hover{filter: alpha(opacity=100);opacity: 100;}
  .fl,.fr {float: none;}
  .forPc{display:none;}
  .forSp{display:block;}

  .wrapper {
    width: 100%;
    margin: 0 auto;
     border: none;
     border-image: none;
  }
  /* header */
  header {
    width: 100%;
  }
  header .hd_logo {
    position: absolute;
    top: 15px;
    left: 20px;
  }


  /* [sp] profile */
  .prof {
    position: relative;
    left: inherit;
    bottom: inherit;
    text-align: center;
    padding: 20px 0;
  }
  .prof_pc{display: none;}
  .prof_sp{display: block;}
  .prof_pc_box{display: block;}
  #profile{
    width: 100%;
    padding-top: 30px;
    display: none;
  }
  #profile .introduce {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #profile h3,
  #profile p {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
  }
  #profile h3 {
    padding-bottom: 20px;
  }
  #profile .btn_close {
    font-size: 14px;
  }
  #intro_dokonoko {
    width: 90%;
    display: table;
    margin: 20px auto;
  }
  #detail_textlive #textliveArea .currentContents {
    padding: 30px 0;
  }
  #detail_textlive #textliveArea .textlive_posts {
    width: 95%;
    margin: 40px auto 0 auto;
  }
  #detail_textlive #textliveArea .currentContents {
    padding: 70px 0 64px 0;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  #detail_textlive #textliveArea h5 {
   position: relative;
   width: 100%;
   margin: 0 0 10px 1em;
 }

  /* [sp] footer */
  footer #banner {
    padding-bottom: 20px;
  }
  .banner01 {
    padding-bottom: 15px;
  }
   .banner03 {
    padding-top: 15px;
  }
  footer {
    width: 100%;
  }
  footer li{
    display: inline-block;
    padding: 0;
  }
  footer li{
    width: 40%;
  }

}