@charset "utf-8";

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

* {
margin: 0px;
padding: 0px;
margin: 0px;
padding: 0px;
font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif, sans-serif;
color: #666;
}

a:hover {
   opacity: 0.8;
}

a {
text-decoration: none;
color: #ffffff;
}

/*SLICK関係*/
.slider {
width: 90%;
margin: 0 auto 80px;
}

.slick-slide img {
width: 100%;
height: auto;
}

.slick-prev::before {
   content: url(slick/images/prev.png);
 }

.slick-next::before {
    content: url(slick/images/next.png);
}

.slick-prev {
 /* left: 18.5%!important; */
 left: 18.5%;
 width: 49px;
 height: 49px;
 z-index:2!important;
}

.slick-next {
 /* right: 18.5%!important; */
 right: 18.5%;
 width: 49px;
 height: 49px;
}

.cont{
width: 100%;
}

.cont .slick-slide{
margin: 0px;
}

/*COMMON要素*/

html {
  width: 100%;
  /* font-family: 'sawarabi',serif; */
  color: #fff;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  height: 100%;
  margin: 0 0 0 0;
}

.clouds {
  width: 100%;
  height: 100%;
  background: transparent url(clouds.png) repeat top center;
  -moz-animation: move-clouds-back 200s linear infinite;
  -ms-animation: move-clouds-back 200s linear infinite;
  -webkit-animation: move-clouds-back 200s linear infinite;
  animation: move-clouds-back 200s linear infinite;
}

#page-top {
padding: 2rem;
    position: fixed !important;
    z-index: 1;
    bottom: 20%;
    right: 2%;
    font-size: 85%;
background-color: #4b4232;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#page-top a {
color: #fff;
text-decoration: none;
}

header {
width: 100%;
min-width: 1000px;
text-align: center;
}

#logo{
 width: 100%;
 background: -webkit-linear-gradient(left, rgba(209,200,170,0.9), rgba(209,200,170,0), rgba(209,200,170,0.9));
 background: -moz-linear-gradient(left, rgba(209,200,170,0.9), rgba(209,200,170,0), rgba(209,200,170,0.9));
 background: -ms-linear-gradient(left, rgba(209,200,170,0.9), rgba(209,200,170,0), rgba(209,200,170,0.9));
 background: -o-linear-gradient(left, rgba(209,200,170,0.9), rgba(209,200,170,0), rgba(209,200,170,0.9));
 padding: 0.5rem 0 0.5rem 0;
}

#logo2019 {
position: absolute;
width: 100%;
}

.menu2019 {
position: relative;
width: 62.5rem;
margin: 0 auto 0 auto;
z-index: 11;
}

.menu2019 ul {
list-style: none;
}

.menu2019 ul li {
float: left;
color: #ffffff;
}

.menu2019 ul li a:hover,
.menu2019 ul li a:visited,
.menu2019 ul li a:link,
.menu2019 ul li a:active {
color: #fff;
}
.menu2019 ul li a:hover {
  transition: .5s;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.9), 0 0 10px rgba(255, 255, 255, 0.9), 0 0 10px rgba(255, 255, 255, 0.9), 0 0 10px rgba(255, 255, 255, 0.9);
}

.menu2019 ul li:nth-child(n+2):nth-child(-n+5) {
border-right: 2px solid #ffffff;
padding-right: 0.5rem;
}

.menu2019 ul li:nth-child(n+3):nth-child(-n+6) {
padding-left: 0.5rem;
}

.menu2019 ul li:nth-child(n+2):nth-child(-n+6) {
margin-top: 2rem;
}

.menu2019_bg {
position: absolute; top:0;
z-index: 9;
width: 100%;
height: 5.625rem;
background: #000;
opacity: 0.5;
}

#site {
display: none;
}
#nav-drawer {
display: none;
}
.sp {
display: none;
}
/*
nav {
width: 100%;
margin: 0 auto 0 auto;
background-color: #a2322b;
}
*/
#nav01 {
width:49rem;
margin: 0 auto 0 auto;
}

