@charset "UTF-8";

.h1{
  margin-bottom: 1em !important;
}
@media screen and (max-width:767px){
  .h1{
    padding: 0 4vw;
  }
}

/*--パンくず--*/
.-pankuzu{
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-items: center;
  font-size: 11px;
  margin: 0 0 15px;
}
.-pankuzu li{
  display: flex;
  align-content: center;
  align-items: center;
}
.-pankuzu li:not(:last-of-type)::after{
  content: ">";
  display: inline-block;
  margin: 0 1em;
}
.-pankuzu li a{
  text-decoration: underline;
}
.-pankuzu li a:hover{
  text-decoration: none;
}

/*--カテゴリ内ナビゲーション--*/
.-nav01{
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  /* background-color: #f6f6f6; */
  margin-bottom: 15px;
}
.-nav01>ul{
  display: flex;
  flex-flow: row wrap;
}
.-nav01>ul>li{
  font-size: 11px;
  margin-right: 30px;
  font-weight: bold;
}
.-nav01>ul>li:before{
  content: '';
  width: .75em;
  margin-left: .25em;
  display: inline-block;
  border-left: 5px solid #c00;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.-nav01>ul>li>a{
  font-weight: normal;
  line-height: 1.4;
  text-decoration: underline;
}
.-nav01>ul>li>a:hover{
  text-decoration: none;
}


/*--基本ボックス01--*/
.-sec01{
  margin: 25px 0 50px;
  font-size: 13px;
  line-height: 1.7;
}
@media screen and (max-width:767px){
  .-sec01{
    padding: 0 4vw;
    margin: 1em 0 2em;
  }
}
.-sec01 img {
  display: inline-block;
  width: 100%;
  height: auto;
}

/*--インナーボックス01--*/
.-inner01{
  padding: 15px 10px;
  font-size: 13px;
  line-height: 1.7;
  border-top: 1px dotted #999;
}
@media screen and (max-width:767px){
  .-inner01{
    padding: 15px 0px;
  }
}
.-bdr_top01{
  border-top: 1px dotted #999;
}
.-bdr_btm01{
  border-bottom: 1px dotted #999;
}


/*--aタグ--*/
.-sec01 a{
  color: #034694;
  text-decoration: underline;
}
.-sec01 a:hover{
  text-decoration: none;
}


/*--pタグ--*/
.-sec01 p{
  margin-bottom: 1em;
}
/*--中タイトル--*/
.-stit01{
  font-size: 21px;
  display: block;
  line-height: 1.4;
  border-bottom: 2px solid #c00;
  padding: 0 0 5px;
  background-color: transparent;
  min-height: auto;
  margin: 0 0 10px;
}
@media screen and (max-width:767px){
  .-stit01{
    font-size: 18px;
  }
}

.-stit02{
  font-size: 18px;
  display: block;
  line-height: 1.4;
  padding: 0;
  background-color: transparent;
  min-height: auto;
  margin: 0 0 10px;
  color: #C00;
  border: none;
}
@media screen and (max-width:767px){
  .-stit02{
    font-size: 16px;
  }
}

.-stit03{
  font-size: 16px;
  display: block;
  line-height: 1.4;
  padding: 0;
  background-color: transparent;
  min-height: auto;
  margin: 2em 0 5px;
  border: none;
}
@media screen and (max-width:767px){
  .-stit03{
    font-size: 14px;
  }
}

.-stit04{
  font-size: 14px;
  display: block;
  line-height: 1.4;
  padding: 0;
  background-color: transparent;
  min-height: auto;
  margin: 2em 0 5px;
  border: none;
}
@media screen and (max-width:767px){
  .-stit04{
    font-size: 13px;
  }
}


/*--表01--*/
.-tbl01{
  width: 100%;
}
.-tbl01 tr{
  border-bottom: 1px dotted #999;
}

.-tbl01 tr:last-of-type{
  border-bottom: none;
}

