@charset "UTF-8";
html {
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
body {
font: 400 20px/35px 'M PLUS Rounded 1c', sans-serif;
color: #231815;
background-image: url(../images/BG.jpg);
}
a:link{
text-decoration: none;
COLOR: #811C21;
}
a:visited {
text-decoration: none;
COLOR: #811C21;
}
a:hover {
text-decoration:none;
COLOR: #B21F2D;
}

/* fullSlideShow--------------------------- */
.fullSlideShow {
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
}
.fullSlideShow ul {
	top: 50%;
	left: 50%;
	width: 100%;
	position: absolute; /* absolute or fixed */
	overflow: hidden;
}
.fullSlideShow ul li {
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	position: absolute;
}
.fullSlideShow ul li img {
	width: 100%;
	z-index: 200;
}

/* SideNavi------------------------- */
.fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
	margin-top: -25px;
	top: 50%;
	width: 50px;
	height: 50px;
	position: absolute; /* absolute or fixed */
	z-index: 105;
}
.fullSlideShow .btnPrev {
	left: 10px;
	background: transparent url(../images/btnPrev.png) no-repeat center center;
}
.fullSlideShow .btnNext {
	right: 10px;
	background: transparent url(../images/btnNext.png) no-repeat center center;
}

/* TopLogo--------------------------- */
.TTL {
	width: 260px;
	height: 260px;
	margin: -130px 0 0 -130px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	top: 40%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	z-index: 500;
}
/* TopCopy--------------------------- */
.SlideCopy {
width: 600px;
height: 80px;
margin: -40px 0 0 -300px;  /*縦横の半分をネガティブマージンでずらす*/
position: absolute;  /*body要素に対して絶対配置*/
top: 65%;  /*上端を中央に*/
left: 50%;  /*左端を中央に*/
font: 700 20px/30px 'M PLUS Rounded 1c', sans-serif;
color: #FFFFFF;
z-index: 500;
text-align: center;
}
/* ScrollButton--------------------------- */
.Scroll {
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;  /*縦横の半分をネガティブマージンでずらす*/
position: absolute;  /*body要素に対して絶対配置*/
bottom: 30px;  /*上端を中央に*/
left: 50%;  /*左端を中央に*/
z-index: 500;
}

/* Navigation--------------------------- */
#NaviWRP {
width: 100%;
height: 100px;
background: rgba(247,227,205,0.9);
}
#NaviWRP2 {
width: 100%;
height: 100px;
background: rgba(247,227,205,0.9);
position: fixed;
}
.fixed {
position: fixed;
top: 0;
padding: 0;
width: 100%;
z-index: 1000;
}
#Navi {
width: 1000px;
height: 100px;
margin-left: auto;
margin-right: auto;
color: #811C21;
}
.MenuLogo {
width: 200px;
height: 70px;
padding: 15px 40px 15px 0px;
float: left;
}
.ECBtnCont {
width: 180px;
height: 40px;
float: right;
padding-top: 30px;
padding-bottom: 30px;
}
.ECBtn {
text-align: center;
font: bold 16px/16px "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.ECBtn a {
width: 180px;
height: 16px;
padding-top: 12px;
padding-bottom: 12px;
display: block;
color: #FFFFFF;
background-color: #811C21;
text-decoration: none;
border-radius: 20px;
}
.ECBtn a:hover {
background-color: #B21F2D;
text-decoration: none;
}
#Navi ul#Menu{
}
#Navi ul#Menu  li{
}
#Navi ul#Menu  li a{
text-decoration: none;
padding: 41px 15px;
display: block;
float: left;
height: 18px;
font: 400 18px/18px 'M PLUS Rounded 1c', sans-serif;
color: #811C21;
}
#Navi ul#Menu li a:hover {
text-decoration: none;
background-color: #E0C2A4;
}

/* Instagram------------------------- */
.ContentsInstaWRP {
width: 100%;
padding-top: 80px;
padding-bottom: 120px;
background-image: url(../images/BGlight.jpg);
}

/* Footer------------------------- */
.FooterContent {
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
font: 15px/25px "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.TEL {
font: 36px/40px 'Fjalla One', sans-serif;
}
.FooterNavi {
width: 100%;
height: 16px;
padding-top: 12px;
padding-bottom: 12px;
font-size: 16px;
line-height: 16px;
background-color: #FFFFFF;
text-align: center;
}
.Copyright {
width: 100%;
height: 12px;
padding-top: 24px;
padding-bottom: 24px;
color: #FFFFFF;
font: 12px/12px "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
text-align: center;
background-color: #811C21;
}

/* PageTop------------------------- */
.pagetop {
	position: fixed;
	bottom: -80px;
	right: 80px;
}
.pagetop a {
	display: block;
	width: 80px;
	height: 80px;
	background-color: #811C21;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	font-size: 36px;
	text-decoration: none;
	line-height: 76px;
	z-index: 200;
}

