@charset "utf-8";
html {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
    color: #333;
    font-size: 16px;
    margin: 0;
    padding: 0;
    background: #eee;
    line-height: 1.5;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio,
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
.img {
    border: 1px solid #ddd;
    display: block;
    margin: 20px 0;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}

div, p, form {
    padding: 0;
    margin: 0;
}
a {
    color:#0000FF;
}
a:hover {
    background-color: #eee;
}
a:visited {
    color:#810081;
}
.h {
    color:#FFFFFF;
    background-color:#EC008C;
    border:dashed #FFFFFF;
    border-width:1px;
    margin:10px 35px;
}
.logo {
    margin-right:10px;
}
.red, .error {
    color:#EC008C;
}

.mt0 {
    margin-top:0 !important;
}
.ml10 {
    margin-left:10px !important;
}
.pt0 {
    padding-top: 0 !important;
}
.text-center {
    text-align: center;
}

hr {
border:0;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #ffffff;
*border-top:1px solid #DDDDDD;
*border-bottom:1px solid #ffffff;
*filter:alpha(opacity = 30);
clear:both;
height:0;
display:block;
margin: 10px 0;
}

address{
font-size:small;
font-style:normal;
margin-bottom:2px;
color:#666666;
display:inline;
}

ul{
    list-style: disc inside none;
    margin: 10px;
    padding: 0;
}
ul.inline li {
    display: inline-block;
    margin-right: 10px;
}


span.check, .tool td span {
  color: #999;
  font-size: small;
}

.grade span:first-child {
  font-family: Verdana,arial,helvetica,sans-serif;
  font-size: 77px;
  display: inline-block;
  line-height: 1em;
}
.grade {
    text-align: center;
}
.tool td b {
  font-size: large;
}
.tool .rrssb-twitter b {
    background: url(/img/twitter_16.png) no-repeat 0 50% transparent;
    padding-left: 20px;
    margin-right: 20px;
}
.tool .rrssb-facebook b {
    background: url(/img/facebook_16.png) no-repeat 0 50% transparent;
    padding-left: 20px;
    margin-right: 20px;
}
.tool .rrssb-email b {
    background: url(/img/hatena_16.png) no-repeat 0 50% transparent;
    padding-left: 20px;
    margin-right: 20px;
}
.tool table, .tool th, .tool td {
    border-collapse: collapse;
    border:1px solid #ddd;
}
.tool th {
    white-space: nowrap;
    background-color: #efefef;
}
.tool th, .tool td {
    padding: 5px;
}
.tool td {
    padding-left: 32px;
}
.tool th span {
    color: #999;
  font-size: small;
  margin-right: 5px;
}
.ok {
    background: url("/img/check.png") no-repeat scroll 10px 10px transparent;
    padding-left: 32px !important;
}

.content-nav {
    margin: 10px 20px;
    border-top: 1px solid #ccc;
    padding: 10px 0 0 0;
}
.content-nav span, .content-nav a {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;
}
.content-nav span {
    color: #999;
}

.box > h3:first-child {
    margin-top: 0;
}
h3.check {
    border: 0 none;
    margin: 0 0 10px 0;
    padding: 0;
}
img.check {
    margin: 0 10px 10px 0;
}
.check span:after {
    content: ". ";
}


.alerts {
    background: url("/img/info.png") no-repeat scroll 2px 50% #FAFAD2;
    font-size: small;
    margin: 15px 10px 0;
    padding: 2px 2px 2px 20px;
    text-align: left;
}
.box {
    border:1px solid #DDDDDD;
    text-align:left;
    padding:20px;
    margin: 10px 30px 30px 30px;
    line-height:150%;
}

.ebody {
    padding: 0 30px 30px 30px;
}
.ebody em {
    margin-top: 20px;
    font-size: small;
    display: block;
}
.ebody blockquote {
    background: transparent url(/img/bqn.png) no-repeat left top;
    padding-left: 50px;
    margin: 1em;
    font-style: italic;
    color: #777;
}

.more {
    margin: 0 20px 10px 30px;
    padding: 20px;
    text-align: left;
}
.more img, .more iframe {
    margin: 0 0 10px 0;
}

.twbox {
    margin-top: 10px;
}

.mt-image-none {
    display: block;
    margin-bottom: 20px;
}


.box a.next, .ebody a.next, p.next a, .rss a {
    background: url("/img/logoy2.gif") no-repeat scroll 0 50% transparent;
    display: block;
    padding: 10px 0 10px 35px;
}
.box a.next:hover, .ebody a.next:hover, p.next a:hover, .rss a:hover {
    background: url("/img/logoy2.gif") no-repeat scroll 0 50% #EFEFEF;
}
.box .data, .ebody .data {
    padding-left: 0;
}

/*
.next + .next {
    margin-top: -10px;
}
*/
.rss span {
    display: none;
}

.image {
display: block;
margin: 10px 0 30px 0;
padding: 10px 2px;
border:1px solid #DDDDDD;
}

.m10 {
margin:10px;
}
.mt10 {
margin-top:10px;
}
.mr10 {
margin-right:10px;
}
.mb10 {
margin-bottom:10px;
}
.ml5 {
margin-left:5px;
}
.ml10 {
margin-left:10px;
}
.p10 {
padding:10px;
}
.pan {
    color: #999;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
    background: #f9f9f9;
  border-bottom: 1px solid #eee;
}
.pan .last {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}
.recm {
    padding: 0 30px 25px 30px;
}
.formform {
    background: #fde5f3;
  padding: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.form_box input {
    width: 100% !important;
}
.form_box input[type="text"] {
    width: 94% !important;
}

.for {
    display: inline-block;
}
.filter {
    border: 1px solid #ddd;
    font-size: large;
    padding: 5px;
    width: 14em;
    color: #333333;
}
.filter:hover,.filter:focus,.filter:active {
    border-color: #EC008C;
}
.go {
-webkit-appearance: none;
  padding: 5px;
  border: 0 none;
  border: 1px solid #ddd;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  background: #EC008C;
}
.go:hover {
      border-color: #EC008C;
}
.words {
    width: 10em;
}
.go {
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

.data {
    color: #666666;
    padding-left: 30px;
    margin-bottom: 10px;
    text-align: left;
    font-size: small;
}

#live_filter ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.typebox{
margin-bottom: 10px;
}


#contents {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    max-width: 1130px;
    min-width: 980px;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
.link {
    margin:0 0 0 30px;
}
.last {
    font-size:small;
    margin:0 0 0 25px;
    color:#999999;
    font-weight: bold;
    text-align: left;
}
.last a {color:#999999;}
.linker {
    padding: 10px 40px 0 40px !important;
}


h1, h2, div.rec_h2 {
    margin: 10px 25px;
}
ul.rec_h2 {
    list-style: none inside none;
    margin: 0;
}

ul.rec_h2 li {
    border-bottom: 1px solid #ddd;
    padding: 0;
}
ul.rec_h2 li a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
}
ul.rec_h2 span {
    font-size: small;
    color: #999;
    display: block;
}
.main h2, div.rec_h2 {
    margin: 10px 30px;
    padding: 15px;
    font-size: x-large;
    font-weight: bold;
    background-color: #efefef;
}
.ebody h2 {
    margin: 20px 0;
}
.main h2 a, div.rec_h2 a {
    color: #333;
}
.main h2.red, div.rec_h2.red {
    border-left: 5px solid #EC008C;
}


.rec {
    color: #666666;
    font-weight: bold;
    margin-bottom: 5px;
}

.head, .mainbox {
    background-color: #fff;
}
.mainbox {
    display: -webkit-box;
    display: -moz-box;
	display: box;
}
.head h2 {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #999;
    font-size: medium;
    margin:0 20px 0 25px;
}

h3 {
    border-bottom: 1px solid #DDDDDD;
    font-size: x-large;
    margin: 20px 0;
    font-weight: bold;
    padding: 20px 0;
}
.typebox + h3 {
    margin: 10px 0;
}
h4 {
    font-size: large;
}

.pnavi {
    list-style: none outside none;
    margin-left: 25px;
    padding: 0;
    text-align: left;
    line-height: 1.5em;
}
.pnavi li {
    border-right: 1px solid #ddd;
    float: left;
    font-size: small;
    margin-right: 5px;
    padding-right: 5px;
}
.kaisetu {
    font-size: small;
}
.message {
    font-size: small;
    font-weight: bold;
    color: #999;
    margin: 12px 0 0 12px;
}
.sbm {
    display: block;
    overflow: hidden;
    line-height: 1;
    vertical-align: baseline;
    padding-left: 20px;
}
.main .sbm {
    padding-left: 30px;
    margin-bottom: 20px;
}
#index .head h2 {
    float: left;
}
#index .sbm {
    padding-left: 0;
    padding-right: 10px;
    float: right;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
.twitter-share-button {
  overflow: hidden;
}



.fb_box {
    background-color: #efefef;
    text-align: center;
}
.fb_box small {
    display: block;
    padding: 5px 0;
    font-weight: bold;
}
.form_box {
    text-align: left;
}
.form_box th {
    font-size: small;
}

.marke_box h3 {
    background: #efefef;
    font-size: large;
    padding: 10px;
    margin: 0;
}

h1.top{
    font-size: xx-large;
    background: transparent;
    border: 0 none;
    margin: 20px;
    font-weight: bold;
}
.toplogo{
    margin:10px 0 0 0;
}
.toplogo .fleft a, .toplogo .fleft iframe {
    margin:0 0 0 25px;
}
.toplogo .fright a{
    display: block;
    float: left;
    font-size: 12px;
    padding: 5px;
    text-decoration: none;
    color:#333333;
    height: 16px;
}
.toplogo .fright a img{
    vertical-align: bottom;
}
.toplogo .fright a.about, .toplogo .fright a.twitter, .toplogo .fright a.qa, .toplogo .fright a.facebook, .toplogo .fright a.form {
    margin-right:10px;
}

.trends iframe {
      width: 500px;
  height: 350px;
}

.breaks .asset-meta,
.breaks .asset-body {
    padding: 0 30px;
}

.main {
    width: 100%;
    -webkit-box-flex :1;
    -moz-box-flex :1;
    box-flex :1;
}
.right {
    width: 270px;
}
.right_box {
    padding: 0 10px;
}
.right_box.fixed {
    width: 250px;
}

.right ul.rank li .entrycat, ul.rec_h2 li .entrycat {
    position: static;
    color: #fff;
    display: inline-block;
    margin: 0 5px 0 0;
}

.fixed {
    position: fixed;
    top: 0;
    left: auto;
}
.fixed_bottom {
    top: auto;
    bottom: 250px;
}

.right h4 {
    font-size: large;
    margin: 10px 0 0 0;
    padding: 10px;
    background-color: #efefef;
}

.right ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: small;
}
.right ul li a {
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    display: block;
    padding: 10px 5px;
    text-decoration: none;
}

