@charset 'UTF-8';

/*
Theme Name: child 賢威子テーマ
Template: keni62_wp_corp_150824
*/
/*------------------------------------------------------------
■アフィリエイト野郎用 2015.10

-賢威の初期化と初期設定(基本リンク色とblockquote含む)
-アウトライン
 -ヘッダー
 -サイド
 -フッター
-ナビゲーション
 -グローバル
-コンテンツ基本設定
 -ベース部分
 -見出し(ベース)
-ページ別設定
 -archive
 -ブログカテゴリーTOP
 -404
 -home
 -目次ページ
 -レンタルサーバー比較ページ用
-パーツ
 -テーブルのkyクラス
 -dlのkyクラス
 -おすすめやポイントなどの枠
 -コメント
 -その他
  -tableとyotubeのレスポンシブ基本設定
  -画像
  -上に戻る
  -黄色下線
  -ロゴイラストの振り子
  -伸びる矢印(１ミリでも前へ用)
  -虫眼鏡光沢
-sns(はてぶ含む)
-広告
-------------------------------------------------------------*/

/*------------------------------------------------------------
　賢威の初期化と初期設定
-------------------------------------------------------------*/
body{
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro, '游ゴシック', 'Yu Gothic', YuGothic, 'ＭＳ Ｐゴシック',sans-serif;
  padding-top: 0;
  color: #333;
  background-color: #fff;
}
#container{
  padding-top: 0;
  border-top: 3px solid #00a0a2;
}
.col2 #container, .col2 #top, .col2 #header, .col2 #global-nav, .col2 #main, .col2 #main-image, .col2 #footer, .col2 .copyright, .col2r #container, .col2r #top, .col2r #header, .col2r #global-nav, .col2r #main, .col2r #main-image, .col2r #footer, .col2r .copyright{
  min-width: 1000px;
}
.col2 #top-in, .col2 #header-in, .col2 #global-nav-in, .col2 #main-in, .col2 #main-image-in, .col2 #footer-in, .col2 .copyright p, .col2r #top-in, .col2r #header-in, .col2r #global-nav-in, .col2r #main-in, .col2r #main-image-in, .col2r #footer-in, .col2r .copyright p{
  width: 1000px;
  margin: auto;
}
.col2 #sidebar, .col2r #sidebar{
  width: 300px;
}
#top{
  background-color: transparent;
}
#main-contents,#main-contents p{
  font-size: 16px;
}
.snsbt {
  height: 50px;
  }
.snsbt .hatena,.snsbt .tw,.snsbt .fb {
  float: left;
  }
.snsbt .hatena {
  margin-right: 10px;
  }
.font12 {
  font-size: 12px;
  }
.font14 {
  font-size: 14px;
  }
.font16 {
  font-size: 16px;
  }
.font18 {
  font-size: 18px;
  }
.font20 {
  font-size: 20px;
  }
#main-contents p.kantannituki100mankasegerutokaomotteruyatuahoyaro {
  font-size: 100px;
  }
.bold{
  font-weight: bold;
}
.red{
  font-weight: bold;
  color: #F30;
}
.orange{
  font-weight: bold;
  color: #F60;
}
.bg_pink{
  font-weight: bold;
  background: linear-gradient(transparent 60%, #FFC1A4 0%);
  }
#main-contents p.post-meta {
  font-size: 14px;
  }
#main-contents .infotop a{
  background-image: url(../../../img/siryo02.jpg);
  display: block;
  height: 56px;
  width: 474px;
  font-size: 28px;
  text-align: center;
  padding-top: 18px;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 30px;
  padding-left: 20px;
  background-repeat: no-repeat;
  text-decoration: none;
  margin-left: 18px;
  }
#main-contents .infotop a:hover{
  color: #FF0;
  text-decoration: underline;
}

.block_graywaku{
  overflow: auto;
  margin: 0 1em 1.5em;
  padding: 1em;
  border: 3px solid #ddd;
  background: #efefef;
  color: #444;
}
.affiliatetoha{
  clear: both;
  margin-bottom: 20px;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  border: 1px solid #333;
  border-radius: 5px;
}
.affiliatetoha img{
  max-width: 100%;
  height: auto;
}
.affiliatetoha__inbox--1{
  display: table;
  margin-bottom: 1em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #ccc;
}
.affiliatetoha__inbox--l, .affiliatetoha__inbox--r{
  display: table-cell;
}
.affiliatetoha__inbox--l{
  width: 160px;
  padding-right: 2em;
  padding-left: 2em;
}
#main-contents .affiliatetoha__inbox--l h2{
  line-height: 1.2;
  display: inline-block;
  display: table-cell;
  width: 7em;
  height: 7em;
  margin: 0;
  padding: .5em;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #00a0a2; /* Old browsers */
  background:    -moz-linear-gradient(-30deg,  #00a0a2 0%, #00a0a2 39%, #00b7b7 39%, #00b7b7 42%, #00a0a2 42%, #00a0a2 44%, #00b7b7 44%, #00b7b7 72%, #00a0a2 72%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#00a0a2), color-stop(39%,#00a0a2), color-stop(39%,#00b7b7), color-stop(42%,#00b7b7), color-stop(42%,#00a0a2), color-stop(44%,#00a0a2), color-stop(44%,#00b7b7), color-stop(72%,#00b7b7), color-stop(72%,#00a0a2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-30deg,  #00a0a2 0%,#00a0a2 39%,#00b7b7 39%,#00b7b7 42%,#00a0a2 42%,#00a0a2 44%,#00b7b7 44%,#00b7b7 72%,#00a0a2 72%); /* Chrome10+,Safari5.1+ */
  background:      -o-linear-gradient(-30deg,  #00a0a2 0%,#00a0a2 39%,#00b7b7 39%,#00b7b7 42%,#00a0a2 42%,#00a0a2 44%,#00b7b7 44%,#00b7b7 72%,#00a0a2 72%); /* Opera 11.10+ */
  background:     -ms-linear-gradient(-30deg,  #00a0a2 0%,#00a0a2 39%,#00b7b7 39%,#00b7b7 42%,#00a0a2 42%,#00a0a2 44%,#00b7b7 44%,#00b7b7 72%,#00a0a2 72%); /* IE10+ */
  background:         linear-gradient(-30deg,  #00a0a2 0%,#00a0a2 39%,#00b7b7 39%,#00b7b7 42%,#00a0a2 42%,#00a0a2 44%,#00b7b7 44%,#00b7b7 72%,#00a0a2 72%); /* W3C */
}
#main-contents .affiliatetoha__inbox--1 h2:before{
  content: none;
}
.affiliatetoha__inbox--r{
  vertical-align: middle;
}
#main-contents .affiliatetoha__inbox--r > *:last-child{
  margin-bottom: 0;
}
.affiliatetoha__heading{
  position: relative;
  text-align: center;
}
.affiliatetoha__inbox--2{
  position: relative;
  margin-bottom: 1.5em;
  padding-top: 2em;
  padding-right: 1.5em;
  padding-bottom: 2em;
  padding-left: 1.5em;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  background-color: #F1F1F1;
}
.affiliatetoha__inbox--2 p{
  color: #000!important;
}
#main-contents .contents .affiliatetoha h3{
  font-size: 16px;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  display: inline-block;
  display: inline-block;
  margin-top: -.9em;
  margin-left: -2.5em;
  padding-top: .2em;
  padding-right: .5em;
  padding-bottom: .1em;
  padding-left: .5em;
  color: #fff;
  color: #fff;
  background-color: #555;
}
#main-contents .affiliatetoha h3:before{
  content: none;
}
.affiliatetoha p{
  font-size: 14px!important;
  color: #333;
  }
.affiliatetoha p.afiun{
  margin-bottom: 0px!important;
  }

#text-22 p {
  margin-bottom: 20px;
  }

.side_yp {
	margin-bottom: 30px;
	}
