@charset "utf-8";
/*
Theme Name: bugdash
Theme URI: https://bugdash.jp/
Author: laetitien
Author URI: https://bugdash.jp/
Description: 
Version: 1.0.0
*/
/* 共通 */
body, header, main {
  margin: 0;
  padding: 0;
}
#header {
    text-align: center;
    margin: 0 auto;
}
section#fv,
section#schedule,
section#info,
section#interview,
section#banner,
section#btn ,
section#about {
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    /*margin: 10% auto 0;*/
    margin: 0 auto 0;
}
.container {
    padding: 0 250px;
    padding: 0 20%;    
}
.container2 {
    padding: 0 50px;
    padding: 0 10% 5%;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}
html, body {
    margin: 0;
    padding: 0;
}
body {
    line-height: 1.5;
}
body {
    overflow-x: hidden; /* 横スクロールを無効にする例 */
}
h1 {
    margin: 0;
}
.sp_only{
  display: none;
}
.br-pc {
  display: block;
}
.br-sp {
  display: none;
}
html { scroll-behavior: smooth;}
.pt-10 {
    padding-top: 10px;
}
.pb-50 {
    padding-bottom: 50px;
}
/* 2カラム */
.col-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* 余白（任意） */
}
.col-2 .item {
  width: calc(50% - 10px); /* ２列 */
  box-sizing: border-box;
}
/* 3カラム */
.col-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* 余白（任意） */
}
.col-3 .item {
  width: calc(33.333% - 14px); /* 3列 */
  box-sizing: border-box;
}
/* ヘッター */
#header {
  background: url("/wp-content/themes/bugdash/images/top_band.png?251001") no-repeat center center;
  background-size: cover; /* 画面幅いっぱいにフィット */
  height:  100px;          /* ヘッダーの高さ（画像に合わせて調整） */
  position: relative;     /* ロゴやアイコンを配置しやすくするため */
}

.header-inner {
  position: relative;
  display: flex;
  justify-content: flex-end;  /* デフォルトは右寄せ */
  align-items: center;
  height: 100%;
  padding: 0 20px;
}

/* ロゴを中央に固定 */
.logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#header .logo {
    width: auto;
    max-width: none;
}
.logo {
    padding: 0;
    margin: 0;
}
.logo img {
    width: 404px;
    height: auto;
    display: block;
}
/* アイコンは右端 */
.sns-icons {
  display: flex;
  gap: 15px; /* アイコンの間隔 */
}

.sns-icons img {
    height: 80px;
    width: auto;
    display: block;
}
/* logo */
.logo-pc {
    width: 50%;
}
img.header_logo {
    max-width: 450px;
    height: 90px;
}
.sns-icons-r ,
.sns-icons-l {
  width: 25%;
  display: flex;
  height: 100px;       /* 親の高さがあることが前提 */
  justify-content: flex-end;
}
.sns-icons-l img ,
.sns-icons-r img {
   height: 90px;
}

main#main-content {
    background: url(/wp-content/themes/bugdash/images/bg.jpg?251001) no-repeat center center;
    background-size: 100% auto; /* 横幅いっぱい、高さは自動 */
    margin-top: -20px;
}
main#main-content {
    width: 100%; /* ブラウザ幅いっぱい */
    margin: 0;   /* 余白リセット */
    background: url(/wp-content/themes/bugdash/images/bg.jpg?251001) no-repeat center top;
    /*background-size: 100% auto;  横幅基準で拡大縮小 */
    background-size: cover;
    background-position: center top;
}
#band {
    background: url(/wp-content/themes/bugdash/images/band.png?251001) no-repeat center center;
    background-size: 100% 100%; /* 横幅いっぱい */
/*     width: 80%;*/
    max-width: 1200px;
/*    padding: 50px 0;*/
    margin: 0 auto;
}
.menu_pc {
    display: flex;
    width: 50%;
    margin: 0 auto;
    padding: 10px 0;
}
.menu_pc li {
    width: 100%;
}
.menu_pc li a{
    width: 100%;
    color: #333;
    font-weight: bold;
    display: block;
}
.menu_pc li a:visited{
    width: 100%;
    color: #333;
    font-weight: bold;
}
.col_3 {
    display: flex;
    justify-content: space-between;
    margin: -5px auto -20px;
    padding: 10px 0;
}
.col_3 li {
    width: auto;
    list-style: none;
    margin: 0.2rem 0.5rem;
    text-align: center;
}
.col_2 {
    display: flex;
    justify-content: space-between;
    max-width: 650px;
    margin: -5px auto -20px;
    padding: 10px 0;
}
.col_2 li {
    width: 50%;
    list-style: none;
    margin: 0.2rem 0.5rem;
    text-align: center;
}

