@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Oswald:400,700);
.cf:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.cf {
  display: inline-block;
}


@font-face {
  font-family: 'tvasahi-webfont';
  src: url("/common/static/fonts/tvasahi-webfont.eot");
  src: url("/common/static/fonts/tvasahi-webfont.eot?#iefix") format("embedded-opentype"), url("/common/static/fonts/tvasahi-webfont.woff") format("woff"), url("/common/static/fonts/tvasahi-webfont.ttf") format("truetype"), url("/common/static/fonts/tvasahi-webfont.svg#webfont") format("svg");
}


html {
  background: url(/pinpon-daikosha/img/bg2.png) repeat top center;
  font-family: font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body{
  background: url(/pinpon-daikosha/img/bg.png) no-repeat center 50px;
  font-family: font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
  }


.aside-container {
  padding: 20px 0 20px 40px !important;
}

/*body.top {  background: url(/pinpon-daikosha/img/bg.png) no-repeat top center 50px;}

body.second {background: url(/pinpon-daikosha/img/bg.png) no-repeat top center 50px;}*/

body.second #header-image {
}

/* Hides from IE Mac */
* html .cf {
  height: 1%;
}

.cf {
  display: block;
}

.page-nav{
  margin-top: 0px;
  border: none;
  background: url(/pinpon-daikosha/img/menu_bg.png) no-repeat left bottom;
}


.page-nav ul {
  box-shadow: none !important;
  border-radius: 0px;
  /* CSS3草案 */
  -webkit-border-radius: 0px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0px;
  /* Firefox用 */
  background: transparent;
  border: none;
  padding: 0;
}

.page-nav ul li {
  margin-bottom: 0px;
  border-left: none;
  width: 33.0%;
  border-left: 1px solid #ffb880;
}

.page-nav li:first-child{border-left:none;}

.page-nav ul li.opinion-list a span {
  letter-spacing: -1px;
}

.page-nav ul li a {
line-height: 1.3;
letter-spacing: 0px;
border: none;
box-shadow: none !important;
color: #FFF;
padding: 28px 0 28px;
text-align: center;
font-size: 28px;
text-shadow: none;
font-family: 'Oswald', sans-serif;
}

.page-nav ul li a span {
  letter-spacing: 0px;
  text-shadow: none;
  display: block;
  font-family: 'Arial', 'Tahoma', sans-serif;
  font-weight: normal;
  font-size: 12px;
}

.page-nav ul li a.active,.page-nav ul li a:hover{
  padding: 28px 0 28px;
  border-right: 0;
  background-color:rgba(255,255,255,0);
  color:#fff600;
}

.page-nav .page-nav-inner {
  padding: 0;
  font-size: 100%;
}



#main .contentswapper {
  margin-left: 20px;
  margin-top: 0px;
}

.common-title {
  margin: 0;
  background: #2b241a;
}

.recommended-program {
  margin-top: 30px;
}

.recommended-program-list {
  padding:20px 0;
  background: none;
}

.header-image {
  margin: 0;
  position: relative;
}

#sns {
  margin: 0px 0 5px 0;
}
#sns #tweet_btn {
  margin-right: 20px;
}

.main-container {

  margin-bottom: 40px;
  margin-top: 0px;
  font-size: 15px;
  line-height: 1.7em;
  color: #444444;
}
.main-container .contentsarea {
  padding-top: 20px;
  color: #333333;
  margin-bottom: 0px;
}
.main-container section {
  padding: 25px 0 20px 0;
}

.sns {
  padding: 0;
}

.site-bnr {
  padding-bottom: 0;
  width: 100%;
  margin: 0 auto 20px;
  padding-top: 0px;
}
.site-bnr li {
  margin: 0 auto;
  width: 50%;
}
.site-bnr a {
  margin: 0 10px 0;
  border: none;
}
.site-bnr a:hover {
  border: none;
}
.site-bnr a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}

.contentsarea-inner {
  font-size: 15px;
  line-height: 1.9;
  color: #2b241a;
}
.contentsarea-inner a.btn {
  padding: 7px 0;
  text-align: center;
  display: block;
}

.contentsarea-inner a.btn:hover {
  background: #ffffff;
  color: #283fcf;
  border: 1px solid #c2c9f1;
  padding: 6px 0;
}
.contentsarea-inner a {
  color: #439cd0;
}
.contentsarea-inner a:hover img.link {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
}
.contentsarea-inner a:hover {
  text-decoration: none;
}
.contentsarea-inner .h2-ttl {
  margin-bottom: 10px;
  padding-left:130px;
  border-bottom:solid 1px #000;
  background: url(/pinpon-daikosha/img/tit_bg.png) no-repeat bottom left;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
}