@media only screen and (max-width : 640px){
  #main-contents p{
    font-size: 16px;
  }
  #container{
    border-top: 5px solid #00a0a2;
    padding-bottom: 0;
  }
  .mobi #main-in{
    padding-top: 2em;
  }
  #sub-contents{
    display: none;
  }

  .affiliatetoha__inbox--1{
    display: block;
    margin-bottom: 2em;
    padding-bottom: 0;
    border-bottom: none;
  }
  .affiliatetoha__inbox--l{
    display: block;
    width: auto;
    margin-bottom: .8em ;
    padding: 0;
  }
  #main-contents .affiliatetoha__inbox--l h2{
    line-height: 1.2;
    position: relative;
    display: block;
    display: block;
    width: auto;
    height: auto;
    padding-top: .5em;
    padding-right: .5em;
    padding-bottom: .5em;
    padding-left: 30px;
    text-align: left;
    border-radius: 5px;
  }
  #main-contents .affiliatetoha__inbox--l h2:before{
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 28px;
    margin-top: -14px;
    margin-left: 10px;
    content: ' ';
    background-image: url(images/icon--chara.png);
    background-repeat: no-repeat;
  }
  .mobi #main-contents .affiliatetoha__inbox--l h2:before{
    background-image: url(images/icon--chara--mobi.png);
    -webkit-background-size: 10px;
            background-size: 10px;
  }
  .affiliatetoha__inbox--r{
    position: relative;
    z-index: 0;
    display: block;
    width: auto;
    padding: .5em;
    color: #333;
    border: 2px solid #00a0a2;
    border-radius: 5px;
    background: #f6f6f6;
  }
  .affiliatetoha__inbox--r:before{
    position: absolute;
    z-index: 0;
    top: -8px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -9px;
    content: ' ';
    border-width: 0 9px 9px 9px;
    border-style: solid;
    border-color: transparent transparent #f6f6f6 transparent;
  }
  .affiliatetoha__inbox--r:after{
    position: absolute;
    z-index: -1;
    top: -11px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -10px;
    content: ' ';
    border-width: 0 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #00a0a2 transparent;
  }
  .affiliatetoha__inbox--2{
    padding-top: 1.5em;
    padding-right: 1em;
    padding-bottom: 1.5em;
    padding-left: 1em;
  }
  #main-contents .contents .affiliatetoha h3{
    line-height: 1.5;
    padding-top: .1em;
    padding-right: .5em;
    padding-bottom: .1em;
    padding-left: .5em;
  }
  #main-contents .infotop a{
    font-size: 18px;
    font-weight: bold;
    display: block;
    width: auto;
    height: 42px;
    margin-bottom: 30px;
    margin-left: 0;
    padding-top: 18px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    color: #fff;
    background-image: url(../../../img/siryo02-02.jpg);
    background-repeat: no-repeat;
  }
  .affiliatetoha p{
    color: #333;
  }
}




/* リンク色
----------------------------------------*/
a:link{
  color: #00f;
}
a:visited{
  color: #551a8b;
}
a:hover, a:active{
  color: #f90;
}

/* blockquote
----------------------------------------*/
#main-contents blockquote{
  position: relative;
  overflow: visible;
  padding-top: 1.5em;
  border: 1px solid #eee;
}
#main-contents blockquote:before{
  font-size: 14px;
  line-height: 1.6;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin-top: -13px;
  margin-left: -10px;
  padding-right: 5px;
  padding-left: 5px;
  content: '\5F15\7528';
  color: #fff;
  border-radius: 4px;
  background-color: #aaa;
}

/*------------------------------------------------------------
　アウトライン
-------------------------------------------------------------*/
/* header
----------------------------------------*/
#header{
  background-color: #333;
}
#header-in{
  padding-top: 3em;
  padding-bottom: 3em;
}
#header #header-title{
  width: 235px;
}
#header .header-logo{
  position: relative;
  height: 22px;
  margin-bottom: 0;
}
.logo-name{
  margin-left: 26px;
}
.logo-icon{
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
}
.header__h1{
  float: right;
  width: 690px;
  margin-top: -2px;
  text-align: right;
  color: #aaa;
}
#header h1{
  line-height: 1.3;
  display: inline-block;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  max-width: 670px;
  margin-bottom: 0;
  padding-top: .2em;
  padding-right: .4em;
  padding-bottom: .1em;
  padding-left: .4em;
  white-space: nowrap;
  border: 1px solid #666;
  border-radius: 4px;
}
.header-logo a:link, .header-logo a:visited{
  color: #fff;
}
@media only screen and (max-width : 640px){
  #header-in{
    padding-top: 1em;
    padding-bottom: .5em;
  }
  #header #header-title{
    margin-right: auto;
    margin-bottom: 12px;
    margin-left: auto;
  }
  .header__h1{
    float: none;
    width: auto;
    margin-top: 0;
    padding-bottom: .1em;
    text-align: left;
  }
  #header h1{
    display: block;
    max-width: none;
  }
}


/* side
----------------------------------------*/
.sub-column{
  font-size: 14px;
}
.sub-column h3{
  font-weight: bold;
  position: relative;
  padding-top: 1.0em;
  padding-bottom: 0.6em;
  padding-left: .6em;
  padding-left: 1.8em;
  color: #333;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  font-size: 20px;
}
.sub-column h3:before{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -12px;
  margin-left: .6em;
  content: '\f0f6';
  color: #00a0a2;
}
.sub-column .contents{
  padding-left: 0;
  padding-right: 0;
}
.sub-column .contents h3{
  margin-left: 0;
  margin-right: 0;
}
.sub-column .widget-conts ul li {
    background-image: url(./images/icon-arrow_r.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 2px 6px;
}
.sub-column .widget_recent_entries ul li,
.sub-column .widget_recent_entries ul li li,
.sub-column .widget_pages ul li,
.sub-column .widget_pages ul li li,
.sub-column .widget_nav_menu ul li,
.sub-column .widget_nav_menu ul li li,
.sub-column .widget-conts .ranking li,
.sub-column .widget-conts .ranking li li,
.sub-column .widget-conts .banner li,
.sub-column .widget-conts .banner li li{
  padding: 0;
  background: none;
  list-style: none;
}
.sub-column .widget_recent_entries ul li a, .sub-column .widget_pages ul li a, .sub-column .widget_nav_menu ul li a{
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 20px;
  background-image: url(./images/icon-arrow_r.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 2px 8px;
}
#search-box{
  display: block;
  width: 255px;
  height: 45px;
  padding-top: 10px;
}
#search-box input.search-text{
  float: left;
  width: 200px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
}
#search-box input.search-go{
  float: right;
  margin: 0;
}
@media only screen and (max-width : 640px){
  .sub-column h3{
  padding-top: 0.8em;
  padding-bottom: 0.4em;
  padding-left: .4em;
  padding-left: 1.5em;
  background-color: #efefef;
  }
  .sub-column h3:before{
    margin-top: -12px;
    margin-left: .4em;
  }
  .sub-column .contents{
  padding-left: 10px;
  padding-right: 10px;
  }
  .sub-column .widget-conts ul li{
    background-image: url(./images/icon-arrow_r--mobi.png);
    -webkit-background-size: 15px;
            background-size: 15px;
  }
  .sub-column .widget_recent_entries ul li, .sub-column .widget_recent_entries ul li li, .sub-column .widget_pages ul li, .sub-column .widget_pages ul li li, .sub-column .widget_nav_menu ul li, .sub-column .widget_nav_menu ul li li, .sub-column .widget-conts .ranking li, .sub-column .widget-conts .ranking li li, .sub-column .widget-conts .banner li, .sub-column .widget-conts .banner li li{
    background: none;
  }
  .sub-column .widget_recent_entries ul li a, .sub-column .widget_pages ul li a, .sub-column .widget_nav_menu ul li a{
    background-image: url(./images/icon-arrow_r--mobi.png);
    -webkit-background-size: 15px;
            background-size: 15px;
  }
}
@media only screen and (max-width : 320px){
  .sub-column .contents{
  padding-left: 5px;
  padding-right: 5px;
  }
}