.nav02 {
float:left;
margin-right:2rem;
}
.nav02:last-child {
margin-right:0rem;
}

h1 {
font-weight: normal;
padding-top: 2rem;
padding-bottom: 1rem;
line-height: 100%;
transform: rotate(.03deg);
}


h2 {
display: inline;
transform: rotate(.03deg);
}

h3 {
transform: rotate(.03deg);
}

.h2_01 {
font-size:2rem;
font-weight: 200;
font-family: 'Cinzel', serif;
}

.h2_02 {
font-size:2rem;
font-weight: 200;
font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', sans-serif;
}

.h2_03 {
font-size:1rem;
font-weight: 800;
font-family: 'Cinzel', serif;
}

.h2_04 {
font-size:1rem;
font-weight: 800;
font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', sans-serif;
}

img {
vertical-align: bottom;
}

.gift-selection {
color: #a81a1a;
}

.main {
 max-width: 1040px;
 min-width: 1000px;
 width: 100%;
 margin: 0 auto;
 padding: 0 16px;
 box-sizing: border-box;
}

#main {
width: 62.5rem;
margin: 0 auto 0 auto;
}

#main-image {
padding-top: 0rem;
margin: 0 auto 0 auto;
}

#main-image video,
#main-image img {
width: 100%;
min-width: 62.5rem;
margin: 0 0 2rem 0;
}

#main-image img {
 /* max-width: 920px;
 width: 100%; */
}

#main-image .sp_video {
display: none;
}

footer {
text-align:center;
width:100%;
min-width: 1000px;
background-color: #000;
padding:1rem 0 6rem 0;
}

#footer01 {
width: 62.5rem;
margin: 0 auto 0 auto;
}

#footer02 {
width: 54.1rem;
margin: 0 auto 2rem auto;
}

.footer03 {
float: left;
margin-right:0.5rem;
}

.footer03:last-child {
margin-right:0rem;
}

#footer04 {
margin-bottom:1rem;
}
#footer05 {
color:#ffffff! important;
font-size: 0.8rem;
}

.w200 {
font-weight: 200;
}

.text005 {
font-size: 0.5rem;
transform: rotate(.03deg);
}

.text008 {
font-size: 0.8rem;
transform: rotate(.03deg);
}

.text009 {
font-size:1rem;
font-weight: bolder; 
color: #787878;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

.text01 {
font-size: 1rem;
transform: rotate(.03deg);
}

.text0105 {
font-size: 24px;
transform: rotate(.03deg);
}

.text02 {
font-size: 2rem;
transform: rotate(.03deg);
}

.textce {
text-align: center;
}

.textle {
text-align: left;
}
.spacer005 {
margin-bottom: 0.5rem;
}
.spacer01 {
margin-bottom: 1rem;
}

.green {
color: #1b671d;
}
.red {
color: #b40c0c;
}

.spacer02 {
margin-bottom: 2rem;
}
.spacer03 {
margin-bottom: 3rem;
}
.spacer05 {
margin-bottom: 5rem;
}
.spacer10 {
margin-bottom: 10rem;
}

#sec01 {
width: 100%;
text-align: center;
margin: 0 auto 5% auto;
}

#sec02 {
width: 80%;
text-align: center;
margin: 0 auto 5rem auto;
}

#sec03 {
width: 100%;
text-align: center;
margin: 0 auto 5% auto;
}

#sec04 {
width: 100%;
text-align: center;
margin: 0 auto 0rem auto;
}
#sec05 {
width: 100%;
text-align: center;
margin: 0 auto 2rem auto;
}

#menu01 {
width: 100%;
margin: 0 auto 1rem auto;
}

#menu01 img {
width: 50%;
}

#menu02 {
line-height: 100%;
}

.menu03_pc {
width: 100%;
}

.menu03_sp {
display: none;
}

.menu04 {
float: left;
width: 25%;
text-align:center;
line-height: 250%;
font-size: 0.8rem;
}

.menu04 img {
width: 100%;
}

.menu04 a {
text-decoration: none;
}


