@charset "UTF-8";
.color01 {
    color: var(--color-01);
}

:root {
    --color01 :#780200;
}

body {
    background-color :#fff9f9;
    color: "222222";
}
header {
    background: #fff;
}


.icon_tone1 {position:relative;padding-left:0px;line-height: 2;}
.icon_tone1:before {
content: '';
display: block;
width: 44px; 
height: 44px;
background-image: url("../img/icon01.png");
background-size: contain;
background-repeat:no-repeat;
position:absolute;
top:4px;
left:34px;
}
.icon_tone2 {position:relative;padding-left:30px;line-height: 2;}
.icon_tone2:before {
content: '';
display: block;
width: 28px; 
height: 28px;
background-image: url("../img/icon02.png");
background-size: contain;
background-repeat:no-repeat;
position:absolute;
top:8px;
left:10px;
}
.icon_tone3 {position:relative;padding-left:0px;line-height: 2;}
.icon_tone3:before {
content: '';
display: block;
width: 32px; 
height: 32px;
background-image: url("../img/icon03.png");
background-size: contain;
background-repeat:no-repeat;
position:absolute;
top:8px;
left:8px;
}
/* ------------- */

img {
	max-width:100%;
	height: auto;/*高さ自動*/
}
a {
    display:block;
/*    color: var(--linkhover-color);*/
  color: #262626;
    text-decoration: none !important;
}
a:hover { 
    color: var(--linkhover-color);
	    text-decoration: none !important;
}
a img:hover {
	opacity: 0.8;
}
.underline {
	border-bottom: 3px solid var(--base-color);
	padding-bottom: 0.5rem;
}
.center {
	text-align: center;
}

ol, ul,dl,dt,dd {
  list-style: none;
  margin: 0;
	padding: 0;
}

/* ------------- */

/* Latienne Pro Regular */
.Latienne_PR {
font-family: "latienne-pro", serif;
font-weight: 400;
font-style: normal;
}
/* Latienne Pro Italic */
.Latienne_PRI {
font-family: "latienne-pro", serif;
font-weight: 400;
font-style: italic;
}
/* Latienne Pro Bold */
.Latienne_PRB {
font-family: "latienne-pro", serif;
font-weight: 700;
font-style: normal;
}
/* Latienne Pro Bold Italic */
.Latienne_PRBI {
font-family: "latienne-pro", serif;
font-weight: 700;
font-style: italic;
}
/* Latienne Pro Medium Italic */
.Latienne_PRMI {
font-family: "latienne-pro", serif;
font-weight: 500;
font-style: italic;
letter-spacing: 1.5rem;
}
.dnp-shuei {
    font-family: "dnp-shuei-mgothic-std";
    letter-spacing: -0.05rem;
}



.sp {
    display: none;
}
.pc {
    display: block;
}
h1.title {
    text-align: left;
    color: var(--color-01);
    color: #780200;
}
h1.title span {
    font-size: 1.4rem;
}
.wrap {
    /* background: #f0f0f0; */
}
dt {
    color: #ce7d83;
    font-weight: bold;
}
.lead {
    background: #fff;
    box-shadow: 2px 2px 2px #ededed;
    padding: 7rem 10rem;
    text-align: center;
    margin: 20px 0;
}
.lead dl {
    text-align: left;
}
.lead dt {
    font-size: 3rem;
    margin-bottom: 20px;
    line-height: 1.2;
}
.lead dd {
    font-size: 2rem;
    line-height: 1.8;
}
.text {
    background: #fff;
    box-shadow: 2px 2px 2px #ededed;
    padding:3rem;
    text-align: center;
    margin-bottom: 20px;
    min-height: 320px;
}
.text dl {
    text-align: left;
}
.text dt {
    font-size: 3rem;
    margin-bottom: 20px;
}
.text dd {
    font-size: 2rem;
    line-height: 1.8;
}
.date {
    background: #fff;
    box-shadow: 2px 2px 2px #ededed;
    padding:3rem;
    text-align: center;
    margin-bottom: 20px;
    min-height: 320px;
}
.date dl {
    text-align: left;
}
.date dt {
    font-size: 3rem;
    margin-bottom: 20px;
}
.date dd {
    font-size: 2rem; 
}
.date dd.time {
    font-size: 2.6rem;
    line-height: 1.4;
    margin-bottom: 10px;
}
.date dd.time span {
    font-size: 3rem;
    letter-spacing: 0.3rem;
}

.access {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 2px 2px 2px #ededed;
}
.access dl {
    text-align: center;
    padding: 2rem;
}
.access dt {
    font-size: 3rem;
    margin-bottom: 10px;
}
.access dt,
.access dd {
    text-align: center;
}
.access dd img {
    width: 60%;
}

.ftr_text h5 {
    font-size: 3rem;
    letter-spacing: 0.4rem;
}
.ftr_text {
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: 0.05rem;

}
.ftr_text p {
    margin-bottom: 8px;
}
.qr.pc img {
    width: 70%;
    padding-top: 10px;
    text-align: center;
}

.sns {
    text-align: center;
    padding: 1rem 0;
    padding: 0;
    /* margin-bottom: 20px; */
}
.sns li {
    letter-spacing: 1.2rem;
}
.sns a {
    text-decoration: none;
	display: inline-block;
}


.movie {
    background: #fff;
    box-shadow: 2px 2px 2px #ededed;
    padding: 7rem 10rem;
    text-align: center;
    margin: 20px 0;
}
.movie dl {
    text-align: left;
}
.movie dt {
    font-size: 3rem;
    margin-bottom: 20px;
    line-height: 1.2;
}
.movie dd {
    font-size: 2rem;
    line-height: 1.8;
}


@media screen and (max-width: 767px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    h1 img {
      width: 60%;
    }

     h1.title {
        font-size: 2.2rem;
        letter-spacing: 0.2rem;
        line-height: 1.3;
        margin-bottom: 6px;
        /* padding-bottom: 0; */
    }
    /* .lead {
        background: pink;
        padding:2rem 2rem;
        text-align: left;
        font-size: 2rem;
        line-height: 1.4;
    }
 */
    .lead {
        padding:20px;
    }
    .lead dl {
        text-align: left;
        text-align: justify;

        text-align-last: left;
    }
    .lead dt {
        font-size: 3rem;
        margin-bottom: 20px;
        letter-spacing: 0.3rem;
    }
    .lead dd {
        font-size: 1.7rem;
        line-height: 1.6;
        letter-spacing: 0.1rem;

    }
    .access {
        margin-bottom: 20px;
    }
    .access dl {
        text-align: center;
        padding: 1rem 0;
    }
    .access dt {
        font-size: 3rem;
        margin-bottom: 10px;
    }
    .access dt,
    .access dd {
        text-align: center;
    }
    .access dd img {
        width: 100%;
    }
    /* .ftr_text h5 {
        font-size: 2.4rem;
    } */

    .ftr_text h5 {
        font-size: 2.4rem;
    }
    .ftr_text {
        font-size: 1.6rem;
        line-height: 1.4;
        letter-spacing: 0.05rem;
    }
    .qr {
        width: 100%;
    }
  .qr img.sp {
    width: 24%;
    display: block;
    margin: 10px auto;
    }

    .movie {

        text-align: left;
 
    }
 
  }