.contentsarea-inner .h2-ttl span{
  font-size:40px;
  margin-right:20px;
  margin-bottom:-20px;
}

.contentsarea-inner .h2-ttl img {
  width: 100%;
  height: auto;
}
.contentsarea-inner .h3-ttl {
  margin:30px 0;
  font-weight: bold;
  font-size:18px;
}

.contentsarea-inner .box {
  margin-bottom: 45px;
  padding:10px 20px 60px 20px ;
  background: url(/pinpon-daikosha/img/section_bg.png) top center;
}
.contentsarea-inner .contents {
}

#page-top {
  position: fixed;
  z-index: 100;
  bottom: 70px;
  right: 50px;
  cursor: pointer;
}

/** top about **/

.aboutBox p{
  font-size:17.16px;
  font-weight: bold;
  text-align:center;
  line-height:240%;
  margin-top:30px;
  /* for modan browser */
  text-shadow:0px 2px 1px #ffe400,0px 1px 1px #ffe400,1px 1px 1px #ffe400,1px 0px 1px #ffe400,2px 0px 1px #ffe400,1px -1px 1px #ffe400,1px -2px 1px #ffe400,0px -2px 1px #ffe400,-1px -2px 1px #ffe400,-2px -2px 1px #ffe400,-2px -1px 1px #ffe400,-2px 0px 1px #ffe400,-2px 1px 1px #ffe400,-1px 1px 1px #ffe400;
  /* for IE */
  filter:dropshadow(color=#ffe400,offx=0,offy=2,positive=1),dropshadow(color=#ffe400,offx=1,offy=1,positive=1),dropshadow(color=#ffe400,offx=1,offy=-1,positive=1),dropshadow(color=#ffe400,offx=0,offy=-2,positive=1),dropshadow(color=#ffe400,offx=-1,offy=-2,positive=1),dropshadow(color=#ffe400,offx=-2,offy=-1,positive=1),dropshadow(color=#ffe400,offx=-2,offy=1,positive=1),dropshadow(color=#ffe400,offx=-1,offy=1,positive=1);
}
/* font */
.red{color: #fe0000;}
.pink{color: #d80f7c;}
.green{color: #48a900;}
.blue{color: #007eff;}

.fsBig{font-size:25.74px}

/** top next **/
.nextBox{}
.visualBox{margin-bottom:40px;margin-top:20px;}
.visualBox div{width:49%;}
.visualBox div img{width:99%;border:solid 3px #000;}

/** nacknumber **/
.bnList{}
.bnList dl{border-bottom:solid 1px rgba(23,22,54,0.3);margin:20px 0;}
.bnList dt{width:11em;float:left;}
.bnList dd{margin-left:11em;margin-bottom: 15px;}
.bnList dd a{color:#000;}

.btnBNList {
  width:13em;
  margin:40px auto 0 auto;
  text-align: center;
}

.btnBNList a{
  display: block;
  width:100%;
  padding:0.5em 0.7em;
  background:#ff6700;
  color:#fff;
  text-decoration: none;
  border-top: 1px solid #ff9b00;
  border-left: 1px solid #ff9b00;
  border-right: 1px solid #c95500;
  border-bottom: 1px solid #c95500;
  -moz-box-shadow: -1px -1px 1px rgba(255,155,000,0.3),1px 1px 1px rgba(255,255,255,1);
  -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
}

.btnBNList a:hover{

  color:#fff600;
  border: 1px solid #fff600;
}

.acting{
  font-weight:bold;
  margin-bottom:15px;
}

/**** Opinion ****/

.opTxt_A{
  text-align: center;
  font-size:20px;
  font-weight: bold;
  margin-top:30px;
}
.opTxt_B{
  text-align: center;
  margin-bottom:30px;
}




.btnBosyu {
  width:13em;
  margin:40px auto 0 auto;
  text-align: center;
  font-size:20px;
  font-weight: bold;
  letter-spacing: 0.5em;
}

.btnBosyu a{
  display: block;
  width:100%;
  padding:0.5em 0.7em;
  background:#ff6700;
  color:#fff;
  text-decoration: none;
  border-top: 1px solid #ff9b00;
  border-left: 1px solid #ff9b00;
  border-right: 1px solid #c95500;
  border-bottom: 1px solid #c95500;
  -moz-box-shadow: -1px -1px 1px rgba(255,155,000,0.3),1px 1px 1px rgba(255,255,255,1);
  -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
}

.btnBosyu a:hover{

  color:#fff600;
  border: 1px solid #fff600;
}


/*box shadow*/
.page-nav,.box
{
    position:relative;
}
.page-nav:before, .page-nav:after,
.box:before, .box:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.page-nav:after,
.box:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/***** Text Setting *****/

img.text{vertical-align: text-top;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}