#cam01 {
padding-top:2rem;
background-image: url("frame_01.png");
}

#cam02 {
padding-top: 3rem;
padding-bottom: 3rem;
margin-bottom: 1rem;
}



.cam04 {
}

#cam05 img {

}

.cam06 {
width: 50%;

}

.cam06 p {
text-align: left;
width: 85%;
margin: 0 auto 0 auto;
}

.cam06_l {
float: left;
}

.cam06_r {
float: right;
}

.cam07 {
width: 85%;
margin: 0 auto 1rem auto;
}

.cam07 img {
width: 100%;
}

.cam08 {
background-image: url("frame_02.png");
}

#cam09 {
padding-top:3rem;
padding-bottom:10rem;
background-image: url("frame_03.png");
}

#cam10 {
width:80%;
margin: 0 auto 0 auto;
}

#cam11 {
width:40%;
line-height:250%;
background-color:#e9e2c6;
color: #fff;
margin: 0 auto 0 auto;
}

#cam11 a {
color: #7e775a;
text-decoration: none;
}

#cam11 p {
color: #4b4232!important;
}

#sp_cam12 {
display: none;
}
#sec04 h2 {
display: block!important;
margin-bottom: 1%;
}
#sec05 h2 {
display: block!important;
margin-bottom: 1%;
}

#el01 {
width: 70%;
line-height:220%;
text-align: left;
margin: 0 auto 0 auto;
}

#el02 {
width: 100%;
margin: 0 auto 0 auto;
}

.el03 {
float: left;
width: 33%;
margin-bottom:3rem;
text-align:center;
}

.el03 img {
width: 95%;
}

.el04 {
float: left;
text-align:center;
}




.icon01 {
width: 1.1875rem;
vertical-align:middle;
}

.hr02 {
	margin: 3rem auto 3rem auto;
width:90%;
   border:solid #a89f7f;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
}
.hr01 {
	margin: 3rem auto 3rem auto;
border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(209,200,170,0), rgba(209,200,170,0.9), rgba(209,200,170,0));
    background-image: -moz-linear-gradient(left, rgba(209,200,170,0), rgba(209,200,170,0.9), rgba(209,200,170,0));
    background-image: -ms-linear-gradient(left, rgba(209,200,170,0), rgba(209,200,170,0.9), rgba(209,200,170,0));
    background-image: -o-linear-gradient(left, rgba(209,200,170,0), rgba(209,200,170,0.9), rgba(209,200,170,0));
}

.hr03 {

	margin: 0rem auto 0rem auto;
	border: 0;
    height: 1px;
	background-color: #d8cdab;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0));
    background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0));
}

.clearfix {
    zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}



#main01_sec02 {
width: 100%;
margin: 0 auto 5% auto;
}

#main01_sec03 {
width: 100%;
margin: 0 auto 5% auto;
}

#rec01 {
width: 95%;
padding: 2%;
margin: 0 auto 5% auto;
border: solid 1px #a89f7f;
}

#rec02 {
float: left;
width: 24%;
}

#rec02 h3 {
text-align: center;
line-height: 120%;
}

#rec03 {
float: right;
width: 73%;
}

#rec03 img {
width: 100%;
}

.rec04 {
 transform: rotate(.03deg);
 background-color: #e9e2c6;
 text-align: center;
 color: #7e775a;
 padding: 0.3rem;
 width:75%!important;
 margin: 0 auto 0 auto;
 border-radius: 20px; 
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
}

.rec04 a {
color: #4b4232;
text-decoration: none;
}

#lu01_pc {
 display: block;
}

#lu01_sp {
 display: none;
}

#lu01 {
width: 100%;
margin: 0 auto 5% auto;
}

#lu02 {
width: 100%;
margin: 0 auto 5% auto;
}

.lu03 {
float:left;
margin-right:3.33125rem;
}

