@charset "utf-8";

/* default css
-----------------------------------*/

/*==========*/
/* 基本設定 */
/*==========*/

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W3);
  font-weight: 400;
}

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W6);
  font-weight: 700;
}

body {
	background: #FFF;
	font-family: Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
	color: #4d4d4d;
	font-size: 24px !important;
	line-height: 1.5;
}


/* IE10,IE11以上のハック */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
body {
	font-family: "メイリオ", Meiryo, sans-serif;
}
}

img{
	width: 100%;
}


/*============*/
/* リンク設定 */
/*============*/
a {
	color: #444;
	text-decoration: none;
	transition: ease 0.4s;
	outline: none;
}

@media screen and (min-width: 768px) {
a:hover {
	opacity: .8 !important;
	filter: alpha(opacity=70) !important;
}

/*a:hover img {

}*/

a:hover img.nofilter {
	opacity: 1 !important;
	filter: none !important;
}
}


/*================*/
/* サイト共通設定 */
/*================*/
/* 太字 */
.bold { font-weight: bold !important;}

/* 位置 */
.left { text-align: left !important;}/* 左 */
.right { text-align: right !important;}/* 右 */
.center { text-align: center !important;}/* 中央 */
.vtop { vertical-align: top !important;}/* 上 */
.vmiddle { vertical-align: middle !important;}/* 中央 */
.vbottom { vertical-align: bottom !important;}/* 下 */

/* フォントカラー */
.black { color: #333333 !important;}/* 黒（デフォルト） */
.red { color: #FF0000 !important;}/* 赤 */
.reds { color: #FF0000 !important; font-weight: bold !important;}/* 赤強調 */

/* 見出しフォント */
.title1{font-family: 'Hina Mincho', serif;}
.title2{font-family: 'Poppins', sans-serif;font-weight: 600;}
.title3{font-family: 'Poppins', sans-serif;font-weight: 700;}

/* フォントサイズ100%（16px相当）を基準に */
.f10 { font-size: 63% !important;}/* 10px相当 */
.f11 { font-size: 67% !important;}/* 11px相当 */
.f12 { font-size: 74% !important;}/* 12px相当 */
.f13 { font-size: 80% !important;}/* 13px相当 */
.f14 { font-size: 87% !important;}/* 14px相当 */
.f15 { font-size: 94% !important;}/* 15px相当 */
.f16 { font-size: 100% !important;}/* 16px相当 */
.f17 { font-size: 107% !important;}/* 17px相当 */
.f18 { font-size: 114% !important;}/* 18px相当 */
.f19 { font-size: 120% !important;}/* 19px相当 */
.f20 { font-size: 127% !important;}/* 20px相当 */
.f21 { font-size: 134% !important;}/* 21px相当 */
.f22 { font-size: 140% !important;}/* 22px相当 */
.f23 { font-size: 147% !important;}/* 23px相当 */
.f24 { font-size: 154% !important;}/* 24px相当 */
.f25 { font-size: 160% !important;}/* 25px相当 */
.f26 { font-size: 167% !important;}/* 26px相当 */
.f00 { font-size: 0 !important;}/*リセット*/

/* 行間 */
.lh10 { line-height: 1.0 !important;}
.lh11 { line-height: 1.1 !important;}
.lh12 { line-height: 1.2 !important;}
.lh13 { line-height: 1.3 !important;}
.lh14 { line-height: 1.4 !important;}
.lh15 { line-height: 1.5 !important;}
.lh16 { line-height: 1.6 !important;}
.lh17 { line-height: 1.7 !important;}
.lh18 { line-height: 1.8 !important;}
.lh19 { line-height: 1.9 !important;}
.lh20 { line-height: 2.0 !important;}