@charset "utf-8";
* { margin:0;padding:0; }
img,iframe { max-width:100%; margin-bottom:0.5em; }
hr { display: none !important; }

.newstext-only-en { display:none; }

body #content { margin:0 auto;padding:0;width:960px;font-size:14px;line-height:1.6em;rgb(51,51,51);word-wrap:break-word; }
.post_time {
  font-size: 12px;
  font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  line-height: 1em;
  text-align: right;
  color: rgb(102,102,102);
}
#center .post_content:last-child { border: none !important; }

body #login_box.side_column { display:none !important; }

body #content #right h1 {
  position: relative;
  margin: 0;
  padding: 0;
  width: 300px;
  height: 45px;
  background: none;
}
body #content #right h1.twitterhead:before,
body #content #right h1.bannershead:before {
  position: absolute;
  left: 0;
  top: 12px;
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  width: 100%;
  height: 62px;
  background: url("../img/pattern_line_black_1_6_10.png") repeat;
  background-size: 10px 10px;
  z-index: 1;
}
body #content #right h1.twitterhead {
  height: 68px;
}
body #content #right h1.twitterhead a {
  position: absolute;
  left: 21px;
  top: 36px;
  display: block;
  margin: 0;
  padding: 0;
  width: 124px;
  height: 26px;
  background: url("../img/head_twitter.png") no-repeat -170px 0;
  background-size: 294px 136px;
  z-index: 3;
  text-indent: -9999px;
}
body #content #right h1.twitterhead a.twitteraccountlink:hover { background-position: -170px -26px; }
body #content #right h1.twitterhead a.twitterhashlink {
  left: 163px;
  top: 36px;
  width: 118px;
  background-position: -170px -52px;
}
body #content #right h1.twitterhead a.twitterhashlink:hover { background-position: -170px -78px; }

body #content #right h1 span {
  position: relative;
  margin: 0;
  padding: 0;
  width: 300px;
  height: 34px;
  background: url("../img/news_side_head.png") no-repeat center 0;
  background-size: 300px 132px;
  text-indent: -9999px;
  border-radius: 0;
  -webkit-border-radius: 0;
  z-index: 2;
}
#right {
  position:relative;
  margin-top: 32px;
}
#right .twitter-feed {
  position: relative;
  margin: 0 0 28px 0;
  padding: 0 8px 8px 8px;
  line-height: 1em;
  background: rgb(240,240,240) url("../img/pattern_line_black_30.png");
  background-size: 15px;
  border: 1px solid rgb(179,179,179);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  z-index: 2;
}
#right .twitter-feed .inner {
  width: 100%;
  margin: 0;
}
body #content #right .twitter-feed .inner h1.head-ja {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 284px;
  height: 32px;
  background: url("../img/news_side_head.png") no-repeat center -68px;
  background-size: 300px 132px;
  text-indent: -9999px;
}
#right .twitter-feed iframe {
  height: 426px !important;
}
body #content #right h1.bannershead span {
  background-position: 0 -34px;
}
body #content #right .news-banners .inner h1.head-ja {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 284px;
  height: 32px;
  background: url("../img/news_side_head.png") no-repeat center -100px;
  background-size: 300px 132px;
  text-indent: -9999px;
}
#right .news-banners {
  position: relative;
  margin: 0 0 28px 0;
  padding: 0 8px 8px 8px;
  line-height: 1em;
  background: rgb(240,240,240) url("../img/pattern_line_black_30.png");
  background-size: 15px;
  border: 1px solid rgb(179,179,179);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  z-index: 2;
}
#right .news-banners .inner {
  width: 100%;
  margin: 0;
}
#right .news-banners img { margin-bottom:8px; }
#right .news-banners a:last-child img { margin-bottom:0; }
#right .news-banners img.en { display:none; }
#right .news-banners a:hover img { opacity:0.9; }

