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

/* -------------------------------------------------------------------------------------------------------------*/
h3{	      color: #888888;
	      font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	      font-family:'游明朝','HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	      margin-left: -10px;
	      transform: rotate(.03deg);/*明朝体を綺麗に見せるために*/
	      /*text-align: center*/
}


/*----------TOP-slideshow-----------*/
.slider_css {
  height: 780px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.slider_css ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider_css ul li {
  background-size: cover;
  /*width: 100%;*/
  height: 780px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  animation-iteration-count: infinite;
  animation-duration: 40s;
}
.slider_css ul li:nth-child(1) {
  background-image: url("img/top/top1.jpg");
  animation-name: slider-zoomin;
  animation-delay: -3s;
}
.slider_css ul li:nth-child(2) {
  background-image: url("img/top/top2.jpg");
  animation-name: slider-zoomout;
  opacity: 0;
  animation-delay: 5s;
}
.slider_css ul li:nth-child(3) {
  background-image: url("img/top/top3.jpg");
  animation-name: slider-zoomin;
  opacity: 0;
  animation-delay: 13s;
}
.slider_css ul li:nth-child(4) {
  background-image: url("img/top/top4.jpg");
  animation-name: slider-zoomout;
  opacity: 0;
  animation-delay: 21s;
}
.slider_css ul li:nth-child(5) {
  background-image: url("img/top/top5.jpg");
  animation-name: slider-zoomin;
  opacity: 0;
  animation-delay: 29s;
}




/*.slider_css ul li:nth-child(1) {
  background-image: url("img/top/top11.jpg");
  animation-name: slider-zoomin;
  animation-delay: -3s;
}
.slider_css ul li:nth-child(2) {
  background-image: url("img/top/top12.jpg");
  animation-name: slider-zoomout;
  opacity: 0;
  animation-delay: 5s;
}
.slider_css ul li:nth-child(3) {
  background-image: url("img/top/top13.jpg");
  animation-name: slider-zoomin;
  opacity: 0;
  animation-delay: 13s;
}
.slider_css ul li:nth-child(4) {
  background-image: url("img/top/top14.jpg");
  animation-name: slider-zoomout;
  opacity: 0;
  animation-delay: 21s;
}
.slider_css ul li:nth-child(5) {
  background-image: url("img/top/top15.jpg");
  animation-name: slider-zoomin;
  opacity: 0;
  animation-delay: 29s;
}
*/




.slider_css ul li img {
  width: 130%;
}
@media only screen and (max-width: 768px) {
  .slider_css {
    height: 400px;
  }
  .slider_css ul li {
    background-size: contain;
    background-repeat: no-repeat;
  }
}

@keyframes slider-zoomin {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  12.5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  27.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}
@keyframes slider-zoomout {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  12.5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  27.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
		 
/*----------TOP-logo----------*/

.mainlogo     {
          width: 150px;
          height: 50px;
          position: absolute;
	      left:1100px;
	      top:150px;
          font-size: 80px;
          font-family: 'Great Vibes', cursive;
          text-align: center;
          color: #fff;
          padding-top: 10px;
	      /*z-index: 999;*/
}

/*----------TOP-menu----------*/

.topmenu ul     {
	      position: absolute;
	      left:500px;
	      top:330px;
	      margin:0;
	      padding:100;
          font-family: 'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	      font-size: 95px;
	      list-style:none;
	      -webkit-writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.topmenu li a   {
	      display: block;
	      padding: 20px;
	      color:#ffffff;
	      font-size: 40px;
	      text-decoration:none
}
/*.topmenu li a:hover{
	          background-color:#eeeeee}*/
	
	
.topmenu ul li  { 	
	      float:left;
          display: inline;
}


/*----------top-sns----------*/ 
.snsicon  {
	      position: absolute;
	      left:100px;
          bottom:200px;
}

.my-White {
	      color: #FFFFFF
}


.Scroll   {
	      position: absolute;
	      left:550px;
	      top:400px;
}
/* ----------------------------------------------------------------------------------------*/



/* -------------------------------------------------------- ------------------------------------------------about,menu--*/
/*------------コンテンツを横に並べる設定------------ */

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

.about-img	{float: left;
	     width: auto
         
}

.about-copy	{float: left;
	     width: auto;
	     margin-left:25px;
	     margin-top: -70px;
}


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

.menu-img	{float: left;
	     width: auto
         
}

.menu-copy	{float: left;
	     width: auto;
	     margin-left:25px;
	     margin-top: -70px;
}

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

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

 .about-img   {
	      float: left;
	      margin-left:60px;
	      width: 50%;
	      text-align: center
 }

 .about-copy   {
	      float: left;
	      width:20%;
	 	  color: #888888;
	      font-size: 40px;
	      font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	 	  -webkit-writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
 }
	
 /*.about-botton   {
	      float: left;
	      width:20%;
	      height: 100%;
	      margin-bottom: 500px
 }*/
	
	
}
/* ########### 768px以上 ########### */
@media (min-width: 700px) {

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

 .menu-img   {
	      float: left;
	      margin-right: 300px;
	      width: 50%;
	      text-align: center
 }

 .menu-copy   {
	      float: left;
	      width:20%;
	 	  color: #888888;
	      font-size: 40px;
	      font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	 	  -webkit-writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
 }
	
 /*.menu-botton   {
	      float: left;
	      width:20%;
	      height: 100%;
	      margin-bottom: 500px
 }*/
	
	
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------ＶＲ--*/
 /*BOX1とBOX2を横に並べる設定*/
.vr-space:after	{
	      content: "";
	      display: block;
	      clear: both;
	      text-align: center;
}

.vr{
		  float: left;
	      width: auto;
	      margin-left: 100px;
}

.qr	   {
	      float: left;
	      width: auto;
	      margin-top: 70px;
	      margin-left: 30px;
}

.qr-text	{
	      float: left;
	      width: auto;
	      margin-left:70px;
	      margin-top: 10px;
	      font-family:'游明朝','HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	      transform: rotate(.03deg);/*明朝体を綺麗に見せるために*/

}



@media (min-width: 760px){
	
.vr-space{
	  /*width: 1100px;*/
	  /*text-align:center*/	
}
.vr   {
	       width: 50%;
}
.qr  {
	       width: 30%;
	       float: left;
	       font-size: 45px;
	       color: #888888;
		   margin-left:0px;

}

/*.qr-text{
	       width: 20%;
	       float: left;
		   font-family:'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
}*/

}
.qr-text{
	       width: 30%;
	       float: left;
		   font-family:'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
}

/*------------------------------------------------------------------------------------------------------------------お知らせ＆SNS--*/
 /*BOX1とBOX2を横に並べる設定*/
.newsns:after	{content: "";
	display: block;
	clear: both}

.news	{float: left;
	     width: auto
         
}

.sns	{float: left;
	     width: auto;
	     margin-left:25px;
	     margin-top: -70px;
}


/* -------------------------------------------------------------------------------------------news--*/
@media (min-width: 760px){
	
.news{
	  /*width: 1100px;*/
	  /*text-align:center*/
	
}

.newstitle  {
	       width: 20%;
	       float: left;
	       font-size: 45px;
	       color: #888888;
		   margin-left:300px;
		   font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	       -webkit-writing-mode: vertical-rl;
           -ms-writing-mode: tb-rl;
           writing-mode: vertical-rl;
}
.newscontent{
	       width: 30%;
	       float: left;
	       font-family:'游明朝','HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	       transform: rotate(.03deg);/*明朝体を綺麗に見せるために*/
}
}

/* -------------------------------------------------------------------------------------------sns--*/
@media (min-width: 760px){
	
.sns{
	  /*width: 1100px;*/
	  /*text-align:center*/
	
}

.snstitle  {
	       width: 20%;
	       float: left;
	       font-size: 45px;
	       color: #888888;
		   margin-left:100px;
		   font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';

}
.snsicon{
	       width: 30%;
	       float: left;
		   font-family:'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
}
}



/*---------------------------------------------------------------------------------------------------------------about&menu--*/
.tenpo-title{
	
}
.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
}
 /*----------BOX1とBOX2を横に並べる設定-------------------*/
.udunyama:after {
	      content: "";
	      display: block;
	      clear: both
}

.udunyama-left {
	      float: left;
	      width: auto         
}

.udunyama-name	{
	      float: left;
	      width: auto;
}


/* -------------------------------------------------------------------------------------------news--*/
@media (min-width: 760px){
	
.udunyama{
	  /*width: 1100px;*/
	  /*text-align:center*/
	  background-color:papayawhip;
	
}

.udunyama-left  {
	       width: 60%;
	       float: left;
	       font-size: 40px;
	       color: #888888;
		   /*margin-left:100px;*/
		   font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	       /*-webkit-writing-mode: vertical-rl;
           -ms-writing-mode: tb-rl;
           writing-mode: vertical-rl;*/
}
/*.restaurant-name{
	       width: 30%;
	       float: left;
		   font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	       font-size: 35px;
	       margin-right: 200px;
	       margin-top: 80px;
	       -webkit-writing-mode: vertical-rl;
           -ms-writing-mode: tb-rl;
           writing-mode: vertical-rl;
}*/
	
	
.udunyama-name{
	       width: 30%;
	       float: left;
		   font-family:'游明朝','HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	       transform: rotate(.03deg);/*明朝体を綺麗に見せるために*/
	       color: black;
	       font-weight: 100;
	       font-size: 15px;
	       margin-left: 100px;
	       margin-top: 50px;

}
	
	
.udunyama-right  {
	       width: 60%;
	       float: right;
	       font-size: 40px;
	       color: #888888;
		   /*margin-left:100px;*/
		   font-family:'游明朝','HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	       transform: rotate(.03deg);
	       /*-webkit-writing-mode: vertical-rl;
           -ms-writing-mode: tb-rl;
           writing-mode: vertical-rl;*/
}
}








/*---------------------------------------------------------------------------------------------------------------tenpo--*/

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

.restaurant1	{
	     float: left;
	     width: auto;
	     margin-left:25px;
	     margin-b: 200px;
}

.restaurant2	{
	     float: left;
	     width: auto;
	     margin-left:25px;
	     margin-b: 200px;
}
.restaurant3	{
	     float: left;
	     width: auto;
	     margin-left:25px;
	     margin-b: 200px;
}
.restaurant4	{
	     float: left;
	     width: auto;
	     margin-left:25px;
	     margin-b: 200px;
}
.restaurant5	{
	     float: left;
	     width: auto;
	     margin-left:25px;
	     margin-b: 200px;
}


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

.restaurant-left {
	      float: left;
	      width: auto         
}

.restaurant-name	{
	      float: left;
	      width: auto;
}*/


/* -------------------------------------------------------------------------------------------news--*/
@media (min-width: 760px){
	
.restaurant{
	  /*width: 1100px;*/
	  /*text-align:center*/
	
}

.restaurant-left  {
	       width: 50%;
	       float: left;
	       font-size: 40px;
	       color: #888888;
		   margin-left:100px;
		   font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	       -webkit-writing-mode: vertical-rl;
           -ms-writing-mode: tb-rl;
           writing-mode: vertical-rl;
}
.restaurant-name{
	       width: 30%;
	       float: left;
		   font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	       font-size: 35px;
	       margin-right: 200px;
	       margin-top: 80px;
	       -webkit-writing-mode: vertical-rl;
           -ms-writing-mode: tb-rl;
           writing-mode: vertical-rl;
}
.restaurant-right  {
	       width: 50%;
	       float: left;
	       font-size: 40px;
	       color: #888888;
		   margin-left:100px;
		   font-family:'HG行書体','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	       -webkit-writing-mode: vertical-rl;
           -ms-writing-mode: tb-rl;
           writing-mode: vertical-rl;
}


}











/*----------------------------------------------------------------------------------------------------------------下部SNS--*/
.sns        {
}



.snsicon2   {
	        text-align:center;
}

/* --------------------------------------------------------------------------------------ニュース--*/
.news ul    {
	       margin: 0;
           padding: 0;
	       list-style: none
}

.news li a  {
	       display: block;
           padding: 5px;
		   border-bottom:dotted 2px #dddddd;
		   /*font-family:'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';*/
		   color: #000000;
		   font-size: 17px;
		   text-decoration: none
}

.news li a:hover    {
	       background-color: #eeeeee
}

.news time  {
	       margin-right:10px;
           color: #888888;
		   font-weight: bold
}


.my-example {
	        color: #888888;
}
/* ---------------------------------------------------------------------------*/
/*---------------- QRコード ----------------*/

.qr         {
	        text-align:center;
}
/* ---------------------------------------------------------------------------*/

/*----------上にスクロール----------*/
.up         {
	        text-align:right;
}