@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap');
html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  background-color:#dfdfdf;
}
body {
background-color: #ffffff;
  color:#333;
  font-size:1.4rem;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  
}
@font-face {
  font-family:"Kumbh Sans";
  font-weight: bold;
}
@font-face {
  font-family:"Noto Serif JP";
  font-weight: bold;
}


.clear {
  clear: both;
  width: 100%;
}
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/*------------------------------------------*
* float
*------------------------------------------*/
.floatL{
  float: left;
}
.floatR{
  float: right;
}
.floatN{
	float:none;
}

.txtL{
  text-align:left;
}

.txtR{
  text-align:right;
}

.txtC{
  text-align:center;
}

/*------------------------------------------*
* indent
*------------------------------------------*/
.in{
	margin-left:1em;
}
.ind{
	text-indent:1em;	
}
.indb{
	margin:2em 0 1em 1em;
	font-weight:bold
}
.indm{
	text-indent:-1em;
	margin:0.5em 0 0.5em 2em;	
}
.indmw{
	text-indent:-1em;
	margin-left:3em;	
}
.indmh{
	text-indent:-1em;
	margin-left:4em;	
}



/*------------------------------------------*
* font
*------------------------------------------*/
.fsize14{
	font-size:1.4rem;	
}
.fsize16{
	font-size:1.6rem;	
}
.fsize18{
	font-size:1.8rem;	
}
.fsize20{
	font-size:2rem;	
}
.fsize22{
	font-size:2.2rem;	
}
.fsize24{
	font-size:2.4rem;	
}
.fsize30{
	font-size:3rem;	
}
.fsize36{
	font-size:3.6rem;	
}
.bold{
	font-weight:bold;	
}

/*------------------------------------------*
* color
*------------------------------------------*/
.red {
  color: #D11E2D;
}
.green{
color: #63982d;
}
.blue{
  color:#238fc6;	
}
.black {
  color: #000;
}
.orange{
	color:#FF9000;	
}
.pink{
	color:#CF6687;
}

/*------------------------------------------*
* a img tag
*------------------------------------------*/
a,
a img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

a{
  text-decoration: none;
  color:#333;
}

a:hover, a:active, a:focus {
  text-decoration: none;
  color:#039;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";  
}

a:hover img, a:active img, a:focus img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*------------------------------------------*
* iOSでTEL link無効
*------------------------------------------*/
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}


img[class*="wp-image-"], img[class*="attachment-"] {
    width: auto;
    height: auto;
    max-width: 100%;
}

img {
  vertical-align: middle;
  line-height: 1;
}



/*------------------------------------------*
* iOSでのデフォルトスタイルをリセット 
*------------------------------------------*/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}