/* CSS Document */
@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
	font-family:sans-serif; "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    background: #fff;
}

h1,h2,h3,h4 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:1;
	vertical-align:bottom;
}

p {margin: 0;padding: 0;line-height: 1.6;}

img {
	width: auto;
	max-width: 100%;
	height: auto;
	vertical-align:top;
	}

hr {

    border: none;
    border-top: 1px solid #ddd; /* 薄いグレー */
    margin: 2rem 0;
}

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}

.mb {display:none !important;}

/* リンク
---------------------------------------------------- */
a {color:#0066ff;transition:all .3s;}
a:visited {color: #0066ff;}
a:hover,a:active {color: #0099FF;}

a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	transition: all 0.5s 0s ease;
}

.page_link {
  scroll-margin-top: 160px; /* 固定ヘッダーの高さに合わせる */
}

/*各ページのタイトル
-------------------------------------------------------*/

.heading {
	font-size:1.7rem;
	font-weight: bold;
	padding: 0.5em 1em;
	margin: 0 0 25px 0;
	background-color: #025133;
	color: #fff;
	overflow: hidden;
	position: relative;
}
.heading::after {
  content: '';
  background-color: #fff;
  opacity: 0.3;
  transform: rotate(-65deg);
  position: absolute;
  bottom: -250px;
  right: -250px;
  width: 300px;
  height: 500px;
}

.heading span {
	font-size:80%;
	font-weight:normal;
}

.subtit {
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: center; /* 水平中心 */
	margin:0 0 20px 0;
	padding:20px 0;
	font-size:1.5rem;
	line-height:1;
	color:#333;
}
.subtit:before, .subtit:after {
  border-top: 1px solid #333;
  content: "";
  width: 10%; /* 線の長さ */
}
.subtit:before {
  margin-right: 1em; /* 文字の右隣 */
}
.subtit:after {
  margin-left: 1em; /* 文字の左隣 */
}


.copy {
    border-bottom: solid 4px #b5d6a6; /* 太さ+1px、緑を少しだけ明るく */
    position: relative;
    font-size: 1.6rem;
    color: #555;
    line-height: 2.2; /* +2px相当の上げ幅 */
    text-indent: 8px;
    margin-bottom: 10px;
}

.copy:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 4px #008631; /* 太さ+1px＆彩度UP（00722b→008631） */
    bottom: -4px; /* 位置を太さに合わせて調整 */
    width: 15%;
}

.copy strong {
    color:#ff3300;
    font-size:2rem;
}

.copy span {
    font-size:70%;
    font-weight:normal;
}


.catch {
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: center; /* 水平中心 */
	margin-bottom:10px;		
}
.catch:before, .catch:after {
	border-top: 1px solid;
	content: "";
	width: 3em; /* 線の長さ */
}
.catch:before {
	margin-right: 1em; /* 文字の右隣 */
}
.catch:after {
	margin-left: 1em; /* 文字の左隣 */
}

/*ヘッダー
----------------------------------------------------------------*/
header {
	position:sticky;
	width: 100%;
	height:140px;
	top: 0;
	/*background: #00704b;*/
	background: #025133;
	z-index: 99;
}

#header {
	max-width:1280px;
	margin: 0 auto;
	padding: 0;
}

#header a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

.logo {
    height: auto;
	width:13%;
	float:left;
    display: block;
    margin: 20px 42% 20px 1%;
}

.tel {
	width:24%;
	height: auto;
	float:left;
	display: block;
	margin: 24px 2% 0 0;
}


#hdr-nav {
  display: flex;
  gap: 10px;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 20px 0 0 0;
}

#hdr-nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;              /* 円のサイズ */
  height: 42px;
  border: 1.5px solid #fff; /* 白い円枠 */
  border-radius: 50%;       /* 円にする */
  transition: all 0.25s ease;
}

#hdr-nav li a img {
  width: 70%;               /* 中央に配置 */
  height: auto;
  filter: brightness(0) invert(1); /* 白アイコン化（画像が黒でも白表示） */
  transition: opacity 0.25s ease;
}

#hdr-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.15);
  transform: scale(1.1);
}

#hdr-nav li a:hover img {
  opacity: 0.8;
}

/*グローバルナビ
---------------------------------------------------- */

/*==ナビゲーション全体の設定*/
#g-nav {
    width: 100%;
	z-index:999;
}
/*ナビゲーションを横並びに*/
#g-nav ul{
  list-style: none;
  display: flex;
  justify-content: center;
	margin:0;
	padding:0;
}
/*2階層目以降は横並びにしない*/
#g-nav ul ul{
  display: block;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
#g-nav ul li{
	position: relative;
	margin:0;
	padding:0;
	text-align:center;
	box-sizing: border-box;
}

.bd_r {border-right: 1px solid rgba(255,255,255,0.6);}
.bd_lr {border-right: 1px solid rgba(255,255,255,0.6);border-left: 1px solid rgba(255,255,255,0.6);}


/*ナビゲーションのリンク設定*/
#g-nav ul li a {
  display: block;
  /*text-decoration: none;
  color: #fff;*/
  padding:6px 0;
  transition:all .3s;
}

#g-nav ul li li a {
	font-size:0.8rem;
	padding:16px 0;
	text-decoration:none;
}

/*下の階層を持っているulの指定*/
#g-nav li.has-child ul{
  position: absolute;
  left:0;
  top:48px;
  z-index: 4;
  background:#488136;
  width:160px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}

/*hoverしたら表示*/
#g-nav li.has-child:hover > ul,
#g-nav li.has-child ul li:hover > ul,
#g-nav li.has-child:active > ul,
#g-nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
#g-nav li.has-child ul li a{
	color: #fff;
	border-bottom:solid 1px rgba(255,255,255,0.6);
}

#g-nav li.has-child ul li:last-child a{
  border-bottom:none;
}

#g-nav li.has-child ul li a:hover,
#g-nav li.has-child ul li a:active{
	background:#7ebea5;
	opacity:1;
}

/*==3階層目*/
/*3階層目の位置*/
#g-nav li.has-child ul ul{
  top:0;
  left:182px;
  background:#66ADF5;
}

#g-nav li.has-child ul ul li a:hover,
#g-nav li.has-child ul ul li a:active{
  background:#448ED3;
}


/*========= ドロワーメニュー ===============*/

#drawer {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
	top:0;
	right: -120%;
	width:100%;
	height: 100vh;/*ナビの高さ*/
	background:#025133;
    /*動き*/
  transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#drawer.panelactive{
    right: 0%;
}

/*ナビゲーションの縦スクロール*/
#drawer.panelactive #drawer-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#drawer ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:5%;
    left:0%;
    /*transform: translate(-50%,-50%);*/
	margin:0;
	padding:0;
	width:100%;
}

/*リストのレイアウト設定*/

#drawer li{
	text-align:center;
	/*border-bottom:1px solid #ccc;*/
	list-style: none;
	font-size:1rem;
}

#drawer li a{
  color: #fff;
  text-decoration: none;
  padding:10px;
  display: block;
  /*text-transform: uppercase;*/
  /*letter-spacing: 0.1em;
  font-weight: bold;*/

}

.drawertit {
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: center; /* 水平中心 */
	margin:30px 0 10px 0;
	font-size:1.1rem;
	line-height:1;
	color:#ff0;
}
.drawertit:before, .drawertit:after {
  border-top: 1px solid #ff0;
  content: "";
  width: 10%; /* 線の長さ */
}
.drawertit:before {
  margin-right: 1em; /* 文字の右隣 */
}
.drawertit:after {
  margin-left: 1em; /* 文字の左隣 */
}

/*========= ボタンのためのCSS ===============*/
.openbtn1{
  position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
  top:10px;
  right: 10px;
  cursor: pointer;
    width: 50px;
    height:50px;
}
  
/*×に変化*/  
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
  background-color: #fff;
    width: 45%;
  }

.openbtn1 span:nth-of-type(1) {
  top:15px; 
}

.openbtn1 span:nth-of-type(2) {
  top:23px;
}

.openbtn1 span:nth-of-type(3) {
  top:31px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
  /*background-color: #111;*/
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
  /*background-color: #111;*/
}


/*フッター
--------------------------------------------*/
footer {
	/*background: #00704b;*/
	background: #025133;
	margin:0;
}

.footer {
	width:90%;
	margin:0 auto;
	padding:2rem 5%;
	color: #fff;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover {
  color: #ffff00;
}

footer hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #fff;
}

address {
	font-style: normal;
	font-size:0.8rem;
	line-height:1.8;
}

.grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.25rem;
  margin-bottom: 1.5rem;
}

.footer__navi-heading {
  font-weight: 600;
}

.footer__logo {
  display: inline-block;
  margin-bottom: 1.5rem;
}

.footer__navi {
  padding: 0;
  list-style: none;
}

.footer__navi li {
  margin-bottom: 0.75rem;
	font-size:0.8rem;
}

.footer__address {
  margin-bottom: 2rem;
}