/* fotter
----------------------------------------*/
#footer{
  font-size: 1.2em;
  clear: both;
  padding-top: 30px;
  padding-bottom: 10px;
  color: #fff;
  border-top: 20px solid #f0f0f0;
  background-color: #333;
}
#footer h3{
  position: relative;
  padding-left: 2em;
  color: #ddd;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #333;
}
#footer h3:before{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -10px;
  margin-left: .6em;
  content: '\f15c';
  color: #ccc;
}
#footer .access{
  margin-bottom: 20px;
}
#area01{
  float: left;
  width: 200px;
}
#footer .area02{
  width:620px;
}
.area02 .menu--category{
  float: left;
  width: 300px;
}
.area02 .menu--archive{
  float: left;
  width: 300px;
}
.area02 .menu--archive ul{
  overflow: hidden;
  margin-right: 0;
}
#footer .menu--archive ul{
  margin-right: 0;
}
.area02 .menu--archive li{
  float: left;
  display: block;
  width: 41%;
}
.area02 .menu:first-child{
  margin-right: 20px;
}
#footer .area02 .footer-menu .menu ul{
  width: auto;
}
.footer-menu li{
  background-image: url(./images/icon-arrow02.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.copyright{
  color: #fff;
  background-color: #00a0a2;
}
@media only screen and (max-width : 640px){
  #area01, .area02 .menu{
    float: none;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  #footer .access li{
    margin-bottom: 5px;
  }
  .area02 .menu:first-child{
    margin-right: 0;
  }
  .footer-menu li{
    background-image: url(./images/icon-arrow02--mobi.png);
    -webkit-background-size: 19px;
            background-size: 19px;
  }
  .area02 .menu--archive li{
    float: none;
    width: auto;
  }
  .copyright{
    padding-bottom: 15px;
  }
}

/*------------------------------------------------------------
　ナビゲーション
-------------------------------------------------------------*/
/*  グローバルナビゲーション
----------------------------------------*/
#global-nav--custom{
  width: 100%;
  min-width: 1000px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e6e6e6;
  background-color: #f0f0f0;
}
.global-nav__in{
  width: 1000px;
  margin: auto;
}
.menu--custom{
  font-size: 1.3em;
  display: inline-block;
  overflow: hidden;
  border-left: 1px solid #e6e6e6;
}
.menu--custom li{
  position: relative;
  float: left;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}
.menu--custom li a{
  display: block;
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1em;
  padding-left: 2em;
  text-decoration: none;
  color: #333;
  border-right: 1px solid #e6e6e6;
}
.menu--custom li ul{
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 12em;
}
.menu--custom li a:link, .menu--custom li a:visited{
  color: #333;
}
.menu--custom li a:hover, .menu--custom li a:active{
  color: #999;
}
@media only screen and (max-width : 640px){
  .global-nav__in{
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
  #global-nav--custom{
    width: 100%;
    min-width: 100%;
    border-top: none;
    border-bottom: none;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
  }
  .menu--custom{
    display: block;
    margin-left: 0;
    border: 0;
  }
  .menu--custom li{
    -webkit-box-sizing: border-box ;
       -moz-box-sizing: border-box ;
            box-sizing: border-box;
    width: 50%;
    text-align: center;
  }
  .menu--custom li a{
    padding-top: .6em;
    padding-right: 2px;
    padding-bottom: .6em;
    padding-left: 2px;
    border: 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #fff;
  }
  .menu--custom li a:hover{
    color: #fff;
    background-color: #29afb1;
  }
}

/*------------------------------------------------------------
　コンテンツ
-------------------------------------------------------------*/
.post__date{
  font-size: 12px;
  margin-top: -18px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  padding-bottom: 5px;
}
.post__date i{
  color: #00a0a2;
}
@media only screen and (max-width : 640px){
  .post__date{
    margin-bottom: 10px;
  }
}

/*------------------------------------------------------------
　コンテンツ(見出し h要素)
-------------------------------------------------------------*/
#main-contents h2{
  font-size: 20px;
  font-weight: bold;
  position: relative;
  margin-right: 0;
  margin-bottom: 1.1em;
  margin-left: 0;
  padding-top: .6em;
  padding-right: .6em;
  padding-bottom: .6em;
  padding-left: 2em;
  color: #fff;
  border-top: none;
  border-radius: 4px;
  background-color: #333;
  background-image: none;
}
#main-contents h2:before{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin-top: .5em;
  margin-left: .6em;
  content: '\f0e8';
  color: #00a0a2;
  text-shadow: 0 0 5px rgba(0,0,0,.2);
}
#main-contents .contents h3{
  margin-right: 0;
  margin-bottom: 1.1em;
  margin-left: 0;
}
#main-contents h2.post-title{
  margin-bottom: 1.1em;
  padding-left: 1em;
  background-image: url(./images/bg--line.gif);
  background-position: -4px top;
  background-repeat: repeat-y;
  background-color: #333;
}
#main-contents h2.post-title:before{
  display: none;
}
#main-contents h3{
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-top: .6em;
  padding-right: .6em;
  padding-bottom: .6em;
  padding-left: 2em;
  color: #fff;
  border: none;
  border-radius: 4px;
  background-color: #232323;
  background-image: none;
}
#main-contents .contents h3{
  margin-right: 0;
  margin-bottom: 1.1em;
  margin-left: 0;
}
#main-contents h3:before{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin-top: .55em;
  margin-left: .6em;
  content: '\f02d';
  color: #00a0a2;
  text-shadow: 0 0 5px rgba(0,0,0,.2);
}
#main-contents h4{
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin-right: 0;
  margin-bottom: 1.1em;
  margin-left: 0;
  padding-top: .6em;
  padding-right: .6em;
  padding-bottom: .6em;
  padding-left: 1.8em;
  color: #fff;
  border: none;
  border-radius: 4px;
  background-color: #444;
}
#main-contents .contents h4{
  margin-right: 0;
  margin-bottom: 1.1em;
  margin-left: 0;
}
#main-contents h4:before{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin-top: .7em;
  margin-left: .6em;
  content: '\f02e';
  color: #00a0a2;
  text-shadow: 0 0 5px rgba(0,0,0,.2);
}
#main-contents h5{
  position: relative;
  margin-right: 0;
  margin-bottom: 1.1em;
  margin-left: 0;
  padding-top: .6em;
  padding-right: .6em;
  padding-bottom: .6em;
  padding-left: 1.8em;
  border: 1px solid #666;
  border-radius: 4px;
  background-color: #efefef;
}
#main-contents h5:before{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin-top: .6em;
  margin-left: .6em;
  content: '\f02b';
  color: #00a0a2;
}
#main-contents h6{
  font-weight: bold;
  position: relative;
  margin: 0 0 1.5em;
  margin: 0 0 1.5em;
  padding-top: .6em;
  padding-right: .6em;
  padding-bottom: .6em;
  padding-left: 1em;
  border-bottom: 2px solid #666;
}
#main-contents h6:before{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin-top: .6em;
  content: '\f08d';
  color: #00a0a2;
}
#main-contents h2 a:link, #main-contents h2 a:visited{
  color: #fff;
}
@media only screen and (max-width : 640px){
  #main-contents h2, #main-contents h3, #main-contents h4, #main-contents h5, #main-contents h6{
    line-height: 1.2;
  }
  #main-contents h2.post-title{
    font-size: 21px;
    line-height: 1.2;
    padding: .6em;
    background-position: left top;
    -webkit-background-size: 6px;
    background-size: 6px;
  }
  #main-contents h3, #main-contents h4{
    padding-top: .5em;
    padding-right: .4em;
    padding-bottom: .5em;
    padding-left: 1.6em;
  }
  #main-contents h2{
    padding-left: 1.6em;
  }
  #main-contents h2:before{
    margin-top: .6em;
    margin-left: .3em;
  }
  #main-contents h3:before{
    margin-top: .5em;
    margin-left: .3em;
  }
  #main-contents h4:before{
    margin-top: .5em;
    margin-left: .5em;
  }
}

/*------------------------------------------------------------
　ページ別
-------------------------------------------------------------*/
/* archive
----------------------------------------*/
.archive-title{
  background-color: #eee;
  color:#333;
}
.link-next a {
  background-image: url(./images/icon-arrow_r.png);
  background-position: 0 5px;
  background-color: transparent;
  background-repeat: no-repeat;
}
#main-contents .cont-menu-wp li.nav-next a{
  padding: 3px 0 3px 18px;
  background-image: url(./images/icon-arrow_l.png);
  background-position: left 6px;
  background-color: transparent;
  background-repeat: no-repeat;
}
#main-contents .cont-menu-wp li.nav-prev a{
  padding: 3px 18px 3px 0;
  background-image: url(./images/icon-arrow_r.png);
  background-position: right 6px;
  background-color: transparent;
}

