@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;}
a img {border-style:none;//IE8}
img{max-width: 100%;}
a {color: #982614;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
a:link{color:#982614;}
a:visited{color:#F982614;}
a:hover{color:#AB5D46;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:top}
.clrfx:before,.clrfx:after {content: " ";display: table;clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.vh{visibility: hidden;}
.tac{text-align: center;}
.dn{display: none;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{filter: alpha(opacity=60);opacity: 0.6;}
a.hovOp:hover{filter: alpha(opacity=50);opacity: 0.5;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.clrbr{display: inline-block; padding-bottom: 13px;}
.forPc{display:block;}
.forSp{display:none;}
.hideImg {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-position: center;
  background-repeat: no-repeat;
}
.red{
  color:#FA3131;
}
.brown{
  color:#982614;
}
.vioret{
  color:#893085;
}
.hidden{
  visibility:hidden;}

/* Common
 * --------------------------------------------------------*/
body {
  font-family:"source-han-sans-japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color:#E6E2BF;
}
/* wrapper */
#wrapper{
  position: relative;
  margin: 0 auto;
  width:706px;
  background-color:#FEFEFE;
  background:url(../images/bg_body.png) repeat-y;
}
/* header */
#header{
  margin:0 auto;
  text-align:center;
  width:707px;
}

#header .hobo{
  width:200px;
  margin:0 auto;
  margin:15px auto;
  text-align:center;
}

/* yodogawa */
#yodogawa{
  margin: 0 auto;
  height: 575px;
  background: url(../images/bg_yodogawa.jpg) top center no-repeat;
}

#yodogawa p{
  margin: 0 auto;
  padding-top: 45px;
  font-weight: bold;
  text-align: center;
  font-size: 17px;
  letter-spacing: 0.07em;
  line-height: 2.3em;
}

/* main */
.main{
  width:450px;
  margin:0 auto;
}

/* 今日の小ネタ劇場 */
.koneta_icon {
  width: 100px;
}

#koneta_gekijo {
  margin: 70px auto;
  position: relative;
  padding: 0 0 45px 0;
  background-color: #F4F4FF;
  width: 530px;
  height: 200px;
  border-radius: 18px;
}

#koneta_gekijo h3 {
  margin: 0 auto;
  text-align: center;
  padding: 10px 0 40px;
  position: absolute;
  top: -17px;
  left: 65px;

}

#koneta_gekijo #koneta {
  display: block;
  margin: 0 auto;
  font-weight: bold;
}
#koneta_gekijo ul{
  padding-top: 100px;
  margin: 0 auto;
  text-align: center;
}

#koneta_gekijo #koneta li {
  display: inline-table;
  font-weight: bold;
  padding: 0 10px;
}

/* いままでの小ネタ劇場リンク */

#koneta_link {
  margin: 0 auto;
  padding: 30px 0;
  background-color: #FFFFF0;
  width: 530px;
  border-radius: 18px;
    margin: 50px auto;
}
#koneta_link h3 {
  margin: 0 auto;
  text-align: center;
  padding: 10px 0 40px;
}
#koneta_link ul{
  margin: 0 auto;
  width: 420px;
}
#koneta_link ul li{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
  letter-spacing: 0.08em;
  position: relative;
  width: 416px;
}
#koneta_link .date{
  font-size: 14px;
  font-weight: normal;
  color: #808080  ;
  letter-spacing: 0.08em;
  position: absolute;
  display: block;
  right: 0;
  bottom: 2px;
}
#koneta_link ul li:before{
  content: "◆";
  color:#E6D43E;
  margin-right: 6px;
}


/* shazai */
.main .shazai{
  position:relative;
  text-align:left;
  font-weight:bold;
  font-size:15px;
  line-height: 2.15em;
  letter-spacing: 0.06em;
  padding-top:60px;
  margin-bottom:50px;
}

.main .shazai p{
  padding-bottom:25px;}

.main .shazai h3{
  margin-left:50px;
  width:360px;
  margin-top:30px;
  margin-bottom:20px;}
.main .shazai .koneta{

  width:360px;
  margin:20px 0 30px 0;
  margin-left:50px}

.main .shazai .photo{
  margin:0 auto;
  width:450px;
  margin-top:10px;
  margin-bottom:40px;}

/* annoneta */
.main p{
  width:370px;
  margin-left:50px;}

.border{
  width:580px;
  margin:0 auto;
  text-align:center;
  margin-bottom:40px;}

