* {
	margin:0px;
	padding:0px;
	border:0px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif;
	 -webkit-text-size-adjust: 100%;
  }
html,body {
	min-height:100vh;
	line-height:1.5;
	-webkit-tap-highlight-color:
	rgba(0,0,0,0.8);
	background-color:var(--keycolor-base);
	color:var(--keycolor-bl);
	font-size: 62.5%;
}


input {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif;
	font-size:1.4rem;
}
* a {
	color:#4f9dda;
	text-decoration: none;
}
textarea:focus,  input[type="text"]:focus{
	border: 1px solid  var(--keycolor-search);
}

.left{
	text-align:left;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}

.row{
	flex-direction: row;
}
.column{
	flex-direction: column;
}



/* パンくず */
.breadcrumb{
  width: 100%;
  margin: 0px 0%;
  padding: 4px 2%;
  font-size: 1.2rem;
	display: flex;
  flex-wrap: wrap;
	list-style: none;
}
.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #52b5ee;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

/* footer */
footer{
	display:flex;
	justify-content: center;
	align-items: center;
		width:100%;
	height: 130px;
	margin: 0px 0 0;
	padding:32px 0;
	background-color:var(--keycolor-choco);
	color:#fff;
	text-align: center;
}
footer a{
	color:#fff;
}
.footer-bg{
	display:block;

}

.f-copy{
	margin:auto;
	text-align:center;
	font-size:1.2rem;
}


/*ページネーション*/

.pagenation{
    display:flex;
    justify-content:center;
    text-align:center;
    margin:20px 0 30px;
}

.pagenation  a {
    min-width:30px;
    display: inline-block;
    padding: 3px 3px;
    margin: 0 1px;
    text-decoration: none;
    color: #56bcd5;
    border: 1px solid #ededed;
    border-radius:3px;
  }

.pagenation  a:hover,
.pagenation  a:focus {
    background-color: #e5ebff;
}

.page-here{
    min-width:30px;
    display: inline-block;
    padding: 3px 5px;
    margin: 0 1px;
    background-color: #56bcd5;
    color: white;
    border: 1px solid #56bcd5;
    border-radius:3px;
}

.fa-angle{
vertical-align: middle;
width: 14px;
height: 14px;
filter: brightness(0) saturate(100%) invert(40%) sepia(61%) saturate(557%) hue-rotate(167deg) brightness(106%) contrast(88%);
}



/*広告*/
.ads-wrap{
	width:780px;
	margin:20px 0 20px 0;
	display:flex;
	justify-content: center;
  grid-column-start: 1;
  grid-column-end: 4;
}
.ads {
	width: 98%; 
	height:auto;  
	margin:15px auto 12px; 
}
.ads350{
	width: 350px;
}



/*スピードチェック用*/
.speed{
	position:absolute;
	top:3px;
	right:3px;
	z-index: 100;
}

.speed2{
	margin-bottom:10px;
 font-size:1.2rem;
}



/*hover cursor*/
#contents a:hover{
 cursor: pointer; 
 opacity: 0.7; 
}
button:hover,input[type="submit"]:hover{
	 cursor: pointer; 
}