/* 本文 */
body {
    font-size: 17.5px; 
    line-height: 1.2 !important;
}


.b {
font-weight:bold;
     margin: 0px 0px 20px 0px ; 
}
.blue {
font-weight:bold;
     margin: 20px 0px 10px 0px ;
    color: #087eec;
}
.syutten {
     margin: -20px 0px 30px 0px ;
    color: #999;
    font-size: 10px; 
  text-align: right;
}


.ad2 {
     margin: -50px 0px 0px 0px ; 

	font-size: 17.5px; 
    line-height: 1.8 !important;
}
.titleunder {
      text-align: left;
        font-size: 15px; 
}


/* インタビューの文字 */
p.qe{
color: #0040FF;
}
/* ctaの文字 */
p.cta{
                font-size: 17.5px; 
text-align: left;
        line-height: 1.75 !important;
}

/*テーブルのスライド*/
.scrollable-table table{
  border-collapse: collapse;
  max-width: 100%;
    
}

.scrollable-table th,
.scrollable-table td{
  border: solid 1px #94653d;
  padding: 20px 20px;
  white-space: nowrap;
}

.scrollable-table {
  overflow-x: auto;
  max-width: 770px;
}


/* ウィジェットのリスト */
.block {
    padding: 10px 10px 10px 10px;
    color: #77411f;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
        font-size: 16px; 
font-weight:bold;
    text-align: center; 
      border-bottom: 1px solid #77411f;
}

.defaultlist
,.defaultlist li{
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  10px 0px 10px 0px !important; 
    padding: -1px 10px 0px 0px !important; 
  font: 18px/0.6 'arial narrow', sans-serif;
}


.list2 li{
	        font-size: 16px; 
      line-height:22px;
    padding:  15px 15px 20px 15px;             /* 余白指定 */
    background-color:  #F7D358; /* 背景色指定 */
    border-radius:  10px;       /* 角丸指定 */
    margin-bottom: 5px;         /* 要素と要素の間指定 */
    color: #fff;                /* 文字色指定 */
}
 
.list2 li:before{
    
    content:  "";     /* 空の要素作成 */
    width: 0px;                /* 幅指定 */
    height: 20px;               /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #F7D358;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 3px;                   /* 位置指定 */
    border-radius:  50%;        /* 要素を丸くする */
    margin-right: 5px;          /* 余白指定 */
}
 


/* 色枠の設定 */
.area_yellow{
    background-color:#fffef4 !important;
    border:2px solid #fae989 !important;
    padding:0px 15px 0px 15px !important;
    margin-bottom:20px !important;
    text-align:left;
}
.area_pink{
    background-color:#fff4f4 !important;
    border:2px solid #fa8989 !important;
    padding:15px !important;
    margin-bottom:30px !important;
    text-align:left;
}
.area_gray{
    background-color:#f9f9f9 !important;
    border:2px solid #d3d3d3 !important;
    padding:15px !important;
    margin-bottom:30px !important;
    text-align:left;
}


/* ランキング */
h3.ranking{
    border:none !important;
    padding:8px 15px 7px 42px !important;
    margin:15px 0 20px !important;
    font-size:1.4em !important;
    clear:both !important;
}
.rank01{    background:url(https://hikkoshi-no1.com/wp-content/uploads/2018/09/rank01_01.png) no-repeat 0 0  !important;
}

.rank02{    background:url(https://hikkoshi-no1.com/wp-content/uploads/2018/09/rank01_02.png
) no-repeat 0 0 !important;
}

.rank03{    background:url(https://hikkoshi-no1.com/wp-content/uploads/2018/09/rank01_03.png) no-repeat 0 0 !important;
}


/* 公式サイトのリンクボタン */
.btn03 {
    width:80%;
    margin:-10px auto -10px auto;
    font-size:20px !important;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 4px;
    background-color:#e84c3d;
    border-radius:8px;
    color: #fff;
  box-shadow: 2px 2px 4px gray;
  border-bottom: solid 5px #c60f46;/*ボタン色より暗めに*/
  border-right: solid 5px #c60f46;/*ボタン色より暗めに*/

}


.btn03:hover {
    background-color:#f39700;
        color: #fff;
}
.btn03:link {
    color:#fff !important;
    font-weight:bold;
    text-decoration:none !important;
}
.btn03:visited {
    color:#ffffff !important;
}
.btn03:active {
    color:#ffffff !important;
}


/*
ここに独自の CSS を追加することができます。


詳しくは上のヘルプアイコンをクリックしてください。
*/
/*--------------------
 吹き出しを作る
--------------------*/
/* 全体のスタイル */
.kaiwa {
    font-size: 16px;
    color: #545454;
    margin-bottom: 30px;
        line-height: 1.2 !important;


}
/* 左画像 */
.kaiwa-img-left {
  margin: 0px 0px 0px 10px ;  float: left;
  width: 80px;
  height: 80px;
}
/* 右画像 */
.kaiwa-img-right {
margin: 0px 10px 0px 0px ; float: right;
    width: 80px;
  height: 80px;
}
.kaiwa figure img {
  width: 100%;
  height: 100%;
    border: 0px solid #aaa;
  border-radius: 0%;
  margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
  padding: 5px 0 0;
  font-size: 8px;
  text-align: center;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
  position: relative;
  margin-left: 110px;
  padding: 10px 5px 15px 5px ;
  border: 2px solid #6cc86c;
  border-radius: 10px;
  background-color: #d8ffd0;
}


/* 右からの吹き出しテキスト */
.kaiwa-text-left {
  position: relative;
  margin-right: 110px;


  padding: 10px 5px 15px 5px ;
  border: 2px solid #F5BCA9;
  border-radius: 10px;
  background-color: #F8E6E0;
}
p.kaiwa-text {
  margin: 10px 10px 10px 10px;
    line-height: 1.5em;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #6cc86c;
  top: 15px;
  left: -22px;
}
.kaiwa-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #d8ffd0;
  top: 15px;
  left: -19px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #F5BCA9;
  top: 15px;
  right: -20px;
}
.kaiwa-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 14px solid #F8E6E0;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: block;
}


/*リスト*/
.list_01{
    font-size: 17px  !important;
            font-weight: bold !important;
    line-height:1.6em;
}
.list_01 li:before{
  left: 0 !important;
  width: 10px !important;
  height: 10px !important;
  line-height: 25px !important;
  text-align:center !important;
    margin:-2px 0px 0px 0px !important;
}


/*やじるし*/
.ya{
    padding:0px 0px 0px 0px !important;
    margin:0px 0px -30px 0px !important;
    text-align:center;
}


.syouzyou
{
     margin: 20px 0px 10px 0px ;
    text-align:center;
}


.kuwasiku
{
     margin: 0px 0px -25px 0px ;
    text-align:center;
}
.adarea-box{
	display:none;
}