@charset "utf-8";
/*　フォント
---------------------------------------------------------------------------*/
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }/*明朝体*/
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }/*ゴシック*/
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

/*共通
-------------------------------------------------------------------------*/


/*リンク設定
---------------------------------------------------------------------------*/
#news a{
  color:#000;
	transition: 0.3s; /* マウスオン時の移り変わるまでの時間設定　0.3s*/
  text-decoration: none;
  border-bottom:1px dotted #888;

}
#news a:hover {
  background:#eae6de;
  /*background:#ddd;*/
}


/*メイン画像
---------------------------------------------------------------------------*/
#wrapper_mainVisual{
  position:relative;

}
#mainVisual{
  position:relative;
	width: 100%;
	margin-top:56px;
	padding:0px;
  border:none;

}

.slider-container {
  position: relative;
  z-index:0;

}
.slider {
  margin: 0 0px;
  cursor: pointer;
}
.slider img{
  display:block;
  width:100%;
  height:160px;
 /*   height:66.25%;*/
  object-fit: cover;
}
/*スライダーの画像と文字を別々にするためのクラス。*/
.slider_page{
  position:relative;

}
/*スライダーの文字のクラス*/
/*　1枚目 - 5枚目　共通　*/
.slider_moji_01,.slider_moji_02,.slider_moji_03,.slider_moji_04,.slider_moji_05{
  display:block;
  font-family: "Sawarabi Gothic";
  font-family: "Sawarabi Mincho";
  font-family: "Noto Sans Japanese";
  position:absolute;
  width:calc(100% - 10px);
  text-align: center;
  text-align:left;
  padding:0 5px;

}
.slider_moji_01{

  top:20px;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  color: #fff;
  line-height:1.8;
  font-size: 2.2rem;
  font-weight:bold;
  text-align:center;
}
@media(max-width:320px){
  .slider_moji_01{ 
    font-size: 1.8rem;
  }
}
/*　2枚目　*/
.slider_moji_02{
  bottom:10%;
  left:calc(2%);
  color: #fff;
  text-align:center;
  font-weight:bold;
  font-size: 2.0rem;
}
/*　3枚目　*/
.slider_moji_03{
  bottom:50%;
  left:calc(15%);
  color: #fff;
  text-align:center;
  font-weight:bold;
  font-size: 2.0rem;
}

/*　sliderの文字に影をつける　*/
.shadow{
  text-shadow:2px 2px rgba(0, 0, 0, 0.2);
	-moz-text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
	-o-text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
	-ms-text-shadow: 2px 2px rgba(0, 0, 0, 0.2);  
　behavior: url(./PIE.htc);

}


.slider-arrow {
  display:none;
  position: absolute;
  top: 50%;
  margin-top: -18px;  /* 高さの半分だけネガティブマージン */

  cursor: pointer;
  z-index:20;  /* 重要 */
  opacity:0;
  color:#eee; 
}

#mainVisual:hover .slider-prev{
  display:none;
  left: 0px;
  transition: 1s;
  opacity:0;
  width:0%;
}

#mainVisual:hover .slider-next{
  display:none;
  right: 0px;
  transition: 1s;
  opacity:0;
  width:0%;
}
/* スライダー dots
------------------------------------　*/
#mainVisual .slick-dots{
  position:relative;
  margin-top:-29px;
  opacity:1;
  z-index:10;
  padding:8px 0 1px;
  /*background:#fefcf8;*/
}

#mainVisual .slick-dots li.slick-active button:before {

    color: #CBE600;/*黄緑*/;
    opacity: 1;

}
#mainVisual .slick-dots li button:before{
    color: #4f452e;
    font-size:10px;  
    opacity:0.3;
}

/*コンテンツ
---------------------------------------------------------------------------*/
#index_cont{
  position:relative;
  zoom: 1;
  overflow:hidden;
  font-size:1.6rem;
  margin-top:0px;/*画像との間が空いてしまうためマージン*/
  padding:0px 10px 0;
}

/*共通定義
--------------------------------------------------------*/
h2{
  font-family: "Noto Sans Japanese";
  overflow:hidden;
	padding:2px 0px 2px 0px;
	font-size:1.8rem;
	text-align:center;
  background:#80b639;
	margin-bottom:0px;
  letter-spacing:2px;
  color:white;
  z-index:0;
}
.cont {
  position:relative;
	padding:20px 0px;
  background:white;

}

/*ごあいさつ
---------------------------------------------------------*/
#greeting{
  position:relative;
  margin:15px 0 20px;
	background:white;
  line-height:1.6;
  /* padding-bottom:180px;*/

  /* box-shadow:2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
  behavior: url(./PIE.htc);*/

}
.kazari01{
  display:none;
  position:absolute;
  top:40px;
  left:-10px;
  width:70px;
  opacity:1;
  z-index:0;
}
.l_cont{ 
  font-size:15px;
	padding:10px 0px 0px;
  text-align:justify;
}


