@charset "UTF-8";

/*
------------------------- */
#footer-copyright{
    padding-bottom:120px;   
}

/* フェードイン表示
 ------------------------- */
.lp .fadein {
  opacity: 0;
  transform: translate3d(0, 1em, 0);
  transition: 
    opacity 0.2s linear,
    transform 0.6s ease-out;
}

.lp .fadein[data-loaded="true"] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}


.lp{
	font-family: 'Noto Sans JP', sans-serif;
}

.lp .facility-head{
	background-size:cover;
	height:600px;
	overflow:hidden;
    background:url(../img/bg2.jpg?20210909) no-repeat  top center;
}

.lp .facility-head-inner{
	position:relative;
	height:450px;
}

.lp .facility-head-img{
	position: absolute;
	right:-100px;
	top:40px;
	z-index:100;
    right: -130px;
    top: 20px;
    z-index: 100;

}
.lp .facility-type{
    display:block;
    text-align:right;
    font-size:14px;
    padding-top:5px;
    
}
.lp .facility-head-open-date{
    text-align:center;
    font-size:30px;
    margin-top:25px;
    background:#b74949;
    padding:10px 0;
    border-radius:3px;
    background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
    background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}
.lp .facility-head-open-date span{ 
    background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
    background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.lp .facility-head-img2{
	position: absolute;
    right: 0px;
    top: 370px;
    width: 120%;
    z-index: 140;

}
.lp .facility-head-title-box{
	position:absolute;
	left:0;
	z-index:200;
	margin-top:170px;
}
.lp .facility-head-title-box h1{
	font-size:60px;
	color:#fff;
	text-shadow: 2px 2px #558ABB;
}
.lp .facility-head-title-box h1 span{
	font-size:20px;
	display:block;
	margin-bottom:5px;
}
.lp .facility-head-title-box .facility-english{
	background:#fff;
	margin-top:15px;
	opacity:0.8;
	text-align:center;
	padding:10px;
}
.lp .facility-head-img-box{
    display: none;
}

@media screen and (max-width:800px) {
    .lp .facility-head{
        background-size:100%;
        height:auto;
        overflow:hidden;
        background:none;
    }
    .lp .facility-head-inner{
        position:relative;
        height:auto;
    }
    .lp .facility-head-title-box{
        position:static;
        left:0;
        z-index:200;
        margin-top:0px;
        background:#009486;
        padding-top:20px;
    }
    .lp .facility-head-title-box h1{
        font-size:24px;
    	text-shadow: 1px 1px #558ABB;
        text-align:center;
    }
    .lp .facility-head-title-box h1 span{
        font-size:16px;   
    }
    .lp .facility-head-img{
        position:static;
        z-index:100;
        right: 0px;
        top: 0px;
        margin:0 auto;
        z-index: 100;
        margin-top:10px;
        height:280px;
    }
    .lp .facility-type{
        text-align:center;
        color:#fff;
        padding:10px 0;
        
    }
    .lp .facility-head-img-box{
        text-align:center;
        display: block;
    }
    .lp .facility-head-img-box img{
        width:100%;
    }
}


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

テキスト

--------------------------------------- */
.lp .msg-box-01{
	background:#243a4e;
	text-align:center;
	font-size:22px;
	color:#fff;
	line-height:1.6;
	padding:40px 0;
}
.lp .msg-box-01 h2{
	font-size:22px;
	margin-bottom:0.5em;
}
.lp .msg-box-01 strong{
    font-size:1.2em;
    color:#FFC107;
/*
    background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
    background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
*/
}
@media screen and (max-width:800px) {
    .lp .msg-box-01{
        font-size:14px;
    	text-align:left;
    }
    .lp .msg-box-01 .container{
        padding-left:20px;
        padding-right:20px;
    }
    .lp .msg-box-01 h2{
        font-size:16px;
    }
    .lp .msg-box-01 strong{
        /*font-size:1.0em;*/
        font-size:18px;
        /* display:block; */
    }
}





/* --- */
.page-caution{
    background:#E2DFD5;
    font-size:12px;
    padding:0px 0 20px  0;
}


/* ブロック1 */
.lp .block-01{
    background:#E2DFD5;
    background:#fff;
    padding:70px 0;
}
.lp .block-02{
    background:#fff;
    padding:40px 0;
    background-image: linear-gradient(120deg, #f2f7ff 0%, #edf9ff 100%);
}
.lp .block-03{
    background:#243a4e;
    padding:40px 0;
}
.lp .block-04{
    background:#843b3a;
    padding:40px 0;
}

.lp .movie-box{
    width:800px;
    margin:0 auto;
    background:#fff;
    padding:20px;
    box-shadow: 0 0 5px #c5c5c5;
    /* background:#243A4E; */
    /* background:#C7A533; */
    /* background-image: linear-gradient(120deg, #e6c355 0%, #ffd385 100%); */
    background: linear-gradient(to bottom,#c9a746,#e3d268 30%,#c9a746);
}
.lp h3.title-movie {
    margin-bottom:25px;
    text-align:center;
    color:#555;
    line-height:1.3;
    font-size:20px;
}
@media screen and (max-width:800px) { 
    .lp .movie-box{
        width:100%;
    }

	.lp h3.title-movie {
		font-size:16px;
	}
}


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

案内

--------------------------------------- */
.lp .block-guide{
    background:#fff;
    padding:80px 0;
    /* background-image: linear-gradient(120deg, #f2f7ff 0%, #edf9ff 100%);*/
    background:#fffde5;
}

.lp .block-guide .guide-split {
	position: relative;
	height: 1px;
	border-width: 0;
    margin:40px 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#ffc4a2 30%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#ffc4a2 30%,transparent 100%);
}


.lp .photo-caution{
    font-size:12px;
    text-align:right;
    margin-bottom:35px;
}
.lp h3.title-guide {
    margin-bottom:65px;
    padding:20px 0;
    text-align:center;
    color: #e27739;
    font-size:30px;
    border-top:1px solid #e27739;
    border-bottom:1px solid #e27739;
}
.lp h3.title-guide-sub {
    color:#fff;
    padding:10px 10px 15px 10px;
    font-size:22px;
    border-radius:2px;
    background:#e27739;
    background-image: linear-gradient(to top, #e27739 0%, #fb7163 1%, #f1a059 100%);
    margin-bottom:0.5em;
    
}
.lp .flex-guide-block{
    display: flex;
    justify-content:space-between;
    /* margin-bottom:20px; */
}
.lp .flex-guide-block-reverse{
    display: flex;
    justify-content:space-between;
    flex-direction: row-reverse;
}

.lp .flex-guide-block div{
}
.lp .flex-guide-block div.text{
    line-height:1.7;
    font-size: 16px;
    width:50%;
}
.lp .flex-guide-block div.text .inner-text{
    padding:0 10px 5px 10px;
}
.lp .flex-guide-block div.text .inner-text h4{
    color:#b54300;
    border-bottom:solid 1px #ff6f1b;
    padding:5px 2px;
    margin-bottom:5px;
    font-size:20px;
}
.lp .flex-guide-block div.photo{
    width:48%;
}
.lp .flex-guide-block div.photo img{
    width:100%;
    border-radius:3px;
}

.lp .flex-guide-photo-block{
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap;
    /* margin-bottom:60px; */
    margin-top:10px;
}
.lp .flex-guide-photo-block .sub-photo{
    width:49%;
    margin-bottom:10px;
}
.lp .flex-guide-photo-block .sub-photo img{
    width:100%;
    border-radius:3px;
}



@media screen and (max-width:800px) {
    .lp .block-guide .container{
        padding-left:20px;
        padding-right:20px;

    }

	.lp h3.title-guide-sub {
	    font-size:18px;
	    line-height:1.4;
	}

    .lp .photo-caution{
        text-align:left;
    }
    .lp .flex-guide-block div.text .inner-text{
        padding:0 0px 5px 0px;
    }
    .lp .flex-guide-block div.text .inner-text p{
		font-size:14px;
    }
    .lp .flex-guide-block div.text .inner-text h4{
    	font-size:16px;
        padding:5px 0px;
    }
    
    .lp h3.title-guide {
        font-size:18px;
    }
    .lp .flex-guide-block-reverse{
        flex-direction: row;
    }
    
    .lp .flex-guide-block{
        flex-wrap: wrap;
    }
    .lp .flex-guide-block div.text{
        width:100%;
        margin:0;
        padding:0;

    }
    .lp .flex-guide-block div.photo{
        width:100%;



    }
    .lp .flex-guide-block div.text .inner-text{

    }
    .lp .flex-guide-photo-block .sub-photo{

    }
    
    .lp .block-guide .guide-split {
        margin:20px 0;

    }

}


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

料金

--------------------------------------- */
.lp .block-price{
    /*background:#b53e3e; */
    background:#fff;
    padding:60px 0 80px 0;
}
.lp h3.title-price {
    margin-bottom:25px;
    text-align:center;
    color:#fff;
    line-height:1;
    font-size:30px;
    padding:30px 0 35px 0;
    background:#4C4C4C;
}
.lp .price-msg{
    font-size:26px;
    text-align:center;
    color:#fff;
    margin-bottom:20px;
    background:#243A4E;
    border-radius:5px;
    padding:20px 10px 25px 10px;
}
.lp .price-msg strong{
    /* color:#eff77e; */
    font-size:1.2em;
    background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
    background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.lp .flex-price{
     display: flex;
     margin:30px 0;
}
.lp .flex-price div{
    width:20%;
    border:solid 1px #ccc;
    background:#fff;
    border-radius:5px;
    padding:10px;
    text-align:center;
    line-height:1.5;
}
.lp .flex-price div sup{
    font-size:12px;
    color:#888;
    margin-left:5px;
}
.lp .flex-price div.p01{
    width:50%;
}
.lp .flex-price div.p02{
    margin:0 20px;
    width:20%;
}
.lp .flex-price .price-text{
    font-size:30px;
    color:#910200;
}
.lp .price-caution-out{
    background:#e0e0e0;
    padding:8px;
}
.lp .price-caution{
    color:#555;
    border:solid 1px #ddd;
    font-size:14px;
    padding:10px;
    /* background:#802a2a;*/
    background:#fff;
    line-height:1.4;
    border-radius:3px;
}

.lp .price-item-table{
    width:100%;
    margin-top:20px;
    border-top:solid 1px #ccc;
    border-left:solid 1px #ccc;
    border-collapse: collapse;
}
.lp .price-item-table th,
.lp .price-item-table td{
    padding:10px;
    text-align:center;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}
.lp .price-item-table th{
    background:#eee;
}


@media screen and (max-width:800px) { 
    .lp .block-price .container{
        padding:0 20px;
    }

	.lp h3.title-price{
		font-size:18px;
	}

    .lp .flex-price{
        flex-wrap: wrap
    }
    .lp .flex-price div{
        width:100%;
        margin-bottom:20px;
    }
    .lp .flex-price div.p01{
        width:100%;
        margin-bottom:20px;
    }
    .lp .flex-price div.p02{
        width:100%;
        margin:0;
        margin-bottom:20px;
    }
    .lp .price-msg {
        font-size: 18px;
        line-height:1.5;
    }    
    .lp .price-msg strong{
        display:block;
        line-height:1.8;
        font-size:24px;
        font-weight:900;
    }

    .lp .price-item-table{
    }
    .lp .price-item-table th,
    .lp .price-item-table td{
        padding:8px 3px;
        font-size:0.8em;
    }
    .lp .price-item-table th{
    }
}



/*         flex-wrap: wrap;*/


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

campaign

--------------------------------------- */
.lp .block-campaign{
    background: linear-gradient(to bottom,#c9a746,#e3d268 30%,#c9a746);
    padding:40px 0;
}
.lp h3.title-campaign {
    margin-bottom:25px;
    text-align:center;
    color:#243A4E;
    font-size:30px;
}

.lp .campaign-msg{
    font-size:26px;
    text-align:center;
    margin-bottom:20px;
}
.lp .campaign-msg strong{
    color:#e24040;
}
.lp .campaign-flex-block{
     display: flex;
    justify-content:space-between;
    margin-bottom:10px;
    width:100%;
}
.lp .campaign-flex-block .campaign-no-box{
    font-size:20px;
    text-align:center;
    background:#243A4E;
    color:#fff;
    width:5%;
    padding:10px 0;
    border-radius: 3px 0 0 3px ;
}
.lp .campaign-flex-block .campaign-text-box{
    width:95%;
    border-radius:0 3px 3px 0;
    background:#fff;
    text-align:left;
    padding:10px 20px;
    font-size:20px;
}
.lp .campaign-flex-block .campaign-text-box sup{
    font-size:12px;
    color:#888;
    margin-left:5px;
}
.lp .campaign-caution{
    margin-top:15px;
    background:#b99736;
    font-size:14px;
    padding:10px;
    color:#fff;
}
@media screen and (max-width:800px) { 
    .lp .block-campaign .container{
        padding:0 20px;
    }
    .lp .campaign-msg{
        font-size:18px;
    }
    .lp .campaign-flex-block .campaign-text-box{
        padding:10px 10px;
        font-size:18px;
    }
}

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

施設概要

--------------------------------------- */
.lp .block-about{
    background:#E2DFD5;
    padding:80px 0;
}
.lp h3.title-about {
    margin-bottom:45px;
    text-align:center;
    color:#555;
    font-size:30px;
}

.lp .common-table{
	width:100%;
	background:#fff;
	border-collapse:collapse;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.lp .common-table th,
.lp .common-table td
{
	padding:15px 15px;
	line-height:1.5;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	font-size:15px;
	text-align:left;
}
.lp .common-table th{
	background:#eee;
    width:20%;
    text-align:center;
}

@media screen and (max-width:800px) { 
    .lp .block-about .container{
        padding:0 20px;
    }
    .lp h3.title-about{
    	font-size:18px;
    }
    .lp .common-table th{
        padding: 10px 0;
        width:25%;
    }
    
    .lp .common-table th,
	.lp .common-table td
	{
		font-size:14px;
	}
}


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

地図

--------------------------------------- */
.lp .block-map {
    background:#243a4e;
    padding:40px 0;
}
.lp .title-map {
    margin-bottom:25px;
    text-align:center;
    color:#fff;
    font-size:30px;
}

.lp .map-frame-box {
    width:860px;
    margin:0 auto;
    background:#41617E;
    padding:20px;
}
.lp .map-text-box{
    width:860px;
    margin:0 auto;
}
.lp .traffic-box{
    margin-top:20px;
    background:#fff;
}
.lp .traffic-box .traffic-box-inner{
    padding:10px 20px;
    
}
.lp .traffic-box .traffic-box-inner h3{
    color:#243a4e;
    border-bottom:solid 1px #243a4e;
    padding:10px 0;
    margin-bottom:10px;
}
.lp .traffic-box .traffic-box-inner i{
    font-size:22px;
    color:#555;
}

.lp .traffic-flex-block{
    display: flex;
    justify-content:space-between;
    margin-bottom:20px;   
}
.lp .traffic-flex-box{
    width:50%;
    padding:10px 10px;
}
.lp .traffic-flex-box .traffic-title{
    background:#eee;  
    padding:10px;
    text-align:center;
}
.lp .traffic-flex-box:first-child{
    border-right:solid 1px #243a4e;
}
.lp .traffic-flex-box .traffic-text{
    padding:10px 0;   
    line-height:1.5;
}

@media screen and (max-width:800px) { 
    .lp .map-frame-box {
        width:100%;
    }
    .lp .title-map{
    	font-size:16px;
    }
    .lp .map-frame-box iframe{
        height:380px;   
    }
    .lp .traffic-flex-block{
        flex-wrap:wrap;
    }
    .lp .traffic-flex-box{
        width:100%;
    }
    .lp .traffic-flex-box:first-child{
        border-right:0;
    }
}


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

お問い合わせ

--------------------------------------- */
.lp .block-contact{
    background:#E2DFD5;
    padding:60px 0;
}
.lp h3.title-contact {
    margin-bottom:25px;
    text-align:center;
    color:#555;
    font-size:24px;
}
.lp .contact-type-text {
    text-align:center;  
    line-height:1.5;
    margin-bottom:30px;
}
.lp .contact-flex-block{
     display: flex;
    justify-content:space-between;
    margin-bottom:40px;   
}
.lp .contact-flex-block .contact-flex-box{
    width:44%;
    border-radius:5px;
    padding:10px 20px;
    background:#fff;
}
.lp .contact-flex-block .contact-flex-box h4{
    font-size:25px;
    border-bottom:solid 1px #ccc;
    padding:10px 10px;
    text-align:center;
}
.lp .contact-flex-block .contact-flex-box address{
    text-align:center;
    font-size:30px;
    padding:10px 0;
}
.lp .contact-flex-block .contact-flex-box .contact-help{
    text-align:center;   
}
.lp .contact-flex-block .contact-flex-box .contact-btn-box{
    text-align:center;   
    padding-top:10px;
}
.lp .contact-flex-block .contact-flex-box .contact-btn{
    display: inline-block;
    padding: 10px 10px;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    font-size:26px;
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
}
.lp .contact-flex-block .contact-flex-box .contact-btn:active{
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.lp .contact-visit-block{
    border-radius:5px;
    padding:10px 20px;
    background:#fff;
}
.lp .contact-visit-block h4{
    font-size:28px;
    border-bottom:solid 1px #ccc;
    padding:10px 10px;
    text-align:center;
}
.lp .contact-visit-flex-block{
    display: flex;
    justify-content:space-between;
}
.lp .contact-visit-flex-block .contact-visit-place-text{
    padding:10px 20px;
    line-height:1.5;
    width:75%;
}
.lp .contact-visit-flex-block .contact-visit-place-photo{
    width:25%;
    padding:10px 0px;
}
.lp .contact-visit-flex-block .contact-visit-place-photo img{
    width:100%;
    border-radius:3px;
}

@media screen and (max-width:800px) { 
    .lp .block-contact .container{
        padding:0 20px;
        
    }
    .lp .contact-flex-block{
        flex-wrap:wrap;
        margin-bottom: 0px;
    }
    .lp .contact-flex-block .contact-flex-box{
        width:100%;
        margin-bottom:20px;
    }
    .lp .contact-type-text {
        text-align:left;
    }
    .lp .contact-flex-block .contact-flex-box h4 {
        font-size: 20px;
        padding: 10px 0px;
    }

    .lp .contact-visit-flex-block{
        flex-wrap:wrap;
    }
    .lp .contact-visit-flex-block .contact-visit-place-text{
        padding:10px 0px;
        width:100%;
    }
    .lp .contact-visit-flex-block .contact-visit-place-photo{
        width:100%;
        padding:10px 0px;
    }

}


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

お問い合わせ（固定）

--------------------------------------- */
.sp-fixed-contact-bar{
    display:none;
}
.lp .block-fixed-contact{
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    background: #308e92;
    color:white;
    z-index:500;

}
.lp .block-fixed-contact .contact-flex-list-block{
    display: flex;
    justify-content:space-between;
    padding:10px 0;
}
.lp .block-fixed-contact .contact-flex-list-block .title-box{
    color:#fff;
    width:25%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lp .block-fixed-contact .contact-flex-list-block .tel-box,
.lp .block-fixed-contact .contact-flex-list-block .mail-box,
.lp .block-fixed-contact .contact-flex-list-block .visit-box{
    text-align:center;
}
.lp .block-fixed-contact .contact-flex-list-block .tel-box{
    width:27%;

}
.lp .block-fixed-contact .contact-flex-list-block .mail-box{
    width:27%;
}
.lp .block-fixed-contact .contact-flex-list-block .visit-box{
    width:20%;
}
.lp .block-fixed-contact .contact-flex-list-block .tel-box a,
.lp .block-fixed-contact .contact-flex-list-block .mail-box a,
.lp .block-fixed-contact .contact-flex-list-block .visit-box a{
    display:block;
    background:#fff;
    margin-top:4px;
    border-radius:3px;
    padding:10px 0px;
    color:#333;
    text-decoration:none;
}
.lp .block-fixed-contact .contact-flex-list-block .tel-box span,
.lp .block-fixed-contact .contact-flex-list-block .mail-box span,
.lp .block-fixed-contact .contact-flex-list-block .visit-box span{
    display:block;
}
.lp .block-fixed-contact .contact-flex-list-block .tel-box a:active,
.lp .block-fixed-contact .contact-flex-list-block .mail-box a:active,
.lp .block-fixed-contact .contact-flex-list-block .visit-box a:active{
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.lp .block-fixed-contact .contact-flex-list-block .tel-box a{
    background:#1fa029;
    color:#fff; 
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #0f9019;
}
.lp .block-fixed-contact .contact-flex-list-block .tel-box a:hover{
    background:#2fb039;
}
.lp .block-fixed-contact .contact-flex-list-block .mail-box a{
    background:#ff5500;
    color:#fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #df3500;
}
.lp .block-fixed-contact .contact-flex-list-block .mail-box a:hover{
    background:#f4783a;
}
.lp .block-fixed-contact .contact-flex-list-block .visit-box a{
    background:#41617E;
    color:#fff; 
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #21415E;
}
.lp .block-fixed-contact .contact-flex-list-block .visit-box a:hover{
    background:#51718E;
}

@media screen and (max-width:800px) { 
    .sp-fixed-contact-bar{
        display:block;
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%;
        background: #308e92;
        color:white;
        z-index:500;
    }
    .sp-fixed-contact-bar{
    }
    .sp-fixed-contact-bar .inner{
         padding:10px 20px;
    }
    .sp-fixed-contact-bar .inner a{
        display:block;
        background:#fff;
        text-align:center;
        padding:10px;
        text-decoration:none;
        font-size:20px;
        border-radius:5px;

        padding: 10px 10px;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        font-size:26px;
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #c58668;
        
    }
    .lp .block-fixed-contact{
        display:none;
    }

}






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

お問い合わせフォーム

--------------------------------------- */
.lp .form-block{
    background:#fffae9;
    padding:40px 0;
    
}
.lp h1.title-form {
    margin-bottom:25px;
    text-align:center;
    color:#555;
    font-size:24px;
}
.lp .form-guide-text{
    text-align:center;  
    line-height:1.5;
    margin-bottom:30px;
}
.lp .form-box{
    border:solid 1px #ddd;
    border-radius:5px;
    background:#fff;
    width:920px;
    margin:0 auto;    
}
.lp .form-box .form-box-inner{
    padding:30px;
}

.lp .form-table{
    width:100%;
}

.lp .form-table th,
.lp .form-table td {
    padding:10px 20px;   
}
.lp .form-table th{
    background:#ddd;
    width:200px;
}
.lp .form-table th span{
    display:inline-block;
    background:#e79a2c;
    font-size:14px;
    padding:1px 6px;
    border-radius:3px;
    color:#fff;
}
.lp .form-table td{
    background:#fff;
}




/* フォーム
------------------------ */
.form-control {
	padding: 8px 10px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #555555;
	background:#fff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
@media screen and (max-width:800px){
	.form-control{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.lp .back-link{
    margin-top:30px;
}


/* 送信ボタン
-------------------- */
.form-submit-box{
	text-align:center;
    margin-top:2em;
}
.submit-btn{
	-webkit-tap-highlight-color: transparent;
	display: inline-flex;
	flex-wrap: nowrap;
	margin: 0;
	padding: 8px 50px;
	border: 1px solid #00a99d;
	border-radius: 2em;
	align-items: center;
	color: #fff;
	background-color: #00a99d;
	font-weight: 400;
	line-height: 1.6;
	text-align: left;
	cursor: pointer;
	font-size: 20px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .15s ease,color .15s ease,border-color .15s ease;
}
.submit-btn:hover{
	background-color: #00cabb;
}


/* 戻るボタン
-------------------- */
.back-btn-block{
	padding:5px 0 ;
}
.back-btn{
	-webkit-tap-highlight-color: transparent;
	display: inline-flex;
	flex-wrap: nowrap;
	margin: 0;
	padding: 3px 20px;
	border: 1px solid #aaa;
	border-radius: 3px;
	align-items: center;
	color: #333;
	background-color: #eee;
	line-height: 1.6;
	text-align: left;
	cursor: pointer;
	font-size: 18px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .15s ease,color .15s ease,border-color .15s ease;
}
.back-btn:hover{
	background-color: #ccc;
}



/* ---------------------------------------
  問い合わせステップ
------------------------------------------ */
.step-box{
    border:solid 1px #ddd;
    border-radius:5px;
    background:#fff;
    width:920px;
    margin:0 auto;    
    margin-bottom:30px;
}

.step-box-inner{
    padding:10px 0px 5px 0px;
}
.step-flow {
	font-size: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 1em;
	padding: 0;
}
.step-flow > li {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	text-overflow: ellipsis;
	color: #b0bec5;
	 -ms-flex: 1;
	-moz-flex: 1;
	-webkit-box-flex: 1;
	     flex: 1;
}
.step-flow > li .bubble {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 0.5em;
	border-radius: 1000px;
	background-color: #b0bec5;
}
.step-flow > li .bubble::after,
.step-flow > li .bubble::before {
	position: absolute;
	top: 9px;
	display: block;
	width: 100%;
	height: 3px;
	content: '';
	background-color: #b0bec5;
}
.step-flow > li.completed,
.step-flow > li.completed .bubble {
	color: #00acc1;
}
.step-flow > li.completed .bubble,
.step-flow > li.completed .bubble::after,
.step-flow > li.completed .bubble::before {
	background-color: #4dd0e1;
}
.step-flow > li:last-child .bubble::after,
.step-flow > li:last-child .bubble::before {
	width: 0%;
	margin-right: 50%;
}
.step-flow > li.active,
.step-flow > li.active .bubble {
	font-weight: bold;
	color: #f57c00;
}
.step-flow > li.active .bubble,
.step-flow > li.active .bubble::after,
.step-flow > li.active .bubble::before {
	background-color: #fb8c00;
}

@media screen and (max-width:800px){
	.step-flow > li{
		font-size:0.8em;
	}
}



/* エラー
-------------------- */
.form-alert-warning{
	background:#fff0f0;
	margin:0 auto;
	padding:30px 10px;
    line-height:1.5;
	margin-bottom:30px;
	border-radius:5px;
}
.form-alert-warning-inner{
	padding:8px 10px;
	color:#cc0000;
	text-align:center;
}
@media screen and (max-width:800px){
	.form-alert-warning{
			width:100%;
	}
}

/* フォームテーブル
-------------------------- */
.form-box .form-table{
	width:100%;
	border-top:solid 1px #ddd;
}
.form-box .form-table th,
.form-box .form-table td{
	padding:10px 8px;
	vertical-align:middle;
	border-bottom:solid 1px #ddd;
}
.form-box .form-table th{
	width:180px;
	background:#eee;
	text-align:left;
}
.form-box .form-table td .name,
.form-box .form-table td .yomi,
.form-box .form-table td .tel{
	width:50%;
}
.form-box .form-table td .email{
	width:75%;
}
.form-box .form-table td .addr{
	width:90%;
}
.form-box .form-table td .zipcode{
	width:30%;
}
.form-box .form-table td .memo{
	width:75%;
	height:200px;
}
.form-box .form-table td .form_error{
    background:#fff0f0;
    color:#cc0000;
    font-size:14px;
    padding:8px 10px;
    margin-top:5px;
}

@media screen and (max-width:800px){
	.form-box .form-table{
	}
	.form-box .form-table th,
	.form-box .form-table td{
		display:block;
		width:100%;
		padding:5px 8px;
		vertical-align:middle;
		border-bottom:solid 1px #ddd;
		box-sizing: border-box;
	}
	.form-box .form-table th{
		width:100%;
		font-size:0.9em;
	}
	.form-box .form-table td{
		padding:5px 0px 15px 0;
	}
	.form-box .form-table td .name,
	.form-box .form-table td .yomi,
	.form-box .form-table td .tel,
	.form-box .form-table td .email{
		width:100%;
	}
	.form-box .form-table td .memo{
		width:100%;
		height:150px;
	}

}



/* 送信完了画面
-------------------- */
.thanks-message-box{
	font-size:30px;
	color:#080;
	text-align:center;
}
.thanks-message-box i{
	font-size:60px;
}




@media screen and (max-width:800px){

    .lp .form-box{
        width:100%;
    }
    .lp .form-box .form-box-inner{
        padding:30px 15px;
    }
    .step-box{
        width:100%;
    }

    .form-block .container{
        padding:0 20px;
        
    }
	.form-box .form-table td label{
        display:block;
        margin:0;
        padding:0;
    }
    
	.entry-page-block{
		padding:30px 10px;
	}
	.entry-block {
		width:100%;
	}
	.entry-block-inner {
		padding:10px;
	}
	.entry-block h2{
		font-size:0.8em;
	}
	.entry-comment{
		font-size:14px;
		margin-bottom:15px;
	}
	.entry-hissu{
	}
	.entry-block h3{
	}


	.radio-outline{
		padding:5px;
	}
	.radio-category {
		font-size:0.9em;
	}


	.entry-block .privacy-box{
		font-size:14px;
	}


	.entry-block .form_error{
		background:#fff0f0;
		color:#cc0000;
		font-size:14px;
		padding:8px 10px;
		margin-top:5px;
	}

	.entry-tyui{
		font-size:12px;
	}




}




/* ---- */
.event-flex{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between; */
    justify-content: center;
    margin-top:20px;
}
.event-flex .event-box{
    width:70%;
    border-radius:5px;
    border:solid 1px #e27739;
	background:#fff;
    margin-bottom:25px;
}
.event-flex .event-box h4{
    background:#e27739;
    color:#fff;
    padding:10px 6px;
    font-size:20px;
    text-align:center;
}
.event-flex .event-box-inner{
    padding:10px;
    line-height:1.5;
}
.event-flex .event-box-inner .text{
    padding:5px;
}
.event-flex .event-box-inner span.date,
.event-flex .event-box-inner span.time{
    display: inline-block;
    background:#e27739;
    margin-bottom:1px;
    border-radius:3px;
    padding:2px 5px;
    color:#fff;
    margin-right:3px;
}
.flyer-box{
    text-align:center;
}
.flyer-box a{
    font-size:20px;
    display: inline-block;
    padding:15px 30px;
    background:#e27739;
    color:#fff;
    border-radius:8px;
    text-align:center;
}



@media screen and (max-width:800px){
	.event-flex .event-box{
	    width:100%;
	}

}


/* ================================================================

固定：お知らせ

=================================================================== */
.lp .block-news{
	padding:90px 0;
    background: #e27739;
    background-image: linear-gradient(to top, #e27739 0%, #fb7163 1%, #f1a059 100%);
    color:#fff;
}
.lp h3.title-news {
    margin-bottom:65px;
    padding:20px 0;
    text-align:center;
    color: #ffffff;
    font-size:24px;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
}


.lp .news-list{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:50px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.lp .news-list li{
	width:32%;
	background:#fff;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow: 0 24px 40px #21213b14;
}
.lp .news-list li a{
	display:block;
}

.lp .news-list li a div.thumb-box{

}
.lp .news-list li a div.thumb-box img{
	width:100%;
	border-radius:5px 5px 0 0;
}

.lp .news-list li a div.label-box{
	padding:5px 10px 0px 10px;
}
.lp .news-list li a div.label-box span{
	display:inline-block;
	background:#007469;
	color:#fff;
	border-radius:3px;
	font-size:14px;
	padding:3px 10px;
}
.lp .news-list li a div.label-box span.media{
	background:#3f51b5;
}


.lp .news-list li a div.text-box{
	padding:5px 15px 10px 15px;
	line-height:1.5;
	font-size:16px;
}

@media screen and (max-width:840px) { 
	.lp .news-list li{
		width:100%;
		margin-bottom:30px;
	}

	.lp h3.title-news {
		font-size:16px;
		padding:10px 0;
	}

}


/* ================================================================

固定：問い合わせ

=================================================================== */
.pc-fixed-contact-block{
	line-height:1;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 350px;
    z-index: 1000;
	display: none;
}
.pc-fixed-contact-block.isShow{
	display: block;
}
.contact-balloon{
	position: relative;
	padding: 15px 0px;
	width:90%;
	margin:0 auto;
	border-radius:50px;
	text-align:center;
	color:#fff;
	font-weight: 600;
	font-size:16px;
	line-height:1.5;
	background-color: #f75961;
	margin-bottom:15px;
	box-shadow: rgba(47, 47, 47, 0.3) 0px 2px 8px 0px;
}
.contact-balloon span{
	/* background: linear-gradient(transparent 11%, #0062b3 66%); */
}
.contact-balloon::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 40px;
	bottom: -10px;
	border-top: 15px solid #f75961;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
.pc-fixed-contact-block .contact-block{
    box-shadow: rgba(47, 47, 47, 0.3) 0px 2px 8px 0px;
	background:#fff;
	border-radius:4px;
}
.pc-fixed-contact-block .contact-block .title-box{
    border-radius: 5px 5px 0 0;
    background: -webkit-linear-gradient(top,#ffdb50,#fdc900);
    font-weight: 800;
    color: #361e00;
    font-size: 20px;
	padding:15px 0;
    text-align: center;
}
.pc-fixed-contact-block .contact-block .mail-box{

}
.pc-fixed-contact-block .contact-block .box-inner{
	padding:15px;
}
.pc-fixed-contact-block .contact-block .tel-box{
	text-align:center;
	margin-bottom:20px;
}
.pc-fixed-contact-block .contact-block .tel-box a{
	color:#333;
	font-size:32px;
	font-family: "Arial";
	font-weight:800;
	text-decoration:none;
}
.pc-fixed-contact-block .contact-block .tel-box a:hover{
	text-decoration:none;
}
.pc-fixed-contact-block .contact-block .tel-box a .tel-label{
	display:iline-block;
	background:#333;
	color:#fff;
	padding:2px 5px;
	border-radius:3px;
	margin-right:5px;
	vertical-align:8px;
	font-size:14px;
	font-weight:600;
}
.pc-fixed-contact-block .contact-block .mail-box .mail-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 15px 0px;
	line-height:1;
    overflow: hidden;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
	border-right: 1px solid #9b7b00;
	border-bottom: 1px solid #9b7b00;
	background: -webkit-linear-gradient(top,#ffdb50,#fdc900);
	display: block;
	color:#fff;
	text-align:center;
	font-size:20px;
	border-radius:5px;
	color: #361e00;
	font-weight:800;
}
.pc-fixed-contact-block .contact-block .mail-box .mail-btn:hover {
	text-decoration:none;
	background: -webkit-linear-gradient(top,#ffe373,#ffd222);
}
.pc-fixed-contact-block .contact-block .mail-box .mail-btn::before {
    display: block;
    position: absolute;
    top: -50%;
    left: -30%;
    transform: rotate(30deg);
    width: 100px;
    height: 150px;
    content: '';
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    animation: animation-mail-btn 3s infinite linear;
}


@keyframes animation-mail-btn {
    17% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}

.pc-fixed-blank-room-block{
	line-height:1;
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 200px;
    z-index: 1000;
	font-size:16px;
}






/* -------------------------------------------------------------------
 *
 * 固定：スマホ用
 *
 *------------------------------------------------------------------- */
.sp-fixed-contact-block{
	display: none;
	line-height:1;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 1000;
}
.sp-fixed-contact-block .contact-block{
    box-shadow: rgba(47, 47, 47, 0.3) 0px 2px 8px 0px;
	background:#fff;
	box-sizing: border-box;
	padding:5px 10px 5px 5px;
}

.sp-fixed-contact-block .contact-block ul{
	display: flex;
	justify-content: space-between;
}
.sp-fixed-contact-block .contact-block ul li{

}

.sp-fixed-contact-block .contact-block ul li.title{
	width:100px;
	text-align:center;
	font-size:12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#f75961;
	font-weight: 800;
}

.sp-fixed-contact-block .contact-block ul li.tel{
	width:50px;
}
.sp-fixed-contact-block .contact-block ul li.tel a{
	width:40px;
	height:40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:23px;
	background:#f75961;
	border-right: 1px solid #d73941;
	border-bottom: 1px solid #d73941;
	color:#fff;
	border-radius:5px;
}

.sp-fixed-contact-block .contact-block ul li.mail{
	flex:1;
}
.sp-fixed-contact-block .contact-block ul li.mail a{
    display: flex;
    justify-content: center;
    align-items: center;
	height:40px;
	line-height:1;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
	border-right: 1px solid #9b7b00;
	border-bottom: 1px solid #9b7b00;
	background: -webkit-linear-gradient(top,#ffdb50,#fdc900);
	color:#fff;
	text-align:center;
	font-size:16px;
	border-radius:5px;
	color: #361e00;
	font-weight:800;
}




@media screen and (max-width:840px) { 
	.pc-fixed-contact-block{
		display: none;
	}

	.sp-fixed-contact-block{
		display: block;
	}

}