.lu03 img {
width: 100%;
}
.lu03:last-child {
margin-right:0rem;
}
.lu04 {
width: 100%;
color: #fff;
border-bottom: 1px solid #a89f7f;
margin: 0 auto 5% auto;
}
.lu05 {
float: left
}
.lu05 img {
width: 1.3125rem;
vertical-align:-10%;
}
.lu06 {
float: right;
}
.lu06 img {
width: 6.875rem;
vertical-align:-55%;
}

.lu07 {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}

.lu07 div:nth-child(3) {
 /* margin-right:0%; */
 }

.lu08 {
width: 48%;
margin-right: 20px;
}

.lu08:nth-of-type(2n) {
 margin-right: 0;
 }

.lu08 img {
width: 100%;
margin-bottom: auto;
}

.lu08 p {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.lu09 {
float: left;
width: 0%!important;
display: none!important;
}
.lu09 img {
width: 100%;
}

.lu10 {
margin-top: 5%;
height:5rem;
}

#main02_sec01 {
width: 100%;
text-align: center;
margin: 0 auto 5% auto;
}

#main02_sec02 {
width: 100%;
margin: 0 auto 5% auto;
}

#main02_sec03 {
width: 100%;
text-align: center;
margin: 0 auto 0 auto;
}

#main02_sec04 {
width: 60%;
text-align: center;
margin: 0 auto 5% auto;
}

#sla02 {
background-image: url("main02bg.jpg");
width: 100%;
text-align: center;
margin: 0 auto 5% auto;
}

#sla03 {
padding: 2rem 3% 2rem 3%;
width: 42%;
float: left;
}

#sla03 img {
width: 100%;
}

#sla04 {
padding: 3rem 2.5% 2rem 0;
width: 49.5%;
text-align: left;
float: right;
}

.ser01 {
width: 100%;
text-align: center;
margin: 0 auto 5% auto;
}

.ser02 {
text-align: left;
width:585px;
float: left;
}

.ser02 h2 {
display: block!important;
margin-bottom: 1%;
}

.ser03 {
text-align: right;
width:365px;
float: right;
}


#main03_sec02 {
width: 100%;
text-align: center;
margin: 0 auto 0 auto;
}

#map_sp {
display: none;
}

.ill01 {
width: 100%;
text-align: center;
margin: 0 auto 5% auto;
}

.ill02 {
width:21.875rem;
float: left;
}


.ill03 {
text-align: left;
width:600px;
float: right;
}

.ill03 {
line-height: 130%;
}
.ill03 h2 {
display: block!important;
margin-bottom: 3%;
line-height: 120%;
}

.ill05 {
 word-break: break-all;
font-family: sans-serif!important;
}

#main04_sec02 {
width: 100%;
height: auto;
margin: 0 auto 5% auto;
}

#main04_sec02_sp {
display: none;
}

#main04_sec03 {
width: 100%;
margin: 0 auto 5% auto;
}

#main04_sec03 a {
text-decoration: none;
color: #a89f7f;
}

#main05_sec02 {
width: 70%;
margin: 0 auto 5% auto;
}

#main05_sec03 {
width: 80%;
margin: 0 auto 5% auto;
}

#line01 {
position:fixed; bottom:0;
z-index:100;
background-color: #fff;
border-top: 1px solid  #a89f7f;
width: 100%;
height: 5rem;
}
#line02 {
width: 43.75rem;
margin: 0 auto 0 auto;
}
#line03{
float:left;
width:10%;
}
#line03 img {
width:100%;

margin-top: 1.5rem;
}
#line04 {
width:77%;
margin-top: 0.5rem;
text-align: center;
float:left;
}

#line04 .text0105, #line04 .text01 {
color: #a89f7f;
}

#line05{
float:right;
width:13%;
margin-top: 0.5rem;
}
#line05 img {
width: 100%;
}

#lm01 {
width: 100%;
margin: 0 auto 5% auto;
}

#lm02 {
width: 55%;
margin-right: 5%;
float: left;
}
#lm03 {
width: 40%;
float: right;
}
#lm04 {
float: left;
}
#lm05 {
float: right;
}
#lm06 {
width:70%;
margin: 0 auto 2rem auto;
}
#lm07 {
border: solid 3px #c5c5c7;
padding: 0.5rem;
font-family: san-serif;
}
#lm07 img {
vertical-align: -22%;
}
.ins01 div:nth-child(3n) {
margin-right: 0%;
}