/* パンくずリスト */
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-size: 0.8rem;
}
.breadcrumb__list:not(:last-of-type)::after {
    content: ">";
    margin: 0 .6em;
}

/* 絞り込み */
.filter {
    margin: 10px 0;
}
.filter select {
    margin: 10px 4px;
    border: 1.5px solid #868383;
    border-radius: 5px;
    padding: 10px;
}
input#submit {
    background: #727172;
    color: #fff;
    padding: 0.4rem 1rem;
    border-radius: 5px;
}

/* スライド */
.slide-item {
  text-align: center;
}

.slide-banner-img img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
section#fv2 {
  display: none;
}
.fv-slider {
  width: 100%;
  position: relative;
}

.fv-slide-item img {
  width: 100%;
  height: auto;
  display: block;
}

/* ドットの位置を画像下に */
.slick-dots {
  text-align: center;
  margin-top: 10px;
  bottom: 240px !important;
}

/* ドット全体 */
.slick-dots {
  bottom: 10px;      /* 画像下の余白 */
}

/* liの中のボタンを丸く大きく */
.slick-dots li button {
  width: 32px;        /* 大きさ */
  height: 32px;
  border-radius: 50%; /* 丸にする */
  background: #ccc;   /* 通常の色 */
  border: none;
  padding: 0;
}

.slick-dots li button:before {
    font-size: 50px !important;
}

/*********************************/
/* TOPPAGE */
/*********************************/
/* FV */
img.fv-img {
    max-height: 500px;
    width: auto;
    margin: 0 auto;
}
img.fv-img2 {
    width: 60%;
}
img.midashi-img {
    width: 100%;
}
/* スケジュール */
.schedule-select-wrap {
  display: flex;
  align-items: center;
  gap: 0; /* ラベルとセレクトの間隔 */
  margin-bottom: 20px;
  justify-content: flex-end;
}

.schedule-select-label {
  font-weight: bold;
  color: #fff;
  background-color: #FF0000; /* 青背景 */
  padding: 8px 30px;
  border-radius: 5px 0 0 5px;
  border: 2px solid #FF0000; /* 枠線 */
}

.schedule-select {
  font-size: 16px;       /* 大きめ */
  padding: 10px 12px;    /* 高さを調整 */
  border: 2px solid #FF0000; /* 枠線 */
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}

/* option の文字色 */
.schedule-select option {
  color: #000; /* ブラウザ依存で白は見えないことがあるので黒に */
}

.schedule-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.schedule-list li.schedule-item {
  margin-bottom: 8px;
}

.schedule-list li.schedule-item a {
  display: block;      /* li全体をクリック可能に */
  text-decoration: none;
  color: #000;
  padding: 10px;
  transition: background 0.3s;
}

.schedule-list li.schedule-item a:hover {
  /*background-color: #f0f0f0; /* ホバー時の背景色 */
}

.schedule-list li a,
.schedule-list li {
  display: block;
  text-decoration: none;
  padding: 10px;
  border-bottom: 2px solid #ccc;
}

.schedule-list li:last-child a,
.schedule-list li:last-child {
  border-bottom: none; /* 最後だけ下線なし */
}

/* 更新情報 */
.info-content {
    text-align: center;
}

/* 取材一覧 */
ul.store_list {
    margin-bottom: 30px;
}

img.banner-img {
    width: 80%;
}

p.slide-banner-text {
    margin: 40px 0 20px;
}

a.banner-link {
    background: #000;
    color: #fff;
    padding: 20px 40px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 40px;
}
a.banner-btn-link {
    text-align: center;
    margin: 0 auto;
}
img.store-btn-img {
    width: 40%;
    margin: 0 auto;
}
.slide-banner-link {
  margin: 20px 0;
}