@media only screen and (max-width : 640px){
  .archive #main-contents .contents{
    margin-bottom: 1em;
  }
  .archive .left{
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 16px!important;
    margin-bottom: 16px!important;
  }
  .link-next{
    clear: both;
  }
  .link-next a {
    background-image: url(./images/icon-arrow_r--mobi.png);
    -webkit-background-size: 15px;
    background-size: 15px;
  }
  #main-contents .cont-menu-wp li.nav-next a{
    background-image: url(./images/icon-arrow_l--mobi.png);
    -webkit-background-size: 15px;
    background-size: 15px;
  }
  #main-contents .cont-menu-wp li.nav-prev a{
    background-image: url(./images/icon-arrow_r--mobi.png);
    -webkit-background-size: 15px;
    background-size: 15px;
  }
}
@media only screen and (max-width : 320px){
  .archive .left{
    margin-right: 10px!important;
    margin-bottom: 10px!important;
  }
}

/* ブログカテゴリー
----------------------------------------*/
.cat-blog__inbox{
  display: table;
}
.cat-blog__inbox--l, .cat-blog__inbox--r{
  display: table-cell;
  vertical-align: middle;
}
.cat-blog__inbox--1{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.cat-blog__inbox--1 .cat-blog__inbox--l{
  width: 190px;
  height: 190px;
}
.cat-blog__inbox--1 .cat-blog__inbox--r{
  padding-left: 2em;
}
.cat-blog__inbox--l, .cat-blog__inbox--r > *:last-child{
  margin-bottom: 0!important;
}
#main-contents .cat-blog__inbox--1 h2.cat-blog__heading{
  font-size: 18px;
  line-height: 1.2;
  position: relative;
  display: table-cell;
  box-sizing: border-box;
  width: 190px;
  height: 190px;
  margin: 0;
  padding: 10px;
  vertical-align: middle;
  color: #333;
  border: .5em solid #00a0a2;
  border-radius: 50%;
  background: #fff;
}
#main-contents .cat-blog__inbox--1 h2.cat-blog__heading .add_color{
  color: #f30;
}
#main-contents .cat-blog__inbox--1 h2.cat-blog__heading.gloss:before{
  margin-top: 1.38em;
  margin-left: 1.38em;
  content: ' ';
}
#main-contents ul.cat-blog__list{
  margin: 0;
  margin-bottom: 2em;
}
#main-contents ul.cat-blog__list li{
  list-style: none;
}
#main-contents ul.cat-blog__list dl{
  display: table;
  border-radius: 5px;
  border: 2px solid #00a0a2;
  background-color: #f6f6f6;
}
#main-contents ul.cat-blog__list dt,#main-contents ul.cat-blog__list dd{
  display: table-cell;
  vertical-align: middle;
  padding: 1em;
  margin: 0;
}
#main-contents ul.cat-blog__list dt{
  width: 4em;
  text-align: center;
  background-color: #00a0a2;
  color:#fff;
  font-weight: bold;
  position: relative;
}
.cat-blog__list__items--1 dt{
  background-image: url(images/icon--chara--3.png);
  background-position: bottom center;
  background-repeat: no-repeat;
}
.cat-blog__list__items--2 dt{
  background-image: url(images/icon--chara--4.png);
  background-position: bottom center;
  background-repeat: no-repeat;
}
.cat-blog__list__items--3 dt{
  background-image: url(images/icon--chara--2.png);
  background-position: bottom center;
  background-repeat: no-repeat;
}
#main-contents ul.cat-blog__list dd > *:last-child{
  margin-bottom: 0!important;
}
@media only screen and (max-width : 640px){
  .cat-blog__inbox, .cat-blog__inbox--l, .cat-blog__inbox--r{
    display: block;
  }
  .cat-blog__inbox--1{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .cat-blog__inbox--1 .cat-blog__inbox--l{
    display: block;
    width: auto;
    height: auto;
  }
  .cat-blog__inbox--1 .cat-blog__inbox--r{
    padding-left: 0;
  }
  #main-contents .cat-blog__inbox--1 h2.cat-blog__heading{
    display: block;
    width: auto;
    height: auto;
    padding: 1em;
    color: #fff;
    border: 0;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #00a0a2; /* Old browsers */
    background:    -moz-linear-gradient(-30deg,  #00a0a2 0%, #00a0a2 39%, #00b7b7 39%, #00b7b7 42%, #00a0a2 42%, #00a0a2 44%, #00b7b7 44%, #00b7b7 72%, #00a0a2 72%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#00a0a2), color-stop(39%,#00a0a2), color-stop(39%,#00b7b7), color-stop(42%,#00b7b7), color-stop(42%,#00a0a2), color-stop(44%,#00a0a2), color-stop(44%,#00b7b7), color-stop(72%,#00b7b7), color-stop(72%,#00a0a2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-30deg,  #00a0a2 0%,#00a0a2 39%,#00b7b7 39%,#00b7b7 42%,#00a0a2 42%,#00a0a2 44%,#00b7b7 44%,#00b7b7 72%,#00a0a2 72%); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(-30deg,  #00a0a2 0%,#00a0a2 39%,#00b7b7 39%,#00b7b7 42%,#00a0a2 42%,#00a0a2 44%,#00b7b7 44%,#00b7b7 72%,#00a0a2 72%); /* Opera 11.10+ */
    background:     -ms-linear-gradient(-30deg,  #00a0a2 0%,#00a0a2 39%,#00b7b7 39%,#00b7b7 42%,#00a0a2 42%,#00a0a2 44%,#00b7b7 44%,#00b7b7 72%,#00a0a2 72%); /* IE10+ */
    background:         linear-gradient(-30deg,  #00a0a2 0%,#00a0a2 39%,#00b7b7 39%,#00b7b7 42%,#00a0a2 42%,#00a0a2 44%,#00b7b7 44%,#00b7b7 72%,#00a0a2 72%); /* W3C */
  }
  #main-contents .cat-blog__inbox--1 h2.cat-blog__heading br{
    display: none;
  }
  #main-contents .cat-blog__inbox--1 h2.cat-blog__heading .add_color{
    color: #fff;
  }
  #main-contents .cat-blog__inbox--1 h2.cat-blog__heading.gloss:before, #main-contents .cat-blog__inbox--1 h2.cat-blog__heading.gloss:after{
    content: none;
  }
  #main-contents ul.cat-blog__list dl,#main-contents ul.cat-blog__list dt,#main-contents ul.cat-blog__list dd{
    display: block;
  }
  #main-contents ul.cat-blog__list dl{
    background-color: #fff;
  }
  #main-contents ul.cat-blog__list dt,#main-contents ul.cat-blog__list dd{
    padding: .5em;
  }
  #main-contents ul.cat-blog__list dt{
    border-radius: 3px 3px 0 0;
    width: auto;
  }
  .cat-blog__list__items--1 dt{
    background-image: url(images/icon--chara--3--mobi.png);
    background-position: 10px bottom;
    -webkit-background-size: 29px;
    background-size: 29px;
  }
  .cat-blog__list__items--2 dt{
    background-image: url(images/icon--chara--4--mobi.png);
    background-position: 10px bottom;
    -webkit-background-size: 43px;
    background-size: 43px;
  }
  .cat-blog__list__items--3 dt{
    background-image: url(images/icon--chara--2--mobi.png);
    background-position: 10px bottom;
    -webkit-background-size: 30px;
    background-size: 30px;
  }
}



/* 42044
----------------------------------------*/
.error404 #main-contents dl.news dt{
  width:9em;
}