.footer__address a {
  text-decoration: underline;
}

.flex {
  display: flex;
}


  .md-justify-between {
    justify-content: space-between;
  }

  .footer__address a {
    text-decoration: none;
    pointer-events: none;
  }

.footer__social {
  display: flex;
  gap: 10px;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}


.footer__social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;              /* 円のサイズ */
  height: 36px;
  border: 1.5px solid #fff; /* 白い円枠 */
  border-radius: 50%;       /* 円にする */
  transition: all 0.25s ease;
}

.footer__social a img {
  width: 70%;               /* 中央に配置 */
  height: auto;
  filter: brightness(0) invert(1); /* 白アイコン化（画像が黒でも白表示） */
  transition: opacity 0.25s ease;
}

.footer__social a:hover {
  background-color: rgba(255, 255, 255, 0.15);
  transform: scale(1.1);
}

.footer__social a:hover img {
  opacity: 0.8;
}




.footer__social a:not(:last-child) {
  margin-right: 16px;
}





.copyright {
	text-align:center;
	font-size:0.8rem;
	padding:30px 0 0 0;
}

@media screen and ( min-width:1024px )
{
/*フッターを折り返す*/
  .lg-flex {
    display: flex;
	}
}

/*========= ページトップのためのCSS ===============*/

/*リンクの形状*/
#page-top a{
  display: flex;
  justify-content:center;
  align-items:center;
  background:#80b252;
  border-radius: 4px;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  text-transform: uppercase; 
  text-decoration: none;
  font-size:0.6rem;
  transition:all 0.3s;
}

#page-top a:hover{
  background: #bdddb3;
}

/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 10px;
  bottom:10px;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}

/*　上に上がる動き　*/
#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}


/* 全体構造
---------------------------------------------------- */
#wrapper {
    margin: 0 auto;
    height: 100%;
    min-height: 100%;
    max-width: 1280px;
    background: #FFFFFF;
   /*overflow: hidden;*/
   /*--レスポンシブレイアウト時の右側の余白を消す--*/
}


/*最新情報
---------------------------------------------------- */

.news {text-decoration:none;}
.news p {
	margin:40px 5%;
	padding:10px 20px;
	border:1px solid #217533;
	border-radius:8px;
	text-align:center;
	font-size:1.2rem;
	background:#e1efe4;
	color:#217533;
	transition: all  0.3s ease;
	}
.news p:hover {background:#217533;color:#fff;}

.info_box {
	/*box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);*/
	margin:20px 0;
	padding:16px 30px;
	background:#fff;
	border:3px solid #c7b370;
	border-radius:8px;
	}

.info_box h4 {margin:30px 0 -20px;}
.info_box h5 {color:#ff0000;text-align:center;font-size:1.2rem;margin:0;padding:0;}

.info_box ul {
	margin:0;
	padding:0;
	}

.info_box li {
	margin:10px;
	}

.info_box li span{
	color:#39a854;
}

.info_box li a {
	color:#3399ff !important;
}

.date {
	font-size:0.8rem;
	color:#333;
	margin:10px 0;
	}

.infotop_tit {
	font-size:1.2rem;
	font-weight:bold;
	line-height:1.4;
	color:#333;
	margin:20px 0;
	padding:0;
	border-bottom:1px solid #333;
	}

.infotop_lead {
	font-size:1rem;
	margin:10px 0 30px 0;
	}


.info_box ul {
	margin:0;
	padding:0;
	}

.info_box li {
	margin:10px;
	}

.info_box li span{
	color:#39a854;
}

.info_box li a {
	color:#3399ff !important;
}

.info_box .subtit {
	margin-top:0;
}


/*ページ内リンク
---------------------------------------------------- */
.page_navi{
    display: flex;
    flex-wrap: wrap;/*スマホ表示折り返し用なのでPCのみなら不要*/
    margin:0;
	padding:0;
    list-style: none;
}

.page_navi li{
	background:#6fa24a;
	border-radius:10px;
	box-shadow: 0 2px 0 #555;
	transition: 0.3s;
}

.page_navi li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.8em;
	text-decoration: none;
	color: #fff !important;
}

.page_navi li a::after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

.page_navi li:hover {
	transform: translateY(2px);
	text-decoration: none;
	box-shadow: 0 1px 0 #666;
	background:#4f8528;
}

.btn_new {
	/*background:#ff0000 !important;*/
	padding-left:40px !important;
	background:url(../images/icon_new.png) 4px no-repeat;
}



.navi_2 {width:70%;margin:20px 15%;}
.navi_2 li{
	width:calc(80%/2);
	margin:0 5%;
}

.navi_3,.navi_4,.navi_5  {width:100%;margin:20px 0;}
.navi_3 li{width:calc(88%/3);margin:0 2% 15px;font-size: 1rem;}
.navi_4 li{width:calc(92%/4);margin:0 1% 15px;font-size: 1rem;}
.navi_5 li{width:calc(95%/5);margin:0 0.5%;font-size: 0.9rem;}

/*バナー
---------------------------------------------------- */
.top-bnr {
    margin:20px 0 30px 0;
}

.bnrL {
	width:98%;
    margin:10px 1%;
}

.top-bnr p {
	width:48%;
    margin:10px 1%;
	float:left;
}

.facility_box {margin:0 auto;}

.facility_box div {
	width: calc(92%/4);
	min-height:360px;
    margin:0 1% 40px;
	box-shadow: 0 0 5px rgba(6, 6, 6, 0.5);
	float: left;
}

.facility_box p {
	margin:10px 4%;
	font-size:0.9rem;
}

.facility_box a {
	text-decoration:none;
	color:#333;
}




/*交通案内
-------------------------------------------------------*/
#access-page p {
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0.1em;
}
#mapion {
    width: 430px;
    height: 40px;
    margin: 10px 0px 10px 0px;
}
#mapion img {
    margin: 0;
    padding: 0;
    float: left;
}
.bus-name  {
    margin: 5px 0 15px 0px;
    padding: 0 0 15px 0;
    font-size: 13px !important;
    line-height: 2.4;
    border-bottom: 1px solid #CCC;
}
.bus-name  strong {
    color: #0A7C24;
}
.bus-name  span {
    color: #fff;
    padding:4px 8px;
}
.bus-name  img {
    padding: 3px 0 0 0;
}
#access-page h3 {
    margin: 10px 0 10px 0;
    padding: 0;
}

.ac_img {margin:0 8% 10px;}
#access_box {width:84%;border:1px solid;margin:0 8% 10px;}
#access_box td,#access_box th {border:1px solid #555;text-align:center;padding:8px 0;}
.hanako_time,.tz24_time {width:22.5%;}
#hanako_st,.hanako_time {color:#cc0000;font-size:20px;}
#tz24_st,.tz24_time {color:#339966;font-size:20px;}
.discontinued {color:#ff0000;text-align:center;font-size:120%;font-weight:bold;margin:40px 0;}


/*料金案内
-------------------------------------------------------*/
.price_list {
    border: 1px solid #333333;
    margin-bottom: 30px !important;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}
.price_list td {
    padding: 8px 4px;
    text-align: center;
    border: 1px solid #333333;
}
.price_list th {
    color: #FFFFFF;
    padding: 8px 2px;
    white-space: nowrap;
    font-weight: normal;
    border: 1px solid #333333;
	text-align:center !important;
}
.price_list th span{
    font-size: 80%;
}
.price_list p {
    margin-bottom: 5px;
}

.weekday_time {
	width: 8%;
	background: #339933 !important;
}

.weekday_Admission {
	color: #FFFFFF;
	background: #66cc66;
	width:23%;

}

.weekday_3f {
	color: #FFFFFF;
	background: #66cc66;
}

.holyday_time {
	width: 8%;
	background: #FF0066 !important;
}

.holyday_Admission {
	color: #FFFFFF;
	background: #FF6666;
	width:23%
}

.time {
	width: 8%;
	background: #009966;
}

.sv {
   /* background: #fc6;
    border-radius: 4px;
    padding: 4px 2px;*/
    margin: 10px auto 8px;
    white-space: nowrap;
    font-size: 14px;
}
.sv p {
    line-height:1.8;
}
.sv strong {
    font-size: 18px;
    font-weight: bold;
    color:#ff0000;
    text-align: center;
}

.sw {
    background:#f30;
    border-radius: 4px;
    padding: 4px;
    margin: 10px auto 8px;
    white-space: nowrap;
    font-size: 12px;
    max-width:200px;
}
.sw p {
    margin-right: 4px;
}
.sw strong {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color:#fff;
}

.price_box {
    width: 46%;
    float: left;
    padding-top: 15px;
    font-size: 16px;
}
.card_box {
    width: 50%;
    background: #FFC;
    font-size: 11px;
    padding: 2% 0.5%;
    border: 1px solid #ffcc66 !important;
    box-sizing: border-box;
    float: left;
}
.card_box strong {
    font-size: 18px;
    color: #ff3300;
}

.cash {font-size:3rem;font-weight:bold;}
.cash2 {font-size:1.5rem;font-weight:bold;}

.period {text-align:right;margin-top:-60px !important;z-index:10;position:relative;}
.period span {color:#fff;padding:4px 8px;background-color:#025133;}

.weekday-3hours {
	margin:10px -100% 0 0;
	}

.weekday-3hours {
	margin:0 -100% 0 0;
	}




/*施設案内
-------------------------------------------------------*/
#fareway_l {
    width: 49%;
    margin: 0 1% 0 0;
    float: left;
}
#fareway_r {
    width: 49%;
    margin: 0 0 0 1%;
    float: left;
}
#tit_floor-Item {
    color: #F00;
    font-size: 20px;
    text-align: center;
    padding: 8px;
    margin: 0 10px 10px;
    border: 1px solid;
    border-radius: 8px;
}
.floor_Item {
    float: left;
    margin: 0px 2% 30px;
	width:calc(88%/3);
	padding: 0;
    min-height: 460px;
}