#greeting .r_cont {
/*
  position:absolute;
  bottom:0px;
  right:-10px;
  width:320px;
  z-index:10;*/
  position:relative;
  margin:10px auto 0;
  max-width:320px;
}

/*真ん中の３本柱
---------------------------------------------------------*/
#menu_002{
  position:relative;
  margin: 20px 0 70px;
}
#menu_002 ul{
  position:relative;
  list-style: none;
 /* display: flex;
  justify-content: space-between;*/
  padding: 0;
}

#menu_002 img{
  margin-top:20px;
  width:100px;
}
#menu_002 ul a{
  text-decoration:none;
}
/*
#menu_002 ul  a:hover li .menu_002_cnt img{
  transform: rotate( -3deg );
  transition: 0.3s;
}*/

#menu_002 ul li{
  position:relative;
  max-width:362px;
  overflow:hidden;
  background:white;
  margin:0 auto 30px;
  padding:0 0 20px;
  display:block;
  box-shadow:2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
  behavior: url(./PIE.htc);
  border-left:1px solid #ddd;

}
@media(max-width:320px){
  #menu_002 ul li{ 
    height:160px;
  }
}
#menu_002 .child01 h2{

  background:#0AB0F7;
}
#menu_002 .child02 h2{

  background:#F7650A;
}
#menu_002 .child03 h2{

  background:#EB9809;
}


#menu_002 .menu_002_cnt{
  padding:10px;
  font-size:14px;
  letter-spacing:1px;
  text-align: justify;
  text-justify: inter-ideograph;
  height:82px;
}
#menu_002 .menu_002_cnt p img{
  position:absolute;
  bottom:15px;
  right:0px;
  width:100px;

}
#menu_002 .menu_002_cnt img{
  float:left;
  margin-right:20px;
}
/*左右にわかれたところ
-----------------------------------------*/
#menu_003{
  position:relative;
  display:block;
  width:100%;
  margin-bottom:30px;
}


#left_side{}

#left_side h2{
  letter-spacing:4px;
}

#right_side{}


/*お知らせ
-----------------------------------*/
#news{
  position:relative;
  padding:0px 0px;
  margin-bottom:120px;
  background:white;
  font-size:14px;

}


#news p{
  position:relative;
  overflow:hidden;
  font-size:14px;
  text-align:left;
  margin:0px auto 0px ;
  padding:0px;
}
#news .frame_waku{
  position:relative;
  padding:0px;
  margin-top:0px;
}

#news dl{
  position:relative;
  padding:0px;
  margin:0px;
}
.cont_dl2{
  /* font-size:15.5px;*/
}
#news dt{
  width: 100%;
  font-weight:bold;
  padding:0px 0 0px;
  margin-top:10px;
  margin-bottom:10px;
  color:#4d4747;
}
#news  .cont_dt{
  margin-bottom:0px;
  color:#4d4747;

  font-weight:normal;

}
#news  .cont_dt2{
  margin-top:0px;
  margin-bottom:0px;
  color:#4d4747;

  font-weight:normal;
  padding:0;

}
#news dd {
  width:100%;
  color:#4d4747;
  border-bottom:1px dashed gray;
  
  padding:0px 0 20px;
  margin:0 0 20px;


}
#news .cont_dd{
  width:calc(100% - 20px);
  border-bottom:none;
  margin-left:10px;
}
#news .cont_dd2{
  width:calc(100% - 20px);
  border-bottom:none;
  margin-left:25px;
  margin-bottom:10px;
  padding:0;
}
#news dd:last-child{
  border:none;
}

.news_list_wrap{
    list-style:  none;      /* デフォルトのアイコンを消す */
    margin:  0;             /* デフォルト指定上書き */
    padding: 0;  
text-indent:-1em;
    margin-left:1em;
}
.news_list:before{
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #000;     /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */

}
.news_list_diamond:before {
    content: "";
    position: absolute;
    top: .4em;
    left: 0;
    width: 8.3px;
    height: 8.3px;
    background-color: #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    display:  inline-block;     /* インラインブロックにする */

    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 6px;          /* 余白指定 */
}
#new_icon{
  display:inline;
  font-size:15px;
  color:#f7530b;
  margin-left:10px;
 
}
.text-left{
  text-align:left;
}
.text-right{
  text-align:right;
}
.news-flex{
  width:100%;
  position:relative;
  display:flex;
  flex-wrap: wrap;
  line-height:1.7;
}
.news-clubname{
  width:44%;

}
.news-clubname2{
  width:100%;

}
.news-schejule{

  margin-left:10px;
  padding:3px 0px 10px 5px;

}
.news-schejule2{

  margin-left:10px;
  padding:3px 0px 10px 5px;

}
.font-maker_y{
  background:linear-gradient(transparent 40%, #ff6 60%);
}
.font-maker_b{
  background:linear-gradient(transparent 40%, rgb(187, 226, 249) 60%);
}
.font-maker_p{
  background:linear-gradient(transparent 40%, rgb(249, 187, 235) 60%);
}
.font-maker_g{
  background:linear-gradient(transparent 40%, rgb(194, 249, 187) 60%);
}
.font-maker_v{
  background:linear-gradient(transparent 40%, rgb(222, 187, 249) 60%);
}
.font-bold{
  font-weight:bold;
}

/*--------------------------------------------------------------
ｃｓｓでの改行　ＰＣ表示の時のみ改行したい */

.css-br::before {
  content: "";
}
/*-------------------------------------------------------------*/
.news-text{
  font-size:15px;
  line-height:2.5rem;
}
.css-underline{
  border-bottom:1px solid;
}

/* 続きを読むのボタン作成用　コード*/
.read-more-state {
  display: none;
  transition: all 2s ease;
}
.read-more-target {
  /* opacity: 0;*/  transition: all 2s ease;
  display:none;
  max-height: 0;
  font-size: 0;

}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  /* opacity: 1;*/  transition: all 2s ease;
  display:inline-block;
  font-size: inherit;
  max-height: 999em;
}
.read-more-state ~ .read-more-trigger:before {
  content: '続きを読む +';
}
.read-more-state:checked ~ .read-more-trigger:before {
  content: '閉じる';
}

