@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;}
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;}
.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;}
}



/*追加*/
@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% {opacitFy: 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;}
ul li {list-style:none;}


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


/*リストにマーク付け
-----------------------------------------------*/
ul.mark {margin-left: 1.0em;}
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;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb100{margin-bottom:100px!important;}
.mr80{margin-bottom:40px!important;}
.mg0{margin:0!important;}
/*真ん中にする*/
.mg0auto{margin:0 auto !important;}
/*パディング*/
.pd0{padding: 0px !important;}
.pr0{padding-right: 0px !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;}

/*行間
------------------------------------------------*/
.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;}


}
.fs-36{font-size:36px!important;}
.fa-bold {font-weight:bold!important;}


.fl{float:left!important;}
.fr{float:right!important;}
.tac{text-align:center!important;}
.tar{text-align:right!important;}
.tal{text-align:left!important;}
.mt05{margin-top:5px!important;}
.mt07{margin-top:7px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt80{margin-top:80px!important;}
.mr0{margin-right:0px!important;}
.mr03{margin-right:3px!important;}
.mr05{margin-right:5px!important;}
.mr07{margin-right:7px!important;}
.mr08{margin-right:8px!important;}
.mr09{margin-right:9px!important;}
.mr10{margin-right:10px!important;}
.mr11{margin-right:11px!important;}
.mr12{margin-right:12px!important;}
.mr13{margin-right:13px!important;}
.mr14{margin-right:14px!important;}
.mr15{margin-right:15px!important;}
.mr16{margin-right:16px!important;}
.mr17{margin-right:17px!important;}
.mr19{margin-right:19px!important;}
.mr20{margin-right:20px!important;}
.mr24{margin-right:24px!important;}
.mr25{margin-right:25px!important;}
.mr29{margin-right:29px!important;}
.mr30{margin-right:30px!important;}
.mr34{margin-right:34px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr80{margin-right:20px!important;}
.mb0{margin-bottom:0px!important;}
.mb05{margin-bottom:5px!important;}
.mb07{margin-bottom:7px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb38{margin-bottom:38px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb49{margin-bottom:49px!important;}
.mb50{margin-bottom:50px!important;}
.ml0{margin-left:0px!important;}
.ml03{margin-left:3px!important;}
.ml05{margin-left:5px!important;}
.ml08{margin-left:8px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml17{margin-left:17px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml80{margin-left:80px!important;}
.mlr05{margin:0 5px!important;}
.mlr10{margin:0 10px!important;}
.mlr11{margin:0 11px!important;}
.mlr15{margin:0 15px!important;}
.mlr17{margin:0 17px!important;}
.mlr18{margin:0 18px!important;}
.mlr20{margin:0 20px!important;}
.mlr22{margin:0 22px!important;}
.mlr30{margin:0 30px!important;}
.mlr40{margin:0 40px!important;}
.mlr50{margin:0 50px!important;}
.mg0{margin:0!important;}
.pd10{padding: 10px!important;}
.pd20{padding: 20px!important;}
.pr10{padding-right:10px!important;}

/*ボーダライン有り・無くす設定
-----------------------------------------------*/
.border-none {border-style: none!important;}
.border-b{border-bottom:dotted 1px #CCC!important;}
.border-n{border-bottom:none!important;}


/*画像ボーダ無くす設定
-----------------------------------------------*/
.img-border-none {background-image:none!important;}

/*背景の設定
-----------------------------------------------*/
.bg-brown{background-color:#663300!important;}
.bg-brown02{background-color:#3E3628!important;}
.bg-orange{background-color:#FF3300!important;}

/*行揃えの設定
-----------------------------------------------*/
.align-c {text-align:center!important;}
.align-r {text-align:right;}
.align-l {text-align:left;}

/*文字高さ調整
-----------------------------------------------*/
.li-ht140{line-height: 140%;}
.li-ht160{line-height: 160%;}
.li-ht180{line-height: 180%;}

/*ボーダ線の設定
-----------------------------------------------*/
.line-white{border:solid 1px #FFF!important;}
.line-gray{border:solid 1px #EEE!important;}

/*フォント
------------------------------------------------*/
.fa-bold {font-weight:bold!important;}
.fa-normal {font-weight:normal!important;}
.fs-11{font-size:11px!important;}
.fs-12{font-size:12px!important;}
.fs-14{font-size:14px!important;}
.fs-16{font-size:16px!important;}
.fs-18{font-size:18px!important;}
.fs-20{font-size:20px!important;}
.fs-22{font-size:22px!important;}
.fs-24{font-size:24px!important;}
.fs-26 {    font-size: 26px!important;
}
.fs-28{font-size:28px!important;}
.fs-30{font-size:30px!important;}
.fs-36{font-size:36px!important;}
.fs-38{font-size:38px!important;}
.fs-40{font-size:40px!important;}
.fs-50{font-size:50px!important;}
/* フォントカラー */
.fc-gray{color:#333333!important;}
.fc-red{color:#922128!important;}
.fc-orange{color:#FF9933!important;}
.fc-pink{color:#E02C79!important;}
.fc-green{color:#58B145!important;}
.fc-brown{color:#A37E52!important;}
/* 行間 */
.fh-130{line-height:130%!important;}
.fh-140{line-height:140%!important;}
.fh-150{line-height:150%!important;}
.fh-160{line-height:160%!important}
.fh-180{line-height:180%!important}

@media (max-width:768px) {
    .mb0{margin-bottom:0px!important;}
    .mb05{margin-bottom:5px!important;}
    .mb07{margin-bottom:7px!important;}
    .mb10{margin-bottom:10px!important;}
    .mb15{margin-bottom:15px!important;}
    .mb20{margin-bottom:20px!important;}
    .mb25{margin-bottom:25px!important;}
    .mb30{margin-bottom:30px!important;}
    .mb35{margin-bottom:35px!important;}
    .mb38{margin-bottom:38px!important;}
    .mb40{margin-bottom:4%!important;}
    .fs-24{font-size:16px!important;}
    .mb15 {
    margin-bottom: -15px!important;
}

    /*背景の設定
    -----------------------------------------------*/
    .bg-brown{background-color:#663300!important;}
    .bg-brown02{background-color:#3E3628!important;}
    .bg-orange{background-color:#FF3300!important;}
}