@import url(notosansjapanese.css);
body {
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.gothic {
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mincho{
	font-family: 'Noto Serif JP',"Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
}

/*------------------------------
float関連
------------------------------*/
.clear { clear: both ;}
.left { float: left ;}
.right { float: right ;}
/*clearfix*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*------------------------------
display関連
------------------------------*/
.display_block { display: block;}
.display_inline-block { display: inline-block;}

/*------------------------------
margin, padding調整
------------------------------*/
.m0t { margin-top: 0;}
.m0r { margin-right: 0;}
.m0b { margin-bottom: 0;}
.m0l { margin-left: 0;}
.m5t { margin-top: 5px;}
.m5r { margin-right: 5px;}
.m5b { margin-bottom: 5px;}
.m5l { margin-left: 5px;}
.m10t { margin-top: 10px;}
.m10r { margin-right: 10px;}
.m10b { margin-bottom: 10px;}
.m10l { margin-left: 10px;}
.m15t { margin-top: 15px;}
.m15r { margin-right: 15px;}
.m15b { margin-bottom: 15px;}
.m15l { margin-left: 15px;}
.m20t { margin-top: 20px ;}
.m20r { margin-right: 20px;}
.m20b { margin-bottom: 20px ;}
.m20l { margin-left: 20px;}
.m30t { margin-top: 30px ;}
.m30r { margin-right: 30px;}
.m30b { margin-bottom: 30px;}
.m30l { margin-left: 30px;}
.m40t { margin-top: 40px;}
.m40r { margin-right: 40px;}
.m40b { margin-bottom: 40px;}
.m40l { margin-left: 40px;}
.m50t { margin-top: 50px;}
.m50r { margin-right: 50px;}
.m50b { margin-bottom: 50px;}
.m50l { margin-left: 50px;}
.m60t { margin-top: 60px;}
.m60r { margin-right: 60px;}
.m60b { margin-bottom: 60px;}
.m60l { margin-left: 60px;}
.m70t { margin-top: 70px;}
.m70r { margin-right: 70px;}
.m70b { margin-bottom: 70px;}
.m70l { margin-left: 70px;}
.m80t { margin-top: 80px;}
.m80r { margin-right: 80px;}
.m80b { margin-bottom: 80px;}
.m80l { margin-left: 80px;}
.m90t { margin-top: 90px;}
.m90r { margin-right: 90px;}
.m90b { margin-bottom: 90px;}
.m90l { margin-left: 90px;}
.m100t { margin-top: 100px;}
.m100r { margin-right: 100px;}
.m100b { margin-bottom: 100px;}
.m100l { margin-left: 100px;}
.m120t { margin-top: 120px;}
.m120r { margin-right: 120px;}
.m120b { margin-bottom: 120px;}
.m120l { margin-left: 120px;}
.m190r { margin-right: 190px;}

.p0t { padding-top: 0;}
.p0r { padding-right: 0;}
.p0b { padding-bottom: 0;}
.p0b { padding-left: 0;}
.p5t { padding-top: 5px;}
.p5r { padding-right: 5px;}
.p5b { padding-bottom: 5px;}
.p5b { padding-left: 5px;}
.p10t { padding-top: 10px;}
.p10r { padding-right: 10px;}
.p10b { padding-bottom: 10px;}
.p10l { padding-left: 10px;}
.p20t { padding-top: 20px;}
.p20r { padding-right: 20px;}
.p20b { padding-bottom: 20px;}
.p20l { padding-left: 20px;}
.p30t { padding-top: 30px;}
.p30r { padding-right: 30px;}
.p30b { padding-bottom: 30px;}
.p30l { padding-left: 30px;}
.p40t { padding-top: 40px;}
.p40r { padding-right: 40px;}
.p40b { padding-bottom: 40px;}
.p40l { padding-left: 40px;}
.p50t { padding-top: 50px;}
.p50r { padding-right: 50px;}
.p50b { padding-bottom: 50px;}
.p50l { padding-left: 50px;}


.p100t { padding-top: 100px;}
.p100r { padding-right: 100px;}
.p100b { padding-bottom: 100px;}
.p100l { padding-left: 100px;}
.p120t { padding-top: 120px;}
.p120r { padding-right: 120px;}
.p120b { padding-bottom: 120px;}
.p120l { padding-left: 120px;}


/*------------------------------
text-align
------------------------------*/
.a_left { text-align: left;}
.a_center { text-align: center;}
.a_right { text-align: right;}

.center {
margin-left: auto;
margin-right: auto;
}

/*------------------------------
line-height
------------------------------*/
.lh150 {line-height: 150%;}
.lh160 {line-height: 160%;}
.lh170 {line-height: 170%;}
.lh180 {line-height: 180%;}
.lh190 {line-height: 190%;}
.lh200 {line-height: 200%;}


/*------------------------------
font-size
------------------------------*/
.f11 { font-size: 11px;}
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.f20 { font-size: 20px;}
.f22 { font-size: 22px;}
.f24 { font-size: 24px;}
.f26 { font-size: 26px;}
.f28 { font-size: 28px;}
.f30 { font-size: 30px;}
.f32 { font-size: 32px;}
.f34 { font-size: 34px;}
.f36 { font-size: 36px;}
.f42 { font-size: 42px;}
.f48 { font-size: 48px;}
.f50 { font-size: 50px;}
.f53 { font-size: 53px;}
.f60 { font-size: 60px;}
.fbold {font-weight:bold;}
.fitalic {font-style: italic;}

.ls02{
	letter-spacing: -0.2px;
}


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

.red { color: #f00;}
.black {color: #000;}
.wine_red {color: #990000;}
.gray {color: #999999;}
.white {color: #FFF;}
.off-white {color: #faf6ef;}
.black {color: #000;}
.orange {color: #FF6600;}
.beige {color: #f2c2b2;}
.parple{color:#3F214F;}

/*画像の下が空く場合*/
img {
     vertical-align: bottom;
}