.kuma01{
  position:absolute;
  right:130px;}
.kuma02{
  position:absolute;
  right:160px;
  display:block;}
.kuma03{
  position:absolute;
  right:0px;
  display:block;}
.kuma04{
  position:absolute;
  right:0px;
}


h2{
  width:541px;
  height:auto;
  text-align:center;
  margin:0 auto;
  margin-bottom:50px;
}
.main .anoneta{
  margin-bottom:70px;
  text-align:left;
  font-size:14px;
  line-height: 2.2em;
  letter-spacing: 0.05em;
}

.main .anoneta .toukou{
  margin:0 auto;
  color:#7E3492;
  margin:30px 0 40px;
  padding:50px 0 25px;
  border-radius:10px;
  background-color:#F6F6F6;
}

.main .anoneta .name{
  text-align:right;
  margin-right:20px;
  font-size:13px;
}

.main .anoneta .koneta{
  margin:30px 0 40px;
  padding:50px 0 25px;
  border-radius:10px;
  background-color:#F5EFF7;
}

.brown{
  color:#982614;
}
.vioret{
  color:#893085;}
.bold{
  font-weight:bold;
}

.main .anoneta .btn{
  margin:0 auto;
  text-align:center;
  width:360px;
  margin:40px 0 60px;
  margin-left:40px;
}


/* fotter */

#footer{
  width:640px;
  margin: 0 auto;
  background: url(../images/border.png) top center no-repeat;
  padding-top:50px;
  padding-bottom:20px;
}

.padding{
  padding-right:55px;
}


#footer ul {
  margin: 0;
  padding-top:20px;
  padding-left:0;
  list-style-type: none;
  text-align: center;
  letter-spacing: -0.4em;
  font-size: 0;
}
#footer ul li {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  margin: 0;
}
#footer .copy{
  width:179px;
  margin:0 auto;
  text-align:center;
  margin-top:40px;}

/* fotter2 */

#footer2{
  width:640px;
  margin: 0 auto;
  padding-top:50px;
  padding-bottom:20px;}

.padding{
  padding-right:55px;}


#footer2 ul {
  margin: 0;
  padding-top:20px;
  padding-left:0;
  list-style-type: none;
  text-align: center;
  letter-spacing: -0.4em;
  font-size: 0;

}
#footer2 ul li {
  display: inline-block;
           *vertical-align: auto;
           *zoom: 1;
           margin: 0;
}
#footer2 .copy{
  width:179px;
  margin:0 auto;
  text-align:center;
  margin-top:40px;}




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

  body { width: 100%; ;margin: 0 auto;background-image: none; }
  img{max-width:100%;height:auto;}
  .hoverOp:hover{filter: alpha(opacity=100);opacity: 100;}
  .wrapper{width: 100%;}
  .fl,.fr {float: none;}
  .forPc{display:none;}
  .forSp{display:block;}
  #koneta_info{background-color: #FFF;
    padding: 50px 0;}

  #wrapper{
    position: relative;
    margin: 0 auto;
    text-align:center;
    width:100%;
    background-color:#FFF;
    background:none;
}
/* header */
#header{
  margin:0 auto;
  text-align:center;
  width:100%;
}

#header .hobo{
  width:150px;
  margin:0 auto;
  margin-top: 10px;
  text-align:center;
}

#yodogawa{
  margin: 0 auto;
  height: auto;
  background:none;
  background-color: #FFF;
  padding-bottom: 30px;
}

#yodogawa p{
  margin: 0 auto;
  padding-top: 25px;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.07em;
  line-height: 2.2em;
}


/* main */
.main{
  background-color: #FFF;
  width: 100%;
  margin:0 auto;
}
.koneta_icon {
  width: 82px;
}
.koneta_title {
  font-size: 10px;
}
#koneta_gekijo {
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
  padding: 0 0 30px 0;
  background-color: #F4F4FF;
  width: 95%;
  height: 180px;
  border-radius: 18px;
}
#koneta_gekijo h3 {
  margin: 0 auto;
  text-align: center;
  padding: 10px 0 40px;
  position: absolute;
  top: -17px;
  left: 6px;
}
#koneta_link {
  margin: 0 auto;
  padding: 30px 0;
  background-color: #FFFFF0;
  width: 95%;
  border-radius: 18px;
  margin-bottom: 0px;
}
#koneta_link h3 {
  margin: 0 auto;
  text-align: center;
  padding: 10px 0 40px;
  width: 83%;
}