/* social-buttons */
fb\:like span { display: inline-block !important; }
.social-button {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
}
.social-button li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}
.social-button li div { display: inline; }
.social-button:before,
.social-button:after {
    content: " ";
    display: table;
}
.social-button:after { clear: both; }
.social-button { *zoom: 1; }
.social-button iframe.twitter-share-button { width: 90px !important; }
.iine {
    display:inline-block;
    height:18px;
    line-height:18px;
    font-size:10px;
    border: 1px solid #bbb;
    border-radius:2px;
    padding:0px 4px 0px 18px;
    white-space:nowrap;
    margin:0 0 0 0.5em;
}
a.iine {
    color:white;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    background-color: #690;
    background:linear-gradient(#be6, #690);
    background: url('/imgs/o11.png') no-repeat 3px 3px, -moz-linear-gradient(top, #be6, #690);
    background: url('/imgs/o11.png') no-repeat 3px 3px, -webkit-gradient(linear, left top, left bottom, from(#be6), to(#690));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bfef6f', endColorstr='#6f9f0f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bfef6f', endColorstr='#6f9f0f')";
}
span.iine {
    position:relative;
    background:#ffffff;
    border: 1px solid #bbb;
    display:inline-block;
    border-radius: 2px;
    margin:0 0.5em 0 5px;
    padding:0px 4px;
}
.iine:after, .iine:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.iine:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 3px;
    margin-top: -3px;
}
.iine:before {
    border-color: rgba(176, 176, 176, 0);
    border-right-color: #bbb;
    border-width: 4px;
    margin-top: -4px;
}

/* article */
body #content h1 { margin-bottom:10px;font-size:26px;font-weight:bold;font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px; }
body #content h2 { font-size:18px;font-weight:bold;font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px;margin:0 0 0.2em 0; }
body #content h3 { font-size:16px;font-weight:bold;font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px;margin:0 0 0.2em 0; }
body #content h4 { font-size:16px;font-weight:bold;font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px;margin:0 0 0.2em 0; }
body #content h5 { font-size:14px;font-weight:bold;font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px;margin:0 0 0.2em 0; }
body #content h6 { font-size:14px;font-weight:bold;font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;line-height:1.4em;color:rgb(25,25,25);letter-spacing:-1px;margin:0 0 0.2em 0; }
body #content p  { margin-bottom:12px;font-size:14px;font-weight:normal;font-family:"Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;line-height:1.6em;color:rgb(25,25,25);word-wrap:break-word;overflow-wrap:break-word; }
body #content .post_time p { font-size:13px;line-height:1em;color:rgb(77,77,77); }
body #content .post_body div { font-size:13px;font-weight:normal;font-family:"Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;line-height:1.7em;color:rgb(51,51,51);margin-bottom:12px;}
body #content p a { color:rgb(254,0,0); }
body #content p a:hover { text-decoration:underline; }
body #content .post_body p.post_tail { margin-bottom:0; }
body #content .post_body p.post_tail a:hover { text-decoration:none;color:rgb(255,145,145); }

body #content .post_body div.nicomovie > embed,
body #content .post_body div.nicomovie > div { width:100% !important; }

body #content .post_body div.images-table {
  margin: 0;
  font-size: 0;
}
body #content .post_body div.images-table img {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
}

/* article buttons */
body #content p a.button.next {
  padding: 4px 16px;
  font-size: 14px;
  font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  line-height: 14px;
  color: rgb(0,0,0);
  background: rgb(255,255,255);
  border: 1px solid rgb(255,51,51);
  text-align: left;
  vertical-align: middle;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  transition: 0.1s ease-in-out;
  -webkit-transition: 0.1s ease-in-out;
}
body #content p a.button.next:hover {
  color: rgb(0,0,0);
  background: rgb(255,102,102);
  border: 1px solid rgb(255,255,255);
}
body #content p a.button.next span { font:inherit;vertical-align:middle; }
body #content p a.button.next:before {
  margin: 0;
  padding: 0 6px 0 0;
  font-size: 11px;
  font-family: "mihonichi";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 0;
  line-height: 14px;
  color: rgb(85,85,85);
  vertical-align: middle;
  content: "\69";
  text-indent: 0;
  transition: 0.1s ease-in-out;
  -webkit-transition: 0.1s ease-in-out;
}
body #content p a.button.next:hover:before { color:rgb(255,255,255); }

.article-move-area {
  position: relative;
  margin: 40px 0 0 0;
  padding: 0;
  text-align: center;
}

.article-gotolist {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 40%;
  height: 30px;
  font-size: 15px;
  font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: bold;
  line-height: 30px;
  color: rgb(0,0,0);
  background: rgb(255,255,255);
  border: 1px solid rgb(255,51,51);
  text-align: left;
  vertical-align: middle;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  transition: 0.1s ease-in-out;
  -webkit-transition: 0.1s ease-in-out;
}
.article-gotolist:hover {
  color: rgb(0,0,0);
  background: rgb(255,102,102);
  border: 1px solid rgb(255,255,255);
}
.article-gotolist span { font:inherit;vertical-align:middle;color:rgb(0,0,0); }

.article-gotolist:before {
  margin: 0;
  padding: 0 10px 0 0;
  font-size: 12px;
  font-family: "mihonichi";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 0;
  line-height: 30px;
  color: rgb(0,0,0);
  vertical-align: middle;
  content: "\6e";
  text-indent: 0;
  transition: 0.1s ease-in-out;
  -webkit-transition: 0.1s ease-in-out;
}
.article-gotolist:hover:before { color:rgb(255,255,255); }