.right ul li a span {
    color: #666666;
    font-size: x-small;
    display: block;
}
.right .ad {
    margin-top: 10px;
}
.right .ad_sub {
    margin-top: 10px;
    padding: 5px;
    border: 5px solid #00AEEF;
}

.ad {
    margin: 10px 0;
}
.ad_big {
    background-color: #fff;
    padding: 20px 40px 0 40px;
}
.ad_big .adsbygoogle {
    width: 728px;
    height: 90px;
}
.ad_head {
    padding: 20px 40px 0 30px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}
.ad_foot .adsbygoogle {
    width: 728px;
    height: 90px;
}
.ad_foot {
    padding: 20px 0 0 30px;
}
.ad_2c {
    padding-left: 30px;
    overflow: hidden;
}
#cat_index .ad_2c {
    padding-left: 30px;
}
.ad_2c .ad_mid, .ad_2c .ad_big {
    float: left;
    padding-top: 0;
}
.ad_2c .ad_mid .adsbygoogle, .ad_2c .ad_big .adsbygoogle {
    width: 300px;
    height: 250px !important;
}

#index .ad_mid {
    width: 728px;
    margin: 20px 0 20px 30px;
}
#index .ad_foot {
    padding: 0 0 0 30px;
}

/*
.tool .right {
    display: none;
}
.tool .main {
    width: 940px;
}
*/

