@charset "UTF-8";
/*=============================================================================
▼PC/SP/TABLET　共通設定▲
=============================================================================*/
/*基本設定
-----------------------------------------------*/
*, *:before, *:after{
	-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}
html{height: 100%; font-size: 62.5%; /* 10px */}
body{
	width:100%;
	-webkit-text-size-adjust: 100%;/* sp横画面font拡大対策 */
	-webkit-animation: fadeIn 0.6s ease-in 0s 1 normal; animation: fadeIn 0.6s ease-in 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
a {-webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden;}
a:link, a:visited, a:hover {color:#333; text-decoration:none;}
a:link, a:visited, a:active, a:hover {outline: none;　/* FireFox リンク選択時の点線を消す */}
img {vertical-align: bottom; border-style: none; max-width: 100%; width: auto; height: auto;}
ul li {list-style:none;}


/*ライン
-----------------------------------------------*/
.underline {text-decoration: underline !important;}


/*リストにマーク付け
-----------------------------------------------*/
ul.mark {margin-left: 1.0em; font-size: 16px;}
ul.mark li {text-indent: -1.0em;}


/*テキスト位置
-----------------------------------------------*/
.tac{text-align:center!important;}
.tar{text-align:right!important;}
.tal{text-align:left!important;}

/*マージン
-----------------------------------------------*/
.mt0{margin-top:0px!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mb0{margin-bottom:0px!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mg0{margin:0!important;}

/*フォント
------------------------------------------------*/
.font-min{font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;}
.font-bold{font-weight:bold!important;}
.font-normal{font-weight:normal!important;}
.font-18 {font-size: 18px;}
.font-24 {font-size: 24px;}

/*行間
------------------------------------------------*/
.fh-14{line-height:1.4!important;}
.fh-15{line-height:1.5!important;}
.fh-16{line-height:1.6!important;}

/*flexbox
------------------------------------------------*/
.flex {display:-ms-flexbox; display:-webkit-box; display:flex;}
.fw-wrap {-ms-flex-wrap:wrap; flex-wrap: wrap;}
.jc-between {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.jc-around {-webkit-box-pack:justify; -ms-flex-pack:distribute; justify-content:space-around;}
.jc-center {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
.jc-end {-webkit-box-pack:end; -ms-flex-pack:end; justify-content: flex-end;}
.ai-center {-webkit-box-align:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center;}


/*=============================================================================
▼スマホのデザイン▼
=============================================================================*/
@media (max-width:768px){
	/* 非表示設定 */
	.sp-none{display:none !important;}
}


/*=============================================================================
▲PCのみのデザイン▲
=============================================================================*/
@media screen and (min-width:769px){
	.hover:hover{filter: alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8;}
	/* 非表示設定 */
	.pc-none{ display:none !important;}
	
	/*フロート
	-----------------------------------------------*/
	.fl{float:left!important;}
	.fr{float:right!important;}
}