.floor_txt {
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left;
    line-height: 1.6;
    font-size: 0.9rem;
    min-height: 120px;
}

.floor_txt strong,.fareway p {
    font-size: 120%;
    color: #006633;
}

.season_img {
	width:46%;
	margin:0 2% 30px;
	text-align:center;
	float:left;
}
.season_lead {
	width:48%;
	margin:0 2% 0 0;
	float:left;
}

.season_lead p {
	font-size:1.1rem;
	line-height: 2.0;
}

.tit_sum {
    font-size: 1.4rem;
    color: #0099ff;
    margin: 10px 0px;
}
.tit_win {
    font-size: 1.4rem;
    color: #ff6600;
    margin: 10px 0px;
}

.season_Item {
    float: left;
    margin: 0px 2% 30px;
	width:calc(88%/3);
	padding: 0;
    min-height: 300px;
}



.group-link {
    width: calc(92%/4);
    margin:10px 1% 30px;
    float: left;
}
.group-link img {
    margin:0 0 10px 0;
	border:1px solid #ccc;
	box-sizing: border-box;
	border-radius:8px;
}
.group-link p {
    font-size: 1rem;
    margin:0 0 10px 0;
    padding: 0;
}

.list_note {
	color: #333;
	padding: 0 0 0 10px;
	margin:0 0 30px 0;
	list-style:none;
}

.list_note li {
  line-height: 2.5;
  padding: 0.9em 0;
	border-bottom:1px solid #ccc;
}

.list_note strong {
	font-size:1.3rem;
}

.list_note span{
	font-size:80%;
	font-weight:normal;
}

.list_note .tit {
padding:8px;background:#007b43;color:#fff;margin-right:14px;
	font-size:1.1rem !important;
}

.bunker_l {
	width:50%;
	margin:0 2% 30px 0;
	float:left;
}

.bunker_r {
	width:48%;
	margin:0 0 30px 0;
	float:left;
}


/*レッスン
-------------------------------------------------------*/
.kigaruni_img {width:70%;margin:0 15% 10px;}
.kigaruni_txt {font-size:1.3rem;margin:0 18% 30px;}

.lesson_box {
	overflow: auto;
	_zoom: 1;
}
.lesson_box-photo {
	width:26%;
	float: left;
	padding: 0 0 10px 0;
	margin: 0;
}

.lesson-lead {
	width:73%;
	float: left;
	padding: 0;
	margin: 0px 0px 0px 1%;
	line-height: 1.8;
	color: #333333;
}

.lesson_title {
	color: #00552e;
	font-size: 1.3rem;
	line-height:1.4;
	margin-bottom:10px;
}

