@charset "UTF-8";

/*
Theme Name: 新潟レプタイルズワールド
Theme URI: https://niirep.jp/
Author: 有限会社トップクリエイト
Author URI: https://www.topcreate.jp/
Description: 新潟レプタイルズワールド用のカスタムテーマ
Version: 1.0
*/

 /* ヒーローイメージと日時会場 */
.top-hero-info {
  margin: 14px auto 28px;
  text-align: center;
}

.top-hero-date {
  margin: 0 0 4px;
  color: #006b3f;
  font-size: clamp(30px, 5vw, 52px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0.03em;
  text-shadow:
    3px 3px 0 #fff,
    -3px 3px 0 #fff,
    3px -3px 0 #fff,
    -3px -3px 0 #fff,
    0 3px 0 #fff,
    3px 0 0 #fff,
    0 -3px 0 #fff,
    -3px 0 0 #fff,
    4px 5px 0 rgba(0, 0, 0, 0.18);
}

.top-hero-year {
  display: block;
  margin-bottom: 2px;
  font-size: 0.55em;
  line-height: 1;
}

.top-hero-week {
  font-size: 0.62em;
  vertical-align: 0.15em;
}

.top-hero-time,
.top-hero-place {
  margin: 0;
  color: #333;
  font-size: clamp(18px, 3vw, 28px);
  font-weight: 800;
  line-height: 1.2;
  text-shadow:
    2px 2px 0 #fff,
    -2px 2px 0 #fff,
    2px -2px 0 #fff,
    -2px -2px 0 #fff,
    0 2px 0 #fff,
    2px 0 0 #fff,
    0 -2px 0 #fff,
    -2px 0 0 #fff;
}
.touroku-number {
  padding: 10px;
  font-size: 10px;
}


/*====================================================================
ページの共通ここから
====================================================================*/
/* スマホとパソコン */
.sp {display: block !important;}
.pc {display: none !important;}


.container {
    overflow: hidden;
  }





  /* ナビ */
.navi-art-flexbox {
  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
  margin: 0px;
  padding: 0px 10px;
  line-height: 0;
}


/* ナビイン */
.navi-art-fb-in {
  width: 25%;
  margin: 0px;
  padding: 0px;
  line-height:0;
}



  /* 出品者一覧個別ページ　左右の空き */
  .syuppin-kobetuBox {margin: 0 10px;}
  
  
  
  
  h2.title2-page {
    background: linear-gradient(transparent 70%, #bcec51 70%);
    font-weight: bold;
    font-size: 28px;
    color: #e06522;
    margin-bottom: 30px;
  }
  
  h3.title3-page  {
  color: #156cbd;/*文字色*/
    /*線の種類（点線）2px 線色*/
    border-bottom: dashed 1px #156cbd;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 10px;
  }
  
  
  h4.title4-page  {
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    color: #494949;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: solid 5px #637930;/*左線*/
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
  }
  
  h5.title5-page  {
    color: #000;/*文字色*/
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 10px;
  }



/*====================================================================
出品者一覧ここから
====================================================================*/
.tb_rw img{
 height: 50px;
}


  
  /*class設定 テーブルタグ*/
  
  .tb_rw{
      width: 100%;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-spacing:0px;
      border:2px solid #999;
      margin:0 0 2em;
  }
  .tb_rw tr th{
      width:20%;
  }

/* 
画像の高さを固定し、画像が変形されないようにするためのCSSスタイル

 .tb_rw tr th img {
        max-width: 100%;
        height: auto;
    }

.image-container {
        height: 50px;
        overflow: hidden;
    }

 */


  .tb_rw tr th,
  .tb_rw tr td{
      border-bottom:1px solid #ccc;
      border-right:1px solid #ccc;
      border-left:1px solid #ccc;
      padding:7px;
      background:#ffffff;
  }
  .tb_rw tr th{
      /*background:#e4e4e4;*/
      vertical-align: middle;
      white-space:nowrap;
      /*color:#676767;*/
      /*width:125px;*/
  }
  

  /*class設定 テーブルタグ 個別ページ*/

  .tb_rws{
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 10px solid #ccc;
    border-spacing:0px;
    border:2px solid #999;
    margin:0 0 2em;
  }
  .tb_rws tr th{
    width:20%;
  }
  .tb_rws tr th,
  .tb_rws tr td{
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    padding:7px;
rgba(255,255,255,0.5);
  }
  .tb_rws tr th{
    /*background:#e4e4e4;*/
    vertical-align: middle;
    white-space:nowrap;
    /*color:#676767;*/
    /*width:125px;*/
  }
  
  .tb_rws tr td{
  width:70%;
  word-break:break-all;
  }
  /* スマホのハンバーガーメニューここから */
  .headerSP-Menu {
    width: 60px;
    padding: 0px;
    background-color: #f7a823;
  }
  
  
  .nav-wrapper {
    visibility: hidden;
    height: 470px;
    right: 0;
    position: absolute;
    top: calc(30px + 10vw);
    width: 95vw;
    opacity: 0;
    transition: opacity .5s;
    z-index: 3;/*キービジュアルと.btn_triggerとの重なりの前後関係を調整*/
  }
  


  /* ハンバーガーメニュー（スマホ） */

  .header-nav {
    background-color: #5a412e;
    height: 115%;
    width: 100%;
    z-index: 3;
  
  }
  
  
  
  .header-nav-ul {
    color: #fff;
  }
  
  .header-nav-ul li {
   border-bottom: 1px solid #9c6829;
   padding: 10px;
   font-size: 20px;
	  list-style: none;
  }
  
  
  .rep-small-text {
    font-size: 15px;
  }
  
  
  
  
    /* メニューオープン時 */
    .nav-wrapper.fade {
      opacity: 1;
      visibility: visible;
    }
  
  
      /*スライダー領域*/
    #bxslider{
      display: inline-block;
      position: relative;
        }
      /*スライダー領域*/
    #bxslider {
      width: 100%;
      height: 100px;
      margin: auto;
    }
    .bx-wrapper {
    }
    
  /* SNSとハンバーガーメニュー */
    .sns-and-menu-Flexbox {
      display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
		width: 100%;
    }
  
    /* ヘッダー */
  .header-sns-Flexbox{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
width:80%;
  }
  
  .header-sns-L{
    flex-basis: 100%;
    text-align: center;
    font-size: 17px;
    margin-top: 15px;
    font-weight: bold;
    /* color: #fff; */
	  
	    text-shadow: 
    2px 0 0 #fff,   /* 右 */
    -2px 0 0 #fff,  /* 左 */
    0 2px 0 #fff,   /* 下 */
    0 -2px 0 #fff;  /* 上 */
	  
  }