/* home
----------------------------------------*/
.top_new{
  width: auto;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
#main-contents h2.home__title{
  font-size: 16px;
  color:#333;
  position: relative;
  display: inline-block;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 10px;
  padding: .5em;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: transparent;
  background-image: none;
  font-weight: normal;
}
#main-contents h2.home__title:before{
  position: absolute;
  top: 50%;
  left: -10px;
  width: 0;
  height: 0;
  margin-top: -10px;
  margin-left: 0;
  content: '';
  border-top: 10px solid transparent;
  border-right: 10px solid #cacaca;
  border-bottom: 10px solid transparent;
}
#main-contents h2.home__title:after{
  position: absolute;
  top: 50%;
  left: -9px;
  width: 0;
  height: 0;
  margin-top: -10px;
  content: '';
  border-top: 10px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 10px solid transparent;
}
#main-contents h2.new__title{
  font-size: 19px;
  margin-bottom: 0;
  padding-top: .5em;
  padding-bottom: .4em;
  border-radius: 0;
  background-color: #00a0a2;
}
#main-contents h2.new__title:before{
  margin-top: .5em;
  content: '\f0a1';
  color: #fff;
}
.new__body{
  width: auto;
  margin-bottom: 3em;
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  border: 2px solid #00a0a2;
}
.top_new .new{
  float: none;
  clear: both;
  margin-right: auto;
  margin-left: auto;
}
#main-contents dl.news{
  overflow: auto;
  overflow-x: hidden;
  height: 150px;
  margin-bottom: 0;
  font-size: 14px;
}
#main-contents dl.news dt{
  width: 7em;
}
#main-contents dl.news dd{
  padding-left: 8em;
}
.topul{
  margin-bottom: 30px;
  margin-left: 30px;
}
#main-contents .menu00 h3{
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 25px;
  background-color: transparent;
}
#main-contents .menu00 h3:before{
  top: 0;
  margin-top: 0;
  margin-left: 0;
  content: '\f07c';
  text-shadow: none;
}
#main-contents .menu00 h3 a:link{
  color: #39f;
}
#main-contents .menu00 h3 a:visited{
  color: #551a8b;
}
.menu01{
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 1px dashed #999;
}
#main-contents .menu01 p{
  margin-bottom: 5px;
}
.sitelist{
  overflow: hidden;
  margin-bottom: 30px;
}
.sitelist__inbox{
  float: left;
  width: 306px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.sitelist__inbox:nth-child(2n+1){
  margin-right: 10px;
}
.sitelist__inbox--insurance,.sitelist__inbox--finance{
  margin-right: 10px;/*IE8*/
}
#main-contents .contents .sitelist__inbox h3{
  margin-bottom: 10px;
  color: #333;
  border: 1px solid #ddd;
  background-color: #e6e6e6;
}
#main-contents .contents .sitelist__inbox h3:before{
  margin-left: .4em;
  text-shadow: none;
}
#main-contents .contents .sitelist__inbox--insurance h3:before{
  margin-top: .6em;
  content: '\f004';
}
#main-contents .contents .sitelist__inbox--car h3:before{
  margin-top: .6em;
  content: '\f1b9';
}
#main-contents .contents .sitelist__inbox--finance h3:before{
  margin-top: .55em;
  content: '\f0d6';
}
#main-contents .contents .sitelist__inbox--other h3:before{
  margin-top: .65em;
  content: '\f108';
}
#main-contents .sitelist ul{
  margin-right: 10px;
  margin-bottom: 3em;
  margin-left: 10px;
}
#main-contents .sitelist__inbox ul{
  margin-bottom: 0;
}
#main-contents .sitelist ul li{
  position: relative;
  margin-bottom: 5px;
  margin-left: 0;
  padding-left: 1.3em;
  list-style-type: none;
}
.sitelist li:before{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
.topul li:before{
  content: '\f005';
  color: #ffbf00;
}
.sitelist__inbox .topul li:before{
  margin-top: 1px;
  content: '\f044';
  color: #00a0a2;
}

@media only screen and (max-width: 640px){
  #main-contents h2.home__title{
    font-size: 13px;
    margin-right: -10px;
    margin-left: 0;
  }
  #main-contents h2.new__title{
    padding-bottom: .5em;
  }
  #main-contents h2.new__title:before{
    margin-left: .4em;
  }
  .new__body{
    margin-bottom: 2em;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }
  #main-contents dl.news dt{
    margin-bottom: 0;
    padding-left: 0;
  }
  #main-contents dl.news dd{
    margin: 0 0 10px;
    padding: 0 .4em .4em;
  }
  #main-contents .menu00 h3{
    margin-bottom: .5em;
  }
  .sitelist{
    margin-bottom: 10px;
  }
  .sitelist__inbox{
    float: none;
    width: auto;
    padding: 5px;
  }
  .sitelist__inbox:nth-child(2n+1),.sitelist__inbox--insurance,.sitelist__inbox--finance{
    margin-right: 0;
  }
  #main-contents .contents .sitelist__inbox h3{
    padding-left: 1.8em;
  }
  #main-contents .contents .sitelist__inbox--insurance h3:before{
    margin-top: .5em;
    margin-left: .5em;
  }
  #main-contents .contents .sitelist__inbox--car h3:before{
    margin-top: .5em;
  }
  #main-contents .contents .sitelist__inbox--finance h3:before{
    margin-top: .5em;
  }
  #main-contents .contents .sitelist__inbox--other h3:before{
    margin-top: .5em;
  }
}

/* 目次ページ
----------------------------------------*/
.bg_moku{
  position: relative;
  clear: both;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  color: #000;
  border: 3px solid #ccc;
  background-color: #f0f0f0;
}
.bg_moku:before{
  font-size: 21px;
  position: relative;
  display: block;
  margin-bottom: 14px;
  padding-top: 2px;
  content: '\76EE\6B21';
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: #00a0a2;
}
#main-contents .bg_moku > *:last-child{
  margin-bottom: 0;
}
#main-contents .bg_moku ol, #main-contents .bg_moku ul{
  margin-right: 10px;
  margin-left: 10px;
  list-style-type: none;
}
.bg_moku li{
  margin-bottom: 8px;
  border-bottom: 1px dashed #ccc;
  padding-left: 20px;
}
.bg_moku li a{
  position: relative;

  text-decoration: none;
}
.bg_moku li a:before{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  left: 0;
  margin-top: -1px;
  margin-left: -20px;
  content: '\f152';
  color: #00a0a2;
}
#main-contents ul.asp_ul{
  font-size: 16px;
  margin-bottom: 30px;
  list-style-type: none;
}
#main-contents ul.asp_ul li{
  border-bottom: 1px dashed #ddd;
  margin-bottom: .4em;
  padding-bottom: .4em;
}
.asp_ul li a{
  padding-left: 1.5em;
  display: inline-block;
  position: relative;
  line-height: 1.2;
}
.asp_ul li a:before{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  content: '\f07c';
  color: #00a0a2;
  padding-right: 6px;
}
@media only screen and (max-width: 640px){
  .bg_moku{
    box-sizing: border-box;
    padding: 10px;
  }
  .bg_moku:before{
    padding-bottom: 2px;
    margin-bottom: 7px;
  }
  #main-contents .bg_moku ol, #main-contents .bg_moku ul{
    margin-right: 2px;
    margin-left: 2px;
  }
  #main-contents .bg_moku li{
    padding-bottom: 3px;
    margin-bottom: .3em;
  }
  .bg_moku li a:before{
    margin-top: 0;
  }
  #main-contents ul.asp_ul{
    margin-left: 10px;
    margin-right: 10px;
  }
  .asp_ul li a:before{
    margin-top: 2px;
  }
}

/* レンタルサーバー比較ページ用
----------------------------------------*/
#main-contents .rensabas{
  font-size: 14px;
  width: auto;
  margin-bottom: 40px;
  color: #000;
  background-color: #ccc;
}
#main-contents .rensabasc{
  line-height: 1.5;
  width: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 1px solid #999;
}
#main-contents .rensabasc tr.even td:nth-child(2){
  text-align: center;
}

#main-contents .rensabas th{
  padding: 3px;
}
#main-contents .rensabas td{
  padding: 3px;
  color: #000;
  background-color: #fff;
}
#main-contents .rensabas .bg_green{
  color: #fff;
  background-color: #36f;
  text-shadow: 1px 1px 1px #000;
}
#main-contents .rensabas .img{
  padding: .5em;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc;
}

#main-contents .rensabas th{
  text-align: center;
}

