@charset "UTF-8";

html {
font-size:62.5%;
scroll-behavior: smooth;
}
body {
font-size:1.4rem;
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size:16px;
color: #fff;
line-height:1.4;
}

a{color: #ddda17;}

*, *::before, *::after {
box-sizing:border-box;
}

.cf::after {
content:'';
display:block;
clear:both;
}

img{
width: 100%;
height: auto;
vertical-align: bottom;
}

.pcnone{display: none;}

.pd_60{padding: 60px 0;}
.pd_100{padding: 100px 0;}
.pd_b60{padding-bottom: 60px;}

.mgr_70{margin-right: 70px;}
.mgl_70{margin-left: 70px;}

.mgb_50{margin-bottom: 50px;}
.mgb_30{margin-bottom: 30px;}


.mgr_70{margin-right: 0px;}
.mgl_70{margin-left: 0px;} 

.bg_white{background: #fff;}

.text_center{text-align: center;}
.f-small{font-size: 70%;}


.logo{
width: 360px;
float: left;
padding: 20px;
position: relative;
}

header{
position: fixed;
top: 0;
z-index: 100;
}

h1{
  font-weight: 500;
  padding: 10px;
  font-size: 14px;
}

section.top{
width: 100%;
height: 2100px;
clear:both;
position: relative;
background:url(images/bg.jpg)no-repeat;
background-position: center;
background-size: cover;
}

main{
width: 96%;
margin: 0 auto;
clear: both;
}



.content{
width: 96%;
margin: 0 auto;
}

h2{
font-size: 30px;
margin-bottom: 30px;
font-family: "Zen Old Mincho", serif;
}



.gaiyo{
width: 100%;
color: #fff;
clear: both;
padding: 20px;
}

.content-section{
width: 100%;
padding: 60px 0;
}



.sch-box{
width: 100%;
float: left;
}

.first,.sec{
  margin-bottom: 30px;
}


section.gray{
background: #282a30;  
}





.day{
font-size: 20px;
letter-spacing: 2px;
font-weight: 700;
}

.place{
font-size: 20px;
letter-spacing: 2px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 30px;
}

    span.map a {
        display: inline-block;
        font-size: 16px;
        padding: 7px 15px;
        background: #347ad3;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 30px;
    }


h3{
font-size: 26px;
margin-bottom: 10px;
font-family: "Zen Old Mincho", serif;
}


.schedule li{
line-height: 2;
font-size: 14px;
}



.talkshow-box 
{
display: flex;
gap: 20px;
flex-direction: column;
}




.talkshow-box li {
  width: 90%;
  margin: 0 auto;
}



.t-name{
    font-size: 14px;
    padding: 10px;
    background: #39607e;
    text-align: center;
    border-radius: 0 0 5px 5px;
}
.shoplist{
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 5px;
}

.shoplist li{
line-height: 1.6;
}


section.last{
width: 100%;
height: 1570px;
clear:both;
position: relative;
background:url(images/secbg.jpg)no-repeat;
background-position: center;
background-size: cover;
}


section.foot{
background: #072B22;
clear:both;
}









p{
font-size: 1.5rem;
line-height: 2;
}

.info dt{
  margin-bottom: 10px;
}
.info dd{
  margin-bottom: 30px;
}



footer{
width: 100%;
float: left;
background: #39607E;
padding: 20px;
color: #fff;
}

.copy{
text-align: center;
font-size: 14px;
}