@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700&display=swap');

/*---------------------------------------------*
* 共通基本CSS
*----------------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
}
body {
  color:#333;
  font-size:1.4rem;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  
}

.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;
}



/*------------------------------------------*
* font
*------------------------------------------*/
.bold{
	font-weight:bold;	
}
.serif{
    font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}
.lato{
font-family: Lato,-apple-system,Noto Sans CJK JP,Noto Sans Japanese,Noto Sans JP,游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif;
}
.bask{
    font-family: Libre Baskerville,"Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}

/*---------------------------------------------*
* font-color
*----------------------------------------------*/

.blue{
color: #1884c4;
}
.green {
    color: #63982d;
}
.pink {
    color: #d50077;
}


/*------------------------------------------*
* 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:link, a:visited {
  text-decoration: none;
  color:#333;
}

a:hover, a:active, a:focus {
  text-decoration: none;
}

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;
}