/*********************************/
/* STORE */
/*********************************/
.store-container {
  background: url(/wp-content/themes/bugdash/images/bg_list.png) no-repeat center top;
  background-size: 100% 100%;       /* 画像を縦横比を保って全体に表示 */
  background-attachment: fixed; /* スクロールしても背景を固定 */
  padding: 100px 10% 30px;
}
.store-content {
    max-width: 1200px;
    margin: 0 auto;
    background: url(/wp-content/themes/bugdash/images/bg_bug.png) no-repeat center top;
    background-size: 100% 100%;
    padding-top: 100px;
}

.store-content-bug {
    background: url(/wp-content/themes/bugdash/images/bg_bug.png) no-repeat center top;
    background-size: 100% 100%;
}

.store-content-ginnomankaiten {
    background: url(/wp-content/themes/bugdash/images/bg_ginnomankaiten.png) no-repeat center top;
    background-size: 100% 100%;
}

.store-content-ichinosumairu {
    background: url(/wp-content/themes/bugdash/images/bg_ichinosumairu.png) no-repeat center top;
    background-size: 100% 100%;
}

.store-content-b-ranger {
    background: url(/wp-content/themes/bugdash/images/bg_b-ranger.png) no-repeat center top;
    background-size: 100% 100%;
}

.store-content-sekigan {
    background: url(/wp-content/themes/bugdash/images/bg_sekigan.png) no-repeat center top;
    background-size: 100% 100%;
}

.store-content-b-bagushu {
    background: url(/wp-content/themes/bugdash/images/bg_b-bagushu.png) no-repeat center top;
    background-size: 100% 100%;
}

.store-content-b-mapputatu {
    background: url(/wp-content/themes/bugdash/images/bg_b-mapputatu.png) no-repeat center top;
    background-size: 100% 100%;
}
.store-content-iseijin {
    background: url(/wp-content/themes/bugdash/images/bg_iseijin.png) no-repeat center top;
    background-size: 100% 100%;
}
.store-content-inonakanokawazu {
    background: url(/wp-content/themes/bugdash/images/bg_inonakanokawazu.png) no-repeat center top;
    background-size: 100% 100%;
}
.store-content-kitakunomurasakidama {
    background: url(/wp-content/themes/bugdash/images/bg_kitakunomurasakidama.png) no-repeat center top;
    background-size: 100% 100%;
}
.store-content-syunkasyuutou {
    background: url(/wp-content/themes/bugdash/images/bg_syunkasyuutou.png) no-repeat center top;
    background-size: 100% 100%;
}
.store-content-suikakaitaku {
    background: url(/wp-content/themes/bugdash/images/bg_suikakaitaku.png) no-repeat center top;
    background-size: 100% 100%;
}


h1.store-logo {
    text-align: center;
    padding: 10px 0 10px;
}

h1.store-logo.store-logo-results {
    padding-top: 28px;
}

/* スケジュール一覧 */
#schedule {
    padding-bottom: 50px;
}
.schedules-list ,
#research-list {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e0e0e0;
    padding: 8px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.7); /* 半透明の白ベール */
}

.schedule-row ,
.research-row {
    display: flex;
    align-items: center;
    padding: 3% 5% 4.5%;
    margin: 0 1%;
    background: url(/wp-content/themes/bugdash/images/bar.png) no-repeat center center;
    background-size: 100% 100%; /* ← 要素にピッタリ収める */
}

.schedule-date {
  width: 40%;
  padding-right: 20px;        /* 縦線と文字の間 */
  margin-right: 20px;         /* 縦線と右側要素の間 */
  border-right: 2px solid #000; /* 縦線 */
}

.date {
  display: flex;
  justify-content: flex-end;
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  font-weight: bold;
}

.csv-date {
    justify-content: center;
}

.left {
  display: flex;
  align-items: flex-end; /* 日付を下揃え */
  position: relative;
}

.num {
  font-size: clamp(1.5em, 6vw, 3em); /* 最小1.5em、最大3em、中間は画面幅に応じて可変 */
  line-height: 1;
}

.month, .day {
  font-size: clamp(0.8em, 3vw, 1.5em);
}

.right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0.2em;
  position: relative;
}

.week {
  font-size: clamp(0.6em, 2vw, 0.8em);
  position: absolute;
  top: 0;
  right: 0;
  font-family: monospace;
}