/* Menu------------------------- */
.MenuContents {
width: 1000px;
margin-left: auto;
margin-right: auto;
font: 700 24px/30px 'M PLUS Rounded 1c', sans-serif;
color: #811C21;
}
.menuIMG{
width: 100%;
height: 260px;
padding-top: 70px;
padding-bottom: 70px;
text-align: center;
background-image: url("../images/MenuIMG.jpg");
background-size: cover;
background-repeat: no-repeat;
}
.menuTTLwrp {
width: 200px;
height: 200px;
margin-left: auto;
margin-right: auto;
}
.menuTTL {
width: 200px;
height: 200px;
text-align: center;
color: #811C21;
border: 1px solid #811C21;
border-radius: 100px;
}
.menuTTLtable {
width: 200px;
height: 200px;
display: table-cell;
vertical-align: middle;
}
.menuTTLeng {
font: 700 40px/40px 'Caveat', cursive;
}
.menuTTLjpn {
font: 700 18px/20px 'M PLUS Rounded 1c', sans-serif;
}
.MenuBox1 {
width: 48%;
float: left;
padding-right: 4%;
margin-bottom: 30px;
}
.MenuBox2 {
width: 48%;
float: left;
margin-bottom: 30px;
}
.MenuBox3 {
width: 66%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.MenuName {
text-align: left;
width: 80%;
float: left;
}
.MenuPrice {
text-align: right;
width: 20%;
float: right;
}
.MenuName2 {
text-align: left;
width: 65%;
float: left;
}
.MenuPrice2 {
text-align: right;
width: 35%;
float: right;
}
.DrinkSetNotice {
width: 100%;
height: 24px;
padding-top: 12px;
padding-bottom: 12px;
clear: both;
text-align: center;
line-height: 24px;
border: 1px solid #811C21;
}
.MenuTableWRP {
width: 66%;
margin-left: auto;
margin-right: auto;
}
.MenuTable {
padding-top: 14px;
padding-bottom: 14px;
border-top: 1px solid #811C21;
}
.MenuTable2 {
padding-top: 14px;
padding-bottom: 14px;
border-top: 1px solid #811C21;
border-bottom: 1px solid #811C21;
}

/* Ingredients------------------------- */
.ingredientsIMG {
width: 100%;
height: 260px;
padding-top: 70px;
padding-bottom: 70px;
text-align: center;
background-image: url("../images/InquiryIMG.jpg");
background-size: cover;
background-repeat: no-repeat;
}
.IngredientsName {
text-align: left;
width: 100%;
font: 700 24px/30px 'M PLUS Rounded 1c', sans-serif;
color: #811C21;
float: left;
margin-bottom: 10px;
}

/* Access------------------------- */
.accessIMG {
width: 100%;
height: 260px;
padding-top: 70px;
padding-bottom: 70px;
text-align: center;
background-image: url("../images/AccessIMG.jpg");
background-size: cover;
background-repeat: no-repeat;
}
.AccessContent {
width: 100%;
padding-top: 80px;
padding-bottom: 50px;
text-align: center;
font: 15px/25px "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/* Inquiry------------------------- */
.inquiryIMG {
width: 100%;
height: 260px;
padding-top: 70px;
padding-bottom: 70px;
text-align: center;
background-image: url("../images/InquiryIMG.jpg");
background-size: cover;
background-repeat: no-repeat;
}
.InquiryContent {
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
font: 15px/25px "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.InqWRP
{
width: 100%;
margin-bottom: 40px;
clear: both;
}
.InqName {
width: 25%;
padding-top: 20px;
float: left;
line-height: 20px;
text-align: center;
}
.InqName2 {
width: 25%;
padding-top: 20px;
float: left;
line-height: 20px;
text-align: center;
}
.InqForm{
width: 75%;
float: left;
text-align: left;
}
.input {
width: 560px;
height: 20px;
border: 1px solid #811C21;
float: left;
padding: 19px;
font-size: 20px;
line-height: 35px;
border-radius: 10px;
}
.textarea {
width: 650px;
height: 260px;
font-size: 20px;
line-height: 30px;
border: 1px solid #811C21;
padding: 9px;
border-radius: 10px;
}
.submit {
width: 200px;
height: 60px;
font-size: 20px;
font-weight: bold;
line-height: 20px;
background-color: #811C21;
border: 1px solid #811C21;
border-radius: 10px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
color: #FFFFFF;
cursor: pointer;
}
.submit:hover {
background-color: #B21F2D;
color: #FFFFFF;
}
.submit:active {
background-color: #811C21;
color: #FFFFFF;
}

/* Common------------------------- */
.Contents {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.cTTLwrp {
width: 260px;
height: 260px;
margin-left: auto;
margin-right: auto;
}
.cTTL {
width: 260px;
height: 260px;
text-align: center;
border-radius: 130px;
background-color: #811C21;
color: #F7E3CD;
}
.cTTLtable {
width: 260px;
height: 260px;
display: table-cell;
vertical-align: middle;
}
.cTTLeng {
font: 700 45px/45px 'Caveat', cursive;
}
.cTTLjpn {
font: 700 18px/20px 'M PLUS Rounded 1c', sans-serif;
}
.sTTL {
color: #811C21;
font: 700 30px/36px 'M PLUS Rounded 1c', sans-serif;
margin-bottom: 30px;
}

.BtnCont {
width: 300px;
height: 60px;
margin-left: auto;
margin-right: auto;
}
.LinkBtn {
text-align: center;
font: 20px/20px "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.LinkBtn a {
width: 298px;
height: 20px;
padding-top: 19px;
padding-bottom: 19px;
display: block;
color: #811C21;
text-decoration: none;
border: 1px solid #811C21;
border-radius: 30px;
}
.LinkBtn a:hover {
background-color: #811C21;
text-decoration: none;
color: #FFFFFF;
}
.Box30 {
width: 100%;
height: 30px;
clear: both;
}

.Box50 {
width: 100%;
height: 50px;
clear: both;
}
.Box100 {
width: 100%;
height: 100px;
clear: both;
}
.mgn10B {
margin-bottom: 10px;
}
.mgn30B {
margin-bottom: 30px;
}
.mgn40B {
margin-bottom: 40px;
}
.mgn50B {
margin-bottom: 50px;
}
.mgn20r {
margin-right: 20px;
}
.px35B {
font-size: 35px;
font-weight: 700;
line-height: 40px;
}
.px18 {
font-size: 18px;
}
.Red {
color: #C1272D;
}
.br-pc { display:block; }
.br-sp { display:none; }
.cl {
clear: both;
}