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

/* -----------------------------------------------------------------------------------------------------------全体設定--*/
body     { 
          margin: 0;
	      font-family:'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
          color:#888888 }

/*-------------ｈ-style--------------*/

/*h2       {
          color: #888888;/*文字色*/
/*          padding: 0.5em 0;/*上下の余白*/
/*          border-top: solid 3px #888888;/*上線*/
/*          border-bottom: solid 3px #888888;/*下線*/
/*	      text-align: left;
}*/
h2       {
          position: relative;
          color: #726D6D;
          text-shadow: 0 0 2px white;
		  font-family:'游明朝','HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	      transform: rotate(.03deg);/*明朝体を綺麗に見せるために*/

}




/* -----ページコメント-----*/
h5       {
          padding: 0.50em 0.5em;/*上下 左右の余白*/
          color: #565555;/*文字色*/
          background: transparent;/*背景透明に*/
	　　   text-align: center;
	      font-family:'游明朝','HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	      transform: rotate(.03deg);/*明朝体を綺麗に見せるために*/

          /*border-left: solid 5px #7db4e6;/*左線*/
}




/*----------divサイズ可変----------*/
.topimg	    {
	       max-width: 100%;
	       height: auto;
	       vertical-align: bottom
}

/*-------------ふわっと表示--------------*/
body     {
          animation: fadeIn 2s ease 0s 1 normal;
          -webkit-animation: fadeIn 5s ease 0s 1 normal;
}

@keyframes fadeIn {
          0% {opacity: 0}
          100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
          0% {opacity: 0}
          100% {opacity: 1}
}

/*------------PC-SP切り替え-------------*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc      { 
          display: block !important;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.sp      { 
          display: none !important; 
}
@media screen and ( max-width:479px ) {
.pc      { 
          display: none !important; 
}
.sp      { 
          display: block !important; 
}
}
/*------------ヘッダー途中固定------------*/

.sticky {
          position: -webkit-sticky; /* Safariに対応する */
          position: sticky; /* 要素を固定/解除する */
          top: 0; /* 縦方向の閾値 */
          left: 0; /* 横方向の閾値 */
}


/*-------------div横縦中央に------------*/

.wrapper {
          display: flex;
          justify-content: center; /*左右中央揃え*/
          align-items: center;     /*上下中央揃え*/
	      /*width: 1200px;*/
}



/* ----------------------------------------------------------------------------------------------global-navi --*/

/*----------navimenu----------*/
.navi ul	{
	      margin: 30;
	      padding: 0;
	      list-style: none
}
.navi li a	{
	      display: block;
	      padding: 5px;
	      color: #996633;
	      font-family: 'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	      font-size: 20px;
	      text-decoration: none
}
/*.navi li a:hover	{background-color: #eeeeee}*/
.navi ul:after	{
	      content: "";
	      display: block;
          clear: both
}

.navi li    {
	      float: left;
	      width: auto
}
.navibox	{
	      background-color: #FFFFFF;
          opacity: 0.9;
          z-index: 999;
	      /*padding: -500px;*/
}	

/*------------ロゴとnaviを横に並べる設定------------ */
.navibox:after	{
	      content: "";
	      display: block;
	      clear: both;
}
.logobox	{
	      float: left;
          width: auto;
	      margin-left: 30px;
	      padding: -30px;
}

.menubox	{
	      float: right;
	      width: auto;
	      padding: -30px;
}
/* ---------------------------------------------------------------------------------------------------------*/







/*------------------------------------------------------------------------------------------------------店舗情報--*/
/* 見出しをバーの形にする */
/*.title   {
	      padding-top: 15px;
	      padding-bottom: 15px;
}
.title1 p{
	      margin: 0;
	      color: #888888;
	      font-size: 45px;
	      font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	      /*text-align: center*/
}*/
/*---------------------------------------*/





/* ---------------------topページコメント--------------------*/
/*h3       {
          position: relative;
          padding: 0.25em 1em;
          border: solid 2px #888888;
          border-radius: 3px 0 3px 0;
          font-size: 25px;
}
h3:before,h3:after   {
          content: '';
          position: absolute;
          width:10px;
          height: 10px;
          border: solid 2px #888888;
          border-radius: 50%;
}
h3:after {
	      top:-12px;left:-12px;
}
h3:before{
	      bottom:-12px;right:-12px;
}*/



/* --------------ボーダー-----------------*/
hr      {
          border-width: 2px 0px 0px 0px; /* 太さ1px */
          border-style: solid; /* 線種を破線に */
          border-color: gray;   /* 線色を灰色に */
          height: 1px;         /* 高さ(※古いIE用) */
}
/*-------------ハンバーガー-----------------*/

