@charset "utf-8";
/* CSS Document */
/* 目次 
1. リセット
2. 共通（レイアウト・その他・見出し・ボタン・ヘッダー・フッター・ぱんくず・TOP.newsお知らせ一覧共通)
*/

/**************************************************
1. リセット
**************************************************/
* {
  margin: 0;
  padding: 0;
  line-height:1.0;}
article,aside,details,figcaption,figure,footer,pc-header,main,menu,nav,section,summary {display: block;}
html {font-size: 62.5%;}
body {font: normal 1.4rem/1.6 "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", "Meiryo", "Osaka", sans-serif;
  color:#222;}
html,body{ margin:0; padding:0;}
table,thead,tbody,tr,th,td{border-collapse:collapse; border-spacing: 0;}
td,th {padding: 0;}
ul, ol{list-style: none;}
a {text-decoration: none; }
/*a:hover, a:active, a:focus {color: #33383f;}*/
img {vertical-align: bottom; border: 0;}
i, cite, em, var, address, dfn {font-style:normal;}
*, *:before, *:after {box-sizing: border-box;}
small { font-size: 12px;font-size: 1.2rem;}
button,select {text-transform: none;}
/* IE用 */
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
button {overflow: visible;}
textarea {overflow: auto;}
/* firefox用リンクをクリックした後に表示される「枠線」を消す */
a,a:focus{outline: none;}
/* iOSでTEL link無効 */
a[href^="tel"]{
  color:inherit;
  text-decoration:none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
/*スクロールバーの領域表示確保*/
html {overflow-y:scroll;}
/* body */
body{width:100%;}
/*スライダーの画像の右にできる余白を隠す*/
#container{overflow: hidden;}
/*タブ切り替え*/
.ChangeElem_Panel{display: none;}
/* Androidでタップ時、オレンジの枠を消す */
*,button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;   
    outline: none;
}

/* clearfix */
.cf {
  clear: both;
}
.cf:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
/* float */
.float-l{float: left;}
.float-r{float: right;}
/*リンク*/
a:hover{opacity: 1.0;}
/*画像*/
img {
  width:100%;
  height:auto;
}
a:hover img,
a:active img {opacity: 0.7;}


/* Youtube */
.movie-wrap {
   position: relative;
   padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
   height: 0;
   overflow: hidden;
}
.movie-wrap iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/*------------------------------
レイアウト ※変更不可
------------------------------*/
/* margin */
.ma-t1em {
  margin-top: 1em;
}
.ma-b05em {
  margin-bottom: 0.5em;
}
.ma-b1em {
  margin-bottom: 1em;
}
.ma-b15em {
  margin-bottom: 1.5em;
}
.ma-b2em {
  margin-bottom: 2em;
}
/* background */
.bg-gold{
  background: #a68f49;
}
.bg-beige{
  background: #f2f0e6;
}
.bg-gray{
  background: #f5f5f5;
}
.bg-white{
  background: #fff;
}
.bg-black{
  background: #222222;
}
/*------------------------------
テキスト ※変更不可
------------------------------*/
.bold {font-weight: 600;}
.text-l{text-align:left;}
.text-r{text-align:right;}
.text-c{text-align:center!important;}
/* 色 */
.white{color: #fff;}
.red{color: #dc6363;}
.gold{color: #a68f49;}
.gray{color: #808080;}

/*下線*/
.marker-gold {
  background: linear-gradient(transparent 60%, #ece6d4 0%);
}
/* 1行目以降インデント */
.indentback{
  text-indent: -1em;
  padding-left: 1em;
}

/*------------------------------
テキストリンク ※変更不可
------------------------------*/
a.text-link:link,
a.text-link:visited,
a.text-link:hover,
a.text-link:active{
  color: #a68f49;
}
a.text-link:hover{
  text-decoration: underline;
}
/*------------------------------
▶ ※変更不可
------------------------------*/
.arrow-link{
  color: #222;
  position: relative;
}
.arrow-link:after{
  content: "▶";
  vertical-align: text-bottom;
  position: absolute;
  top: 0;
  right: -25px;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  margin: 0;
  border: 1px solid #333;
}
/*------------------------------
リスト表示 ※変更不可
------------------------------*/
/* li一行目以降インデント */
ul.indent1>li {
  text-indent: -1em;
  padding-left: 1em;
}
ul.indent2>li {
  text-indent: -2em;
  padding-left: 2em;
}
/*・*/
ul.disc{
  margin-left: 2em;
}
ul.disc>li {
  list-style: disc;
  margin-bottom: 1em;
}
/*123*/
ol.decimal{
  margin-left: 2em;
}
ol.decimal>li {
  list-style: decimal;
  margin-bottom: 1em;
}
/*abc*/
ol.lower-latin{
  margin-left: 2em;
}
ol.lower-latin>li {
  list-style: lower-latin;
  margin-bottom: 1em;
}


/*--------------------------------------------------
検索 searchform
----------------------------------------------------*/
#searchform{
  display: flex;
  max-width: 400px;
  position: relative;
}
#searchform .searchBox {
  width: calc(100% - 30px);
  height: 30px;
  border: 1px solid #ccc;
  outline: none;
  font-size: 15px;
  font-size: 1.5rem;
  border-radius: 0;
  padding: 4px;
}
#searchform .searchForm-submit {
  position: relative;
  width: 30px;
  height: 30px;
  background: #007cba;
  text-align: center;
  border: none;
  outline: none;
}
#searchform .searchForm-submit::before {
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  font-weight: 900;
  padding-right: 5px;
  color: #fff;
  position: absolute;
  font-size: 14px;
  top: 8px;
  left: 7px;
}

/*--------------------------------------------------
画像スクロール共通 .sp-scroll
----------------------------------------------------*/
@media screen and (max-width: 699px) {
  .sp-scroll p{
    margin: 0 auto 5px ;
    width: 700px;
    height: auto;
  }
  /*スクロール*/
  .sp-scroll{
    overflow: auto;
  }
  /*スクロールバーの横幅指定*/
  .sp-scroll::-webkit-scrollbar {
    height: 10px;
  }
  /*スクロールバーの背景色・角丸指定*/
  .sp-scroll::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
  }
  /*スクロールバーの色・角丸指定*/
  .sp-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background:#aaa;
  }
}
/*--------------------------------------------------
テーブルスクロール共通 .sp-scroll-t
----------------------------------------------------*/
@media screen and (max-width: 699px) {
  .sp-scroll-t table {
    margin: 0 0 10px;
  }
  /*スクロール*/
  .sp-scroll-t{
    width: 100%;
    overflow: auto;
    margin-bottom: 10px;
  }
  /*スクロールバーの横幅指定*/
  .sp-scroll-t::-webkit-scrollbar {
    height: 10px;
  }
  /*スクロールバーの背景色・角丸指定*/
  .sp-scroll-t::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
  }
  /*スクロールバーの色・角丸指定*/
  .sp-scroll-t::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background:#aaa;
  }
}
/*--------------------------------------------------
スクロールをしたら要素を動かす
----------------------------------------------------*/
/*==================================
ふわっ
===================================*/
/* fadeUp */
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeUpTrigger{
    opacity: 0;
}
/*--------------------------------------------------
カレント(js) .current

.current{
  background-color:#555;
}
----------------------------------------------------*/