/* SNSボタンの行 */
.header-sns-R {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;       /* まずは1行に */
  justify-content: center; /* 中央寄せ */
  gap: 8px;                /* ボタン同士のすき間 */
  margin-top: 10px;
}

/* 各SNSボタンの共通スタイル */
.header-sns-R > div {
  flex: 0 0 auto; /* 幅は中身に合わせる／縮ませない */
  width: 90px;    /* 必要なら統一幅 */
  text-align: center;
}
  
      .contents-art {
        width: 95%;
        margin: 15px auto;
        padding: 15px;
        background-color: #fffcd7;
        border-radius: 10px;
      }
  
  
    /* 茶色ボックス */
      .cyairoBox{
        border-radius: 6px;
        border: 1px solid #5a412e;
        margin-bottom: 15px;
      }
  
      .cyairoMidashi {
        border-radius:4px 4px 0 0;
        color: #fff;
        background-color: #5a412e;
        font-size: 25px;
        font-weight: bold;
        padding: 6px 10px 6px;
		  margin:0px;
      }
  
  
      .cyairoBoX-IN {
        border-radius:0 0 8px 8px;
        background-color: #fff;
        padding: 10px 10px 10px;
        text-align: justify;
      }
  
  
      
  
      .tyuusyaku {
        font-size: 12px;
        line-height: 1.2em;
      }
  
  
      .footerBox {
        color: #fff;
        background-color: #f7a823;
        text-align: center;
        font-size: 12px;
        padding: 20px 0px 20px;
      }
  
      
      /*トップに戻るボタン用*/
  
  .pagetop {
      background: #fff;
      padding: 10px 10px;
      border-radius: 10px 10px 0 0;
      position: fixed;
      right: 30px;
      bottom: 0;
    border: 2px solid #221403;
  }
  .pagetop a {
      display: block;
      text-align: center;
      font-size: 10px;
      text-decoration: none;
      padding: 0px 10px;
  }
  .pagetop a:hover {
      display: block;
      text-align: center;
      font-size: 10px;
      text-decoration: none;
      padding: 0px 10px;
  }
  
  
  /*プライバシーポリシーここから*/
  .privacy-p {
    margin-bottom: 40px;
  }
  
  ul.privacy-ul li {
    list-style-type: disc;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  
  .cookie-sec {
    margin-bottom: 40px;
  }
  
  /* フッタープライバシー */
  .footerUL {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: circle;
  }
  
  .footerLI-L {
    margin: 20px;
  }
  
  .footerLI-R {
    margin: 20px;
  }
  
  
  
  /*====================================================================
  スマホと共通ここから書いた
  ====================================================================*/
  
  
  /* ----------------------- */
  /* 767px以下　スマホのみ
  /* ----------------------- */
  @media screen and (max-width: 767px) {
      
  
  .tb_rw img{
 max-height: 30px;
}
	  
	  .tb_rw th.tb_rw_th{
		  width:200px;
	  }
	  
	  .tb_rw td.tb_rw_td1{
		  width:40%;
	  }
	  .tb_rw td.tb_rw_td2{
		  width:30%;
	  }
  
	    .header-sns-Flexbox{
    margin: 0 auto;
  }
  
	  
  }
  
  
  
  /*=========================================
  タブレット・PCサイズの設定
  ===========================================*/
  
  @media screen and (min-width: 768px) {
  .sp {display: none !important;}
  .pc {display: block !important;}
  
  
  
    /* フルワイドここから */
    .full-width {
      margin: 0 calc(50% - 50vw);
      width: 100vw;
    }
  
    
  .container {
    max-width: 1040px;
    margin: 0 auto;
  }
  
  /* ナビ */
  .navi-art-flexbox {
    padding: 0px 40px;
  }
  /* ナビイン */
.navi-art-fb-in {
  width: 12.5%;
  margin: 0px;
  padding: 0px;
  line-height:0;
}


  
  .contents-art {
    padding: 30px;
  }
  
  /* ヘッダー */
      .sns-and-menu-Flexbox {
		padding:0 20px;
    }
	  
	  
  .header-sns-Flexbox{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap; /* wrapしたくないなら */
	width: 100%;
  box-sizing: border-box; /* パディングを幅に含める */
  }
  
  .header-sns-L {
    flex: 1;
    text-align: left;
    font-size: 19px;
    margin-top: 15px;
  }

  .header-sns-R {
    flex: 0 0 auto;
    max-width: 400px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;        /* PCでは折り返さない */
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: 0;
  }

  /* PCでも子要素は共通 */
  .header-sns-R > div {
    width: 90px;
    text-align: center;
  }

  
  
  
  
  /* サイド */
  .aside-contents-art-FlexBox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .aside-side {
    width: 25%;
  }
  
  .main-contents{
    width: 70%;
  }
  
  
  ul.side-menu-text {
    border-left: solid 5px #583822;
	  list-style: none;
  }
  
  
  .side-menu-text li {
    font-size: 18px;
    font-weight: bold;
    color: #583822;
    line-height: 1.8em;
    padding-left: 10px;
  }
  
  .side-menu-text A li:hover{
    background-color: #fab100;
    }
  
  /* サイドのレプ子 */
    .repko-li {
      margin-top: 00px;
    }
  
    .repko-small-text-pc {
      font-size: 13px;
      line-height: 0.5em;
      padding-top: 10px;
  
    }
  
  
  }
  
  
  /*=========================================
  PCサイズの設定
  ===========================================*/
  
  @media screen and (min-width: 1200px) {
  
  
  
  
  
  
  
  }