.-tbl01 tr th{
  white-space: nowrap;
}
.-tbl01 tr th,
.-tbl01 tr td{
  padding: 10px;
  vertical-align: top;
}
@media screen and (max-width:767px){
  .-tbl01 tr th,
  .-tbl01 tr td{
    padding: 5px;
  }
}

/*--表02--*/
.-tbl02{
  margin-bottom: 1em;
}
.-tbl02 thead{
  background-color: #333;
}
.-tbl02 thead th{
  color: #fff;
  font-weight: bold;
}
.-tbl02 tbody{
  background-color: #eee;
}
.-tbl02 tr{
  border-bottom: 1px solid #fff;
}
.-tbl02 th,
.-tbl02 td{
  padding: 5px 15px;
  text-align: center;
}
@media screen and (max-width:767px){
  .-tbl02 th,
  .-tbl02 td{
    padding: 3px 10px;
    text-align: center;
  }
}

/*--表03--*/
.-tbl03{
  margin-bottom: 1em;
}
@media screen and (max-width:767px){
  .-tbl03{
    font-size: 11px;
  }
} 
.-tbl03 caption{
  padding: 5px 10px;
  background-color: #1F9342;
  color: #fff;
  font-weight: bold;
}
.-tbl03 th{
  padding: 10px 10px 10px 20px;
}
@media screen and (max-width:767px){
  .-tbl03 th{
    padding: 3px;
  }
} 
.-tbl03 td{
    padding: 10px 20px 10px 10px;
}
@media screen and (max-width:767px){
  .-tbl03 td{
      padding: 3px;
  }
} 
.-tbl03 th{
  text-align: right;
}
.-tbl03 td{
  font-weight: bold;
  color: #c00;
  background-color: #f3f3f3;
}