.ins02 {
width: 32%;
float: left;
margin-right: 2%;
margin-bottom: 2%;
}

.ins02 img {
width: 100%;
}


/* main02スライドショー */

#stage {
    position: relative;
    width: 100%;
    height:400px;
    margin: 0 auto;
}
#photo1,#photo2,#photo3,#photo4,#photo5 {
    position: absolute;
    width: 100%;
    height: 400px;
}
#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img {
    opacity:0;
    -moz-animation: imgTrans 20s infinite;
    -webkit-animation: imgTrans 20s infinite;
    animation: imgTrans 20s infinite;
}
#photo1 img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#photo2 img {
    -moz-animation-delay: 4s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
#photo3 img {
    -moz-animation-delay: 8s;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}
#photo4 img{
    -moz-animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#photo5 img {
    -moz-animation-delay: 16s;
    -webkit-animation-delay: 16s;
    animation-delay: 16s;
}
#frame {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}
@-webkit-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}


/* 画面サイズが480px以下の場合に適用 */
@media screen and (max-width: 480px) {

#logo {
 background: -webkit-linear-gradient(left, rgba(209,200,170,0.9), rgba(209,200,170,0), rgba(209,200,170,0.9));
 background: -moz-linear-gradient(left, rgba(209,200,170,0.9), rgba(209,200,170,0), rgba(209,200,170,0.9));
 background: -ms-linear-gradient(left, rgba(209,200,170,0.9), rgba(209,200,170,0), rgba(209,200,170,0.9));
 background: -o-linear-gradient(left, rgba(209,200,170,0.9), rgba(209,200,170,0), rgba(209,200,170,0.9));
}

body {
overflow-x: hidden!important;
}

#bubbleparticle {
overflow-x: hidden!important;
}

header {
min-width: 100%;
}

.sp {
display: block;
}

footer {
min-width: 100%;
}

#logo img {
width: 40%;
}

#logo2019 {
display: none;
}
#logo2019_sp {
display: none;
position: absolute;
z-index: 15;
display: block;
text-align: center;
width: 100%;
height: 4rem;
}

#logo2019_sp img {
height: 55%;
margin: 3% auto 0 auto;
}

.menu2019_spbg {
background: #000;
opacity: 0.5;
width: 100%;
height: 4rem;
position: absolute;
z-index: 14;
}


#site {
display: block;
width: 12%;
 position:absolute; top:2%; left: 3%;
}

#site img {
width:100%;
}

.main {
 min-width: auto;
margin: 0 auto;
padding: 0 8px;
}

#main-image video, #main-image img {
width: 100%;
min-width: 20rem;
margin: 0 0 0rem 0;
}

#main-image .pc_video {
display: none;
}


#main-image .sp_video {
display: inline;
width: 100%;
height: auto;
}

/*
nav {
display:none!important;
}
*/

.w200 {
font-weight: 200;
}
.text005 {
font-size: 0.25rem!important;
}
.text008 {
font-size: 0.65rem;
}
.text01 {
font-size: 0.75rem;
}

.text02 {
font-size: 1rem;
}
.h2_01 {
font-size: 1.5rem;
font-weight: 200;
font-family: 'Cinzel', serif;
}

.h2_02 {
font-size:1.5rem;
font-weight: 200;
font-family: 'Noto Serif JP', sans-serif;
}

.h2_03 {
font-size:1rem;
font-weight: 800;
font-family: 'Cinzel', serif;
}

.h2_04 {
font-size:1rem;
font-weight: 800;
font-family: 'Noto Serif JP', sans-serif;
}

#menu02 {
line-height: 80%;
}


.menu03_pc {
display: none;
}

.menu03_sp {
width: 100%;
display: block;
}

.menu04 {
float: left;
width: 50%;
text-align:center;
line-height: 250%;
font-size: 0.7rem;
margin-bottom: 1rem;
}