.read-more-trigger {
  transition: all 2s ease;
  position:absolute;
  bottom:-60px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);

  max-width: 700px;
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  width:80%;
  color:#f7530b;
  font-size: 1em;
  line-height: 2;
  border: 1px solid #f7530b;
  border-radius: .25em;
  transition: .5s ease;
  text-align:center;
}



/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.ribbon13 {   
    
    display: inline-block;
    display:none;
    position: absolute;
    top: -6px;
    left: 10px;
    margin: 0;
    padding: 7px 0 3px;
    z-index: 2;
    width: 40px;
    text-align: center;
    color: #7D8C62;
    color:#fff;
    font-size: 20px;
    background: linear-gradient(#519500 0%, #519500 100%);
    border-radius: 2px 0 0 0;
  }

.ribbon13:before{
    position: absolute;
    content: '';
    top: 0;
    right: -6px;
    border: none;
    border-bottom: solid 6px #7D8C62;
    border-right: solid 6px transparent;
}
.ribbon13:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 20px solid #519500;
    border-right: 20px solid #519500;
    border-bottom: 10px solid transparent;
}
/*まとめ
---------------------------------------------------------*/
#matome{
  position:relative;
  background:white;
  margin:30px 0 0px;
  line-height:1.6;
}
#matome h2{
  font-size:1.8rem;
  letter-spacing:0px;
  padding:5px 10px 5px;
  line-height:1.4;

}
#matome .cont{
  position:relative;
  padding-top:10px;

}
#matome .left_cont{


}
#matome .right_cont{
  position:relative;
  margin:10px auto;
  max-width:400px;
  width:100%;
}

#matome .cont p{
  margin:0px 0 10px;
}
.kazari02{
  display:none;
/*   position:absolute;
  top:110px;
  left:700px;
  width:120px;
  z-index:1;*/

}


/*店舗情報
----------------------*/
#tenpo_info{
  position:relative;
  margin:0 auto 20px;
  color:#232323;
  font-size:1.5rem;

  width:calc(100% - 0px);
  height:100%;
  overflow:hidden;
  padding:20px 0px 0px;
  text-align:center;
  background:white;

  /* border:1px solid #ddd;*/
 /* box-shadow:2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
  behavior: url(./PIE.htc);*/
}

#tenpo_info img{
  width:150px;
  margin:0px 0 0px;
}

/*店舗情報　テーブル設定*/
#tenpo_info dl{
  text-align:left;
  width:100%;
  font-size:90%;
  color:#000;
  margin:20px 0px 0 0;
  border-bottom:1px solid #ccc;

}
#tenpo_info dl::after{
  content:"";
  clear:both;
  display:block;
}

#tenpo_info dt,#tenpo_info dd{
  display:block;
  padding:5px 0;
  border-top:1px solid #ccc;
}

#tenpo_info dt {
  display:inline;
  font-family: "Noto Sans Japanese";
  font-size:16px;
  font-weight:bold;
  color: #80b639;/*濃い緑*/
  color:#4d4747;
  float:left;
  width:35%;
}
#tenpo_info dt i{
  margin-right:10px;
  color:#519500;
 
}
#tenpo_info dd{
  /* border-bottom:1px solid #ccc;*/
  padding:10px 0;
  margin-bottom:20px;
  margin-left:35%;
}



#tenpo_info li{
  list-style-type: circle;
  margin-left:18px;
}



/*リンク（この右側のみ）設定
------------------------------*/
#tenpo_info a{
  color:#000;
	transition: 0.3s; /* マウスオン時の移り変わるまでの時間設定　0.3s*/
/*   text-decoration: underline dashed #aaa;*/
  text-decoration:none;
  border-bottom:1px dashed #aaa;
  line-height:2;

}
#tenpo_info a:hover {
  background:#ddd;
 /*background:#ddd;*/
}