/*--リスト01--*/
.-ul01{
  margin-bottom: 1em;
}
.-ul01>li{
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 5px;
}
.-ul01>li a{
  color: #034694;
}
.-arw01:before{
  content: '';
  width: .75em;
  margin-left: .25em;
  display: inline-block;
  border-left: 5px solid #c00;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

/*--店舗情報・アクセス--*/

.-clm2_01{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 30px 15px;
}
.-clm2_01>.-boxR{
  width: 42.266%;
  margin-bottom: 10px;
}
.-clm2_01>.-boxR>img{
  width: 100%;
}
.-clm2_01>.-boxL{
  width: 55.733%;
  margin-bottom: 10px;
}
.-clm2_01>.-boxL>.-freetel01{
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.-clm2_01>.-boxL>.-freetel01>img{
  width: 51px;
  margin-right: 5px;
}

/*--ご利用案内＞フジヤグループ--*/
.-ulGroup01{
}
.-ulGroup01>li{
  display: flex;
  margin-bottom: 30px;
}
.-ulGroup01>li>a{
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #202021;
  width: 100%;
}
@media screen and (max-width:767px){
  .-ulGroup01>li>a{
    align-items: flex-start;
    justify-content: space-between;
  }
}
.-ulGroup01>li>a:hover{
  opacity: .75;;
}
.-ulGroup01>li>a>.-boxL{
  width:224px;
  margin-right:20px;
  height: 138px;
  padding: 15px;
  text-align: center;
  box-sizing: border-box;
  /* border: 1px solid #ccc; */
  position: relative;
  order: 1;
}
@media screen and (max-width:767px){
  .-ulGroup01>li>a>.-boxL{
    width: 30%;
    height: auto;
    padding: 30% 0 0;
    margin: 0;
  }
}
.-ulGroup01>li>a>.-boxL>img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
@media screen and (max-width:767px){
  .-ulGroup01>li>a>.-boxL>img{
    width: 90%;
  }
}
.-ulGroup01>li>a>.-boxR{
  order: 2;
}
@media screen and (max-width:767px){
  .-ulGroup01>li>a>.-boxR{
    width: 67.5%;
  }
}
.-ulGroup01>li>a>.-boxR>.-tit{
  font-size: 18px;
  line-height: 1.4;
  padding: 0;
  margin: 0 0 5px;
  border-bottom: none;
}
.-ulGroup01>li>a>.-boxR>.-txt{
  font-size: 13px;
  padding: 0;
  margin: 0;
}

/*--KVイマージありタイトル--*/
.-kvTit01{
  position: relative;
}
.-kvTit01>.-backImg01{
  width: 100%;
}
.-kvTit01>.-inTit01{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  line-height: 1.4;
  text-shadow: -2px -2px 1px #fff ,
  2px -2px 1px #fff ,
  -2px 2px 1px #fff ,
  2px 2px 1px #fff,
  0px 2px 1px #fff,
  2px 0px 1px #fff,
  0px -2px 1px #fff,
  -2px 0px 1px #fff;
}



/*--ページカテゴリトップのナビ--*/
.-ulCtegory01{
  display: flex;
  flex-flow: row wrap;
}
.-ulCtegory01>li{
  box-sizing: border-box;
  width: 33.333%;
  border-bottom: 1px dotted #999;
  border-top: 1px dotted #999;
  border-right: 1px dotted #999;
  margin-top: -1px;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.-ulCtegory01>li::before{
  content:'';
  position: absolute;
  width: 31px;
  height: 31px;
  background-color: #fff;
  top: -16px;
  right: -16px;
  z-index: 1;
}
.-ulCtegory01>li::after{
  content:'';
  position: absolute;
  width: 31px;
  height: 31px;
  background-color: #fff;
  bottom: -16px;
  right: -16px;
  z-index: 1;
}
.-ulCtegory01>li:nth-of-type(3n){
  border-right: none;
}
.-ulCtegory01>li:nth-of-type(3n)::before,
.-ulCtegory01>li:nth-of-type(3n)::after{
  background-color: transparent;
}
.-ulCtegory01>li>a{
  display: flex;
  width: 100%;
  flex-flow: column-reverse wrap;
  align-items: flex-end;
  text-decoration: none;
  color: #202021;
  /* padding: 40px 20px 30px; */
  padding: 30px 15px 20px;
}
@media screen and (max-width:767px){
  .-ulCtegory01>li>a{
    padding: 20px 10px 15px;
  }
}
.-ulCtegory01>li>a:hover{
  opacity: .66;
}
.-ulCtegory01>li>a>.-tit01{
  width: 100%;
  /* padding: 0 18px 0 0; */
  padding: 0;
  margin: 0;
  border:none;
  font-size: 18px;
  display: flex;
  /* align-items: center; */
  align-items: flex-start;
  justify-content: center;
  line-height: 1.4;
}
@media screen and (max-width:767px){
  .-ulCtegory01>li>a>.-tit01{
    font-size: 14px;
    padding: 0;
  }
}
.-ulCtegory01>li>a>.-tit01.-arw01:before {
    margin-top: .5em;
}
.-ulCtegory01>li>a>.-img01{
  width: 100%;
  height: 75px;
  padding: 0 0 15px;
  margin: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.-ulCtegory01>li>a>.-img01>img{
  width: auto;
  height: 100%;
  display: inline-block;
}
@media screen and (max-width:767px){
  .-ulCtegory01>li>a>.-img01{
    height: 65px;
    padding: 0 0 10px;
  }
}



/*--マージンボトム定型クラス--*/
.-mb5{
  margin-bottom: 5px !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;
}
.-mb50{
  margin-bottom: 50px !important;
}
.-mb75{
  margin-bottom: 75px !important;
}

.-ml1em{
  margin-left: 1em;
}

/*--赤文字--*/
.-red{
  color: #c00;
}

/*--グレー文字--*/
.-gray{
  color: #888;
}

/*--マーカー--*/
.-marker{
  background: linear-gradient(transparent 60%, #EEF607 60%);
}

/*--マーカー--*/
.-marker{
  background: linear-gradient(transparent 60%, #EEF607 60%);
}

/*--太字--*/
.-bold{
  font-weight: bold;
}

/*--フォントサイズ--*/
.-fs{
  font-size: 11px;
}
.-fm{
  font-size: 13px;
}
.-fl{
  font-size: 16px;
}
.-fll{
  font-size: 18px;
}
.-fxl{
  font-size: 24px;
}

/*----ランキングOL----*/
.-secRanking01{
  padding: 30px;
  /* background-color: #FAF9E5; */
  background-color: #f6f6f6;
}

.-secRanking01 .-rnkTit01{
  font-size: 18px;
  line-height: 1.4;
  color: #202021;
  border:none;
  padding: 0 0 0 30px;
  margin: 0 0 1em;
  display: flex;
  background: url(/img/custom_page/icon_ranking01.png) no-repeat left top/22px auto;
  line-height: 1.4;
}

.-ol_ranking01{
  display: flex;

}
.-ol_ranking01>li{
  width: 17.143%;
  margin-right: 3.5%;
  line-height: 1.4;
  position: relative;
}
.-ol_ranking01>li::after{
  content: '';
  font-size: 12px;
  font-weight: bold;
  width: 18px;
  height: 18px;
  display: block;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-ol_ranking01>li:nth-of-type(1)::after{
  content: '1';
  background-color: #A79103;
}
.-ol_ranking01>li:nth-of-type(2)::after{
  content: '2';
  background-color: #717171;
}
.-ol_ranking01>li:nth-of-type(3)::after{
  content: '3';
  background-color: #A10000;
}
.-ol_ranking01>li:nth-of-type(4)::after{
  content: '4';
  background-color: #202021;
}
.-ol_ranking01>li:nth-of-type(5)::after{
  content: '5';
  background-color: #202021;
}

.-ol_ranking01>li>a{
  display: flex;
  flex-flow: column nowrap;
}
.-ol_ranking01>li>a:hover{
  text-decoration: none;
  opacity: .66;;
}
.-ol_ranking01>li>a>.-rnkName{
  font-size: 13px;
  color: #202021;
  order: 3;
  font-weight: bold;
  padding: 0;
  margin: 0 0 .5em;
  background-color: transparent;
  height: auto;
  min-height: auto;
  width: 100%;
}
.-ol_ranking01>li>a>.-rnkBrnd{
  font-size: 12px;
  color: #999999;
  order: 2;
  font-weight: bold;
  padding: 0;
  margin: 0 0 .5em;
  width: 100%;
}
.-ol_ranking01>li>a>.-rnkPrc{
  order: 4;
  font-size: 13px;
  color: #c00;
  font-weight: bold;
  width: 100%;
  text-align: left;
}
.-ol_ranking01>li>a>.-rnkPrc>span{
  font-size: .5em;
  font-weight: normal;
}
.-ol_ranking01>li>a>.-rnkImg{
  order: 1;
  font-size: 0;
  line-height: 0;
  border: 1px solid #ccc;
  margin: 0 0 5px;
  padding: 0;
  width: 100%;
}
.-ol_ranking01>li>a>.-rnkImg>img{
  width: 100%;
}
/*----/ランキングOL----*/



/*--緊急告知枠--*/
.-secAttention01{
  color: #c00;
  margin-bottom: 25px;
  padding: 20px;
  background-color: #f3f3f3;
  text-align: center;
  line-height: 1.4;
}

.-secAttention01 a{
  color: #c00;
  text-decoration: underline;
}
.-secAttention01 a:hover{
  text-decoration: none;
  opacity: .8;
}
.-secAttention01_ul01{
}
.-secAttention01_ul01>li{
  margin: 0 0 1em;
}
.-secAttention01_ul01>li:last-of-type{
  margin-bottom: 0;
}

/*--緊急告知枠--*/




.-attention{
  border: 2px solid #c00;
  padding: 15px;
}
.btn-default{
  background-color: transparent;
}
@media screen and (max-width:767px){
  .-attention{
    margin: 0 4vw;
  }
}


/*-- COLOR BOX --*/
.-graybox{
  display: block;
  margin: 0 0 15px;
background-color: #f6f6f6;
  border-radius: 5px;
  padding: 10px;
  text-align: left;
  line-height: 1.2;
}