.menu04 img {
width: 100%;
}
#cam01 {
padding-top:2rem;
background-image: url("frame_01.png");
background-size: 100% auto;
}

#cam02 {
padding-top: 0rem;
padding-bottom: 0rem;
margin-bottom: 1rem;
}

#cam03 {
font-size: 1rem;
}

.cam04 {
}

#cam05 img {
}

.cam06 {
width: 100%;
margin-bottom: 2rem;
}

.cam06_l {
}

.cam06_r {
}
.cam08 {
background-image: url("frame_02.png");
background-size: 100% auto;
}

#cam09 {
padding-top:1rem;
padding-bottom:0.5rem;
background-image: url("frame_03.png");
background-size: 100% auto;
}

#cam10 {
width:80%;
margin: 0 auto 0 auto;
}

#cam11 {
width:40%;
line-height:200%;
background-color:#a89f7f;
margin: 0 auto 0 auto;
}

#cam12 {
}

#el01 {
width: 80%;
line-height:150%;
}

#el02 {
width: 100%;
margin: 0 auto 0 auto;
}

.el03 {
float: left;
width: 50%;
margin-bottom:3rem;
text-align:center;
}


#rec02 {
float: none;
width: 100%;
}

#rec03 {
float: none;
width: 100%;
}

#lu01_pc {
display: none;
}

#lu01_sp {
display: block;
}

.lu03 {
float:left;
margin:0 2% 2% 0;
width: 49%;
}

#lu02 div:nth-child(even) {
margin-right:0%;
}
.lu04 {
width: 100%;
color: #fff;
border-bottom: 1px solid #a89f7f;
margin: 0 auto 5% auto;
}

.lu07 {
width: 100%;
margin: 0 auto 6% auto;
}

.lu08 {
/* float: left; */
width: 48%;
margin-right: 2%;
/* margin-bottom: 5%; */
margin-bottom: 60px;
}

.lu08 img {
width: 100%;
}

.lu08 p {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.lu07 div:nth-child(even) {
margin-right:0%;
}

.lu07 div:nth-child(3) {
margin-right:2%;
}

.lu09 {
float: left;
width: 48%!important;
display: block!important;
margin-bottom: 2%;
}

.lu09 img {
width: 100%;
}

.lu10 {
height:2rem;
}

#main02_sec04 {
width: 100%;
text-align: center;
margin: 0 auto 60px;
}

#sla02 {
background-image: url("main02bg.jpg");
background-size: 100% auto;
}
#sla03 {
display: none;
padding: 0;
width: 0%;
float: none;
}
#sla03 img {
width: 100%;
}
#sla04 {
margin: 0 auto 0 auto;
padding: 1rem 2.5% 2rem 0;
width: 90%;
text-align: left;
float: none;
}

.ser01 {
width: 100%;
text-align: center;
margin: 0 auto 5% auto;
}
.ser01 img {
width: 90%;
}
.ser02 {
text-align: left;
width:100%;
float: none;

}
.ser03 {
text-align: center;
width:100%;
float: none;
margin-bottom:2%;
}



footer {
text-align:center;
width:100%;
background-color: #000;
padding:1rem 0 4rem 0;
}

#footer01 {
width: 100%;
margin: 0 auto 0 auto;
}

#footer02 {
width: 95%;
text-align: center;
margin: 0 auto 2rem auto;
}

.footer03 {
float: left;
width: 33.3%;
margin-right:0rem;
}

.footer03:last-child {
margin-right:0rem;
}

.footer03 img {
width: 100%;
}

#footer04 {
margin-bottom:1rem;
}
#footer05 {
color:#ffffff! important;
width: 90%;
margin: 0 auto 0 auto;
font-size: 0.4rem;
}


#stage {
background-image: url("main02bg.jpg");
background-size: 100% auto;
    position: relative;
    width: 100%;
    height:auto;
    margin: 0 auto;
}
#photo1,#photo2,#photo3,#photo4,#photo5 {
    position: absolute;
    width: 100%;
    height: auto;
}
#frame {
    width: 100%;
    height:10rem;
    position: relative;
    overflow: hidden;
}
#frame img {
width: 100%;
}

