@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;
}
body {
 color: #4b4b4b;
font-size:1.4rem;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@font-face {
font-family: 'hkgyokk';
src:url("../fonts/hkgyokk.ttf");
}
@font-face {
font-family: YuGothicM;
font-weight: normal;
src: local('YuGothic-Medium'),
     local('Yu Gothic Medium'),
     local('YuGothic-Regular');
}
@font-face {
font-family: YuGothicM;
font-weight: bold;
src: local('YoGothic-Bold'),
     local('Yu Gothic');
}
.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;
}
.blue{
color:#00F;	
}
.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:link, a:visited {
color: #666;
text-decoration: none;
}
a:hover, a:active, a:focus {
text-decoration:none;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
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;
}