@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
/*
【オリジナルＣＳＳの読み込み設定】
<link href="/wp-content/themes/keni70_wp_corp_blue_201607190231/style.css" rel="stylesheet" type="text/css" media="all" />
を</head>の上に挿入。ケンイの設定画面で設定可能。
*/

/* WEBフォントの設定（上のimport urlも） */
body{
	font-family: -apple-system,BlinkMacSystemFont,"Noto Sans JP","Segoe UI","Helvetica Neue,Hiragino Kaku Gothic ProN","メイリオ",meiryo,sans-serif;
	color: rgb(51, 51, 51);
}
/*--------------------------------------------------------
解像度1200px以下 PC
--------------------------------------------------------*/
@media
only screen and (max-width : 1200px){
	html,body{
		font-size:15px
	}
}/*解像度1200px以下*/


/*--------------------------------------------------------
解像度737px以上950px以下 ipad
--------------------------------------------------------*/
@media (min-width: 737px) and (max-width: 950px){
	html,body{
		font-size:16px
	}
}/*解像度737px以上950px以下*/

/*--------------------------------------------------------
解像度736px以下 iphone
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){
	html,body{
			font-size:18px
		}
}/*解像度736px以下*/


/*--------------------------------------------------------
解像度480px以下 iphone3GSなど
--------------------------------------------------------*/
@media
only screen and (max-width : 480px){
	html,body{
		font-size:18px
	}	
}/*解像度480px以下*/







.red{ color: #FF0000!important; }/*赤*/

/* ドットのアンダーライン */
.sample {
    padding-bottom: 5px;
    background: url(http://www.ilovex.co.jp/blog/system/img/2013/img20130613.png) repeat-x bottom left;
    line-height: 2em;
    font-weight:bold;
}

/* おすすめ記事一覧表示の設定 */
li.recommend{
  list-style:none;
}

li.recommend img{
  float:left;
  margin:0px 10px 7px 0px;
  border:inset 5px #6495ED;
}

li.recommend a{
  font-weight:bold;
  font-size: 1em;
}

/* カテゴリ一覧表示の設定 */
li.cat-list{
  list-style:none;
}

li.cat-list img{
  float:left;
  margin:0px 10px 7px 0px;
  border:inset 5px #6495ED;
}

li.cat-list a{
  font-weight:bold;
  font-size: 1.2em;
}

/* 都道府県リスト地図 */
.japan-map {
  background-image: url("https://fudosanbaibai.net/wp-content/uploads/2017/07/japan.jpg");
  background-position:center;
  background-repeat: no-repeat;
  background-size:contain;
  /*background-color:rgba(255,255,230,0.5);*/

}
.japan-map ul{
  list-style:none;
}


/* ★賢威の設定の上書き★*/
/* ★タイトルの表示変更★*/
.section-wrap h1.section-title {
    line-height: 1.5;
    margin: 0 0 1em;
    border: none;
    background: transparent;
    color: #000000; /* #3770ad;*/
    font-size: 1.95em;
    border-top: 4px solid #3770ad;
    border-bottom: 2px solid #e2eefb;
    padding: 20px 0;
    position: relative;
}
.main-body .section-title a{
    text-decoration:none; /*■追加　リンクの下線なし*/
    font-size: 0.85em; /*■一覧のタイトル文字サイズを変更*/
    color: #3770ad; /*■一覧の文字色変更*/
}

th{
	text-align: center;
}
.rate_table tr,td{
    padding: 0.1em 0.1em;
    line-height: 1.2;
}
thead th{
	background-color: #0066cc;/*#83add9*/
}

/* flexbox設定 */
.flex-container {
    display: flex;
    flex-direction: row; 
    align-items: stretch; 
    justify-content: center; 
    flex-wrap: wrap; 
    align-content: stretch; 
}
.flex-container .sub{
    padding: 0.25em 0.3em;
}

p.bikou{
    line-height: 1.2;
}

/*表の幅指定*/
.w11{ width: 11%; }
.w12{ width: 12%; }
.w13{ width: 13%; }
.w14{ width: 14%; }
.w16{ width: 16%; }
.w17{ width: 17%; }
.w18{ width: 18%; }
.w19{ width: 19%; }

/* コラムボックス*/
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}
/*広告ボックス*/
.box_ads {
    padding: 0.5em 1em;
    margin: 2em 0em;
    border: double 5px #4ec4d3;
}
.box_ads p {
    margin: 0.1em; 
    padding: 0.1em;
}
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
/*.box27 p {
	padding: 10px;
	margin: 10px;
}*/

/*トップ画像に文字を入れる*/
.top1{
  position: relative;
  }

.top1{
  position: relative;
  }

.top1 p {
  position: absolute;
  top: 0;/*画像の左上に配置*/
  left: 0;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background-color: rgba(0,100,200,0.5);
  font-weight: bold; /*太字に*/
  font-size: 2em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  line-height: 1;/*行高は1に*/
  padding: 10px 10px;/*文字周りの余白*/
  width: 80%;
  
  }

/*ヤフー地図を入れる場合の設定*/
.top1 img {
  width: 100%;
  }