#map {
display: none;
}
#map_sp {
display: block;
}

#map_sp img {
width: 100%;
}

.ill01 {
width: 100%;
text-align: center;
margin: 0 auto 5% auto;
}

.ill02 {
width:100%;
margin-bottom:5%;
float: none;
}


.ill03 {
text-align: left;
width:100%;
float: none;
}

.ill03 {
line-height: 130%;
}

.ill03 h2 {
margin-bottom: 3%;
line-height: 120%;
}



#main04_sec02_sp {
width: 100%;
text-align: center;
margin: 0 auto 5% auto;
display: block;
}

/*ハンバーガーメニュー*/
#nav-drawer {
display: block;
position:absolute; top:3%; right: 2%;
margin-right:1rem;
z-index: 10000;

}

/*チェックボックス等は非表示に*/

.nav-unshown {
	display:none;
}


/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 2px;/*線の太さ*/
  width: 30px;/*長さ*/
  border-radius: 3px;
  background: #ffffff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: .3s ease-in-out;
}

#nav-close2 {
 z-index: 200;
 color:#ffffff;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 100%;/*最大幅（調整してください）*/
  height: 100%;
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

#nav-content a {
text-decoration:none;
color:#211a14;
}

#header_menu {
height:4rem;
z-index:2147483647;
width:100%;
}

#logo_menu {
 float: right;
 font-size:4rem;
 position:absolute;
 top:-2%; right: -1%;
 margin-right:1.8rem;
 color:#ffffff;
}

.menubox_1 {
padding:1.25rem;
background-color:#d8cdab;
font-size:1rem;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .7;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.text0105 {
 font-size: 16px;
}




#line01 {
position:fixed; bottom:0;
background-color: #fff;
border-top: 1px solid  #a89f7f;
width: 100%;
height: 3rem;
}
#line02 {
width:90%;
margin: 0 auto 0 auto;
}
#line03{
float:left;
width:15%;
}
#line03 img {
width:100%;

margin-top: 1rem;
}
#line04 {
width:72%;
margin-top: 10px;
text-align: center;
line-height:100%;
float:left;
}
#line05{
float:right;
width:13%;
margin-top: 0.5rem;
}
#line05 img {
width: 100%;
}
#main05_sec02 {
width: 100%;
margin: 0 auto 5% auto;
}

#main05_sec03 {
width: 70%;
margin: 0 auto 5% auto;
}
#lm01 {
width: 100%;
margin: 0 auto 5% auto;
}
#lm02 {
width: 65%;
margin: 0 auto 5% auto;
float: none;
}
#lm03 {
width: 50%;
margin: 0 auto 5% auto;
float: none;
}
#lm03 img {
width: 100%;
}
#lm04 {
width: 45%;
float: left;
}
#lm04 img {
width: 100%;
}
#lm05 {
width: 45%;
float: right;
}
#lm05 img {
width: 100%;
}
#lm06 {
width:100%;
margin: 0 auto 2rem auto;
}
#lm07 {
border: solid 3px #c5c5c7;
padding: 0.2rem;
}

#page-top {
 padding: 1rem;
 position: fixed !important;
 z-index: 1;
 bottom: 20%;
 right: 2%;
 font-size: 0.5rem;
 background-color: #4b4232;
 border-radius: 10px; 
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}

#page-top a {
 color: #fff;
 text-decoration: none;
}

/* Slick設定 */
 .slick-prev::before {
  content: url(slick/images/prev_sp2.png);
 
 }
 .slick-next::before {
  content: url(slick/images/next_sp2.png);
 
 }
 .slick-prev{
  /* left: 7.5%!important; */
  left: 7.5%;
  width: 20px;
  height: 20px;
 }
 
 .slick-next{
  /* right: 7.5%!important; */
  right: 7.5%;
  width: 20px;
  height: 20px;
 }

}