header   {
          padding:10px;
          /* background: skyblue;*/
}

#nav-drawer {
          float:right;
          display: inline;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
          display:none;
}

/*アイコンのスペース*/
#nav-open {
          display: inline-block;
          width: 30px;
          height: 22px;
          vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
          position: absolute;
          height: 3px;/*線の太さ*/
          width: 25px;/*長さ*/
          border-radius: 3px;
          background: #555;
          display: block;
          content: '';
          cursor: pointer;
}
#nav-open span:before {
          bottom: -8px;
}
#nav-open span:after {
          bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
          display: none;/*はじめは隠しておく*/
          position: fixed;
          z-index: 99;
          top: 0;/*全体に広がるように*/
          left: 0;
          width: 100%;
          height: 100%;
          background: black;
          opacity: 0;
          transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
          overflow: auto;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 9999;/*最前面に*/
          width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
          max-width: 250px;/*最大幅（調整してください）*/
          height: 100%;
          background: #FFF;/*背景色*/
          transition: .3s ease-in-out;/*滑らかに表示*/
          -webkit-transform: translateX(-105%);
          transform: translateX(-105%);/*左に隠しておく*/
}








/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
          display: block;/*カバーを表示*/
          opacity: .5;
}

#nav-input:checked ~ #nav-content {
          -webkit-transform: translateX(0%);
          transform: translateX(0%);/*中身を表示（右へスライド）*/
          box-shadow: 6px 0 25px rgba(0,0,0,.15);
}












/* ----------------------------------------page-index------------------------------------------------------*/
/* ------------------------------header ------------------------------*/



/* ------------------------------------------------------------------*/

/*@media screen and ( max-width:479px ) {
.minitop sp
}*/



/*.flor{max-width: 100%;
	height: auto;
	vertical-align: bottom}*/
/*.inner{
    border: 1px solid #aaa;
    width: 150px;
    height: 50px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}*/


/* ----------------------------------------------------------------------------------------*/





/*----------footer----------*/
/* footerをバーの形にする */
.footer     {
	        padding-top: 15px;
	        padding-bottom: 15px;
	        background-color: #FEF6EE;
	        /*position: fixed;
            bottom: 0;
            width: 100%;*/
}
/*----------コピーライト----------*/
.copyright p	{
	        margin: 0;
	        color: #666666;
	        font-size: 14px;
	        text-align: center
}

/* ----------------------------------------------------------------------------------------*/

.guide      {
	        text-align:center;
	        font-size: 18px;
	        link:#888888;
}




/* ---------------------------------shop------------------------------------------------*/


.shopdetabox:after	{content: "";
	display: block;
	clear: both}

.shopphot  {
	        float: left;
	        text-align:center;
            margin-left: 100px;
            margin-right: auto;
}
.shopdeta   {
	        float: left;
	        margin: 0;
	        color: #888888;
	        font-size: 23px;
	        margin-right:50px;
}
.shopmap   {
	        float: left;
	        margin: 0;
	        color: #888888;
	        font-size: 20px;
	        margin-right:50px;
}




/* divサイズ*/
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}
/* ----------------------------------------------------------------------------------------*/









































/* ----------------------------------------------------------------------------------------*/
	
	
/* ########### 768px以上 ########### */
@media (min-width: 650px) {

/* BOX1とBOX2を横に並べる設定 */
.navibox,:after	{content: "";
	display: block;
	clear: both}

.box1       {float: left;
	         width: auto
	}

.box2       {float: right;
	         width: auto
	}
/* ----------------------------------------------------------------------------------------*/
.shopcontainer:after	{content: "";
	display: block;
	clear: both
	}
.shopbox1,.shopbox2,.shopbox3,.shopbox4{
	float: left;
	width: 25%;
	font-family:'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	/*margin: 20px;
    padding:30px*/
	}

	
	
	
/*-------------ロールオーバー-----------------*/
figure:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}




}



/*-------------スクロールアイコン-----------------*/

a {
  padding-top: 60px;
}
a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb 3s infinite;
  animation: sdb 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* ----------------------------------------------------------------------------------------*/


.txt {
margin: 50px 0 0;
text-align: center;
}
.txt a {
color: lightSeaGreen;
}
.txt a:hover {
color: indianRed;
text-decoration: none;
}
.txt2 a {
color: lightSeaGreen;
}
.txt2 a:hover {
color: indianRed;
text-decoration: none;
}

/* ----------------------------------------------------------------------------------------*/

.linktxt  {text-align:right;}

/* ----------------------------------------------------------------------------------------*/











/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.bg-slider, .navibox, .info container, .boxA-inner, .footer-inner, .company-header, .box3 .title, .,
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}