#main-contents .rensabas .kousiki a{
  font-size: 28px;
  font-weight: bold;
  line-height: 74px;
  display: block;
  width: 494px;
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  color: #fff;
  background-image: url(../../../img/siryo.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
#main-contents .rensabas .kousiki a:hover{
  color: #ff0;
}

#main-contents .rensabas .title01{
  font-size: 24px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 70px;
  text-align: left;
  color: #000;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #06f;
  background-image: url(../../../img/rank01.jpg);
  background-repeat: no-repeat;
  text-shadow: 1px 1px 1px #000;
}
#main-contents .rensabas .title02{
  font-size: 24px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 70px;
  text-align: left;
  color: #000;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #06f;
  background-image: url(../../../img/rank02.jpg);
  background-repeat: no-repeat;
  text-shadow: 1px 1px 1px #000;
}
#main-contents .rensabas .title03{
  font-size: 24px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 70px;
  text-align: left;
  color: #000;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #06f;
  background-image: url(../../../img/rank03.jpg);
  background-repeat: no-repeat;
  text-shadow: 1px 1px 1px #000;
}
#main-contents .rensabas .title04{
  font-size: 24px;
  font-weight: bold;
  padding-top: 8px;
  padding-left: 70px;
  text-align: left;
  color: #000;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #06f;
  background-image: url(../../../img/rank04.jpg);
  background-repeat: no-repeat;
  text-shadow: 1px 1px 1px #000;
}
#main-contents .rensabas .title05{
  font-size: 24px;
  font-weight: bold;
  padding-top: 8px;
  padding-left: 70px;
  text-align: left;
  color: #000;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #06f;
  background-image: url(../../../img/rank05.jpg);
  background-repeat: no-repeat;
  text-shadow: 1px 1px 1px #000;
}

@media only screen and (max-width: 640px){
  #main-contents .rensabas{
    width: 100%;
  }
  #main-contents .rensabasc{
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
  #main-contents .rensabas .kousiki a{
    width: auto;
    margin-right: 2%;
    margin-left: 2%;
    border: 1px solid #003900;
    border-radius: 3px;
    background: #090; /* Old browsers */
    background:    -moz-linear-gradient(top,  #090 0%, #009a00 50%, #006d00 50%, #2f9903 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#090), color-stop(50%,#009a00), color-stop(50%,#006d00), color-stop(100%,#2f9903)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #090 0%,#009a00 50%,#006d00 50%,#2f9903 100%); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top,  #090 0%,#009a00 50%,#006d00 50%,#2f9903 100%); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top,  #090 0%,#009a00 50%,#006d00 50%,#2f9903 100%); /* IE10+ */
    background:         linear-gradient(to bottom,  #090 0%,#009a00 50%,#006d00 50%,#2f9903 100%); /* W3C */
  }
}
@media only screen and (max-width: 500px){
  #main-contents .rensabasc{
    border: none;
  }
  #main-contents .rensabasc td{
    display: block;
    width: auto;
    padding-top: 10px;
    border: none;
  }
  #main-contents .rensabasc td.img{
    border-right: none;
    border-bottom: 1px dotted #ccc;
  }
}

/*------------------------------------------------------------
　パーツ(テーブルのkyクラス)
-------------------------------------------------------------*/
/* table .ky */
#main-contents table.ky{
  font-size: 14px;
  width: 100%;
  margin-bottom: 30px;
  margin-left: 0;
  table-layout: fixed;
  background-color: #999;
}
#main-contents table.ky th{
  font-weight: bold;
  padding: 5px;
  text-align: center;
  color: #FFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999;
  background-color: #333333;
}
#main-contents table.ky th a{
  color: #fff;
}
#main-contents table.ky th a:hover{
  color: #ff0;
}
#main-contents table.ky td{
  padding: 5px;
  background-color: #fff;
}
#main-contents table.ky td.bg{
  padding: 5px;
  background-color: #e0e0e0;
}
#main-contents table.ky ul{
  margin-left: 0;
  padding-left: 26px;
  vertical-align: top;
}
@media only screen and (max-width: 640px){
  #main-contents table.ky th, #main-contents table.ky td{
    width: auto;
  }
  #main-contents table.ky{
    table-layout: auto;
  }
  #main-contents table.ky ul{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.5em;
    margin-left: 0;
    padding-left: 1em;
  }
  #main-contents table.ky ul:last-child{
    margin-bottom: 0;
  }
}

/*------------------------------------------------------------
　パーツ(dlのkyクラス)
-------------------------------------------------------------*/
dl.ky{
  clear: both;
  margin-bottom: 1.2em;
  padding: 0;
  border: 1px solid #777;
  border-top: none;
  background: #ddd;
}
dl.ky dt{
  font-weight: bold;
  margin: 0;
  padding: .5em;
  color: #444;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
}
dl.ky dd{
  margin: 0;
  padding: .8em 1.0em;
  background: #fff;
}

