.postTitle {
    color: #FFFF00;
    font-weight: bold;
}
.attentionTitle {
    color: #FF0000;
    font-weight: bold;
}
.postAddress{
    font-size: 10pt;
    color: #FFFFFF;
}
.attentionRegulation{
    font-size: 10pt;
    color: #FFFFFF;
}

.moreRecentBtn {
    font-size: 10px;
    text-align:center;
    background: -moz-linear-gradient(top,#222222, #666666 50%,#888888 50%,#999999);
    background: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(0.5,#666666), color-stop(0.8,#888888), to(#999999));
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    height: 6px;
    padding: 6px 0;
    margin: 0px auto;
    position:relative;
}.moreRecentBtn.push-on {
    background: -moz-linear-gradient(top,#999999, #888888 50%,#666666 50%,#222222);
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), color-stop(0.8,#888888), color-stop(0.5,#666666), to(#222222));
}

.indexPost {
    font-size: 14px;
}
.recentPrevNext{
    width: 320px;
    height: 16px;
    display: block;
    padding: 5px 0px;
}
.recentPreviousBtn {
    float: left;
    font-size: 10px;
    text-align:center;
    background: -moz-linear-gradient(top,#222222, #666666 50%,#888888 50%,#999999);
    background: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(0.5,#666666), color-stop(0.8,#888888), to(#999999));
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 2px;
    color: #FFFFFF;
    width: 140px;
    height: 6px;
    padding: 6px 0;
    margin: 0px auto;
}.recentPreviousBtn.push-on {
    background: -moz-linear-gradient(top,#999999, #888888 50%,#666666 50%,#222222);
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), color-stop(0.8,#888888), color-stop(0.5,#666666), to(#222222));
}

.recentNextBtn {
    float: right;
    font-size: 10px;
    text-align:center;
    background: -moz-linear-gradient(top,#222222, #666666 50%,#888888 50%,#999999);
    background: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(0.5,#666666), color-stop(0.8,#888888), to(#999999));
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 2px;
    color: #FFFFFF;
    width: 140px;
    height: 6px;
    padding: 6px 0;
    margin: 0px auto;
}.recentNextBtn.push-on {                                                                                                                                           
    background: -moz-linear-gradient(top,#999999, #888888 50%,#666666 50%,#222222);
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), color-stop(0.8,#888888), color-stop(0.5,#666666), to(#222222));
}

.articleImage {
    float: right;
    width: 320px;
}

/* 以下椎葉追加 */

.articleImageTrim {
    width: 320px;
    height: 200px;
    overflow: hidden;
}.articleImageTrim img {
    width: 320px;
}

.popupImage {
    width: 320px;
}

/* 子要素でfloatを使っている場合に備えて解除仕込み float使わない場合は不要 */
/* 下２つは特定環境用のおまじない */
/* なおIE対応は無視してます */
.articleImageSlide:after {
    content: "";
    clear: both;
    display: block;

    visibility: hidden;
    height: 0;
}

/*本文表示用*/
.articleText{
    font-size: small;
    text-indent: 1em;
    line-height: 165%;
}
/*本文インタビュー*/
.articleInterview{
    font-size: small;
    margin-top: 4px;
    line-height: 150%;
    padding:8px 0px;
    clear:both;
}
/*インタビュー話者1*/
.interview1{
    color: #FF9900;
    font-weight: bold;
    float:left;
    width:40px;
}
/*インタビュー話者2*/
.interview2{
    color: #00CCFF;
    font-weight: bold;
    float:left;
    width:40px;
}
/*インタビュー本文*/
.interviewBody{
    float:right;
    width:280px;
}
/*予告テキストリンク*/
.articleNoticeText{
    padding-top:15px;
    text-decoration: underline;
    font-size: small;
}
/*投票テキスト*/
.voteText{
  width:100%;
  text-align:center;
  font-size: 0.7rem;
  border-width: 1px;
  border-color: #666666;
  border-style: solid;
  padding: 2px 0px 5px 0px;
}
.articleFootHr{
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
/*見出し*/
.headText{
    font-weight: bold;
    color: #FFFFFF;
}
/*大見出し*/
.headLargeText{
    font-weight: bold;
    font-size: large;
    color: #FFFFFF;
}
/*記事 区切り線1*/
.articleLine1{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
/*記事 区切り線2*/
.articleLine2{
    border: 1;
    border-color: #444444;
}

/*キャプション文字*/
.articleCaption{
    font-size: small;
    color: yellow;
    line-height: 150%;
}
/*インデックスのコーナーボタン表示*/
.indexCornerBtnL{
    float: left;
    text-align: left;
    width: 160px;
}
.indexCornerBtnR{
    float: right;
    text-align: right;
    width: 160px;
}
/* CSG見出し */
.csgHead{
    font-weight: bold;
    color: #F5A9F2;
}
/*コーナーの説明文*/
.cornerPhrase{
    font-size: small;
    font-weight: bold;
}
/*CSG台詞*/
.csgDialog{
    color: #F5A9F2;
}
/*CSG質問*/
.csgQuestion{
    color: #3399FF;
}
/* 汎用ボタン */
.middleButton {
  width:175px;
  height:30px;
  margin:5px auto;
  font-size:14px;
  text-align:center;
  text-decoration:none;
  line-height:30px;
  display:block;
  color:#FFFFFF;
  background:#4c4c4c;
  border:1px solid #666;
  border-radius:5px;
  -o-border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:-moz-linear-gradient(top, #4c4c4c 0%, #2c2c2c 50%, #000 51%, #1c1c1c 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(50%, #2c2c2c), color-stop(51%, #000), color-stop(100%, #1c1c1c));
  background:-webkit-linear-gradient(top, #4c4c4c 0%, #2c2c2c 50%, #000 51%, #1c1c1c 100%);
  background:-o-linear-gradient(top, #4c4c4c 0%, #2c2c2c 50%, #000 51%, #1c1c1c 100%);
  background:-ms-linear-gradient(top, #4c4c4c 0%, #2c2c2c 50%, #000 51%, #1c1c1c 100%);
  background:linear-gradient(to bottom, #4c4c4c 0%, #2c2c2c 50%, #000 51%, #1c1c1c 100%);
}.middleButton.push-on {
  background:-moz-linear-gradient(top, #1c1c1c 0%, #000 50%, #2c2c2c 51%, #4c4c4c 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(50%, #000), color-stop(51%, #2c2c2c), color-stop(100%, #4c4c4c));
  background:-webkit-linear-gradient(top, #1c1c1c 0%, #000 50%, #2c2c2c 51%, #4c4c4c 100%);
  background:-o-linear-gradient(top, #1c1c1c 0%, #000 50%, #2c2c2c 51%, #4c4c4c 100%);
  background:-ms-linear-gradient(top, #1c1c1c 0%, #000 50%, #2c2c2c 51%, #4c4c4c 100%);
  background:linear-gradient(to bottom, #1c1c1c 0%, #000 50%, #2c2c2c 51%, #4c4c4c 100%)
}

.menu {
    visibility : hidden;
}

.menuButton {
    background-image: url("/sp_st/img/tantora-champ/close_btn.jpg") !important;
    background-size:40px 40px !important;
}
#menuButton {
    background-image: url("/sp_st/img/tantora-champ/menu_btn.jpg");
    background-size:40px 40px;
}

.btn{
  position:relative;
  height:20px;
  top:1px;
  padding:1px 8px 1px 6px;
  font-weight:500;
  color:#fff;
  cursor:pointer;
  background-color:#1b95e0;
  border-radius:3px;
  box-sizing:border-box;
  text-decoration:none;
  outline:0;
  text-align:left;
  white-space:nowrap;
  display:inline-block;
  vertical-align:top;
  font:normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
}

.btn:focus,.btn:hover,.btn:active{
  background-color:#0c7abf
}

.btn:active{
  box-shadow:inset 0 3px 5px rgba(0,0,0,0.1)
}

.btn i{
  position:relative;
  top:2px;
  display:inline-block;
  vertical-align:top;
  width:14px;
  height:14px;
  background:transparent 0 0 no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E")
}

.label{
  margin-left:3px;
  white-space:nowrap;
}