@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@700&display=swap');

@media screen and (min-width:600px) {

header.entry-header,
ul.sp_link{
 display: none;
 margin: 0;
 padding: 0;
}

.main-navigation {
 position: fixed;
 right:0px;
 top: 10%;
 display: none;
 z-index:10;
 background: rgba(0,0,0,0.50);
 width: 10% !important;
 border-radius: 10px 0 0 10px;
}
.main-navigation a {
 display: inline-block;
 color: #fff;
 padding: 0.5em 3em;
 text-decoration: none;
 z-index:10;
 width:100%;
 text-align: center;
 font-family: 'Shippori Mincho B1', serif;
 transition: .3s;
 -webkit-transform: scale(1);
 transform: scale(1);
}
.main-navigation a:hover {
 color: #772F6D;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
.main-navigation ul{
 flex-flow: column;
}

h1.headlogo{
 width: 100%;
 height: auto;
 text-align: center;
}
h1.headlogo img{
 width: 300px;
}

.site-main{
margin-bottom: 0;
}

div.all-wrapper{
 width: 100%;
}

div.heading-area{
 width: 96%;
}
div.heading-area img{
 border-radius: 0 50px 50px 0;
}

div.content,
div.hookah_box{
 max-width: 900px;
 margin: 5em auto 10em;
}
p.content_words{
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 2.0em;
 text-align: center;
}
div.hookah_box h2{
 font-family: 'Shippori Mincho B1', serif;
 text-align: center;
}
p.hookah_word{
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 2.0em;
 text-align: center;
}

div.menulink{
 font-family: 'Aleo', serif;
 font-size: 3em;
 margin: 2em auto;
 text-align: center;
}
div.menulink a{
 color: transparent;
 background : rgba(0,0,0,1);
 text-shadow : 
 0 0 0.1em rgba(255,255,255,0.05),
 0.01em 0.04em 0.03em rgba(255,255,255,0.4);
 -webkit-background-clip : text;
}

#map_box{
 background: #FFF;
 width: 100%;
 margin: 100px auto 200px;
}
ul.map_box{
 list-style: none;
 margin: 0 auto;
 padding: 0;
 text-align: center;
}
ul.map_box li{
 display: inline-block;
 vertical-align: top;
 width: 49%;
 }
.map_box iframe{
 width: 100%;
 height: 400px;
 margin-bottom: 2em;
}

div.address{
 width: 100%;
 margin-bottom: 300px;
}
span.midashi,
span.word{
 margin-left: 2em;
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 2.0em;
 min-width: 100px;
 display: inline-block;
}

.site-footer{
 background: #333;
 width: 100%;
 text-align: center;
 color: #fff
}
footer .sectionBox {
 display:none !important;
}
footer .copySection {
 display:block !important;
 border-top:none !important;
}


div.menubox{
 min-height: 1000px;
}
div.title{
 width: 100%;
 background: #000;
 text-align: center;
 color: #FFF;
 font-size: 1.2em;
 font-family: 'Shippori Mincho B1', serif;
 }



}/* 600 */



@media screen and (max-width:599px) {
 
nav.main-navigation,
header.entry-header,
#map_box{
 display: none;
 margin: 0;
 padding: 0;
}

div.menu_title a{
 text-decoration: none;
}

h1.headlogo{
 width: 100%;
 height: auto;
 text-align: center;
}
h1.headlogo img{
 width: 60%;
}

.site-main{
margin-bottom: 0;
}

div.all-wrapper{
 width: 100%;
}

div.heading-area{
 width: 96%;
}
div.heading-area img{
 border-radius: 0 20px 20px 0;
}

div.content,
div.hookah_box{
 width: 90%;
 margin: 5em auto 10em;
 font-size: 0.8em;
}
p.content_words{
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 2.0em;
}
div.hookah_box h2{
 font-family: 'Shippori Mincho B1', serif;
 text-align: center;
}
p.hookah_word{
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 2.0em;
}
br.pc{
 display:none;
 }

div.address{
 width: 90%;
 margin: 0 auto 10em;
}
span.midashi,
span.word{
 display: block;
 font-size: 0.8em;
 font-family: 'Noto Sans JP', sans-serif;
}
div.addressSP{
 margin: 0 auto 2em;
}

.site-footer{
 background: #333;
 width: 100%;
 text-align: center;
 color: #fff
}
footer .sectionBox {
 display:none !important;
}
footer .copySection {
 display:block !important;
 border-top:none !important;
}

ul.sp_link{
 width: 100%;
 position:fixed;
 bottom: 0;
 background: rgba(0,0,0,0.85);
 text-align: center;
 list-style: none;
 margin: 0;
 padding: 0;
}
ul.sp_link li{
 border-left: 1px solid #fffffff;
 border-right: 1px solid #ffffff;
}
ul.sp_link li+ ul.sp_link li {
  border-left: 0;
  border-right: 1px solid #ffffff;
}
ul.sp_link li{
 width: 49%;
 display: inline-block;
 padding: 1em 0;
 }
ul.sp_link li a{
 color: #fff;
 text-decoration: none;
 }

div.menubox{
 min-height: 700px;
}
div.title{
 width: 100%;
 background: #000;
 text-align: center;
 color: #FFF;
 font-size: 1.0em;
 font-family: 'Shippori Mincho B1', serif;
 }


}/* 599*/