.kanji {
  background: #000;
  color: #fff;
  font-size: clamp(0.8em, 2.5vw, 1em);
  padding: clamp(0.05em, 0.5vw, 0.1em) clamp(0.1em, 1vw, 0.2em);
  margin-top: 1em; /* SATの下に */
}

.schedule-name {
  width: 60%;
  position: relative;
  padding-right: 20px;
  text-align: left;
  font-size: clamp(0.7em, 3vw, 1.5em); /* 最小1.5em、最大3em、中間は画面幅に応じて可変 */
}

/* 取材結果一覧 */
#results {
    margin-top: -25px;
    padding-bottom: 50px;
}
.research-filter-form {
  display: flex;
  align-items: center; /* ラベルとセレクトを縦中央揃え */
  gap: 8px;            /* ラベルとセレクトの間隔 */
  justify-content: flex-end;
  padding: 2% 4.5% 3% 2%;
}

.research-filter-form label {
  white-space: nowrap; /* ラベルが改行されないようにする */
  font-weight: bold;
}

.research-filter-form select {
  padding: 4px 8px;
  font-size: 14px;
}


.research-row {
  display: flex;
  align-items: center;       /* 縦方向の中央揃え
  padding: 3% 2% 5% 4.5%;*/
  color: #000;
}

.research-date {
  width: 40%;
  padding-right: 20px;        /* 縦線と文字の間 */
  margin-right: 20px;         /* 縦線と右側要素の間 */
  border-right: 2px solid #000; /* 縦線 */
}

.research-name {
  width: 60%;
  position: relative;
  padding-right: 20px;
  text-align: left;
  font-size: clamp(0.7em, 3vw, 1.5em); /* 最小1.5em、最大3em、中間は画面幅に応じて可変 */
}

.research-img {
  width: 20%;
}

img.research-result-img {
  width: 100%;
  vertical-align: middle;
}

.my-tab-button {
  border: none;
  background: none;     /* 背景を消す */
  cursor: pointer;
  padding: 0;
}

.my-tab-button img {
  display: block;
  width: 100%;         /* 固定幅 */
  height: auto;         /* 縦横比維持 */
}

.my-tab-button.active[data-target="schedule"] img {
  content: url(/wp-content/themes/bugdash/images/schedule_list_active.png);
}

.my-tab-button.active[data-target="results"] img {
  content: url(/wp-content/themes/bugdash/images/interview_list_active.png);
}


.my-tab-menu {
  display: flex;
  justify-content: center;   /* 中央揃え */
  gap: 10px;                 /* タブ間の余白 */
  margin-bottom: 15px;
  flex-wrap: wrap;           /* 幅が狭くなったら折り返す */
  padding: 0 10%;
}

.my-tab-button {
  flex: 1 1 40%;             /* 幅40％を基準に、必要に応じて縮小 */
  width: 40%;          /* 最大幅は200px */
  /*height: 70px;*/
  line-height: 60px;
  background-size: cover;
  background-position: center;
  border: none;
  cursor: pointer;
  padding: 0;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  text-align: center;
}


/* デフォルトは非表示 */
.my-tab-content {
  display: none;
}

/* active のときだけ表示 */
.my-tab-content.active {
  display: block;
}


.scroll-top-store {
    position: relative;
    width: 100%;
    height: 100px;
}

.scroll-top-store img {
    width: 100%;
    height: auto;
    display: block;
}

.my-tab-menu {
    position: relative; /* ここをabsoluteにしてもOK */
    margin-top: -110px;  /* 画像から下にはみ出させる */
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0 10%;
    z-index: 2;
}

.store-results-space {
    margin-top: 30px;
}
.home-link {
  position: fixed;
  bottom: 20px;   /* 画面下からの距離 */
  right: 20px;    /* 画面右からの距離 */
  z-index: 1000;  /* 他要素に隠れないように */
}

.home-link img {
  width: 100px;    /* 必要に応じてサイズ調整 */
  height: auto;
}
/*********************************/
/* KIZI */
/*********************************/
.kizi-container {
    padding: 20px 0;
    background: url(/wp-content/themes/bugdash/images/csv_bg.png) no-repeat center top;
    background-size: 100% 100%;
    background-attachment: fixed;
    padding: 5%;
}
.csv-content {
  /*  max-width: 1200px;
    margin: 0 5%;
    padding: 8% 5% 10%;
    background: url(/wp-content/themes/bugdash/images/flame_scroll_csv.png) no-repeat center top;
    background-size: 100% auto;  横100%にフィット、縦は自動 */
}

