@charset "UTF-8";
 html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td{
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section{
display: block;
}
body{
line-height: 1;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
ol, ul{
list-style: none;
list-style-type: none;
}
button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
} body{
font-family: a-otf-futo-min-a101-pr6n, serif;
font-style: normal;
font-weight: 400;
color: #fff;
background: #000;
height: 100%;
width: 100%;
position: relative;
}
a{
text-decoration: none;
color: #1E2121;
display: block;
}
p{
font-size: 1rem;
}
h1{
font-size: 1.6rem;
}
h2{
font-size: 1.6rem;
letter-spacing: .15rem;
text-indent: .15rem;
}
h3{
font-size: 1.4rem;
}
h4{
font-size: 1rem;
}
h1, h2, h3, h4, p{
line-height: 2.2;
}
@media screen and (max-width:500px) {
h2{
font-size: 1.4rem;
}
} .container{
max-width: 1050px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.img-fluid{
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.menuBtn{
text-align: center;
}
a.menuLinkBtn{
display: inline-block;
padding: 10px 45px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
a.menuLinkBtn .label{
font-size: 1.2rem;
}
@media screen and (max-width:1100px) {
}
@media screen and (max-width:765px) {
} header .header{
padding: 30px;
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
header .header.childPage{
background: #fff;
}
header .header .header_logo h1{
font-size: 0;
}
header .header_nav nav.menuNav ul{
display: flex;
align-items: center;
}
header .header_nav nav.menuNav ul li a{
padding: 10px 25px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
header .header.childPage .header_nav nav.menuNav ul li a .menuNav_label{
color: #000;
}
header .header.childPage .header_nav nav.menuNav ul li{
border-left: 1px solid #000;
}
header .header.childPage .header_nav nav.menuNav ul li:last-child{
border-right: 1px solid #000;
}
header .header_nav nav.menuNav ul li a .menuNav_icon, a.menuLinkBtn .icon{
text-align: center;
padding-bottom: 5px;
}
header .header_nav nav.menuNav ul li a .menuNav_label, a.menuLinkBtn .label{
color: #fff;
}
.SPMenuBox{
display: none;
}
@media screen and (max-width:635px) {
header .header{
position: absolute;
}
.header_nav{
display: none;
}
.SPMenuBox{
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 9999;
}
.SPMenuBox ul.SPMenuList{
display: flex;
align-items: center;
width: 100%;
height: 60px;
}
.SPMenuBox ul.SPMenuList li{
width: 33.33%;
height: 100%;
}
.SPMenuBox ul.SPMenuList li a{
display: flex;
flex-direction: column;
align-items: center;
border-right: 1px solid #000;
height: 100%;
justify-content: center;
}
.SPMenuBox ul.SPMenuList li:last-child a{
border-right: 0;
}
.SPMenuBox ul.SPMenuList li a .menuNav_icon{
text-align: center;
padding-bottom: 5px;
}
.SPMenuBox ul.SPMenuList li a .menuNav_label{
font-size: 10px;
color: #000;
text-align: center;
}
} .mainViual{
background: url(//gala-mizuno.com/wp-content/themes/GALA_Bar_MIZUNO/images/mainVisual.jpg) no-repeat center;
background-size: cover;
height: 100vh;
min-height: 565px;
width: 100%;
position: relative;
}
.mainViual::before{
content: "";
position: absolute;
background: linear-gradient(to bottom, #000,  rgba(0, 0, 0, 0));
height: 40vh;
min-height: 200px;
width: 100%;
top: 0;
left: 0;
}
.mainViual_news{
position: absolute;
bottom: 30px;
left: 60px;
}
.mainViual_news a{
color: #fff;
padding: 5px;
position: relative;
background: #000;
}
.mainViual_news a::before{
content: "";
background: url(//gala-mizuno.com/wp-content/themes/GALA_Bar_MIZUNO/images/icon/icon_news_left.svg) no-repeat;
height: 100%;
width: 28px;
position: absolute;
left: -38px;
top: 0;
}
.mainViual_news a::after{
content: "";
background: url(//gala-mizuno.com/wp-content/themes/GALA_Bar_MIZUNO/images/icon/icon_news_right.svg) no-repeat;
height: 100%;
width: 46px;
position: absolute;
right: -56px;
top: 0;
}
.newsBox{
width: 300px;
height: 90px;
border: 1px solid #ededed;
padding: 10px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.newsBox .title{
width: 100%;
padding-bottom: 5px;
font-size: 1.15rem;
}
@media screen and (max-width:800px) {
.mainViual_news{
left: 50%;
bottom: 145px;
width: 60%;
transform: translateX(-50%);
}
.mainViual_news a::before{
background: url(//gala-mizuno.com/wp-content/themes/GALA_Bar_MIZUNO/images/icon/icon_news_right.svg) no-repeat;
width: 46px;
left: -56px;
}
.newsBox{
width: 100%;
}
}
.mainViual_notice{
position: absolute;
bottom: 30px;
right: 30px;
}
.mainViual_notice .box{
width: 350px;
border: 1px solid #ededed;
padding: 10px;
background-color: rgba(0,0,0,0.1);
}
.mainViual_notice .label{
width: 100%;
padding-bottom: 5px;
font-size: 1.25rem;
line-height: 1;
}
.mainViual_notice .text{
line-height: 1.6;
}
@media screen and (max-width:800px) {
.mainViual_notice{
position: absolute;
bottom: 15px;
right: 0;
width: 100%;
padding: 15px;
}
.mainViual_notice .box{
width: 100%;
}
} .booking{
padding: 100px 30px;
text-align: center;
}
.booking h2{
padding-bottom: 40px;
}
.booking h2 br.spDown{
display: none;
}
.booking .txt{
line-height: 2.5;
font-size: 1.15rem;
letter-spacing: .15rem;
text-indent: .15rem;
}
.booking .contactBtn{
padding-top: 40px;
}
.booking .contactBtn a{
width: 200px;
padding: 20px 0;
border: 1px solid #fff;
color: #fff;
margin: 0 auto;
}
@media screen and (max-width:500px) {
.booking h2 br.spDown{
display: block;
}
.booking .txt{
font-size: 1rem;
}
} .about{
display: flex;
padding: 100px 15px;
}
.about .about_left{
width: 50%;
height: auto;
position: relative;
}
.about .about_left .vertical{
position: absolute;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
left: 50%;
transform: translateX(-50%);
}
.about_left h2{
font-size: 1.9rem;
padding-left: 30px;
}
.about_left .txt{
-webkit-text-orientation: upright;
text-orientation: upright;
line-height: 2.5;
font-size: 1.15rem;
letter-spacing: .5rem;
}
.about_right{
width: 50%;
}
.about_right img{
margin: 0 auto;
display: block;
}
.about_right .enTxtBox{
padding-top: 60px;
text-align: center;
}
.about_right .enTxtBox .enTxtBox_title{
font-size: 1.6rem;
padding-bottom: 30px;
}
.about_right .enTxtBox .enTxtBox_txt{
font-size: 1.15rem;
line-height: 2.5;
}
.about .about_right .menuBtn{
padding-top: 50px;
}
@media screen and (max-width:500px) {
.about{
flex-wrap: wrap;
}
.about .about_left .vertical {
position: relative;
}
.about .about_left ,.about_right{
width: 100%;
padding-top: 50px;
}
.about_left h2{
font-size: 1.4rem;
padding-left: 0;
padding-bottom: 40px;
}
.about .about_left .vertical{
position: relative;
-webkit-writing-mode:horizontal-tb;
-ms-writing-mode:lr-tb;
writing-mode:horizontal-tb;
left: 0;
transform: translateX(0);
text-align: center;
}
.about_left .txt{
-webkit-text-orientation: mixed;
text-orientation: mixed;
line-height: 2.5;
font-size: 1rem;
letter-spacing: 0;
}
.about_left .txt br{
display: none;
}
.about_right .enTxtBox{
display: none;
}
} .homeOwner{
display: flex;
flex-wrap: wrap;
padding: 100px 0;
}
.homeOwner .owner_left{
width: 50%;
}
.homeOwner .owner_left img{
width: 100%;
}
.homeOwner .owner_right{
width: 50%;
padding: 0 50px;
line-height: 1.8;
padding-right: 80px;
}
.homeOwner .owner_right .smallName{
padding: 10px 0 20px;
font-size: 1.5rem;
line-height: 1;
}
.homeOwner .owner_right .smallName span{
font-size: .875rem;
display: block;
padding-bottom: 5px;
}
.homeOwner .owner_right .SommelierInfo{
max-width: 280px;
padding-bottom: 20px;
}
.homeOwner .owner_right .SommelierInfo .SommelierInfo_down{
text-align: right;
}
.homeOwner .owner_right .license{
padding-bottom: 20px;
}
.facebook{
text-align: right;
}
.facebook a{
display: inline-block;
color: #fff;
}
@media screen and (max-width:768px) {
.homeOwner .owner_left{
width: 100%;
}
.homeOwner .owner_right{
width: 100%;
padding: 50px 15px 0;
text-align: center;
}
.homeOwner .owner_right .SommelierInfo {
max-width: 100%;
}
.homeOwner .owner_right .SommelierInfo .SommelierInfo_down{
text-align: center;
}
} .homeFood{
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 100px 0;
}
.homeFood .homeFood_left{
width: 40%;
padding: 30px;
margin: 0 auto;
}
.homeFood .homeFood_right{
width: 60%;
padding-right: 80px;
}
.homeFood .homeFood_right img{
width: 100%;
}
.homeFood .homeFood_left .foodBox{
width: 340px;
margin: 0 auto;
}
.homeFood .homeFood_left .foodBox p{
padding-bottom: 20px;
}
.homeFood .homeFood_left .menuBtn{
padding-top: 30px;
}
@media screen and (max-width:768px) {
.homeFood .homeFood_left{
width: 100%;
padding: 0;
order: 1;
}
.homeFood .homeFood_right{
width: 100%;
padding-right: 0;
padding-top: 0;
padding-bottom: 50px;
}
}
@media screen and (max-width:500px) {
.homeFood .homeFood_left .foodBox p{
padding-bottom: 20px;
}
} .homeImages{
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 100px 0;
font-size: 0;
}
.homeImages.menuImage{
padding: 0;
}
.homeImages .homeImage_left{
width: 50%;
}
.homeImages .homeImage_right{
width: 50%;
}
.homeImages .homeImage_left img, .homeImages .homeImage_right img{
width: 100%;
} article.homeNews{
background: #212121;
padding: 100px 0;
}
article.homeNews a{
color: #fff;
}
article.homeNews h2{
text-align: center;
padding-bottom: 50px;
}
article.homeNews ul.NewsList{
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
article.homeNews ul.NewsList li{
width: 25%;
padding: 0 15px;
}
article.homeNews ul.NewsList li article{
height: 100%
}
article.homeNews ul.NewsList li a{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 50px 0;
height: 100%
}
article.homeNews ul.NewsList li a:hover{
text-decoration: underline;
}
article.homeNews ul.NewsList li a .data{
padding-bottom: 20px;
}
article.homeNews ul.NewsList li a h3{
padding-bottom: 20px;
font-size: 1.2rem;
}
article.homeNews .newsBtn{
text-align: right;
padding-top: 20px;
padding-right: 10px;
}
article.homeNews .newsBtn a{
display: inline-block;
}
article.homeNews .newsBtn a:hover{
text-decoration: underline;
}
@media screen and (max-width:868px) {
article.homeNews ul.NewsList{
margin: 0 15px;
}
article.homeNews ul.NewsList li{
width: 50%;
padding: 15px;
}
}
@media screen and (max-width:500px) {
article.homeNews ul.NewsList li{
width: 100%;
}
article.homeNews ul.NewsList li a .data{
padding: 0 15px 20px;
}
article.homeNews ul.NewsList li a h3{
padding: 0 15px 20px;
}
article.homeNews ul.NewsList li a p{
padding: 0 15px;
}
article.homeNews.newsAll{
padding: 170px 0 100px;
}
} .homeBarInfo{
padding: 100px 80px 0;
text-align: center;
position: relative;
}
.homeBarInfo.SPOpen{
display: none;
}
.homeBarInfo::before{
content: "";
position: absolute;
background: url(//gala-mizuno.com/wp-content/themes/GALA_Bar_MIZUNO/images/home_barinfo01.jpg) no-repeat bottom;
left: 30px;
top: 0;
background-size: contain;
width: 300px;
height: 100%;
}
.homeBarInfo::after{
content: "";
position: absolute;
background: url(//gala-mizuno.com/wp-content/themes/GALA_Bar_MIZUNO/images/home_barinfo02.jpg) no-repeat bottom;
right: 30px;
top: 0;
background-size: contain;
width: 300px;
height: 100%;
}
.homeBarInfo .homeBarInfo_center{
width: 500px;
margin: 0 auto;
position: relative;
z-index: 10;
}
.homeBarInfo_center h2{
padding-bottom: 50px;
}
.businessHours .businessHours_open, .businessHours .businessHours_close{
line-height: 2.5;
}
.businessHours_close a{
color: #fff;
display: inline-block;
}
.businessHours_close a:hover{
text-decoration: underline;
}
.homeBarInfo_SPImages{
display: none;
}
@media screen and (max-width:768px) {
.homeBarInfo{
padding: 100px 0;
}
.homeBarInfo .homeBarInfo_center{
width: 100%;
}
.homeBarInfo::before, .homeBarInfo::after{
display: none;
}
.homeBarInfo_SPImages{
display: flex;
padding: 50px 22.5px 0;
}
.homeBarInfo_SPImages img{
width: 50%;
padding: 7.5px;
}
}
@media screen and (max-width:500px) {
.homeBarInfo.SPOpen{
display: block;
}
ul.SPLinkMenuBtn{
display: flex;
flex-wrap: wrap;
padding: 60px 0 0;
}
ul.SPLinkMenuBtn li{
width: 50%;
padding: 15px;
}
ul.SPLinkMenuBtn li a{
border: 1px solid #fff;
padding: 20px 15px;
color: #fff;
}
} footer .footerMenu{
padding: 80px 0 60px;
}
footer .footerMenu ul{
display: flex;
align-items: center;
justify-content: center;
}
footer .footerMenu ul li a{
padding: 10px 25px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
footer .footerMenu ul li a .menuNav_icon{
text-align: center;
padding-bottom: 5px;
}
footer .footerMenu ul li a .menuNav_label{
color: #fff;
}
footer .copywriter{
text-align: center;
padding: 0 0 30px;
}
footer.white .footerMenu{
color: #000;
background: #fff;
}
footer.white .footerMenu a .menuNav_label{
color: #000;
}
footer.white .footerMenu ul li a{
padding: 10px 25px;
border-left: 1px solid #000;
color: #000;
}
footer.white .footerMenu ul li:last-child a{
border-right: 1px solid #000;
}
footer.white .copywriter{
background: #fff;
color: #000;
}
@media screen and (max-width:635px) {
footer .footerMenu{
padding-bottom: 20px;
}
footer .footerMenu ul{
flex-direction: column;
}
footer .footerMenu ul li{
width: 100%;
}
footer .footerMenu ul li a{
border-left: 0;
border-right: 0;
width: 100%;
border-top: 1px solid #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 0;
}
footer .footerMenu ul li:last-child a{
border-bottom: 1px solid #fff;
}
footer .footerMenu ul li a .menuNav_icon{
padding-bottom: 0;
padding-right: 5px;
}
footer .copywriter{
padding: 0 0 80px;
}
} main.whiteBg{
background: white;
}
.overlay{
position: fixed;
width: 100%;
height: 100%;
}
.overlay::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background: linear-gradient(to bottom, rgba(0,0,0,.2),  rgba(0, 0, 0, 0));
height: 120px;
}
.overlay::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgba(0,0,0,.2),  rgba(0, 0, 0, 0));
height: 120px;
}
.menu{
color: #000;
padding: 100px 0;
}
.menu.first{
color: #000;
padding: 170px 0 100px;
}
.menu_about{
display: flex;
width: 100%;
padding: 0 30px 100px;
}
.menu_about .aboutLeft{
width: 20%;
font-size: 1.6rem;
line-height: 2.2;
}
.menu_about .aboutRight{
width: 80%;
}
.menu_about .aboutRight p{
font-size: 1.1rem;
line-height: 2.5;
}
.menuPrice.bottomSpace{
padding-bottom: 100px;
}
.menuPrice .menuPrice_priceBox{
border: 1px solid #000;
width: 100%;
padding: 40px 0;
margin-bottom: 50px;
}
.menuPrice .menuPrice_priceBox h2{
text-align: center;
}
.menuPrice .menuPrice_priceBox h2 span{
display: block;
font-size: 1.15rem;
}
.menuPrice .menuPrice_priceBox .yen{
text-align: center;
font-size: 1.5rem;
padding-top: 30px;
}
.menuPrice .menuPrice_priceBox .yen span{
display: block;
padding-top: 0.625rem;
font-size: 0.875rem;
}
.menuPrice .menuPrice_wapper{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
}
.menuPrice .menuPrice_wapper .priceLeft{
width: 40%;
border-left: 1px solid #000;
padding: 0 30px 30px;
}
.menuPrice .menuPrice_wapper .priceLeft h3, .menuPrice .menuPrice_wapper .priceRight h3{
text-align: center;
padding-bottom: 30px;
}
.menuPrice .menuPrice_wapper .priceLeft ul{
padding-top: 20px;
}
.menuPrice .menuPrice_wapper .priceLeft ul.noPadding{
padding-top: 0;
}
.menuPrice .menuPrice_wapper .priceLeft ul li{
line-height: 2.2;
}
.menuPrice .menuPrice_wapper .priceRight{
width: 60%;
border-left: 1px solid #000;
padding: 0 30px 30px;
}
.menuPrice .menuPrice_wapper .priceRight ul li{
line-height: 2.2;
padding: 0 0 20px;
text-align: center;
}
.menuPrice .menuPrice_wapper .priceRight ul li:last-child{
padding: 0;
}
.menuPrice .menuPrice_wapper .priceRight p{
padding-top: 30px;
}
.menuPrice .menuPrice_wapper .priceLeft ul.dotList{
list-style-type: disc;
padding-left: 20px;
}
.menuPrice .menuPrice_wapper .priceLeft ul.dotList li{
padding-bottom: 20px;
}
.menuPrice .menuPrice_wapper .priceLeft ul.dotList li:last-child{
padding-bottom: 0;
}
.menuPrice .menuPrice_wapper .priceLeft ul.dotList li .dotList_txt{
margin-left: -20px;
}
.menuPrice .tax{
text-align: right;
padding-top: 40px;
font-size: .875rem;
}
.menuListBox{
text-align: center;
}
.menuListBox h4{
padding-bottom: 20px;
}
.menuListBox .menuListBox_inner{
padding-bottom: 30px;
}
.menuListBox .menuListBox_inner .menuLabel{
line-height: 2.2;
}
.menuListBox .menuListBox_inner ul li{
line-height: 2.2;
}
.asterisk{
padding-top: 50px;
font-size: .875rem;
text-align: center;
line-height: 1.8;
}
.asterisk1{
padding-top: 50px;
font-size: 1.25rem;
text-align: center;
line-height: 1.8;
}
.menuPrice02Box{
width: 100%;
}
.menuPrice02Box .menuPrice02Box_topDrink{
max-width: 560px;
border-left: 1px solid #000;
padding: 0 30px 60px;
}
.menuPrice02Box .menuPrice02Box_bottomDrink{
max-width: 610px;
border-left: 1px solid #000;
margin: -30px auto 0;
padding: 10px 30px 0;
}
.menuPrice02Box .menuPrice02Box_topDrink h2, .menuPrice02Box .menuPrice02Box_bottomDrink h2{
font-size: 1.3rem;
padding-bottom: 30px;
}
.menuPrice02Box .menuPrice02Box_topDrink ul li, .menuPrice02Box .menuPrice02Box_bottomDrink ul li{
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 0 0 10px;
font-size: 1.1rem;
}
.menuPrice02Box .menuPrice02Box_topDrink ul li:last-child, .menuPrice02Box .menuPrice02Box_bottomDrinkul ul li:last-child{
padding: 0;
}
.menuPrice02Box .menuPrice02Box_topDrink ul li .drink_label, .menuPrice02Box .menuPrice02Box_topDrink ul li .drink_yen, .menuPrice02Box .menuPrice02Box_bottomDrink ul li .drink_label, .menuPrice02Box .menuPrice02Box_bottomDrink ul li .drink_yen{
line-height: 1.8;
}
.menuPrice02Box_txt{
padding-bottom: 30px;
}
.menuPrice02Box .tax{
text-align: right;
padding-top: 40px;
font-size: .875rem;
}
.lunchBox{
display: flex;
align-items: center;
padding-bottom: 80px;
}
.lunchBox .lunchBox_label{
min-width: 250px;
font-size: 1.6rem;
}
@media screen and (max-width:650px) {
.menu_about{
display: block;
}
.menu_about .aboutLeft{
width: 100%;
text-align: left;
padding-bottom: 15px;
line-height: 1;
}
.menu_about .aboutRight{
width: 100%;
}
.menu_about .aboutRight p{
font-size: .875rem;
}
.menuPrice .menuPrice_priceBox h2{
padding: 40px 10px;
}
.menuPrice .menuPrice_wapper .priceLeft, .menuPrice .menuPrice_wapper .priceRight{
width: 100%;
border-left: 0;
text-align: center;
}
.menuPrice .menuPrice_wapper .priceRight{
padding-top: 30px;
}
.menuPrice .menuPrice_wapper .priceRight p.noPadding{
padding-top: 0;
}
.menuPrice02Box .menuPrice02Box_topDrink{
border-left: 0;
}
.menuPrice02Box .menuPrice02Box_bottomDrink{
border-left: 0px;
margin: 0 auto;
}
.lunchBox{
display: block;
}
.lunchBox .lunchBox_label{
padding-bottom: 30px;
}
.lunchBox .lunchBox_label, .lunchBox .lunchBox_txt{
text-align: center;
}
.menuPrice .menuPrice_wapper .priceLeft ul.dotList {
max-width: 350px;
margin: 0 auto;
padding: 0;
}
.menuPrice .menuPrice_wapper .priceLeft ul.dotList li{
text-align: left;
}
.menuPrice02Box .menuPrice02Box_topDrink ul li, .menuPrice02Box .menuPrice02Box_bottomDrink ul li {
display: block;
font-size: 1rem;
}
}
@media screen and (max-width:500px) {
.menuPrice .menuPrice_wapper, .menuListBox{
display: none;
}
.menuPrice.menuToggleOpen .menuPrice_wapper{
display: block;
}
.menuPrice .menuPrice_priceBox{
padding: 20px 10px;
}
.menuPrice .menuPrice_priceBox h2{
font-size: 1.1rem;
padding: 0;
}
.menuPrice .menuPrice_priceBox h2 span{
font-size: 1rem;
}
.menuPrice .menuPrice_priceBox .yen{
font-size: 1.25rem;
padding-top: 10px;
}
.menuPrice .menuPrice_priceBox .yen span{
font-size: 0.75rem;
}
.menuPrice{
margin: 0 15px;
position: relative;
}
.menuPrice.bottomSpace{
padding-bottom: 0;
}
.menuPrice .tax{
display: none;
}
.menu_about {
padding: 0 15px 100px;
}
.menuPrice02Box .menuPrice02Box_topDrink{
padding: 0 15px 60px;
}
.menuPrice02Box .menuPrice02Box_bottomDrink {
padding: 10px 15px 0;
}
.asterisk{
padding-left: 15px;
padding-right: 15px;
}
.lunchBox .lunchBox_txt{
line-height: 1.8;
padding: 0 15px;
font-size: .875rem;
}
}
.loader {
color: #fff;
font-size: 8px;
width: 1em;
height: 1em;
border-radius: 50%;
position: absolute;
text-indent: -9999em;
transform: translate(-50%,0);
bottom: 100px;
left: 50%;
z-index: 99999;
animation: load 1.3s infinite linear;
}
.homeLoading{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
z-index: 99999;
opacity: 1;
transition: 2s;
}
.homeLoading.open{
opacity: 0;
visibility: hidden;
}
.homeLoading img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
} @keyframes loading {
70%{
opacity: 1;
visibility: visible;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10000;
background: rgba(255,255,255,1);
}
100%{
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes load {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}
@keyframes load {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}
.takeOut{
margin-bottom: 30px;
}
.takeOut .takeOut_btn{
line-height: 1.8;
text-align: center;
border: 1px solid #fff;
padding: 10px;
} .container .blogContent{
padding: 170px 30px 0;
}
.container .blogContent .blogTitle{
padding-bottom: 40px;
}
.container .blogContent .blogTitle h2{
padding-bottom: 20px;
border-bottom: 1px solid #414141;
}
.blogContent .date{
padding-bottom: 5px;
font-size:.875rem;
}
.blogContent p{
padding-bottom: 20px;
} article.homeNews{
background: #212121;
padding: 100px 0;
}
article.homeNews a{
color: #fff;
}
article.homeNews h2{
text-align: center;
padding-bottom: 50px;
}
article.homeNews ul.NewsList{
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
article.homeNews ul.NewsList li{
width: 25%;
padding: 0 15px;
}
article.homeNews ul.NewsList li article{
height: 100%
}
article.homeNews ul.NewsList li a{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 50px 0;
height: 100%
}
article.homeNews ul.NewsList li a:hover{
text-decoration: underline;
}
article.homeNews ul.NewsList li a .data{
padding-bottom: 20px;
}
article.homeNews ul.NewsList li a h3{
padding-bottom: 20px;
font-size: 1.2rem;
}
article.homeNews .newsBtn{
text-align: right;
padding-top: 20px;
padding-right: 10px;
}
article.homeNews .newsBtn a{
display: inline-block;
}
article.homeNews .newsBtn a:hover{
text-decoration: underline;
}
@media screen and (max-width:868px) {
article.homeNews ul.NewsList{
margin: 0 15px;
}
article.homeNews ul.NewsList li{
width: 50%;
padding: 15px;
}
}
@media screen and (max-width:500px) {
article.homeNews ul.NewsList li{
width: 100%;
}
article.homeNews ul.NewsList li a .data{
padding: 0 15px 20px;
}
article.homeNews ul.NewsList li a h3{
padding: 0 15px 20px;
}
article.homeNews ul.NewsList li a p{
padding: 0 15px;
}
article.homeNews.newsAll{
padding: 170px 0 100px;
}
}