#koneta_link ul li {
  font-size: 18px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 30px;
  letter-spacing: 0.08em;
  width: 100%;
}
#koneta_link ul {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  padding-left: 20px;
  box-sizing: border-box;
}
#koneta_link .date{
  font-size: 14px;
  font-weight: normal;
  color: #808080  ;
  letter-spacing: 0.08em;
  position: relative;
  display: block;
  right: 0;
  bottom: 2px;
  padding-left: 30px;
}

/* shazai */
.main .shazai{
  width: 90%;
  position: relative;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  line-height: 2.1em;
  letter-spacing: 0.06em;
  padding-top: 40px;
  margin: 0 auto;
  margin-bottom:0px;
  padding-bottom:30px;
}

.main .shazai p{
  padding-bottom:25px;
  margin-left:8px;}

.main .shazai h3{
  margin-left:0px;
  width: 90%;
  margin-top:30px;
  margin-bottom:20px;}
.main .shazai .koneta{
  width:98%;
  margin:20px 0 30px 0;
  margin-left:0px}

.main .shazai .photo{
  margin:0 auto;
  width:100%;
  margin-top:10px;
  margin-bottom:40px;}

/* annoneta */
.main p{
  width:96%;
  margin:0 auto;
  margin-left:0px;}

.border{
  width:100%;
  background-color: #FFF;
  margin:0 auto;
  text-align:center;
  margin-bottom:0px;
  padding-bottom:30px;
}

.kuma01{
  display:none;}
.kuma02{
  display:none;}
.kuma03{
  display:none;}
.kuma04{
  display:none;
}




h2{
  width: 100%;
  background-color: #FFF;
  height: auto;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 50px;
  margin-bottom:0px;
}
.main .anoneta{
  width: 90%;
  margin: 0 auto;
  margin-bottom:0px;
  text-align:left;
  font-size:14px;
  line-height: 2.1em;
  letter-spacing: 0.05em;
}

.main .anoneta p{
  margin-left:8px;}

.main .anoneta .toukou{
  margin:0 auto;
  color:#7E3492;
  margin: 30px 0 40px;
  padding: 30px 15px 20px 15px;
  border-radius:8px;
  background-color:#F6F6F6;}

.main .anoneta .name{
  text-align:right;
  margin-right:20px;
  font-size:12px;
}

.main .anoneta .koneta{
  margin: 20px 0 40px;
  padding: 30px 15px 25px 15px;
  border-radius:10px;
  background-color:#F5EFF7;}

.brown{
  color:#982614;
}
.vioret{
  color:#893085;}
.bold{
  font-weight:bold;
}

.main .anoneta .btn{
  text-align:center;
  width:100%;
  margin:0px auto;
  margin-left:0px;
  padding:30px 0 40px;
}


/* fotter */

#footer{
  background-color:#FFF;
  width:100%;
  margin: 0 auto;
  background-size:95%;
  padding-top:50px;
  padding-bottom:20px;
}

#footer ul li img{
  width:60px;}

.padding{
  padding-right:20px;}


#footer ul {
  margin: 0;
  padding-top:20px;
  padding-left:0;
  list-style-type: none;
  text-align: center;
  letter-spacing: -0.4em;
  font-size: 0;

}
#footer ul li {
  display: inline-block;
           *vertical-align: auto;
           *zoom: 1;
           margin: 0;
}
/* fotter2 */

#footer2{
  background-color:#FFF;
  width:100%;
  margin: 0 auto;
  background-size:95%;
  padding-top:50px;
  padding-bottom:20px;}

#footer2 ul li img{
  width:60px;}

.padding{
  padding-right:20px;}


#footer2 ul {
  margin: 0;
  padding-top:20px;
  padding-left:0;
  list-style-type: none;
  text-align: center;
  letter-spacing: -0.4em;
  font-size: 0;

}
#footer2 ul li {
  display: inline-block;
           *vertical-align: auto;
           *zoom: 1;
           margin: 0;
}
.copy{
  background-color:#FFF;
  width:180px;
  margin:0 auto;
  text-align:center;
  margin-top:40px;
}
}
@media only screen and (max-width: 321px) {
  #yodogawa p{
    font-size: 14px;
  }
  #koneta_link ul li {
    font-size: 16px;
  }
  .koneta_icon {
    width: 72px;
  }
}