.csv-content {
  max-width: 1200px;
  margin: 0 auto;
}

.scroll-top {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.scroll-top img {
    width: 100%;
    height: auto;   /* 比率を維持して縮小拡大 */
    display: block;
}

.scroll-mid {
    background: url(/wp-content/themes/bugdash/images/flame_scroll_csv2.png) repeat center top;
    background-size: 100% auto;
    padding: 0% 5% 5%;
    margin: 0 2%;
}
.scroll-mid-store{
  background: none;
}
.scroll-bottom {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}

.scroll-bottom img {
  width: 100%;    /* 横幅いっぱいに表示 */
  height: auto;   /* 比率を維持 */
  display: block; /* 余計な隙間をなくす */
}

h1.post-csv-ttl {
    font-size: 4rem;
    text-align: center;
    margin: 0 auto;
    /* width: 100%; */
    /* height: 200px; */
    color: #dc143c;
    padding: 0.2em;
    display: block;
    text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 0px 0 #fff, -2px 0px 0 #fff, 0px 2px 0 #fff, 0px -2px 0 #fff;
    background: url(/wp-content/themes/bugdash/images/tti_bg.png) no-repeat center top;
    background-size: 100% 100%;
}

.date-result-row {
  display: flex;              /* 左右（date-block と result-block）を横並び */
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.1em;
}

.date-block {
  width: 40%;
}

.date-wrap {
  display: flex;              /* 月・日・サイドテキストを横並び */
  align-items: center;
  justify-content: center;
  font-size: 8vw;
}

.date-wrap .month,
.date-wrap .day {
  font-weight: bold;
  line-height: 1;
}

.date-result-row {
  display: flex;              /* 左右（date-block と result-block）を横並び */
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.1em;
}

.date-result-row-kizi {
    padding-top: 30px;
}

.date-block-kizi {
  width: 40%;
  width: 50%;
  text-align: center;
}

.date-wrap {
  display: flex;              /* 月・日・サイドテキストを横並び */
  align-items: center;
  justify-content: center;
  font-size: 8vw;
}

.date-wrap .month,
.date-wrap .day {
  font-weight: bold;
  line-height: 1;
}

.week-kizi {
  background: #000;
  color: #fff;
  font-size: 0.8em;
  position: absolute;
  top: 0;
  right: 0;
}

.kanji-kizi {
  background: none;
  color: #000;
  font-size: 1em;
  padding: 0.1em 0.3em;
  margin-top: 1em; /* SATの下に */
}

.date2 {
    display: inline-flex;
    align-content: center;
    align-items: baseline;
}
span.num2 {
    font-size: clamp(16px, 8vw, 200px);
    font-weight: bold;
}
span.month2 ,
span.day2 ,
span.week2  {
    font-size: clamp(6px, 3.5vw, 80px);
    font-weight: bold;
    display: inline-block;
}
.right2 {
    position: relative; /* 子要素を絶対配置するため */
}

.week2 {
    font-size: clamp(5px, 3vw, 70px) !important;
    position: absolute;
    bottom: 90%;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    padding: 2px; /* 上下2px, 左右10px */
    font-weight: 100 !important;
    line-height: 1; /* 高さを文字にぴったりに */
    display: inline-block; /* background を文字にフィットさせる */
}

.result-block-kizi {
  width: 60%;
  width: 50%;
  text-align: center;
  font-weight: bold;
  padding-right: 1%;
}
.kizi-ttx {
    margin: 5%;
    font-size: 1.5rem;
}
img.midashi-interview-result {
    width: 100%;
}
h2.csv-ttl {
    color: #ffff00;
    text-align: center;
    font-size: 1.5rem;
    padding: 2%;
    background: url(/wp-content/themes/bugdash/images/ttl_bar.png) no-repeat center top;
    background-size: 100% 100%;
}
.research-table-block {
    padding: 0 5%;
}
.research-table {
    width: 95%;
    margin: 0 auto;
    table-layout: fixed; /* 必要ならセル幅を均等に */
    word-wrap: break-word; /* 長い文字を折り返し */
    border-collapse: collapse;
}
.research-table th,
.research-table td {
  border: 1px solid #ccc; /* グレーの線 */
  padding: 8px; /* 余白で読みやすく */
  text-align: left; /* 左寄せ（必要なら変更） */
}
.research-table thead th {
  background-color: #000; /* ヘッダー背景色で見やすく */
  color: #fff;
}
.research-table tbody tr:nth-child(even) {
  background-color: #f0f8ff;
}
/*********************************/
/* 概要 */
/*********************************/
.band-about {
    background: none !important;
    padding: 0 !important;
}
.about-area {
    background: #fff;
    margin: 0 10%;
}
img.obout-img {
    width: 100%;
}
p.about-txt {
  padding: 0 5% 5%;
  text-align: left;
}
.about-content {
    margin-top: -20px;
}
.about-container {
    margin-bottom: 100px;
    padding-top: 5%;
}

/* フッター */
#footer {
    margin: 0;
    padding: 0;
}
#footer img {
    display: block;
    width: 100%;   /* 画面幅いっぱいにしたいなら */
    height: auto;
}