.tool p {
 -moz-break-inside: avoid-column;
 -webkit-break-inside: avoid-column;
 -o-break-inside: avoid-column;
 -ms-break-inside: avoid-column;
 break-inside: avoid-column;
 -webkit-column-break-inside: avoid;
}
.kaisetu {
    -moz-column-count: 2;
   -webkit-column-count: 2;
    -o-column-count: 2;
   -ms-column-count: 2;
   column-count: 2;
-moz-column-gap: 2em;
-webkit-column-gap: 2em;
-o-column-gap: 2em;
-ms-column-gap: 2em;
column-gap: 2em;
-moz-column-rule: solid #ddd 1px;
-webkit-column-rule: solid #ddd 1px;
-o-column-rule: solid #ddd 1px;
-ms-column-rule: solid #ddd 1px;
column-rule: solid #ddd 1px;
}


.mini{
color:#666666;
font-size:x-small;
}
.mini{
color:#666666;
font-size:x-small;
}

.footer {
    border-top: 1px solid #ddd; 
    background: #efefef;
}
.footer h3 {
    border-bottom: 0 none; 
}
.info {
    color: #666666;
    font-size: small;
}
.footer .info {
    padding: 0 40px;
}
.footer .mini {
    padding: 40px;
    text-align: center;
}