.article-prev {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  width: auto;
  height: 30px;
  background: rgb(255,255,255);
  border: 1px solid rgb(255,51,51);
  border-radius: 0 4px 4px 0;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.article-prev:hover { background:rgb(255,102,102);border-color:rgb(255,255,255); }
.article-prev:before {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-family: "mihonichi";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 0;
  line-height: 30px;
  color: rgb(0,0,0);
  vertical-align: middle;
  content: "\77";
  text-indent: 0;
  text-align: center;
}
.article-prev:hover:before { color:rgb(255,255,255);line-height:30px; }
.article-prev span {
  margin: 0 12px 0 0;
  display: none;
  font-size: 14px;
  font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: bold;
  line-height: 30px;
  vertical-align: middle;
  color: rgb(0,0,0);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.article-prev:hover span.newstext-only-ja { display:inline-block; }

.article-next {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  width: auto;
  height: 30px;
  background: rgb(255,255,255);
  border: 1px solid rgb(255,51,51);
  border-radius: 4px 0 0 4px;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.article-next:hover { background:rgb(255,102,102);border-color:rgb(255,255,255); }
.article-next:after {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-family: "mihonichi";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 0;
  line-height: 30px;
  color: rgb(0,0,0);
  vertical-align: middle;
  content: "\76";
  text-indent: 0;
  text-align: center;
}
.article-next:hover:after { color:rgb(255,255,255);line-height: 30px; }

.article-next span {
  margin: 0 0 0 12px;
  display: none;
  font-size: 14px;
  font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: bold;
  line-height: 30px;
  vertical-align: middle;
  color: rgb(0,0,0);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.article-next:hover span.newstext-only-ja { display:inline-block; }

.article-edit-area {
  position: relative;
  margin-top: 20px;
}
.news_edit { text-align: center; }
.news_edit a, .news_edit a:visited {
  position: relative;
  display: block;
  width: 40%;
  margin: 0 auto;
  padding: 0;
  font-size: 15px;
  font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  line-height: 30px;
  color: rgb(120,120,120);
  background: rgb(255,255,255);
  border: 1px solid rgb(120,120,120);
  text-align: left;
  vertical-align: middle;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  transition: 0.1s ease-in-out;
  -webkit-transition: 0.1s ease-in-out;
}
.news_edit a:hover {
  color: rgb(255,255,255);
  background: rgb(120,120,120);
  border: 1px solid rgb(255,255,255);
}
.news_edit a span, .news_edit a:visited span { color:rgb(120,120,120); }
.news_edit a:hover span { color:rgb(255,255,255); }

/** responsible breakpoint **/
@media (max-width: 640px) {

  body #content { width:100%;padding:0 4px;font-size:16px;line-height:1.6em; }
  .post_time { font-size: 12px; }

  /* article */
  body #content h1 { font-size:19px; }
  body #content h2 { font-size:16px; }
  body #content h3 { font-size:16px; }
  body #content h4 { font-size:16px; }
  body #content h5 { font-size:15px; }
  body #content h6 { font-size:15px; }
  body #content p  { font-size:15px;line-height:1.6em;margin-bottom:16px;}
  body #content .post_time p { font-size:13px;margin-bottom:10px; }
  body #content span { font-size:15px;line-height:1.6em; }

  body #content .post_body div.images-table img {
    float: none;
    margin: 0 0 8px 0;
    padding: 0;
    width: 100%;
  }

  /* article buttons */
  body #content p a.button.next {
    display: block;
    padding: 6px 16px;
    font-size: 15px;
    line-height: 15px;
  }
  body #content p a.button.next:hover {
    color: rgb(255,51,51);
    background: rgb(255,255,255);
    border: 1px solid rgb(255,51,51);
  }
  body #content p a.button.next:before { line-height:14px; }
  body #content p a.button.next:hover:before { color:rgb(85,85,85); }

  body #content p a.button.next span {
    font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
    font-weight: bold;
    color: rgb(0,0,0);
  }

  .article-gotolist { width:200px; }
  .article-gotolist:hover { background:rgb(255,255,255);border:1px solid rgb(255,51,51); }
  .article-gotolist:hover:before { color:rgb(0,0,0); }

  .article-prev span, .article-next span { display:none !important; }

  .article-prev:hover { background:rgb(255,255,255);border-color:rgb(255,51,51); }
  .article-prev:hover:before { color:rgb(0,0,0); }
  .article-next:hover { background:rgb(255,255,255);border-color:rgb(255,51,51); }
  .article-next:hover:after { color:rgb(0,0,0); }

  .news_edit a, .news_edit a:visited  { width:200px; }
  .news_edit a:hover {
    color: rgb(120,120,120);
    background: rgb(255,255,255);
    border: 1px solid rgb(120,120,120);
  }
  .news_edit a:hover span { color:rgb(120,120,120); }

}