/* 画面幅が1600px以上の場合 */
@media (min-width: 1600px) {
    span.num2 {
        font-size: 6vw;
    }
    span.month2 ,
    span.day2 ,
    span.week2  {
      font-size: 3vw;
    }
    .week2 {
      font-size: 2.5vw !important; 
    }
}
/* 1280px以下　かつ　769px以上に適用されるCSS（タブレット用） */
@media only screen and (max-width: 1280px) and (min-width: 769px){
    /* 共通 */
    #band {
        max-width: 90%;
    }
    img.fv-img {
      max-height: 450px;
    }
    #band {
        /*background-size: cover;*/
        background-position: center top;
    }
}

/* 1280px以下　かつ　769px以上に適用されるCSS（タブレット用） */
@media only screen and (max-width: 1000px) and (min-width: 769px){
    /* 共通 */
    .my-tab-menu {
      margin-top: -110px;  /* 画像から下にはみ出させる */
    }
    .sns-icons-l img ,
    .sns-icons-r img {
      height: 70px;
    }
    a.sns_link {
      padding-top: 15px;
    }
}

/* 768px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 768px) {
    /* 共通 */
    html, body {
        margin: 0;
        padding: 0;
    }
    body {
        line-height: 1.5;
    }
    body {
        overflow-x: hidden; /* 横スクロールを無効にする例 */
    }

	.pc_only{
    	display: none !important;
  	}
  	.sp_only {
      	display: block !important;
  	}
  	.br-sp {
    	display: block;
  	}
  	.br-pc {
    	display: none;
  	}
    header {
        margin: 0;
        padding: 0;
    }
    #header .logo {
        height: auto;
        width: 30%;
    }
    header h1, header p {
        margin-bottom: 0;
        width: 100%;
    }
    .logo img {
        width: 100%;
    }
    .header-inner {
      padding: 0; 
    }
    img.header_logo {
      width: 100%;
    }
    .sns-icons-l img ,
    .sns-icons-r img {
      height: 70px;
    }
    .sns-icons-l {
      padding-left: 3%;
      justify-content: unset;
      width: 20%;
    }
    .sns-icons-r {
      padding-right: 3%;
      width: 20%;
    }
    a.sns_link {
      padding-top: 15px;
    }
    .logo-pc {
      width: 60%;
    }
    /*********************************/
    /* TOPPAGE */
    /*********************************/
    /* FV */
    img.fv-img {
        max-height: 400px;
        width: auto;
    }
    #band {
        width: 90%;
        padding: 10px 0;
    }
    .container {
        padding: 0 10%;
    }
    .container2 {
        padding: 0 2% 5%;
        margin-bottom: 2%;
    }
    main#main-content {
        width: 100%;
        margin: 0;
        min-height: 100vh; /* 画面の高さに合わせる */
        background: url(/wp-content/themes/bugdash/images/bg_sp.jpg?251002) no-repeat center top;
        background-size: cover; /* 縦横どちらも画面いっぱいに収める */
    }
    #band {
        width: 90%;
        min-height: 100vh; /* 画面の高さに合わせる */
        background: url(/wp-content/themes/bugdash/images/band_sp.png?251002) no-repeat center top;
        background-size: cover; /* 縦横どちらも画面いっぱいに収める */
    }
    .slick-dots{
        bottom: 290px !important;
    }
    .slick-dots li button:before {
        font-size: 30px !important;
    }
    .slick-dots li{
        margin: 0 !important;
    }
    .schedule-select-label {
        font-size: 0.8rem;
        padding: 3px;
    }
    .schedule-select {
        min-width: 1rem;
        width: 10rem;
        padding: 8px;
        border: 3px solid #FF0000;
    }
    img.banner-img {
      width: 100%;
    }
    img.store-btn-img {
        width: 90%;
    }
    /*********************************/
    /* STORE */
    /*********************************/
    .store-container {
      background: url(/wp-content/themes/bugdash/images/bg_list_sp.png) no-repeat center top;
      background-size: 100% 100%;
      background-attachment: fixed;
      padding: 100px 5% 30px; 
    }

    .store-content {
        background: url(/wp-content/themes/bugdash/images/bg_bug_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }

    .store-content-bug {
        background: url(/wp-content/themes/bugdash/images/bg_bug_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }

    .store-content-ginnomankaiten {
        background: url(/wp-content/themes/bugdash/images/bg_ginnomankaiten_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }

    .store-content-ichinosumairu {
        background: url(/wp-content/themes/bugdash/images/bg_ichinosumairu_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }

    .store-content-b-ranger {
        background: url(/wp-content/themes/bugdash/images/bg_b-ranger_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }

    .store-content-sekigan {
        background: url(/wp-content/themes/bugdash/images/bg_sekigan_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }

    .store-content-b-bagushu {
        background: url(/wp-content/themes/bugdash/images/bg_b-bagushu_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }

    .store-content-b-mapputatu {
        background: url(/wp-content/themes/bugdash/images/bg_b-mapputatu_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }
    .store-content-iseijin {
        background: url(/wp-content/themes/bugdash/images/bg_iseijin_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }
    .store-content-inonakanokawazu {
        background: url(/wp-content/themes/bugdash/images/bg_inonakanokawazu_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }
    .store-content-kitakunomurasakidama {
        background: url(/wp-content/themes/bugdash/images/bg_kitakunomurasakidama_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }
    .store-content-syunkasyuutou {
        background: url(/wp-content/themes/bugdash/images/bg_syunkasyuutou_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }
    .store-content-suikakaitaku {
        background: url(/wp-content/themes/bugdash/images/bg_suikakaitaku_sp.png) no-repeat center top;
        background-size: 100% 100%;
    }

    .schedules-list, #research-list {
      height: 500px;
    }
    h1.store-logo.store-logo-results {
      padding-top: 32px;
    }
    .schedule-date {
      width: 50%;
      padding-right: 10px;
      margin-right: 10px;
    }
    .research-date {
      padding-right: 10px;
      margin-right: 10px;
    }
    .my-tab-menu {
      margin-top: -105px;
    }
    .scroll-mid {
      padding: 0% 2% 5%;
    }
    .schedule-row, .research-row {
      padding: 4% 1% 6%;
      margin: 0 2%;
    }
    .research-date {
      width: 50%;
      padding-right: 10px;
      margin-right: 10px;
    }
    .store-results-space {
      margin-top: 35px;
    }
    /*********************************/
    /* KIZI */
    /*********************************/
    .kizi-container {
      padding: 2%;
      background: url(/wp-content/themes/bugdash/images/csv_bg_sp.png) no-repeat center top;
      background-size: 100% 100%;
      background-attachment: fixed;
    }
    h1.post-csv-ttl {
      font-size: 1rem;
    }
    .csv-content {
      max-width: 1200px;
      margin: 0 2%;
  /*    padding: 20% 5% 25%;
      background: url(/wp-content/themes/bugdash/images/flame_scroll_csv_sp.png) no-repeat center top;
      background-size: 100% 100%;  横も縦も要素にピッタリ */
    }
    .kizi-ttx {
      font-size: 1rem;
    }
	.research-table-block{
		padding: 0 2%;
	}
	.research-table td:first-child {
	  font-size: 13px; 
	}
    /*********************************/
    /* 概要 */
    /*********************************/
    .about-container {
        padding: 5% 10%;
    }
    .about-area {
      margin: 0;
    }
    img.obout-img {
      width: 90%;
    }
    p.about-txt {
      padding: 0 5%;
      text-align: left;
    }
    img.link-img2 {
      width: 90%;
    }
}