.new {
    background: url(/img/new.gif) no-repeat 0 50% transparent;
    color: transparent;
}

.searchbox {
    text-align: left;
}
.searchbox input[type="submit"] {
    padding: 0 2px;
}


em{color:#636363;}
.ping{display:block;}
.links{position:relative;top:-5px;font-size:77%;color:#FFFFFF;background-color:#EC008C;}
.type{font-size:small;color:#FFFFFF;border:1px solid #00AEEF;background-color:#00AEEF;padding:2px;margin:0 5px 0 0;}
.type2{font-size:small;color:#FFFFFF;border:1px solid #EC008C;background-color:#EC008C;padding:2px;margin:0 5px 0 0;}
.type3{font-size:small;color:#00AEEF;border:1px solid #00AEEF;padding:2px;margin:0 5px 0 0;}
.type4{font-size:small;color:#EC008C;border:1px solid #EC008C;padding:2px;margin:0 5px 0 0;}
.linkf{
margin:0;
}
.linkf textarea{
font-size:small;
}
#gnavi {
    background: none repeat scroll 0 0 #00AEEF;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 10px 0 0;
    padding: 0;
    text-align: left;
}
#gnavi li {
    list-style: none outside none;
    float: left;
}
#gnavi li a {
    border-right: 1px solid #009bd6;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 10px 15px;
    text-decoration: none;
}
#gnavi li a:hover {
    background: none repeat scroll 0 0 #46CDFF !important;
}

#gnavi li.qa a, #gnavi li.chk a {
    background: #EC008C !important;
    color: #fff !important;
}

#index .c_top a {background-color:#009bd6;}
#index .n_marketing .c_marketing a {background-color:inherit;}
.n_marketing .c_marketing a {background-color:#009bd6;}
.n_seo .c_seo a {background-color:#009bd6;}
.n_sem .c_sem a {background-color:#009bd6;}
.n_app .c_app a {background-color:#009bd6;}
.n_sns .c_sns a {background-color:#009bd6;}
.n_media .c_media a {background-color:#009bd6;}
.n_analytics .c_analytics a {background-color:#009bd6;}
.n_shop .c_shop a {background-color:#009bd6;}
.n_qa .c_qa a {background-color:#009bd6;}


#gn {
    background-color: #EFEFEF;
    border-bottom: 1px solid #DDDDDD;
    margin: 0;
    padding: 0;
    text-align: left;
}

#gn li{
    list-style: none outside none;
    float:left;
}
#gn li a {
    background: none repeat scroll 0 0 #EFEFEF;
    border-right: 1px solid #DDDDDD;
    display: block;
    font-size: 12px;
    padding: 10px 15px;
    text-decoration: none;
}
#gn li a:hover {
    background: #f8f8f8;
}

#gn li:first-child a:before {
    content: "おすすめ";
    background-color: #EC008C;
    color: #fff;
    padding: 2px 5px;
    margin-right: 10px;
}



.simple{
border: 1px #EEEEEE solid;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.simple th{border: 1px #EEEEEE solid;
border-width: 0 0 1px 1px;
background: #EEEEEE;
}
.simple td{border: 1px #EEEEEE solid;
border-width: 0 0 1px 1px;
}
xmp,pre{
    font-size: 0.9em;
    line-height: 1.2em;
    width:auto;
    margin:10px auto;
    padding:10px;
    background:#f9f9f9;
    border:1px dashed #ccc;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* CSS3 */
    word-wrap: break-word; /* IE 5.5+ */
}


.fleft{
    float:left;
}
.fright{
    float:right;
}

img{
    border: none;
    max-width: 100%;
    height: auto;
}

.linkinp input {
    width:60%;
}
.foot{
    text-align:left;
    border-top: 1px solid #636363;
    margin-left: 25px;
    padding: 20px;
}
.none{
    clear: both;
    height: 1px;
}
.spacer {
    width: 0;
    height: 0;
}
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.entries {
}
.entry {
    margin: 0 30px 10px;
    border: 1px solid #ddd;
}
.entry .permalink {
    padding: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    text-decoration: none;
}
.entryimg {
    width: 300px;
    height: 150px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
}
.entryimg.not {
    width: 0;
    height: 0;
    margin-right: 0;
}
.entrybody {
    width: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
}
.entrydate {
    color: #999;
}
.entrytitle {
    font-size: x-large;
    color: #333;
}
.entrycat {
    margin-bottom: 10px;
    display: inline-block;
    padding: 2px 4px;
    background-color: #00aeef;
    text-decoration: none;
    color: #fff;
    font-size: small;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}



/* tables */
table.tablesorter {
background-color: #CDCDCD;
margin:10px 0pt 15px;
width: 100%;
text-align: left;
border-spacing: 0;
border-collapse: collapse;
border: 1px solid #ddd;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th, table.tablesorter tr th {
padding: 8px;
font-weight: bold;
border: 1px solid #ddd;
background-color: #eee;
}
table.tablesorter thead tr .header {
background-image: url(/img/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
    padding-right: 16px;
}
table.tablesorter tbody td {
padding: 8px;
background-color: #FFF;
vertical-align: top;
border: 1px solid #ddd;
}
table.tablesorter tbody tr.even td {
background-color: #f9f9f9;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(/img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(/img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #eee;
}


.cal table {
    border-spacing: 1px;
    border-collapse: initial;
    margin-bottom: 20px;
}


div.grippie {
background:#EEEEEE url(/img/grippie.png) no-repeat scroll center 2px;
border-color:#DDDDDD;
border-style:solid;
border-width:0pt 1px 1px;
cursor:s-resize;
height:9px;
overflow:hidden;
}
.resizable-textarea textarea {
display:block;
margin-bottom:0pt;
width:95%;
height: 20%;
}
#formform table{
margin-bottom:20px;
width:100%;
border-style:solid;
border-color:#ddd;
border-width:1px 0 0 1px;
border-collapse:collapse;
}
#formform th{
padding:5px;
border-style:solid;
border-color:#ddd;
border-width:0 1px 1px 0;
background-color:#eeeeee;
}
#formform td{
padding:5px;
border-style:solid;
border-color:#ddd;
border-width:0 1px 1px 0;
}


/* world flags */
.box ul li.us {
    background: url("/img/us.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}
.box ul li.jp {
    background: url("/img/jp.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}
.box ul li.kr {
    background: url("/img/kr.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}
.box ul li.gb {
    background: url("/img/gb.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}
.box ul li.cn {
    background: url("/img/cn.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}
.box ul li.au {
    background: url("/img/au.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}


.bana {
    background-color: #FFFFFF;
    border: 5px solid #EC008C;
    display: block;
    font-size: small;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
.bana span {
    border-top: 1px dashed #00AEEF;
    display: block;
    font-size: small;
    margin-top: 5px;
    padding-top: 5px;
    font-weight: normal;
}
.banaqa {
    display: block;
    font-size: small;
    margin-top: 10px;
background: url(/img/new.gif) no-repeat 0 0 transparent;
padding-top: 12px;
}

.banner, .tw_follow {
    margin-top: 10px;
}
.bnr_qa {
  padding: 10px 0;
  display: block;
  background: #EC008C;
  color: #fff !important;
  text-decoration: none;
    text-align: center;
  font-size: 16px;
  vertical-align: middle;
}
.bnr_qa:hover {
  background: #EC008C;
}
.bnr_125 {
  background: #ddd;
  margin: 10px 6px;
  padding: 10px 0;
}
.bnr_125:hover {
  background: #eee;
}

/* src */
#cse-search-box {
    width: 200px !important;
}
#cse-search-box table.gsc-search-box td.gsc-input {
    padding: 0 !important;
}
#cse-search-box input[type="text"] {
    padding: 0 !important;
    height: 25px;
    width: 136px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -webkit-appearance: none;
}
#cse-search-box input[type="submit"] {
    margin-left: 0 !important;
    background-color: #00AEEF;
    border: 1px solid #00AEEF;
    color: #FFFFFF;
    height: 28px;
    width: 50px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -webkit-appearance: none;
}


.hidden_rp {
    display: none;
}

.tags {
    padding: 0 30px 10px 30px;
}
.tags a {
    display: inline-block;
    text-decoration: none;
    background-color: #efefef;
    color: #333;
    padding: 10px 20px;
    margin: 0 10px 10px 0;
}
.tags a:hover {
    background: #00aeef;
    color: #fff;
}






/* SP */
@media screen and (max-width: 415px) {
    .hidden_rp {
        display: block;
    }
    #wrapper, #contents {
        width: 100%;
        overflow-x: hidden;
    }
    #contents {
        max-width: initial;
        min-width: initial;
    }
    #contents * {
        word-wrap: break-word;
    }
    .message {
        margin-left: 0;
    }
    .mainbox {
        display: block;
    }
    .main {
        width: auto;
    }
    .right {
        width: auto;
        text-align: center;
    }
    .right_box {
        width: auto !important;
        padding: 0;
    }
    
    .last {
        margin: 0;
    }
    ul.rec_h2 {
        line-height: 1.5em;
    }
    .searchbox {
        margin: 20px;
    }
    .box {
        border: 0 none;
        margin: 20px 10px;
        padding: 0;
    }
    .image {
        display: block;
        width: 90%;
        margin: 20px auto;
    }

    h1, h2, h4, div.rec_h2 {
        margin: 10px 0 !important;
    }
    h1 {
        background: #efefef !important;
      padding: 10px;
      font-size: medium !important;
    }
    .pan + h1 {
        margin-top: 0 !important;
    }
    .main h2, div.rec_h2,
    .right h4 {
        font-size: medium;
        margin: 10px;
        padding: 10px;
    }
    .head h2 {
        margin: 10px !important;
    }
    #index .sbm {
        padding-left: 10px;
        float: none;
    }
    /*
    .pan .sbm {
        float: left !important;
    }
    */
    
    .ebody {
        padding: 0 10px;    
    }
    
    .more {
      margin: 10px;
      padding: 0;
    }

    .tool th, .tool td {
        padding: 5px;
        display: block;
    }
    .kaisetu {
        -moz-column-count: auto;
       -webkit-column-count: auto;
        -o-column-count: auto;
       -ms-column-count: auto;
       column-count: auto;
    }

    #div-gpt-ad-1320775467187-0,
    #div-gpt-ad-1320775467187-0 div {
        width: 300px !important;
        height: 40px !important;
        overflow: hidden;
    }
    #div-gpt-ad-1320775467187-0 div iframe {
        transform: scale(0.64);
        -webkit-transform: scale(0.64);
        -moz-transform: scale(0.64);
        transform-origin: left top;
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
    }
    #div-gpt-ad-1320775467187-0 {
        margin: 10px 0;
    }

    .toplogo .fleft, .toplogo .fright {
        width: 300px;
        overflow: hidden;
        float: none;
        text-align: left;
        margin-left: 10px;
    }
    .toplogo .fleft a, .toplogo .fleft iframe {
        margin-left: 0;
    }
    .fleft, .fright {
        float: none;
    }

    .trends {
        width: 280px;
        overflow: scroll;
    }
    
    .entry {
        position: relative;
        margin-left: 5px;
        margin-right: 5px;
    }
    .entry .permalink {
        display: block;
    }
    .entryimg {
        width: 100%;
        margin-right: 0;
    }
    .entrycat {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .main .sbm {
        padding-left: 20px;
    }
    #formform th, #formform td {
        display: block;
        text-align: center;
    }


    .flex-direction-nav li .prev,
    .flex-direction-nav li .next {
        display: none;
    }

    .recm {
        padding: 0 10px;
    }
    .recm li span {
        display: none;
    }

    .for, .go {
        display: block;
    }
    .nav {
        position: fixed !important;
        top: 0;
        right: 0;
      width: 100%;
    }
    
    #gnavi, #gn {
        display: none;
        margin: 0;
    }
    #gnavi {
        padding-top: 70px;
        border-bottom: 1px solid #009bd6;
    }
    #gnavi li a, #gn li a {
        border: 1px solid #009bd6;
        background: #00AEEF;
        color: #fff;
        margin: 2px;
    }
    #gn {
        background-color: #00AEEF;
    }
    #gn li a:hover {
        background-color: #46CDFF;
    }
    .toggle {
        position: fixed !important;
        top: 0;
        right: 0;
        z-index: 9999;
      color: #333;
      text-decoration: none;
      width: 50px;
      height: 50px;
      padding: 0;
      margin: 10px;
      display: block;
      background: url("/img/ic_menu.png") no-repeat scroll 50% 50% #eee;
      background-size: 30px 30px;
      -moz-background-size: 30px 30px;
      -webkit-background-size: 30px 30px;
      -o-background-size: 30px 30px;
    }
    .fixed {
        z-index: 9999;
      height: 100%;
      overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .bnr_qa {
      width: 200px;
      margin: 0 auto;
    }
    
    .footer .linker, .footer .info, .footer .mini {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .fixed {
        position: static;
    }
    
    .tags {
        padding: 10px 0;
    }
    .entrytitle {
        font-size: medium;
        font-weight: bold;
    }
    
    /* Ad */
    .ad_big, .ad_mid {
    /*
        overflow-x: hidden;
        width: 300px;
    */
        padding: 10px;
    }
    .ad_big .adsbygoogle,
    .ad_foot .adsbygoogle,
    .ad_mid .adsbygoogle {
      width: 300px !important;
      height: 250px !important;
    }
    .ad_2c .ad_mid, .ad_2c .ad_big {
        float: none;
        margin-right: 0;
        padding-top: 10px;
    }
    .ad_2c {
        padding-left: 0;
    }
    
    #index .ad_mid {
        width: 300px !important;
        margin: 20px 0 !important;
    }
    #index .ad_foot {
        padding: 0 10px;
    }
    .ad_468 {
      width: 300px !important;
      height: auto !important;
    }

}/* /@media */