/*------------------------------------------------------------
　パーツ(おすすめやポイントなどの枠)
-------------------------------------------------------------*/
.block_check{
  clear: both;
  margin-bottom: 20px;
  padding-top: 65px;
  padding-right: 20px;
  padding-left: 20px;
  color: #000;
  border: 2px solid #ff9793;
  background-image: url(./images/bg--check--custom.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.block_point{
  clear: both;
  margin-bottom: 20px;
  padding-top: 65px;
  padding-right: 20px;
  padding-left: 20px;
  color: #000;
  border: 2px solid #00ada7;
  background-image: url(./images/bg--point--custom.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.block_cyui{
  clear: both;
  margin-bottom: 20px;
  padding-top: 65px;
  padding-right: 20px;
  padding-left: 20px;
  color: #000;
  border: 2px solid #cc94a8;
  background-image: url(./images/bg--cyui--custom.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.block_reibun{
  clear: both;
  margin-bottom: 20px;
  padding-top: 65px;
  padding-right: 20px;
  padding-left: 20px;
  color: #000;
  border: 2px solid #92cc9a;
  background-image: url(./images/bg--reibun--custom.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.block_tejun{
  clear: both;
  margin-bottom: 20px;
  padding-top: 65px;
  padding-right: 20px;
  padding-left: 20px;
  color: #000;
  border: 2px solid #3f8499;
  background-image: url(./images/bg--tejun--custom.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.block_ossm{
  clear: both;
  margin-bottom: 20px;
  padding-top: 65px;
  padding-right: 20px;
  padding-left: 20px;
  color: #000;
  border: 2px solid #d4cf6a;
  background-image: url(./images/bg--ossm--custom.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.block_waku{
  clear: both;
  margin-bottom: 20px;
  padding-top: 65px;
  padding-right: 20px;
  padding-left: 20px;
  color: #000;
  border: 2px solid #94c1cc;
  background-image: url(./images/bg--waku--custom.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.mobi .block_check{
  background-image: url(./images/bg--check--custom--mobi.png);
  -webkit-background-size: 690px;
          background-size: 690px;
}
.mobi .block_point{
  background-image: url(./images/bg--point--custom--mobi.png);
  -webkit-background-size: 690px;
          background-size: 690px;
}
.mobi .block_cyui{
  background-image: url(./images/bg--cyui--custom--mobi.png);
  -webkit-background-size: 690px;
          background-size: 690px;
}
.mobi .block_reibun{
  background-image: url(./images/bg--reibun--custom--mobi.png);
  -webkit-background-size: 690px;
          background-size: 690px;
}
.mobi .block_tejun{
  background-image: url(./images/bg--tejun--custom--mobi.png);
  -webkit-background-size: 690px;
          background-size: 690px;
}
.mobi .block_ossm{
  background-image: url(./images/bg--ossm--custom--mobi.png);
  -webkit-background-size: 690px;
          background-size: 690px;
}
.mobi .block_waku{
  background-image: url(./images/bg--waku--custom--mobi.png);
  -webkit-background-size: 690px;
          background-size: 690px;
}
@media only screen and (max-width: 640px){
  .block_check, .block_point, .block_cyui, .block_reibun, .block_tejun, .block_ossm, .block_waku{
    margin-right: 0;
    margin-left: 0;
    padding-left: 1em;
    padding-right: 1em;
  }
  .block_check ul, .block_point ul, .block_cyui ul, .block_reibun ul, .block_tejun ul, .block_ossm ul, .block_waku ul{
    padding-left: 20px;
    margin-right: 0!important;
    margin-left: 1em!important;
  }
  .block_check ol, .block_point ol, .block_cyui ol, .block_reibun ol, .block_tejun ol, .block_ossm ol, .block_waku ol{
    padding-left: 20px;
    margin-right: 0!important;
    margin-left: 1.4em!important;
  }
}

/*------------------------------------------------------------
　パーツ(コメント）
-------------------------------------------------------------*/
@media only screen and (max-width: 640px){
  #main-contents .commentlist li{
    margin-bottom: 1em;
  }
  #main-contents .commentlist li p{
    margin-bottom: 1em;
  }
  #main-contents .comment-author, #main-contents .comment-meta{
    margin-bottom: .6em;
  }
}

/*------------------------------------------------------------
　パーツ(その他)
-------------------------------------------------------------*/
/* tableとyotubeのレスポンシブ基本設定 */
@media only screen and (max-width: 640px){
  .table-wrap{
    overflow: auto;
    max-width: 100%;
    display: block;
  }
  .table-wrap td,.table-wrap th{
    width:auto;
  }
  .youtube-wrap{
    display: block;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube-wrap iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

/* 画像 */
.post img.size-full, .post img.size-medium, .post img.size-large, .post a img.size-medium, .post a img.size-large, .post a img.size-thumbnail{
  padding: 4px;
  border: 4px solid #dfdfdf;
  background-color: #f3f3f3;
  margin-bottom: 1em;
}
.post p img.size-full, .post p img.size-medium, .post p img.size-large, .post p a img.size-medium, .post p a img.size-large, .post p a img.size-thumbnail{
  margin-bottom: 0;
}
.post img.alignleft{
  margin-right: 1em;
}
.post img.alignright{
  margin-left: 1em;
}
.left{
  overflow: hidden;
  width: 150px;
  height: 150px;
  text-align: center;
  border: 1px solid #bbb;
}
@media only screen and (max-width: 640px){
  .post img.size-full, .post img.size-medium, .post img.size-large, .post a img.size-medium, .post a img.size-large{
    box-sizing: border-box;
  }
  .post p a:not(:last-child) img.size-medium, .post p a:not(:last-child) img.size-large, .post p a:not(:last-child) img.size-thumbnail{
    margin-bottom: 1em;
  }
  .post img.alignleft,.post img.alignright{
    margin-left: auto;
    margin-right: auto;
  }
}

/* 上に戻る */
.page-top {
    right: 20px;
    bottom: 20px;
    width: 48px;
}
.page-top a:link, .page-top a:visited, .page-top a:hover, .page-top a:active, .page-top a:focus {
    position: relative;
    display: block;
    width: 48px;
    height: 46px;
    padding: 0px;
    color: #FFF;
    border: 0px none;
    background-color: transparent;
    background-image: none;
    opacity: .8;
}
@media only screen and (max-width: 640px){
  .page-top {
    right: 10px;
    bottom: 10px;
  }
}

/* 黄色下線 */
.bg_yellow{
  background: linear-gradient(transparent 60%, #FFC1A4 0%);
  font-weight: bold;
}

/* ロゴイラストの振り子 */
.swing{
  -webkit-transform-origin: center 30px 0;
     -moz-transform-origin: center 30px 0;
      -ms-transform-origin: center 30px 0;
       -o-transform-origin: center 30px 0;
          transform-origin: center 30px 0;
  -webkit-animation: swing linear 5s 1;
     -moz-animation: swing linear 5s 1;
      -ms-animation: swing linear 5s 1;
       -o-animation: swing linear 5s 1;
          animation: swing linear 5s 1;
}
@-moz-keyframes swing{
  0%{-moz-transform: rotate(0deg);}
  10%{-moz-transform: rotate(-14deg);}
  38%{-moz-transform: rotate(12deg);}
  40%{-moz-transform: rotate(13deg);}
  42%{-moz-transform: rotate(12deg);}
  58%{-moz-transform: rotate(-10deg);}
  60%{-moz-transform: rotate(-11deg);}
  62%{-moz-transform: rotate(-10deg);}
  73%{-moz-transform: rotate(7deg);}
  75%{-moz-transform: rotate(8deg);}
  77%{-moz-transform: rotate(7deg);}
  83%{-moz-transform: rotate(-4deg);}
  85%{-moz-transform: rotate(-5deg);}
  87%{-moz-transform: rotate(-4deg);}
  90%{-moz-transform: rotate(4deg);}
  94%{-moz-transform: rotate(3deg);}
  97%{-moz-transform: rotate(-3deg);}
  100%{-moz-transform: rotate(0deg);}
}
@-webkit-keyframes swing{
  0%{-webkit-transform: rotate(0deg);}
  10%{-webkit-transform: rotate(-14deg);}
  38%{-webkit-transform: rotate(12deg);}
  40%{-webkit-transform: rotate(13deg);}
  42%{-webkit-transform: rotate(12deg);}
  58%{-webkit-transform: rotate(-10deg);}
  60%{-webkit-transform: rotate(-11deg);}
  62%{-webkit-transform: rotate(-10deg);}
  73%{-webkit-transform: rotate(7deg);}
  75%{-webkit-transform: rotate(8deg);}
  77%{-webkit-transform: rotate(7deg);}
  83%{-webkit-transform: rotate(-4deg);}
  85%{-webkit-transform: rotate(-5deg);}
  87%{-webkit-transform: rotate(-4deg);}
  90%{-webkit-transform: rotate(4deg);}
  94%{-webkit-transform: rotate(3deg);}
  97%{-webkit-transform: rotate(-3deg);}
  100%{-webkit-transform: rotate(0deg);}
}
@-o-keyframes swing{
  0%{-o-transform: rotate(0deg);}
  10%{-o-transform: rotate(-14deg);}
  38%{-o-transform: rotate(12deg);}
  40%{-o-transform: rotate(13deg);}
  42%{-o-transform: rotate(12deg);}
  58%{-o-transform: rotate(-10deg);}
  60%{-o-transform: rotate(-11deg);}
  62%{-o-transform: rotate(-10deg);}
  73%{-o-transform: rotate(7deg);}
  75%{-o-transform: rotate(8deg);}
  77%{-o-transform: rotate(7deg);}
  83%{-o-transform: rotate(-4deg);}
  85%{-o-transform: rotate(-5deg);}
  87%{-o-transform: rotate(-4deg);}
  90%{-o-transform: rotate(4deg);}
  94%{-o-transform: rotate(3deg);}
  97%{-o-transform: rotate(-3deg);}
  100%{-o-transform: rotate(0deg);}
}
@-ms-keyframes swing{
  0%{-ms-transform: rotate(0deg);}
  10%{-ms-transform: rotate(-14deg);}
  38%{-ms-transform: rotate(12deg);}
  40%{-ms-transform: rotate(13deg);}
  42%{-ms-transform: rotate(12deg);}
  58%{-ms-transform: rotate(-10deg);}
  60%{-ms-transform: rotate(-11deg);}
  62%{-ms-transform: rotate(-10deg);}
  73%{-ms-transform: rotate(7deg);}
  75%{-ms-transform: rotate(8deg);}
  77%{-ms-transform: rotate(7deg);}
  83%{-ms-transform: rotate(-4deg);}
  85%{-ms-transform: rotate(-5deg);}
  87%{-ms-transform: rotate(-4deg);}
  90%{-ms-transform: rotate(4deg);}
  94%{-ms-transform: rotate(3deg);}
  97%{-ms-transform: rotate(-3deg);}
  100%{-ms-transform: rotate(0deg);}
}
@keyframes swing{
  0%{transform: rotate(0deg);}
  10%{transform: rotate(-14deg);}
  38%{transform: rotate(12deg);}
  40%{transform: rotate(13deg);}
  42%{transform: rotate(12deg);}
  58%{transform: rotate(-10deg);}
  60%{transform: rotate(-11deg);}
  62%{transform: rotate(-10deg);}
  73%{transform: rotate(7deg);}
  75%{transform: rotate(8deg);}
  77%{transform: rotate(7deg);}
  83%{transform: rotate(-4deg);}
  85%{transform: rotate(-5deg);}
  87%{transform: rotate(-4deg);}
  90%{transform: rotate(4deg);}
  94%{transform: rotate(3deg);}
  97%{transform: rotate(-3deg);}
  100%{transform: rotate(0deg);}
}

/* 伸びる矢印(１ミリでも前へ用) */
.for_elastic{
  box-sizing: border-box;
  width: 180px;
  max-width: 180px;
  margin-bottom: .5em;
  padding-right: 30px;
  -webkit-transition: max-width 10s linear;
          transition: max-width 10s linear;
  white-space: nowrap;
}
.for_elastic.is_extend{
  width: 100%;
  max-width: 650px;
}
.for_elastic .elastic__arrow{
  font-weight: bold;
  position: relative;
  display: block;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 10px;
  text-align: right;
  color: #fff;
  background-color: #f05a4c;
}
.for_elastic .elastic__arrow:before{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 100%;
  margin-left: 5px;
  content: ' ';
  background-color: #fff;
}
.for_elastic .elastic__arrow:after{
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -30px;
  content: ' ';
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #f05a4c;
}

/* 虫眼鏡光沢(PCサイズのみ適用) */
@-moz-keyframes gloss-shadow{
  from{
    box-shadow: 0 0 0 3px rgba(0,0,0,.1) inset,0 0 20px 0 rgba(255,255,255,.4) inset,0 0 0 2px rgba(0,0,0,.1) inset,0 0 0 1px rgba(0,0,0,.2)inset,0 0 0 2px rgba(0,0,0,.2),0 0 0 2px rgba(0,0,0,.2);
  }
  to{
    box-shadow: 0 0 0 3px rgba(0,0,0,.1) inset,20px 20px 20px 0 rgba(255,255,255,.8) inset,0 0 20px 10px rgba(0,0,0,.2) inset,-5px -5px 1px 1px rgba(0,0,0,.2)inset,-5px -6px 1px 2px rgba(0,0,0,.2),0 0 3px 2px rgba(0,0,0,.2);
  }
}
@-webkit-keyframes gloss-shadow{
  from{
    box-shadow: 0 0 0 3px rgba(0,0,0,.1) inset,0 0 20px 0 rgba(255,255,255,.4) inset,0 0 0 2px rgba(0,0,0,.1) inset,0 0 0 1px rgba(0,0,0,.2)inset,0 0 0 2px rgba(0,0,0,.2),0 0 0 2px rgba(0,0,0,.2);
  }
  to{
    box-shadow: 0 0 0 3px rgba(0,0,0,.1) inset,20px 20px 20px 0 rgba(255,255,255,.8) inset,0 0 20px 10px rgba(0,0,0,.2) inset,-5px -5px 1px 1px rgba(0,0,0,.2)inset,-5px -6px 1px 2px rgba(0,0,0,.2),0 0 3px 2px rgba(0,0,0,.2);
  }
}
@-o-keyframes gloss-shadow{
  from{
    box-shadow: 0 0 0 3px rgba(0,0,0,.1) inset,0 0 20px 0 rgba(255,255,255,.4) inset,0 0 0 2px rgba(0,0,0,.1) inset,0 0 0 1px rgba(0,0,0,.2)inset,0 0 0 2px rgba(0,0,0,.2),0 0 0 2px rgba(0,0,0,.2);
  }
  to{
    box-shadow: 0 0 0 3px rgba(0,0,0,.1) inset,20px 20px 20px 0 rgba(255,255,255,.8) inset,0 0 20px 10px rgba(0,0,0,.2) inset,-5px -5px 1px 1px rgba(0,0,0,.2)inset,-5px -6px 1px 2px rgba(0,0,0,.2),0 0 3px 2px rgba(0,0,0,.2);
  }
}
@keyframes gloss-shadow{
  from{
    box-shadow: 0 0 0 3px rgba(0,0,0,.1) inset,0 0 20px 0 rgba(255,255,255,.4) inset,0 0 0 2px rgba(0,0,0,.1) inset,0 0 0 1px rgba(0,0,0,.2)inset,0 0 0 2px rgba(0,0,0,.2),0 0 0 2px rgba(0,0,0,.2);
  }
  to{
    box-shadow: 0 0 0 3px rgba(0,0,0,.1) inset,20px 20px 20px 0 rgba(255,255,255,.8) inset,0 0 20px 10px rgba(0,0,0,.2) inset,-5px -5px 1px 1px rgba(0,0,0,.2)inset,-5px -6px 1px 2px rgba(0,0,0,.2),0 0 3px 2px rgba(0,0,0,.2);
  }
}
@media only screen and (min-width: 641px){
  .gloss{
    -webkit-animation: gloss-shadow 3s;
       -moz-animation: gloss-shadow 3s;
         -o-animation: gloss-shadow 3s;
            animation: gloss-shadow 3s;
    color: #333;
    border: .5em solid #00a0a2;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0,0,0,.1) inset,20px 20px 20px 0 rgba(255,255,255,.8) inset,0 0 20px 10px rgba(0,0,0,.2) inset,-5px -5px 1px 1px rgba(0,0,0,.2)inset,-5px -6px 1px 2px rgba(0,0,0,.2),0 0 3px 2px rgba(0,0,0,.2);
  }
  .gloss:before, .gloss:after{
    position: absolute;
    display: block;
    width: .8em;
    height: .8em;
    content: ' ';
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.7);
  }
  .gloss:before{
    top: 0;
    left: 0;
    margin-top: 1.38em;
    margin-left: 1.38em;
  }
  .gloss:after{
    right: 0;
    bottom: 0;
    margin-right: 1.45em;
    margin-bottom: 1.45em;
  }
}



/*------------------------------------------------------------
　sns(はてぶ含む)
-------------------------------------------------------------*/
.home .sns{
  width: 180px;
  float: left;
}
#main-contents ul.snsb{
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.home #main iframe#twitter-widget-0{
  width: 76px !important;
}
.home .sns .snsb li{
  height: 40px;
  overflow: hidden;
}

p.sob99{
  margin-bottom: 0;
}
.sob_top{
  float: left;
  width: 300px;
  height: 35px;
  padding-top: 20px;
  padding-left: 10px;
}
.sob_top .hatena, .sob_top .g1, .sob_top .fb{
  float: left;
}
.sob_top .hatena_up, .sob .hatena_up{
  float: left;
  margin-right: 20px;
}
.sob02{
  float: left;
  width: 200px;
  height: 60px;
}
.sob02 .hatena, .sob02 .g1, .sob02 .fb, .sob02 .rss2{
  float: left;
  padding-bottom: 5px;
}
.sob02 .fb{
  width: 110px;
}
.bn{
  float: left;
  width: 570px;
  height: 100px;
}
.bn .hate, .top_new .tweet, .bn .share, .bn .gp{
  display: block;
  float: left;
  width: 90px;
  margin-bottom: 20px;
}
.sns .snsb li{
  float: left;
  margin-right: 10px;
  list-style-type: none;
}
.sns .snsb li:last-child{
  margin-right: 0;
}
.sns li{
  margin-bottom: 5px;
}
.hatebu{
  font-size: 12px;
  display: block;
}
.sub-column .widget-conts .hatebu ul li {
  background-image: none;
  padding: 0px 5px;
  font-size: 14px;
}
@media only screen and (max-width: 640px){
  .home .sns{
    float: none;
    width:auto;
    margin-bottom: 10px;
  }
  #sub-contents .sub-contents-btn, #sidebar .sidebar-btn{
    display: none;
  }
  .sub-column #sub-contents-in, .sub-column #sidebar-in{
    display: block;
  }
  .sub-column .widget-conts .hatebu ul li {
    background-image: none;
    padding: 0px 5px;
  }
}

/*------------------------------------------------------------
　広告
-------------------------------------------------------------*/
.fken{
  margin-bottom: 20px;
}
.fken img{
  margin: 0;
}
.ab_bn02 {
  max-width:640px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 640px){
  .fken{
    text-align: left;
  }
  .ab_bn02 {
    max-width:none;
    margin-bottom: 20px;
    text-align: left;
  }
}