@charset 'utf-8';

/*-----------------------------------------------
	BASE Setting
------------------------------------------------*/
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;}
a{/*display: block; */text-decoration: none; color: #5e5c5c; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover{opacity: .75;}
@media screen and (max-width: 896px){
a:hover{opacity: 1;}
}
table{border-collapse: collapse; border-spacing: 0;}
table th, table td, li{-webkit-box-sizing: border-box; box-sizing: border-box;}
img{line-height: 1; vertical-align: bottom;}
h1, h2, h3, h4, h5, h6{margin: 0; padding: 0; border: 0; font-weight: normal; vertical-align: baseline; -webkit-text-size-adjust: 100%;}

/*----- Clearfix ------*/
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
html .clearfix{height: 1%;}
.clearfix{display: block;}

/*----- hidden etc ------*/
.hidden{display: none;}
.block{display: block;}
.i-block{display: inline-block;}
.inline{display: inline;}
.t_center{text-align: center;}
.t_right{text-align: right;}

/*---- click events ----*/
.no_events{pointer-events: none;}

/*---- Display / br ----*/
@media print, screen and (min-width: 897px){
.sp{display: none;}
.pc_br{display: block;}
}
@media screen and (max-width: 896px){
.pc{display: none;}
.sp_br{display: block;}
}

/*----- font Color ------*/
.fc_red{color: #d31c1c;}
.fc_green{color: #23a529;}
.fc_blue{color: #366bd6;}
.fc_lightgray{color: #bfbfbf;}/*20190216追加*/

/*----- Kerning ------*/
.kng1{margin: 0 0 0 -.5em;}


/*----- font family ------*/
@font-face{font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400;}
@font-face{font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold;}
body, .f_yuG{font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "メイリオ", sans-serif; text-shadow: none;}
.f_yuM{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN","ヒラギノ明朝 ProN W3", HiraMinProN-W3, HGS明朝E, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif; text-shadow: 0 0 0 #5e5c5c;}

/*----- text size ------*/
.text_s{font-size: 80%;}
.text_ss{font-size: 65%;}
.text_sss{font-size: 50%;}

/*----- font weight ------*/
.fw_bold{font-weight: bold;}

/*----- (「　= hidari-yose) ------*/
.ls_kagi{margin-left: -.6em;}



/*----- inline-block ------*/
.ib{display:inline-block;}




/*-----------------------------------------------
	FontAwesome icon
------------------------------------------------*/
/*
.ico_facebook:before{ 
content: '\f39e'; font-family: 'Font Awesome 5 Brands';
font-weight: normal; width:1%; text-align: center; display: inline-block;}
.ico_facebook2:before{ 
content: '\f082'; font-family: 'Font Awesome 5 Brands';
font-weight: normal; width:1.2em; text-align: center; display: inline-block;}
.ico_twitter:before{ 
content: '\f099'; font-family: 'Font Awesome 5 Brands';
font-weight: normal; width:1.2em; text-align: center; display: inline-block;}
.ico_line:before{ 
content: '\f3c0'; font-family: 'Font Awesome 5 Brands';
font-weight: normal; width:1.3em; text-align: center; display: inline-block;}
.ico_instagram::before{ 
content: "\f16d"; font-family: 'Font Awesome 5 Brands';
font-weight: normal; width:1.2em; text-align: center; display: inline-block;}
*/

/* Footer SNS
.fa-twitter,
.fa-facebook-f,
.fa-line{color: #fff;}
*/

/*20181011 pre*/
.copy{padding: 3% 0 0 0;}
.copy a{color: #fff;}
/* // 20181011 pre*/
@media print, screen and (min-width: 897px){
.copy{padding: 30px 0 0 0;}	
}

.f_address{display:none;}
body#home .f_address{display:block; padding-bottom:.75em; font-size:.9em;}