@charset "utf-8";
/* CSS Document */
a { color:#4ec1ce; }
a:visited { color:#ceac00; }
a:hover { color:#7bc63d; }
a:hover img { opacity:0.9; }

body { background:url(../img2/bg.jpg) no-repeat fixed; background-size:cover; color:#333; position:relative; }

.mt15 { margin-top:15px; }
.mt50 { margin-top:50px; }
.w100 { width:100%; }

/***ヘッダー***/
.intro { text-align: center; }
.intro span { font-size:1.2rem; padding:0.5rem 1.0rem; line-height:1.2em; text-shadow:1px 1px 5px #000;letter-spacing: 5px;}

.intro .title_1{
	font-size:1.0rem;
	color:#fff;
	letter-spacing: 10px;
	text-align: center; 
}

.intro .title_2{
	color:#fff;
	font-size: 2.0rem;
	letter-spacing: 20px;
	text-align: center; 
}


/***コンテンツ***/

.comment{
	font-size:0.8rem;
	color:#fff;
    line-height:1.5;
    margin-bottom: 10px;
    text-shadow:1px 1px 5px #000;
    text-align: left;
	margin: 0 auto;
}

.point { text-align:center; }
.item { width:30%; height:400px; margin:10px; box-sizing:border-box; background-color:rgba(255,255,255,0.6); border-radius:5px; box-shadow:0px 0px 8px #333; display:inline-block; vertical-align:top; }
	@media (max-width: 991px) { 
		.item { width:45%; }
}
	@media (max-width: 761px) { 
		.item { width:90%; height:auto; }
}

.item img { border-radius:5px 5px 0 0; }
.item p { padding:0.5em; font-size:16px; line-height:1.2em; text-shadow:1px 1px 5px #999; text-align:left; }

.lineup { list-style-type:none; width:100%; margin:0 auto; padding:15px 40px; font-size:1.0rem; text-shadow:1px 1px 5px #999;}
.lineup span { font-weight:bold; }


/***店舗情報***/
.tenpo { font-size:1.4rem; text-align:center; text-shadow:3px 3px 10px #000; color:#FFF; }
.shop { margin:1.0rem 0; }

.text1 { color:#FFF; font-size:1.4rem; line-height:1.4em; text-align:center; text-shadow:3px 3px 10px #000; }
.text1 a { color: #FB0; }
.text1 a:hover { text-decoration:underline; }
.text2 { color:#FFF; padding:0.5rem 1.0rem; border-top:solid 2px #FFF; font-size:0.8rem; line-height:1.5em; text-shadow:3px 3px 10px #000;}
	@media (max-width: 761px) {
		.text2 { text-align:center; }
	}
.text2 span { font-family:Oswald; font-size:1.4rem; }
.text2 a { color:#FFF; text-decoration:underline; }


/***フッター***/
.footer { width:100%; background-color:#000; color:#FFF; font-size:0.5rem; line-height:2.0em; text-align:center; }


/***カート***/
.cart { position:fixed; bottom:20px; left:-110px; transition:0.8s; }
.cart:hover { left:-25px; }
.cart a:hover img { opacity:1.0; }





#animation{
margin: 50px 0;
font-size: 15px;
font-weight: normal;
text-align: center;
}

#animation1{
margin: 50px 0;
font-size: 15px;
font-weight: normal;
text-align: center;
}

#animation2{
margin: 50px 0;
font-size: 15px;
font-weight: normal;
}

#animation3{
margin: 50px 0;
font-size: 15px;
font-weight: normal;
color: #555;
}

#animation4{
margin: 30px 0;
font-size: 15px;
font-weight: normal;
color: #555;
}

#animation5{
margin: 30px 0;
font-size: 15px;
font-weight: normal;
color: #555;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:3s;
 -ms-animation-duration:3s;
 animation-duration:3s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}

@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(0px); }
 100% { opacity: 1; -webkit-transform: translateY(-50); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(00px); -ms-transform: translateY(0px); transform: translateY(0px); }
 100% { opacity: 1; -webkit-transform: translateY(-0); -ms-transform: translateY(-0); transform: translateY(0); }
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
    right: 0px;
    bottom: 5px;
}


.shop{
	font-size:1.0rem;
	color:#4ec1ce;
	text-align:center;
}


h1{
	font-size:1.5rem;
	line-height: 1.2;
}

h3{
	font-size:1.5rem;
	color:#333;
	line-height: 1.0;
	margin-bottom: 5px;
	margin-top: 0px;
	padding:0px;
}

h5{
	font-size:2.0rem;
	color:#333;
	line-height: 1.3;
}

h6{
	font-size:1.1rem;
	color:#333;
	line-height: 1.0;
	margin-bottom: 5px;
	margin-top: 0px;
	padding:0px;
}



h6{
	color:#f1f1f1;
	font-weight: bold;
	padding: 0.3em 1.0em 0.2em 0.5em;
}



@font-face {
  font-family: "LigatureSymbols";
  src: url("../font/LigatureSymbols-2.11.eot");
  src: url("../font/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
           url("../font/LigatureSymbols-2.11.woff") format("woff"),
           url("../font/LigatureSymbols-2.11.ttf") format("truetype"),
           url("../font/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
  font-weight: normal;
  font-style: normal;
}


/*------------------------------------------
// User style start
// change
----------------------------------------- */

.button{
	text-align: center;
}

.general-button  {
  border-radius: 3px;
  background-color: #ff6054;
}

.general-button:before  {
  border-radius: 3px;
  border-bottom: 0px solid rgba(255,81,68, 0);
  background-color: rgba(255,81,68, 0);
}

.button-content  {
  border-radius: 0px 0px 3px 3px;
  padding: 6px 22.5px;
  box-shadow: 0px 0px 0px 0px rgba(255,81,68, 0);
  color: #f8f8f8;
}

.button-text  {
  padding: 0px 22.5px;
  line-height: 1em;
  font-size: 1.0rem;
}

.icon-font  {
  padding: 0px 22.5px;
  font-size: 10px;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  top: -6px;
  transition: all 150ms;
  -moz-transition: all 150ms;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  background-color: #ff6e63;
}

.general-button:hover:before  {
  border-bottom: 6px solid rgba(255,81,68, 0);
  transition: all 150ms;
  -moz-transition: all 150ms;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
}

.general-button:hover .button-content  {
  box-shadow: 0px 6px 0px 0px rgba(255,81,68, 1);
  transition: all 150ms;
  -moz-transition: all 150ms;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
}

/*----------------- at active -----------------*/

.general-button:active  {
  background-color: #ff483a;
  box-shadow: 0px 2.2px 0px 0px rgba(255,58,43, 1) inset;
}

.general-button:active:before  {
  top: -6px;
  padding-bottom: 6px;
  border-bottom: 0px solid rgba(255,81,68, 0);
}

.general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(255,81,68, 0);
}

/*------------------------------------------
// User style end
----------------------------------------- */

/*------------------------------------------
// Core style start
// not change
----------------------------------------- */

.general-button  {
  display: -moz-inline-box;
  display: inline-block;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;position: relative;
  top: 0px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}

.general-button:before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-content  {
  display: table;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}

.icon-font  {
  display: table-cell;
  vertical-align: middle;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  transition-timing-function: ease-in-out;
}

.general-button:hover:before  {
  transition-timing-function: ease-in-out;
}

.general-button:hover .button-content  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.general-button:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active .button-content  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

/*------------------------------------------
// Core style end
----------------------------------------- */

/*------------------------------------------
// Touch style start
----------------------------------------- */

/*----------------- at hover -----------------*/

.touch .general-button:hover  {
  top: 0px;
  background-color: #ff6054;
}

.touch .general-button:hover:before  {
  border-bottom: 0px solid rgba(255,81,68, 0);
}

.touch .general-button:hover .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(255,81,68, 1);

}

/*----------------- at active -----------------*/

.touch .general-button:active  {
  background-color: #ff483a;
  box-shadow: 0px 2.2px 0px 0px rgba(255,58,43, 1) inset;
}

.touch .general-button:active:before  {
  top: -6px;
  padding-bottom: 6px;
  border-bottom: 0px solid rgba(255,81,68, 0);
}

.touch .general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(255,81,68, 0);
}

/*------------------------------------------
// Touch style end
----------------------------------------- */