.lesson-box {
	padding:10px;
	margin:8px 0px;
	line-height:200%;
	border-top:1px solid #cccccc;
	border-right:3px solid #aaaaaa;
	border-bottom:3px solid #aaaaaa;
	border-left:1px solid #cccccc;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
.lesson-box h4{
	color:#006633;
	font-size:110%;
	text-shadow: 1px 1px 1px #cccccc;
	margin:0px !important;
	padding:0px !important;
	line-height:normal;
}

.table_wrap {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	height:500px;
}

.sticky {
  position: sticky;
  top: 0;
  left: 0;
  border-top: none;
}
.sticky::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.lesson-table {
	width:100%;
	border-collapse:separate;
	border-top:1px solid #336600;border-left:1px solid #336600;
	empty-cells:show;
}

.lesson-table td {
	padding:8px 2px;
	border-spacing:0;
	border-right:1px solid #006633;border-bottom:1px solid #006633;
	text-align:center;
	
}

.lesson-table tr:nth-child(odd) td {
  background-color:#fcfcf4;
}


.lesson-table th {
	padding:16px 2px;
	border-spacing:0;
	white-space: wrap;
	background-color:#006633;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #006633;
	border-bottom:1px solid #006633;
	color:#FFFFFF;
	font-weight:normal;
}

.mega-table {
	width:80%;
	margin:0 auto;
	border-collapse:collapse;
	border:1px solid #ccc;
	empty-cells:show;
	background-color:#FFFFFF;
}

.mega-table td {
	padding:10px;
	border-spacing:0;
	border:1px solid #ccc;
	text-align:center;
	font-size:1.1rem;
}

.mega-table th {
	padding:10px;
	border-spacing:0;
	white-space: wrap;
	background-color:#006633;
	border:1px solid #ccc;
	color:#FFFFFF;
	font-weight:normal;
	font-size:1.2rem;
}


/*初心者*/
	.biginer_tbl td {height:60px;}

/*---60分&90分---*/
	.tbl_6090 td,.tbl_6090 th {font-size:0.8rem;width:calc(100%/22);}

/*---ワンポイント個人レッスン---*/
.one-per_box {width:48%;margin:0 1% 30px;float:left;}

.one-per_box .box_notice {
	width:100%;
    padding: 8px 0%;
	margin:0;
}

.one-per_box ul {
	margin:0;
	padding:0 0 0 10px;
}

.one-per_box li {
	font-size:0.9rem;
}


.one-per_tbl {
	width:100%;
	border-collapse:separate;
	border-top:1px solid #336600;
	border-left:1px solid #336600;
	empty-cells:show;
	text-align:center;
	color: #333333;
	margin-bottom:10px;
}
.one-per_tbl td {
	padding:4px 2px;
	font-size:1rem;
	white-space:normal !important;
	border-spacing:0;
	border-right:1px solid #006633;
	border-bottom:1px solid #006633;
}
.one-per_tbl th {
	padding:4px 2px;
	font-size:1rem;
	border-spacing:0;	
	background-color:#006633;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #006633;
	border-bottom:1px solid #006633;
	color:#FFFFFF;
	font-weight:normal;
}


.one-per-sch_tbl {
	width:100%;
	border-collapse: collapse;
	text-align: center;
	color: #333333;
	background-color: #FFFFFF;
	border: 2px solid #333;
}
.one-per-sch_tbl td,.one-per-sch_tbl th {

	font-family: "メイリオ", Osaka, sans-serif, Arial, Helvetica;
}
.one-per-sch_tbl td {
	text-align: center;
	padding:6px;
	border: 1px solid #666;
	white-space: nowrap;
}
.one-per-sch_tbl th {
	text-align: center;
	padding:8px;
	color:#ff0000;
	font-weight: normal;
	white-space: nowrap;
	border-top: 2px solid #333 !important;
}



.month {
	padding: 4px 8px;
	border-spacing: 0;
	border: 2px solid #333;
	white-space: nowrap;
	background-color: #6AAD63;
	color: #FFFFFF;
	text-align: left;
	font-size: 120%;
}
.day {
	width:14.285%;
	background: #339933;
	color: #FFFFFF;
	font-size:1.1rem !important;
	padding:16px 0 !important;
	box-sizing:border-box;
	border-right:2px solid #333 !important;
}

.leftline {
	border-left: 2px solid #333;
	/*width:5% !important;*/
}
th.leftline {
	background: #f9f9f9;
	border: 2px solid #333 !important;
	height: 30px;
	color: #666 !important;
	font-size: 1rem;
	font-weight: bold;
}

.one-per-sch_tbl .sat {
	color: #2d80cf !important;
}

.one-per-sch_tbl .holy {
	color: #e54b4b !important;
}

/*---ジュニアスクール---*/
.intro_box {
    float: left;
    margin: 0px 2% 30px;
	width:calc(88%/3);
	padding: 0;
}

.intro_txt {
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left;
    line-height: 1.6;
    font-size: 0.9rem;
}

.prof_box {margin:0 12%;}
.prof_ph {width:18%;margin:0 5% 0 0;float:left;}
.prof_txt {width:77%;float:left;letter-spacing:1px;line-height:2.5;font-size:1.3rem;padding:16px;border:3px solid #aacc99;border-radius:8px;box-sizing: border-box;}
.jr-tbl {margin-bottom:10px;}
.jr-tbl td {padding: 8px 4px;}

/*---初心者---*/
.bigginer_table {border-collapse:separate;empty-cells:show;text-align:center;color: #333333;}
.bigginer_table tr, .bigginer_table td {padding:4px;border-spacing:0;white-space: nowrap;}


.lesson_txt {padding:20px 0px;border-bottom:1px solid #999999;display:flex;}
.lesson_txt_tit {width:15%;margin-right:5%;}
.lesson_txt_lead {width:80%;}
.lesson_txt span{font-size:90%;}
.lesson_txt ul {margin:-78px 0 0 60px;padding:0 0 10px 0;list-style: decimal;}
.lesson_txt ul li {margin-bottom: 10px;}

.lesson_txt_tit {
	text-align:right;
	color:#006633;
	font-weight:bold;
	line-height:normal;
	font-size:1.1rem;
}

.lesson_txt_lead {
	padding-bottom:10px;
	line-height:1.8;
	font-size:1.1rem;
}

.detail_txt {
	font-size:16px;
	margin:10px 10px 20px 10px;
	line-height:2.0;
	border-bottom:1px solid #999999;
}


/*自分にあった指導者を〜*/
.adviser_name {margin:5px 10px 10px 0px;text-align:right;font-size: 11px;}

#adviser_boxL {width:100%;box-sizing: border-box;display:flex;margin-bottom:30px;}
#adviser_boxL div {width:calc(80%/4);text-align:center;margin:0 2.5%;box-sizing: border-box;}
#adviser_boxL p {font-size:1rem;margin: 5px 0px;box-sizing: border-box;}

#adviser_box5 {width:100%;box-sizing: border-box;display:flex;margin-bottom:30px;}
#adviser_box5 div {width:calc(80%/5);text-align:center;margin:0 2.5%;box-sizing: border-box;}
#adviser_box5 p {font-size:1rem;margin: 5px 0px;box-sizing: border-box;}

.adviser_bigi {width:15%;margin:0 2.5% 20px;float:left;text-align:center;}




.lg_box {/*background:#f3f3f3;border:1px solid #cfcfcf;*/margin:8px 0px;padding:8px 0;font-size:90%;color:#111;line-height:2.0;}
.lg_box li {margin-left:20px;}
.inc_fee {padding:2px 10px 2px 11px !important;}

.g_box {width:auto;font-size:90%;color:#fff;background:#00722b;padding:4px;}
.d_line {padding:2px 16px 2px 17px !important;margin-right:4px;}
.cancel {padding:2px 11px !important;margin-right:4px;}

.lb_box {background:#f0f8ff;margin:8px;padding:8px;font-size:13px;color:#111;line-height:2.0;}
.lb_box li {margin-left:20px;}

.cp_kakoi {font-size:80%;color:#fff;background:#ff6600;padding:2px 4px;margin-right:4px;border-radius:4px;}
.eve_gw {color:#111;background:#ffff00;padding:2px 4px;margin-right:4px;border-radius:4px;}



/*アドバイザリースタッフ紹介
---------------------------------------------------------------*/
.staff_kana {font-size: 10px;margin: 0px;line-height: 1.0;font-weight: normal !important;}
.adviser_ph {float:left;width:18%;margin-right:2%;}
.adviser_sch {
	float:left;
	border-collapse: collapse;
	width: 80%;
	margin-bottom:10px;
}

.adviser_sch th {
	border: 1px solid #063;
	padding: 8px;
	background: #063;
	color: #FFF;
	font-weight: normal !important;
	text-align: center;
	font-size: 13px;
}
.adviser_sch td {
	border: 1px solid #063;
	padding: 6px;
	text-align: center;
	font-size: 13px;
	letter-spacing:2px;
}

.staff_introduction {
	margin: 10px 0px 40px 0;
	padding: 18px 10px;
	font-size: 14px;
	text-align:center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.box_charge {
	font-size: 90%;
	white-space: nowrap;
	text-align: center;
	padding: 0 0 0 10px;
	vertical-align: top;
}
.btn_charge {
	width:46%;
	float:left;
	text-align: center;
	font-size: 12px;
	margin:0.5% 1%;
	padding: 8px 1%;
	cursor: pointer;
	border-radius: 5px;       
	-webkit-border-radius: 5px;    
	-moz-border-radius: 5px;
	color: #FFFFFF !important;
	text-decoration: none;
}
.btn_charge:hover {
	text-decoration: none;
	opacity: 0.7;
}


/*よくある質問
-------------------------------------------------------*/
.faq_list {margin:0;padding:0;list-style:none;}
.faq_list li {float:left;width:calc(76%/3);margin:16px 4%;font-size:1.2rem;font-weight:bold;}
.faq_list li a {color: #333;text-decoration:none;}
.faq_list li a:hover {transition:all .3s;opacity:0.5;}
.faq_list li a::before {
  content: 'Q. ';
  color: #39a854;
}

.faq__q,.faq__a  {
  position: relative;
  padding-left: 28px;
}


.faq__q::before,
.faq__a::before {
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

/* 質問文 */
.faq__q {
	font-size:1.2rem;
	font-weight:bold;
	line-height:1.8;
	color:#555;
	border-bottom:1px solid #ccc;
	margin-bottom:16px;
}

/* 回答文 */
.faq__a {line-height:1.8;}

.faq__q::before {
  content: 'Q.';
  color: #39a854; /* 「Q」の文字色 */
	font-size:1.2rem;
}

.faq__a::before {
  content: 'A.';
  color: #0085C8; /* 「A」の文字色 */
	font-size:1.2rem;
	margin-top:-4px;
}


/* 試打会＆催事会
---------------------------------------------------- */
#icon_list {width:40%;margin:10px 0;}

.eventdate {width:15% !important;font-size:1.3rem !important;}
.eventdate p {font-size:1rem;margin-top:8px;}
.eventdate span {font-size:1rem;}
.detail {font-size:1.3rem !important;}

.niki_maker {width: 70% !important;}


.shida_table {
	width:100%;
	border-collapse: separate;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	empty-cells: show;
	text-align: center;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px auto 10px;
}
.shida_table th, .shida_table td {
	line-height: 1.0;

	border-spacing: 0;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
.shida_table td {
	padding: 10px 20px;
	white-space: wrap;
	line-height: 1.6;
	font-size:0.9rem;
}
.shida_table th {
	padding: 10px 0px;
	border-spacing: 0;
	white-space: nowrap;
	background-color: #333333;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	color: #FFFFFF;
	font-size:1rem;
	font-weight: normal;
}

.shidakai_wrap {
	/*width:48%;
	float:left;*/
	border: 1px solid #333333;
	box-sizing: border-box;
	text-align: center;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px auto 40px;
	padding: 0 0 10px 0;
	
}

.shidakai_wrap .box_notice {
	width:94%;
}

.event {
  position: relative;
  display: inline-block;
  padding: 0 55px;
	font-size:1.6rem;
	color:#009933;
}

.event:before, .event:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #009933;
}

.event:before {
  left:0;
}
.event:after {
  right: 0;
}



.tit_shidakai {width:13%;margin:0 1% 16px;padding:2px 0;font-size:1.1rem;background:#333;color:#fff;float:left;}
.txt_shidakai {width:35%;font-size:1.2rem;margin:0 0 16px;text-align:left;float:left;}
.txt_shidakai a{font-size:1.4rem;text-decoration:none;}


.maker_name {font-size:1.2rem;margin:0 10px 10px;padding:4px 12px;color:#fff;background:#333;text-align:left;}

.shidakai_info {font-size:1.2rem;margin:0 0 0 8px;text-align:left;}
.shidakai_info a {font-size:140% !important;}

.maker_comment {background:#efefef;padding:8px 15px;margin:0px 1% 16px;font-size:90%;text-align:left;border-radius:4px;}
.maker_txt {margin:8px;text-align:left;font-size:0.9rem;float:left;}

.gray_box {
	width:98%;
	margin: 0px auto;
	padding:15px;
	font-size:1rem;
	table-layout: fixed;
	border-collapse: collapse;
	box-sizing: border-box;
	empty-cells: show;
	background:#f5f4ef;
	color:#333;
}

.tit_maker {margin:0 1% 12px;padding:2px 0;font-size:1.2rem;background:#333;color:#fff;}

.maker_box {
	width:98%;
	table-layout: fixed;
	border-collapse: collapse;
	border:1px solid #999;
	box-sizing: border-box;
	empty-cells: show;
	text-align: center;
	margin: -1px 1% 0;
}

.maker_box td {
	padding: 10px 0px;
	border-spacing: 10;
	border-right:1px solid #999;
	border-bottom: none;
	box-sizing: border-box;
}


.maker_box p {
	word-wrap: break-word;
	line-height: 1.4;
	font-size:0.8rem;
	margin:0px 5%;
	padding:8px;
	background:#f3f3f3;
}

.maker_box td img {
	margin: 0px 16px;
	max-width:20%;
}

.daishidakai_maker img {
	margin: 0px auto;
	max-width:50% !important;
}



/*テーブル
-------------------------------------------------------------------------*/
.tbl,.tbl_eve {
	border-collapse: collapse;
	margin: 0 0 2em 0;
	width:100%;
}
.tbl {
display: block;overflow-x: scroll;white-space: nowrap;
}

.tbl tbody tr:nth-child(odd) {
  background-color: #f5faed; /* 奇数行 */
}

.tbl tbody tr:nth-child(even) {
  background-color: #ffffff; /* 偶数行（任意） */
}

.tbl th {
	height:30px;
}
.tbl th,.tbl td {
	border: 1px solid #333;
	padding: 8px;
	text-align:center;
	font-size:0.8rem;
}

.tbl_eve th,.tbl_eve td {
	border: 1px solid #333;
	padding: 8px;
}

.tbl th,.tbl_eve th {
	font-weight:normal;
	background:#669933;
	color:#fff;
	width:18%;
}

.tbl_eve th {
	text-align:right;
}


.tbl td p,.tbl_eve td p {
	margin:10px 0;
}

.tbl td strong,.tbl_eve td strong,.info_box strong {
	color:#00704b;
	font-size:110%;
}

.tbl_eve td li {
	font-size:90%;
	margin-bottom:10px;
}

.tbl_eve .eve_stit {
	color:#009933;
	margin-bottom:10px;
}

.tbl_eve .eve_stit span{
	background:#009933;
	color:#fff;
	padding:8px;
}

.form .gray_box {
	
	margin-right:10px;
}

.hole-width {width:5%;min-width:5%;max-width:5%;}

.winner{
	background:#fff48a !important;}

.tbl div,.cb {font-size:70%;margin-left:8px;padding:4px 8px;background:#339966;border-radius:8px;color:#fff;}

.tbl_01 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #666666;
	empty-cells: show;
	color: #333333;
	background-color: #FFFFFF;
	margin: 10px 0px;
}

.tbl_01 td {
	line-height: 200%;
	padding: 8px 0px 8px 20px;
	border-spacing: 0;
	border: 1px solid #666666;
	background-color: #fff;
}

.tbl_01 th {
	line-height: 2.0;
	padding: 6px 4px;
	border-spacing: 0;
	border: 1px solid #666;
	background-color: #badcad;
	color: #111;
	font-weight:normal;
}

.tbl_01 span {
	color: #FF0000;
}
.tbl_01 strong {
	font-size: 16px;
	color: #FF0066;
}
.tbl_01 h4 {
	color: #FFFFFF;
	font-size: 18px;
	margin: 0px;
}

.tbl_01 ul {
	margin:20px;
	padding:0px;
}

/*スタッフ募集
-------------------------------------------------------------------------*/
.work_time {
	background: #009933;
	color:#fff;
	padding:4px;
	margin-right:10px;
}


.work_detail {
	background: #d0e7d3;
	padding: 8px;
	line-height: 1.6;
}
.tantou {
	text-align:right;
	font-size:13px;
}

.not_recruit {
	display:none;
}

th.not_recruit {
	background: #ededed;
	color: #999;
}

.not_recruit .work_detail,.not_recruit .tantou {
	display:none;
}

.not_recruit .red-text {
	text-align:center;
	margin:16px;
}

.tbl_01 strong {
	font-size: 16px;
}
.tbl_01 h4 {
	color: #FFFFFF;
	font-size: 18px;
	margin: 0px;
}
.note {text-align: left !important;}


/* 割引きイベント情報 
-------------------------------------------------------------------------*/
.campaign-box {
    position: relative;
    padding:0.8rem 0.8rem;
    margin: 2em 5% 60px;
    /*border: solid 3px #35B0AB;*/
	border:3px solid #c7b370;
    border-radius: 8px;
    color: #000000;
}
.campaign-box_title{
    position: absolute;
    display: inline-block;
    top: -18px;
    left: 10px;
    padding: 0 10px;
    line-height: 1;
    font-size: 1.8em;
    background: #ffffff;
    color: #028760;
    font-weight: bold;
}
.campaign-box p  {
    margin: 0; 
    padding: 0;
}

.campaign-box li  {
    margin: 0 0 0.6rem 0;
	font-size:0.9rem;
}



.campaign-box strong {color:#009933;font-size:120%;}
.cam_img {margin:0;text-align:center;}

.cal {
	background:url(none) #028760;
	width:auto;
	border-radius: 8px;
	margin:16px 0;
	padding:8px 2%;
	font-size:1.2rem;
	line-height:1.8;
	color:#FFF;
}

.cal span{font-size:0.9rem;margin-left:2px;}

.cam_subtit {
	font-weight:bold;
	text-align:left;
	font-size:20px;
	margin:14px 16px;
	padding:0;
	color:#FF3300;
	line-height:1.8;
	}

.campaign-table {
	width:100%;
	margin:0 0 20px;
	border-collapse: collapse;

	border:1px solid #666;
	empty-cells:show;
	text-align:center;
	background-color:#FFFFFF;
	margin:0px auto 5px;
	color: #555;
}
.campaign-table th,.campaign-table td {
	line-height:1.0;
	font-size:16px;
	padding:10px 2px;
	line-height:1.6;
	border-spacing:0;
	border:1px solid #666;
	width:20%;

}
.campaign-table th {
	border-spacing:0;
	background-color:#35B0AB;

	color:#FFFFFF;
}
.campaign-table span {
	font-size:150%;
}
.campaign-table strong {
	font-size:16px;
	color:#FF3300;
}

.seibi {width:100%;text-align:center;margin:40px 0 20px;}

.seibi_day {
	width: 60%;
	margin:0 auto;
	border-collapse: collapse;/* セルの枠線を重ねる */
	}
.seibi_day td {
	padding:20px 0;
	border-bottom: solid 1px  #ddd;
	color:#555;letter-spacing:2px;
	}

.seibi_day .sd_day {width:27%;text-align:center;}
.seibi_day .sd_time {width:41%;}
.seibi_day .sd_fe {width:32%;text-align:center;}

.seibi_day span {font-size:190%;}




/* メンバー登録
---------------------------------------------------- */
.lesson_after {
	width:82%;
	float:left;
  	margin:10px 0 0 0;
	}

.ic_ph {
	width:13%;
	float:left;
	text-align:center;
	margin-bottom:30px;
}

#member-minibox{
	background:url(member_img/text-back.gif) no-repeat;
	width:250px;
	height:60px;
	text-align:center;
	padding:10px 0 0 0;
	}
	
.shop-box{
	width:98%;
	height: auto;
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid #999;
	box-sizing: border-box;
	padding:10px 1%;
	margin-bottom:10px;
}

.shop-box a{
	text-decoration:none;
	background:#009933 !important;
	color:#fff !important;
	padding:4px 3%;
	margin:20px 2%;
	border-radius:4px;
	/*border-bottom: solid 2px #990000;*/
	font-size:1rem;
	transition: all .3s;
}

.shop-logo {width:28%;margin:10px 6% 10px 2%;float:left;}
.shop-box_r {width:64%;float:left;text-align:left;}

.gentei {font-size:1rem;color:#009933;margin-bottom:20px;}
.gentei a:hover{background:#ffaa00 !important;}
.shop_info {font-size:0.8rem;margin:8px auto;background:#efefef;padding:12px;}

#member p {line-height: 2.0 !important;margin-bottom: 15px !important;}
#card-kiyaku {padding:0px 30px 30px;}
#card-kiyaku li {margin-bottom:20px;line-height:1.8;}
.card-kiyaku2{padding:10px 20px;}
#member_notice {text-align: left;padding: 0px 10px;}
#member_notice p {margin: 0px 0px 30px 10px !important;line-height:1.8;}


/* TrackmanRange
---------------------------------------------------- */
.deta_box {border:1px solid #ddd;border-radius:8px;padding:14px 14px 14px 20px;margin:0 0 10px 0;}
.deta_boxL {width:75%;float:left;}
.deta_boxR {width:25%;float:left;}
.trackman_deta {font-size:1.3rem;line-height:1.4;color:#eb6100;margin-bottom:20px;}
.trackman_deta_l {font-size:1.1rem;line-height:1.8;margin-bottom:10px;}
.trackman_lead {font-size:1rem;line-height:1.8;}
.trackman_l {width:49%;margin-right:2%;float:left;}
.trackman_r {width:49%;float:left;}
.trackman_r p {font-size:1.2rem;line-height:1.8;margin-bottom:10px;}
.trackman_r p span {color:#ff0000;}

.deta_boxL h5 {
	font-size:2rem;
	color:#555;
	margin: 0 0 15px 0;
	font-family: "M PLUS Rounded 1c";font-weight;bolder;
}


.yt_thb {
	width:calc(96%/4);
	margin:10px 0.5%;
	float:left;
}

.games_thb {
	width:calc(94%/3);
	margin:10px 1% 20px;
	float:left;
}

.games_thb img {
	border-radius:10px;
}

.games_thb h3 {
	font-size:1rem;
	margin:10px 0 20px 0;
	text-align:center;
	color:#eb6100;
}

.games_thb p {
	font-size:0.9rem;
}

/*共通　横並びのための設定
--------------------------------------------------- */
.gnavi{
    display: flex;
    flex-wrap: wrap;/*スマホ表示折り返し用なのでPCのみなら不要*/
    margin:0;
	padding:0;
    list-style: none;
}

.gnavi li a{
    display: block;
    padding:20px 0px;
    text-decoration: none;
    color: #fff !important;
}

.gnavi li{
    margin-bottom:20px;
	background:#eb6101;
	width:calc(98%/4);
	margin:20px 0.25%;
	text-align:center;
	border:4px solid #eb6101;
	box-shadow: 0 3px 0 #3f312b;
	box-sizing: border-box;
	border-radius:20px;
}


/*==================================================
　5-3-1 中心から外に線が伸びる（下部）
===================================*/

.gnavi li a{
    /*線の基点とするためrelativeを指定*/
	position: relative;
}

.gnavi li.current a,
.gnavi li a:hover{
	color:#ffff00;
}

.gnavi li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 10%;
    /*線の形状*/
    width: 80%;
    height: 4px;
    background:#ffff00;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: center top;/*上部中央基点*/
}

/*現在地とhoverの設定*/
.gnavi li.current a::after,
.gnavi li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}


.vr_box {width:calc(94%/3);float:left;margin:0px 1%;text-align:center;}
.vr_box p {text-align:left;min-height:80px;font-size:1rem;}
.vr_box span {font-size:80%;}
/*.tmc {text-align:left;margin-bottom:-40px;z-index:2;position:relative;}*/

.tmc {
    position: relative;
    color: #ffffff;
	font-size:1rem;
    border-radius: 10px;
    background:#ff6600;
    width: 90%;
    padding:10px 2%;
    margin: 0 auto 5px;
}
.tmc:after {
    position: absolute;
    bottom: -19px;
    left: 30px;
    content: '';
    border-width: 20px 15px 0 15px;
    border-style: solid;
    border-color: #ff6600 transparent transparent transparent;
}



/*共通テキストなど
-------------------------------------------------------*/
.lead {
	margin: 0 0 2.0rem 0;
	font-size: 1rem;
	line-height: 1.8;
	word-wrap: break-word;
	}

/*.lead li {margin:0 0 1.3rem -10px;font-size: 0.9rem;}*/
.lead strong {font-size:110%;color:#025133;}


.lead li {margin:0 0 16px 10px;}


.graybox_ol  {
	background:#efefef;
	border-radius:8px;
	font-size:0.9rem;
	color:#111;
	padding:16px 10px 8px;
	margin:10px 0 20px;
	line-height:1.8;
	word-wrap: break-word;
}

.graybox_ol li  {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}


li .graybox_ol  {
	padding:30px 0 10px 0;
	margin:0;
}

.y_marker {font-size:1rem;color:#063;background:linear-gradient(transparent 60%, #ffff66 60%)}
.schdate,.schdate_sat,.schdate_sun {width: 30px;}
.schdate_sat {color: #0066FF;}
.schdate_sun {color: #FF0066;}
.white-text,.white-textB {font-size: 12px;color: #FFFFFF;}
.white-textB{font-size: font-weight: bold;}
.green-text {color: #0A7C24;font-weight: bold;}
.gray-text_s {color: #666;font-size:80%;}
.ora_cir {font-size:80%;margin-right:8px;color:#ff9900;}

.orange-text {font-size: 12px;color: #FF3300;}
.orange-text_l {font-size:120% !important;font-weight:bold;color:#FF6600;}
.red-text {color: #FF3300;}
.red-text_s {color: #FF3300;font-size:80%;}
.red-text_l {font-size:130% !important;font-weight:bold;color:#FF0000;}

.y_uline {background:linear-gradient(transparent 60%, #ffff66 60%);}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em 0em;
    border: solid 3px #00cc66;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #00cc66;
    font-weight: bold;
}
.box26 p {
    margin:0 0 10px 0 !important; 
}

#pankuzu {
    margin: 20px 0;
    text-align: left;
    color: #009966;
    font-size:0.9rem;
}
#pankuzu a {
    color: #009966;
}
#pankuzu a:hover {
    color: #00ffaa;
}
.note {
    padding-left: 1em;
    text-indent: -1em;
}

.box_notice {
	width:96%;
    padding: 8px 2%;
    margin: 0 auto 30px;
    background-color: #f2f3f2;
    color: #111111;
    border-radius: 4px;
}

.box_notice li {
	line-height: 1.6;
	margin: 8px 0 14px 24px;
}
.box_notice p {
	line-height: 1.8;
	margin: 6px;
}
.box_notice strong {
	font-size: 16px;
	color: #096;
}



.ruled_line_red {
	border:1px solid #ff0000;
	padding:20px 10px;
	margin:10px;
	border-radius:8px;
}

.ruled_line_red p {
font-size:100%;color:#ff3300;
}

/*==================================================
ギャラリーのためのcss
===================================*/
.gallery{
columns: 4;/*段組みの数*/
padding:0 15px;/*ギャラリー左右に余白をつける*/
margin:0;
}

.gallery li {
    margin-bottom: 20px;/*各画像下に余白をつける*/
	list-style: none;
}

}

/*ギャラリー内のイメージは横幅100%にする*/
.gallery img{
  width:100%;
  height:auto;
  vertical-align: bottom;/*画像の下にできる余白を削除*/}

.gallery_txts {font-size:80%;text-align:right;}

/*　横幅640px以下の段組み設定　*/
@media only screen and (max-width: 640px) {
  .gallery{
  columns: 2;
  } 
}


/*画像を出現させるアニメーションCSS*/
.flipLeft{
animation-name: flipLeft;
animation-duration:0.5s;
animation-fill-mode:forwards;
perspective-origin: left center;
opacity: 0;
}

@keyframes flipLeft{
  from {
   transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
  opacity: 0;
  }

  to {
  transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
  }
}

/*==================================================
ボタン
===================================*/
.button {
    position: relative;
    display: inline-block;
    width: 60%;
    padding: 16px 0;
    margin: 30px 20% 0;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #ec7413; /*#6fa24a;*/
    color: #fff !important;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

.button:hover {
    background-color: #ffaa00 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

/* アニメーション効果用 */
.button::before,
.button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    border-radius: 12px;
    transition: all 0.3s ease;
}

.button::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffaa00;
    opacity: 0;
    transform: scale(0.9);
}

.button:hover::before {
    opacity: 0.2;
    transform: scale(1);
}


.btn-s {
	width:80%;
	margin:10px auto;
	font-size:0.9rem;
	color: #fff;
	text-align:center;
	padding:12px 0;
	background-color: #80b252;
	transition:all .3s;
	border-radius:10px;
}
.btn a,.btn-s a{
	color: #fff !important;
	text-decoration:none;
	display:block;
}
.btn:hover,.btn-s:hover {
	color: #fff;
	text-decoration:none;
	opacity:0.6;
}

.btn:visited,.btn-s:visited {
	color: #fff;
}

.ico_btn {width:8%;margin-right:5%;}

/*Googleplay*/
.googleplay {width:20%;margin:20px 1% 20px 29%;float:left;}
/*AppStore*/
.appstore {width:20%;margin:20px 29% 20px 1%;float:left;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb80 {margin-bottom:80px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

.txtal_c {text-align:center;}
.boder_none {border: none !important;}

/*------Youtube埋め込み------*/

.yt {
  width: 90%;
	margin:0 5% 20px;
  aspect-ratio: 16 / 9;
}


.totalling {
    font-size: 18px;
    color: #ff6600;  /* 明るいオレンジ色で視覚的に強調 */
    background-color: #fff3e6;  /* 薄いオレンジ色の背景 */
    padding: 15px 20px;
    border-radius: 8px;
    border: 2px solid #ff6600;  /* オレンジ色のボーダー */
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  /* 軽いシャドウ */
    margin: 20px auto 50px;
    width:60%;
    line-height: 1.5;
}

.totalling br {
    margin-top: 10px;
    margin-bottom: 10px;
}

mb {display:none;}
.sc_x {overflow-x:scroll;}


/*------タブレット　ブレイクポイント------*/
@media screen and ( max-width:1024px )
{

	header {height:auto;}
	.logo {width:20%;margin: 16px 15% 5px 2%;}
	.tel {width:30%;margin: 20px 1% 0 0;}
	#wrapper {margin:0 1%;}
	.grid {grid-template-columns: repeat(3, minmax(0, 1fr));}

/*----トップページ----*/



	.facility_box {width:84%;}
	.facility_box div {width: calc(96%/2);min-height:380px;margin:0 1% 20px;}

/*----グローバルメニュー　プルダウン----*/
	#g-nav ul li li a {font-size:0.8rem;padding:12px 0;}
	#g-nav li.has-child ul{top:42px;width:140px;}
	#container {width:98%;padding:0 1% !important;}

/*----施設案内----*/
	.floor_Item {
		margin: 0px 2% 30px;
		width:calc(92%/2);
		min-height: 380px;
	}
	.season_Item {
		margin: 0px 2% 30px;
		width:calc(92%/2);
		min-height: 260px;
	}
	.group-link{width:calc(80%/2);height:210px;margin:0 5%;}
	.bunker_l {width:90%;margin:0 5% 30px;float:none;}
	.bunker_r {width:auto;margin:0 0 30px 0;float:none;}

/*----料金案内----*/
	.price_box {width: 100%;float:none;padding-top:0px;font-size:12px;}
	.card_box {width: 100%;float:none;font-size:9px;}
	.period {margin-top:0px !important;}

/*----レッスン----*/
	.acd-label {font-size:12px;}
	.y_marker {font-size:0.9rem; !imprtant}
	.cam_tit {font-size:1.2rem;}	
	.otoku {width:14%;margin:-5px 0 -20px 0;}
	.kigaruni_img {width:100%;margin:0 0 10px 0;}
	.kigaruni_txt {font-size:1.2rem;margin:0 8% 30px;}
	.intro_txt {font-size:11px !important;}
	.prof_box {margin:0 5% 30px;}
	.prof_ph {width:40%;float:none;margin:0 30% 10px;}
	.prof_txt {width:100%;float:none;}
	.mega-table {width:100%;}
	.mega-table td {font-size:1rem;}
	.mega-table th {font-size:1rem;}

/*---コンペ---*/
	.c-lesson_txt_lead p {width:20%;margin:0 2%;}
	.cl-bigi_tbl {width:98%;margin:0 1% 20px;float:none;}
	#new_rule h5 {font-size:14px;height:20px;background-size:18px;line-height:1.5;}
	.tit_shidakai {width:20%;margin:0 2% 0px 1%;}
	.txt_shidakai {width:77%;margin:0 0 40px;float:none;}

.shidakai_wrap {
	width:100%;
	margin: 0px auto 20px;
	float:none;
}


/*----共通text----*/
	.subtit {font-size: 18px;}
	.subtit span {font-size:13px;}

	.navi_2 {width:96%;margin:10px 2%;}
	.navi_2 li,.navi_3 li,.navi_4 li {width:calc(96%/2);margin:0 1% 15px;font-size:0.9rem;}
	.navi_5 li{width:calc(94%/3);margin:0 1% 15px;font-size:0.9rem;}

/*Googleplay AppStore*/
	.googleplay {width:30%;margin:20px 1% 20px 19%;float:left;}
	.appstore {width:30%;margin:20px 19% 20px 1%;float:left;}

	.games_thb {width:calc(96%/2);margin:10px 1% 20px;float:left;}
	.games_thb h3 {font-size:0.9rem;margin:10px 0 10px 0;}
	.games_thb p {font-size:0.8rem;}

	.one-per_box {width:99%;margin:0 0.5% 30px;float:none;}
	.one-per_box .box_notice {width:98%;padding: 8px 1%;}
	.one-per_box li {margin-left:10px;font-size:0.8rem;}

	.seibi_day {width:90%;font-size:0.9rem;}
	.seibi_day span {font-size:170%;}

	.tbl th,.tbl td {padding:8px 4px;font-size:0.7rem;}

	.yt {width: 98%;margin:0 1% 10px;aspect-ratio: 16 / 9;}
}


/*------モバイル　ブレイクポイント------*/
@media (max-width: 640px){

	.mb {display:block !important;}
	.pc,#page-top,#g-nav ul li li {display:none !important;}

	#header {min-height:60px;}
	.logo {width:25%;margin: 16px 6% 5px 4%;}	
	.tel {width:45%;margin: 20px 0 0 0;}
	.gnavi li a{font-size:80%;}

	#hdr-nav {display:none;}

	/*#hdr-nav {
		width:auto;
		margin:0 10% 20px 0;
		padding:0;
		display: -webkit-flex;
		display: flex;
		justify-content: right;
		align-items: center;
		text-align:right;
	}
	
	#hdr-nav li {
		width:calc(3/100%);
		margin: 15px 5% 0;
		padding:0;
		height: auto;
		display: block;
	}*/

	#g-nav {margin-top:10px;}
	#g-nav ul {display: block;}
	#g-nav ul li {
		width:calc(100%/4);
		float:left;
		border:none;
		padding:0;
	}
	#g-nav ul li a {padding:6px 2px;}

	#pankuzu {
		margin: 20px 0;
		font-size:0.6rem;
	}

	.footer__navi li {
	margin-bottom: 0.6rem;
	font-size:0.6rem;
	}

/*----トップページ----*/
	.news p {
		font-size:0.8rem;
		margin:20px 5%;
	}

	.info_box {
		margin:10px 0;
		padding:6px 10px;
		background:#fff;
		border:3px solid #c7b370;
		border-radius:8px;
		}

	.info_box li {
		margin:10px;
		font-size:0.8rem;
		}

	.info_box h5 {font-size:0.9rem;;}

	.date {
		font-size:0.6rem;
		margin:5px 0;
		}
	
	.top-bnr p {
		width:80%;
		margin:10px auto;
		float:none;
	}

	.infotop_tit {
		font-size:0.9rem;
		line-height:1;
		margin:10px 0;
		}
	
	.infotop_lead {
		font-size:0.8rem;
		margin:10px 0;
		padding:0;
		}
	.facility_box {width:100%;}
	.facility_box div {width: calc(96%/2);min-height:280px;margin:0 1% 20px;}
	.facility_box p {font-size:0.8rem;}

	.vr_box {width:calc(96%/2);float:left;margin:0px 1%;text-align:center;}
	.vr_box p {font-size:0.9rem;}

/*----共通text----*/
	.lead {font-size: 0.8rem;margin: 0 0 1.2rem 0;}
	.lead li {font-size: 0.8rem;margin:0 0 1rem -20px;}
	.list_note li {font-size: 0.8rem;}
	.list_note li strong{font-size: 0.9rem;}
	.list_note .tit {padding:6px;margin-right:12px;font-size:0.9rem !important;}
	.graybox_ol li {font-size: 0.8rem;margin:0 0 10px 10px;}
	th,td,.red-text_s,.lb_box {font-size: 10px;}
	.red-text {font-size: 0.8rem;}
	.catch {font-size:0.9rem;}
	.catch:before, .catch:after {border-top:1px solid;content: "";width: 2em;}
	.catch:before {margin-right: 1em;}
	.catch:after {margin-left: 1em;}
	.box_notice {width:98%;margin:0 auto 30px;padding:4px 1%;font-size:0.8rem;}
	.box_notice ul {margin:0;padding:0;}
	.box_notice li {margin: 6px 0 8px 20px;padding:0px;}
	.lb_box li {margin-left:14px;font-size: 11px !important;}
	.heading,.subtit,.copy {text-indent: 0px;font-size:1rem;line-height:1.6;margin: 0 0 15px 0;}
	.cp-date {font-size: 18px;}
	.button {width:90%;margin:10px 5%;padding: 8px 0;font-size:0.8rem;}
	td img {width:80%;}

	/*.page_navi li a {padding: 0.7em;}*/

	.navi_2 li,.navi_3 li,.navi_4 li,.navi_5 li {font-size:0.7rem !important;}

/*Googleplay*/
	.googleplay {width:40%;margin:20px 1% 20px 9%;float:left;}
	
/*AppStore*/
	.appstore {width:40%;margin:20px 9% 20px 1%;float:left;}

/*----施設案内----*/
	#fareway_l {width:100%;float:none;}
	#fareway_r {width:100%;float:none;}
	.floor_txt {font-size: 0.8rem;min-height: 140px;}
	.floor-Item {margin:0px 1%;width:48%;}	
	.floor-Item p{min-height:140px;}
	.season_img {width:96%;float:none;margin:0 auto;}
	.season_lead {width:96%;float:none;margin:0 auto 20px;}
	.season_lead p {font-size:0.9rem;line-height:1.6;}
	#win_fl h2,#sum_fl h2 {font-size:16px;}
	.group-link {height:140px;}
	.group-link p {font-size: 0.8rem;}
	.group-link img {float:none;width:100%;margin:0;}

/*----よくある質問----*/
	.faq_list li {width:calc(92%/2);margin:16px 2%;font-size:0.9rem;}
	.faq__q,.faq__a  {padding-left: 22px;}
	.faq__q {font-size:1rem;line-height:1.8;margin-bottom:12px;}
	.faq__q::before {font-size:1.1rem;margin-top:-2px;}
	.faq__a::before {font-size:1.1rem;margin-top:-4px;}

/*----スタッフ募集----*/
	#bosyuu_L {width:100%;float:none;padding:0 0 20px 0;}
	#bosyuu_R {width:100%;float:none;}
	.tbl_01 td {white-space: normal;font-size:90%;}
	.tbl_01 th {white-space: nowrap;width: auto;}
	.tbl_012 td {font-size:90%;}
	th.not_recruit span {font-size: 80% !important;}

/*----コンペ----*/
	.c-lesson_adv {font-size:10px !important;}
	.eve_box {width:48%;float:left;margin:0 1%;}
	.eve_box ul {min-height:140px;}
	.plan,.money {font-size: 16px;}
	.corse-name {font-size: 16px;}
	.money_s {font-size: 12px;}
	.cp-txt,.cp-chk {font-size: 0.8rem;}
	.eve_box {width:96%;float:left;margin:0 2% 20px 0%;}
	.eve_box ul {line-height:1.8 !important;margin:-10px 10px 10px;min-height:auto;}
	.eve_box img {width:80% !important;margin:0 10% 10px !important;}
	.gassyuku_sch td {font-size: 12px !important;}	

/*---コースレッスン---*/
	.cl-adviser,.cl-round-adviser {width:50%;float:none;margin:0 25% 20px;}
	.osusume {width: 100%;float:none;margin:-20px 0 0 0; padding:0;overflow:auto;}
	.osusume li {font-size: 16px;line-height: 1.8;}
	.cl-round_txt {width:86%;float:none;padding:5px 2%;margin:0 5% 20px;}
	.c-lesson_txt_lead p {width:35%;margin:0 2%;}
	.score li {font-size: 11px !important;letter-spacing:normal !important;}
	.score span {font-size: 8px;}
	.score_new { background-size: 18px;padding-left:22px !important;}

/*アドバイザリースタッフ紹介*/
	.adviser_ph {float:left;width:34%;margin-right:2%;}
	.adviser_sch {width: 64%;}
	.staff_introduction {text-align:left;}

/*---レッスン---*/
	.lesson_txt {padding:10px 0 0 0;display:block;}
	.lesson_txt_tit {width:100%;text-align:left;font-size:0.9rem;margin-bottom:10px;}
	.lesson_txt_lead {width:100%;font-size:0.8rem;}
	.lesson_txt ul {margin:-78px 0 0 40px;}
	.lesson_box-photo {width:90%;float:none;margin:0 5% 10px;padding:0;text-align:center;}
	.lesson-lead {width:98%;float: none;margin: 0px 1%;}
	.kigaruni_txt {font-size:0.8rem;margin:0 0 30px 0;}
	.lesson_title {font-size: 0.9rem;}
	.tbl_6090,.one-per-sch_tbl {display: block;overflow-x: scroll;white-space: nowrap;}
	.tbl_6090 td,.tbl_6090 th,.one-per-sch_tbl td {font-size:0.7rem;}

	.mega-table td {font-size:0.6rem;}
	.mega-table th {font-size:0.7rem;}


/*---ジュニア---*/
	.intro_box {min-height:130px;}
	.prof_txt {font-size:0.8rem !important;line-height:1.8;}

/*---ワンポイント＆個人レッスン---*/
	.one-per_tbl td {padding:4px 2px;font-size: 0.6rem;}
	.one-per_tbl th {padding:4px 2px;font-size: 0.6rem;}

/*---スコア---*/
	.total span {font-size:10px;}
	.sc_table th,.sc_table td,.sch-table-box td,.red-box {font-size:11px;}

/*----団体予約----*/
	.yoyaku_caution_L,.yoyaku_caution_R {width:100%;margin:0 0 10px 0;float:none;}

/*----試打会----*/
	.shida_table th {font-size:0.5rem;padding:8px;}
	.shida_table td {padding:4px;}

	.event {padding: 0 55px;font-size:1.1rem !important;}

	.tit_shidakai {font-size:0.8rem;}
	.txt_shidakai {margin:0 0 20px;font-size:0.8rem;}
	.txt_shidakai a {font-size:0.9rem;}
	.shidakai_info,.gray_box {font-size:0.6rem;padding:8px 4px;}
	.shida_table td img {margin: 0px 2px;max-width:25%;}
	.eventdate {font-size:0.4rem;}
	.niki_box td {font-size:0.2rem}
	.niki_box td img{margin: 0px 2px;max-width:20%;}
	.niki_maker img{margin: 0px auto;max-width:96% !important;}
	#icon_list {width:80%;margin:10px 10%;}
	.maker_txt {float:none;font-size:0.8rem;}
	.maker_name,.lobi,.tenpo {float:none;width:98%;margin:0px 1%;padding:0;}
	.maker_comment,.maker_box {;border-radius:0px;}
	.num {font-size:0.5rem !important;}
	.tit_maker {font-size:0.7rem;}
	.maker_box td img{margin: 0px 2px;max-width:20%;}
	.maker_box td p img{margin: 0px 10px;max-width:15%;}
	.daishidakai_maker img {max-width:70% !important;}


/*----料金案内----*/
	.card_box strong {font-size:12px !important;}
	.sv {font-size:9px !important;}
	.sv strong {font-size: 11px;}
	.sv span {font-size:9px !important;}
	.cash {font-size:2rem;}
	.cash2 {font-size:1rem;}
	.cash_img {width:20% !important;}
.weekday-3hours {
	margin:10px -50% 0 50%;

	}

/*---割引イベント情報　場内整備----*/
	.seibi_day {width:94%;padding:4px 0;margin:0 auto;font-size:0.8rem;}

	.cam_tit {font-size:1.1rem;}
	.otoku {width:18%;}	
	.campaign-box {margin:2em 1% 30px;padding:0.4rem;padding:0.4rem 0.4rem 0 0.4rem;}
	.campaign-box p {font-size:11px ;margin:0 10px 10px;}
	.campaign-box strong {font-size:100%;}
	.campaign-box ul {padding-left: 18px;}
	.campaign-box li {margin: 0 0 8px 0;font-size:0.7rem;}
	.campaign-box_title {font-size:1.4rem;}
	.cam_subtit {font-size:16px !important;}
	.cal {font-size:0.9rem;margin:8px 0;}
	.campaign-table th {font-size:11px !important;font-weight:normal;}
	.campaign-table td {font-size:11px !important;}
	.thb_media {float: none;}

	/*----メンバー登録がおすすめ----*/
	.otoku {width:16%;}
	.lesson_after {width:100%;float:none;}
	.ic_ph {width:100%;float:none;}
	.shop-logo {width:40%;margin:10px auto;float:none;}
	.shop-box{
		padding:0px 1%;
		margin-bottom:10px;
	}
	.shop-box_r {width:100%;margin:0;float:none;text-align:left;}
	.gentei,.gentei a {font-size:0.7rem;text-align:center;}
	.shop_info {font-size:0.7rem !important;}

/*----交通案内----*/
	.ac_img {margin:0 0 10px 0;}
	#access_box {width:100%;margin:0 0 10px;}
	#access_box td,#access_box th {padding:4px 0;}
	#hanako_st,.hanako_time,#tz24_st,.tz24_time,#dedama_st,.dedama_time {font-size:14px;}

/*----トラックマン----*/
	.trackman_l {width:100%;margin:0;float:none;}
	.trackman_l img {width:80%;margin:0 10%;float:none;}
	.trackman_r {width:100%;margin:10px 0 0 0;float:none;}
	.trackman_r p {font-size:1.2rem;line-height:1.8;}
	.trackman_r p span {color:#ff0000;}

	.deta_boxL {width:100%;float:none;}
	.deta_boxR {width:80%;padding:0 10%;float:none;}

	.tmrnavi li{
		width:calc(96%/2);
		margin:10px 1%;
		background:#eb6101;
		}
	.trackman_lead {font-size:0.8rem;}
	
	.yt_thb {width:calc(96%/2);margin:10px 1%;float:left;}

.totalling {
    font-size: 13px;
    padding: 15px 0;
    margin: 20px auto 30px;
    width:96%;
    line-height: 1.5;
	}

	.tbl,.tbl_eve {margin: 0 0 1em 0;}
	.tbl th,.tbl td {padding: 4px;font-size:0.6rem;}
	.tbl td p,.tbl_eve p {margin:10px 0;}
	.tbl td strong,.tbl_eve td strong {font-size:110%;}	
	.tbl_eve th,.tbl_eve td {
    display: block;
    width: 96%;
	border-bottom: none;
	}
	.tbl_eve {border-bottom: 1px solid #333;}
	.tbl_eve ul {padding-left:15px;}
	.tbl_eve td li {margin-bottom:6px;}


	.mt10 {margin-top:5px;}
	.mt20 {margin-top:10px;}
	.mt30 {margin-top:15px;}
	.mr20 {margin-right:10px;}
	.mr30 {margin-right:15px;}
	.mb10 {margin-bottom:5px;}
	.mb20 {margin-bottom:10px;}
	.mb30 {margin-bottom:15px;}
	.mb40 {margin-bottom:20px;}
	.mb50 {margin-bottom:25px;}
	.mb80 {margin-bottom:40px;}
	.ml20 {margin-left:10px;}
	.ml30 {margin-left:15px;}

}