/* Home page styles */
body {
    scroll-behavior : smooth;
    /*padding: 60px 0;*/
}
h1 {
    font-weight: bold;
}
button{
    font-size: 1.4em;
    color:var(--color-brown);
}

.top_nav_ul01 li{
    padding: 0 1rem;
}
ul {
    list-style-type: none;
}

p{
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    padding: 5px 0;

}
p a{
    text-decoration: underline;
    color:dodgerblue;
}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    color: inherit;
    text-decoration: none;
}
hr {
    border-bottom: 1px solid #e7e7e7;
    border-top: 0;
    margin-bottom: 35px;
}

#dropmenu li a{
    font-size: 1.2rem;
}

.main_background_gradation{
    background: linear-gradient(45deg, var(--secondary-background),var(--main-bg-color));
    font-size: 1.2rem;
}
.mp_main_title{
    font-size: 1.6rem;
    font-weight: bold;
}
.mp_sub_title{
    color: white;
}
.input_block{
    margin-bottom: 10px;
}
.input_block .input.text{
    display: inline !important;
    width:200px !important;
}
.input_block .input.text input[type="text"].short_input{
    width:200px;
    margin-right: 10px;
}
.input.text label{
    padding-right: 5px;
}
.required_title{
    color: #ff0000;
}
div.checkbox.hall_type_other{
    width:100%;
}
.send[disabled] {
    position: relative;
    background-color: #ccc !important;
    border-color: #ccc;
    cursor: not-allowed;
}
.send[disabled]:after{
    position: relative;
    display: block;
    content:"未入力の項目があります";
    width:100%;
    height:40px;
    line-height: 40px;
    background-color: yellow;
    color: var(--text-color);
    margin-top: 5px;
    font-size:0.8em;
    padding: 0 10px;
}

@media screen and (max-width: 640px){
    .input_block .input.text input[type="text"].short_input{
        width:100px;
        margin-right: 10px;
    }
    .input_block.half_input input[type="text"]{
        width:40% !important;
    }
}

.links a {
    margin-right: 10px;
}
.release-name {
    color: #D33C43;
    font-weight: 400;
    font-style: italic;
}
.text_link{
    color:var(--main-button-color);
    font-size: 1.2em;
    text-align: center;
}
.bullet:before {
    font-family: 'cakefont', sans-serif;
    font-size: 18px;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: -1px;
}
/*
.success:before {
    color: #88c671;
    content: "\0056";
}
.problem:before {
    color: #d33d44;
    content: "\0057";
}

 */
.message{
    max-width: 1200px;
    margin: 1em auto;
}

@media screen and (max-width: 640px){
    .message{
        max-width: 100%;
        margin: 0 15px;
    }
}


.cake-error {
    padding: 10px;
    margin: 10px 0;
}
#url-rewriting-warning {
    display: none;
}

.footer_menu ul li a{
    font-weight: 300;
}


.header_upper{
    background-color: var(--brand-color);
    height:24px;
    line-height:24px;
    font-size: 0.8em;
    color:#fff;
}
.header_upper .content{
    padding: 0;
}


.customer_page{
    background-color: #fff;
}


/*式場view*/
.view_wrapper{
}
.view_left,.view_right{
    display: inline-block;
    float:left;
    vertical-align: top;
}
.view_left{
    width:30%;
}
.view_right{
    width:70%;
}
.view_top_left{
    width:50%;
}
.view_top_right{
    width:50%;
}
.view_inner a{
    color:inherit

}
.view_main_content{
    margin: 0 auto;
}

.view_sales_copy{
    margin-top: 10px;
}
.view_gallery_list {
    position: relative;
}
.view_gallery_list ul{
    position: relative;
    display: flex;
    gap:0 10px;
    overflow-x: scroll;
    padding: 10px 0;
}
.view_gallery_list ul li{
    width: 100%;
    margin:0;
    flex-shrink: 0;
}
.view_gallery_list ul li .caption{
    text-align: justify;
    padding: 3px;
}
.view_gallery_list ul li img{
    width:100%;
}
.view_gallery_list ul::-webkit-scrollbar {
    height: 2px !important;
}
.view_gallery_list ul::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}
.view_gallery_list ul::-webkit-scrollbar-thumb {
    background: var(--scroll-color) !important;
    border-radius: 10px;
}

.scroll_arrow{
    position: absolute;
    bottom:-4px;
    left:0;
    width:35px;
    z-index:9;
}

.view_top_img img{
    object-fit: cover;
    width:100%;
    height:500px;
}
.view_hall_name{
    font-size:1.8em;
    line-height: 1.2;
    margin-bottom: 10px;
}
.view_hall_name span{
    display: block;
    font-size:0.7em;
    padding-top: 5px;
}
.view_content, .view_gallery_list .caption, .view_data_list{
    text-align: justify;
}
.view_content{
    font-size: 1.1em;
}
.view_gallery_list .caption{
    font-size: 0.9em;
    margin-top: 5px;
}
.view_data_list ul li{
    padding: 10px 0;
}
.view_data_title{
    font-weight: bold;
}
.view_link_list ul{
    display: table;
    width:100%;
}
.view_link_list ul li{
    display: table-cell;
    text-align: center !important;
    vertical-align: middle;
    font-size: 0.8em;
}
.view_link_list ul li:first-child{
    width:30%;
}
.view_link_list ul li:last-child{
    width:70%;
}
.view_link_list ul li:last-child .main_button{
    width:100% !important;
    font-size:1.5em;
}
.view_link_list ul li a{
    color:var(--text-color);
}
.view_fav{
    vertical-align: middle;
    height:76px;
}
.view_fav img{
    display: block;
    width:30px;
    margin: 5px auto 7px;
}

.customer_page .form .button-panel{
    text-align: center !important;
}
.customer_page .form button, .customer_page .form .button-panel a{
    display: inline-block;
    width:200px;
    font-size:1.1em;
}


@media screen and (max-width: 640px){
    .customer_page .form button, .customer_page .form .button-panel a{
        display: inline-block;
        width:48%;
    }



    /*式場view*/
    .view_left,.view_right{
        display: block;
        float:none;
        width:100%;
    }
    .view_top_left,.view_top_right{
        width:100%;
    }
    .view_top_right{
        margin-top: 20px;
    }

    .view_gallery_list {
        position: relative;
    }
    .view_gallery_list ul{
        position: relative;
        display: flex;
        gap:0 10px;
        overflow-x: scroll;
        padding: 10px 0;
    }
    .view_gallery_list ul li{
        width: 100%;
        flex-shrink: 0;
    }
    .view_gallery_list ul li .caption{
        text-align: justify;
        padding: 3px;
    }
    .view_gallery_list ul li img{
        width:100%;
    }
    .view_gallery_list ul::-webkit-scrollbar {
        height: 2px !important;
    }
    .view_gallery_list ul::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 10px;
    }
    .view_gallery_list ul::-webkit-scrollbar-thumb {
        background: var(--scroll-color) !important;
        border-radius: 10px;
    }
    .owl-item{
        background-color: transparent;
    }


    .view_top_img img{
        object-fit: cover;
        width:100%;
        height:300px;
    }
    .view_hall_name{
        font-size:1.8em;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    .view_content, .view_gallery_list .caption, .view_data_list{
        text-align: justify;
    }
    .view_gallery_list .caption{
        font-size: 0.9em;
        margin-top: 5px;
    }

    .view_fav{
        vertical-align: middle;
        height:76px;
    }
    .view_fav img{
        display: block;
        width:30px;
        margin: 5px auto 7px;
    }
    .view_link{
    display:none;
    }
}




.main_midashi{
    background-color: var(--main-button-color);
    font-size:2em;
    padding: 5px 10px;
    border-radius: 5px;
}

.sub_title,.main_title{
    text-align: center;
}
h1{
    margin-block-start: 0;
    margin-block-end: 0;
}
.main_title{
    position: relative;
    display: table;
    background: url("/img/midashi_deco.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 140px;
    height:140px;
    line-height: 1.4;
    font-size:2rem;
    width:100%;
    vertical-align: middle;

}
.main_title_inner{
    display: table-cell;
    height:140px;
    padding:0;
    vertical-align: middle;
}

.main_title span{
font-size:0.7em;
}
.sub_title{
    color:var(--main-button-color);
    font-weight: bold;
    font-size:0.85rem;
}
.main_title .sub_title{
    position: absolute;
    top:30px;
    width:100%;
    text-align: center;
}

.main_wall{
    background-color: #efdfde;
    padding: 20px 20px 0;
}
.main_wall_inner{
    border-radius: 20px 20px 0 0;
    padding: 40px;
    background-color: #fff;
}


.members_index_wrapper{
    text-align: center;
    padding: 20px 180px;
}
.members_index_logo img{
    width:200px;
}
.members_index_content{
    text-align: left;
}
.members_contents_title{
    color:var(--brand-color);
    font-size: 1.4rem;
    margin-top: 20px;
    font-weight: bold;
}


@media screen and (max-width: 640px){
    .main_title{
        background: url("/img/midashi_deco.png");
        background-repeat: no-repeat;
        background-position: top center;
        background-size:100% 100px;
        height:100px;
        line-height: 1.4;
        font-size:1.3rem;
    }
    .main_title_inner{
        height:100px;
    }
    .sub_title{
        font-size: 0.7rem;
     }
    .main_title .sub_title{
        top:20px;
    }

    .main_wall{
        padding: 10px 10px 0;
    }
    .main_wall_inner{
        border-radius: 20px 20px 0 0;
        padding: 40px 10px;
        background-color: #fff;
    }
    .members_index_logo img{
        width:180px;
    }
    .members_index_wrapper{
        text-align: center;
        padding: 20px;
    }
}


.features_list ul li{
    margin-bottom: 60px;
}
.features_list_title{
    background: url("/img/brush.png");
    background-repeat: no-repeat;
    background-size: 150px auto;
    background-position: left bottom;
    font-size:1.2em;
    margin: 15px 0 10px 0;
    font-weight: 600;
    height:40px;
}
.features_list_content{
    color:var(--color-brown);
}


.to_you_midashi,.page_title{
    background-color: var(--secondary-background);
    text-align: center;
    padding: 20px;
    font-size:1.4em;
}
.to_you_sub_title{
    font-size: 0.8em;
    margin-top: 5px;
}
.to_you_message{
    text-align: center;
    font-size:1.2em;
}

.customer_page .button-panel{
    margin-bottom: 0;
}

.home_list{
    padding: 0 20px;
}
.home_list ul li{
    display: table;
    padding: 10px 0;
    width:100%;
}
.home_list ul li:hover{
    background-color: #f3f3f3;
}
.home_list_left{
    display: table-cell;
    width:40%;
    vertical-align: top;
}

.home_list_left img{
    object-fit: cover;
    width:100%;
    height:200px;
}
.home_list_right{
    display: table-cell;
    width:60%;
    vertical-align: top;
    padding-left: 20px;
}
.home_list_date{
    font-size: 0.9rem;
    color:var(--brand-color);
}
.home_list_title{
    font-size: 1.1rem;
    font-weight: bold;
}
.home_list_content{
   color:var(--brand-color);
}
.home_list_cat{
    color:#595757;
    font-size: var(--font-size-short);
    margin-top: 10px;
}

@media screen and (max-width: 640px){
    .home_list_left{
        width:100px;
    }

    .home_list_left img{
        height:100px;
    }
    .home_list_right{
        width:auto;
        padding-left: 10px;
    }


    .to_you_message{
        font-size:1em;
    }
    .to_you_midashi,.page_title{
        font-size: 1.3em;
        padding: 20px 5px;
    }
}


.fair_list ul li{
    display: table;
    width:100%;
    padding: 20px 0;
}


.fair_list ul li:hover{
    background-color: #f3f3f3;
}
.fair_list_left{
    display: table-cell;
    width:35%;
    vertical-align: top;
}
.fair_list_right{
    display: table-cell;
    width:64%;
    padding-left: 20px;
    vertical-align: top;
}
.fair_list_title{
    font-weight: bold;
    font-size: 1.1em;
}
.fair_list_left img{
    border-radius:10px;
}
.fair_status{
    margin-bottom: 5px;
    font-weight: bold;
}
.fair_area{
    background-color:rgba(220,189,189,0.2);
    color:var(--main-button-color);
    padding: 5px;
}
.fair_list_access{
    color:#727171;
}
.fair_list_hall{
    color:#3e3a39;
}


@media screen and (max-width: 640px){
    .fair_list_left{
        width:25%;
    }

    .fair_list_left img{
        object-fit: cover;
        width:100%;
        height:100px;
    }
    .fair_list_right{
        width:74%;
        padding-left: 10px;
    }
}
.content.home_sideline_wrapper_content{
    padding: 0;
}
.side_line{
    background-color: #EFDFDE;
    padding: 10px 10px 0;
}
.side_line_first{
    padding:0 10px;
}
.side_line_inner{
    border-radius: 20px 20px 0 0;
    background-color: #fff;
    padding: 0 20px;
}
.side_line_first .side_line_inner{
    border-radius: 0;
 }
.side_line_last{
    padding:0 10px 10px;
}
.side_line_last .side_line_inner{
    border-radius: 0 0 20px 20px;
}
.side_line .content{
    background-color: #fff;
}
.home_hall_result_list{
    position:relative;
}
.home_hall_result_list ul {
    display:flex;
    flex-wrap: wrap;
}
.home_hall_result_list ul li{
     width:calc(100% / 3);
    padding: 0 10px;
 }
.home_hall_result_list ul li:nth-child(3n){

}
.home_hall_result_list ul li:hover{
    background-color: #eee;
}
.home_hall_result_list ul li img{
    object-fit: cover;
    width:100%;
    height:200px;
}
.hall_result_list_title{
    font-size:1.2em;
    font-weight: bold;
    margin: 5px 0 0;
    text-align: center;
}
.hall_result_list_style{
    font-size:0.9em;
    text-align: center;
}


.search_index_input input[type="text"]{
    height:var(--input-height);
}


@media screen and (max-width: 640px){
    .home_hall_result_list ul li{
            width:100%;
        padding:10px 0;
    }
    .hall_result_list_title{
        font-size:1.1em;
    }
    .side_line_inner{
        padding: 0 10px;
    }
}





.information_wrapper{
border:1px solid var(--main-button-color);
    color:var(--main-button-color);
    font-size:1.2em;

}
.information_midashi{
    background-color:rgba(220,189,189,0.2);
font-size:1.3em;
    text-align: center;
    height:80px;
    line-height:80px;
    letter-spacing: 1px;
}
.information_list ul{
    padding: 5px;
}
.information_list ul li{
    position: relative;
padding: 10px 0 5px 25px;
}
.information_list ul li:before{
    position: absolute;
    left:0;
    top:25%;
    content:"";
    display: block;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid var(--main-button-color);
}




.special_list ul{
    display: flex;
    flex-wrap: wrap;
}
.special_list ul li{
    width:calc(100%/3);
}
.special_list ul li:hover{
    background-color: #f3f3f3;
}
.special_list_inner{
padding: 10px;
}
.special_list_img{
    position: relative;
}
.special_list_img img{
    object-fit: cover;
    width:100%;
    height:200px;
    border-radius: 5px;
}
.special_list_title{
    margin-top: 7px;
}
.special_category_triangle{
    position: absolute;
    top:0;
    width: 0px;
    height: 0px;
    border-top: 50px solid var(--main-button-color);
    border-right: 50px solid transparent;
    border-left: 50px solid var(--main-button-color);
    border-bottom: 50px solid transparent;
    border-radius: 5px 0 0 0;
}
.special_list_category{
    position: absolute;
    top:-5px;
    left:5px;
    color:#fff;
    font-weight: bold;
    width:fit-content;
    transform:rotate(-45deg);
    padding: 30px 0;
}
/*
.recommend_list_cat ul,.recommend_list_no_cat ul{
    display: flex;
    gap:20px 15px;
    flex-wrap:wrap;
}
.recommend_list_cat{
    margin-bottom: 20px;
}
.recommend_list_cat ul li{
    width:32%;
}
.recommend_list_no_cat ul li{
    width:23%;
}

.recommend_list_img{
    position: relative;
}
.recommend_list_img img{
    object-fit: cover;
    width:100%;
    height:200px;
    border-radius: 5px;
}
.recommend_list_no_cat ul li .recommend_list_img img{
    height:150px;
}
.special_category_triangle{
    position: absolute;
    top:0;
    width: 0px;
    height: 0px;
    border-top: 50px solid var(--main-button-color);
    border-right: 50px solid transparent;
    border-left: 50px solid var(--main-button-color);
    border-bottom: 50px solid transparent;
    border-radius: 5px 0 0 0;
}
.special_category{
    position: absolute;
    top:-5px;
    left:5px;
    color:#fff;
    font-weight: bold;
    width:fit-content;
    transform:rotate(-45deg);
    padding: 30px 0;

}
.recommend_list_title{
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

 */


@media screen and (max-width: 640px){
    .special_list_inner{
        padding: 10px 7px;
    }
    .special_list_img{
        position: relative;
    }
    .special_list_img img{
        object-fit: cover;
        width:100%;
        height:150px;
        border-radius: 5px;
    }
    .special_category_triangle{
        border-top: 45px solid var(--main-button-color);
        border-right: 45px solid transparent;
        border-left: 45px solid var(--main-button-color);
        border-bottom: 45px solid transparent;
        border-radius: 5px 0 0 0;
    }
    .special_list_category{
        padding: 30px 0;
    }


    .recommend_list_cat ul li{
        width:47%;
    }
    .recommend_list_no_cat ul li{
        width:32%;
    }
    .recommend_list_img img{
         height:150px;
     }
    .recommend_list_no_cat ul li .recommend_list_img img{
        height:100px;
    }

    .information_wrapper{
        border:1px solid var(--main-button-color);
        color:var(--main-button-color);
        font-size:1em;

    }

    .special_list ul li{
        width:calc(100%/2);
    }
    .special_list_img img{
        height:150px;
    }
}





.okigarunui{
    padding: 0 10%;
}
.support_img img{
    object-fit: cover;
    width:100%;
    height:400px;
}
.consult_wrapper{
    position: relative;
    border-left:15px solid #f0c8c1;
    border-right:15px solid #f0c8c1;
}
.consult_frame img{
    display: block;
    width:100%;
    height:auto;
}
.consult_inner_title{
    width:100%;
    height:100px;
    text-align: center;
    line-height: 100px;
    background-color: #f0c8c1;;
    font-size:2em;
    font-weight: bold;
}
.consult_list{
    width:90%;
   margin:40px auto;
}
.consult_list ul{
    display: flex;
}
.consult_list ul li{
    width:25%;
    text-align: center;
    font-size:1.2em;
    font-weight:bold;
}
.consult_list_title{
    margin-top: 10px;
}
.consult_message{
    padding: 0 0 40px 0;
    text-align: center;
    color:#595757;
    font-size:1.4em;
    font-weight: bold;
}


.search_index_input input[name="home_search_hall_input"],.search_index_input input[name="search_hall_input"]{
box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    background-image: url("../img/search_icon.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center left 5px;
    padding: 0 2px 0 35px;
}
@media screen and (max-width: 640px){
    .okigarunui{
        padding: 0;
    }
    .consult_inner_title{
        width:100%;
        height:70px;
        text-align: center;
        line-height: 70px;
        font-size:1.4em;
    }
    .consult_wrapper{
        position: relative;
        border-left:7px solid #f0c8c1;
        border-right:7px solid #f0c8c1;
    }
    .consult_list{
        margin:20px auto;
    }
    .consult_message{
        padding: 0 0 10px 0;
        font-size:1.1em;
    }
    .home_inner_padding{
        padding: 0 10px 10px;
    }
    .support_img img{
        height:300px;
    }
}




.preparing_note_sub_title{
    color:#818181;
    font-size:1.3em;
    text-align: center;
    letter-spacing: 1px;
}
.preparing_note_title_wrapper{
    position: relative;
    height:50px;
}
.preparing_note_title{
    position: absolute;
    top:0;
    width:100%;
    font-size:1.5em;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}
.preparing_note_line{
    position: absolute;
    bottom:0;
    width:100%;
    text-align: center;
}
.preparing_note_line span{
    display: inline-block;
    height:15px;
    width:13em;
    background-color: var(--main-button-color);
}
.preparing_note_message{
    text-align: center;
    color:#595757;
    font-size:1.4em;
    font-weight: bold;
}

.service_list_primary ul{
    display: flex;
    flex-wrap:wrap;
    gap:20px;
    justify-content: center;
}
.service_list_primary ul li{
    width:31%;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
    border-radius: 5px;
}

.service_list_secondary ul{
    display: flex;
    flex-wrap:wrap;
    gap:15px;
    justify-content: center;
}
.service_list_secondary ul li{
    width:23%;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
    border-radius: 5px;
}

.service_list_primary ul li img{
    border-radius: 5px 5px 0 0;
    object-fit: cover;
    width:100%;
    height:160px;
}
.service_list_secondary ul li img{
    border-radius: 5px 5px 0 0;
    object-fit: cover;
    width:100%;
    height:120px;
}
.service_title{
    text-align: center;
    padding: 20px 0;
}


.service_page_title{
   font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.service_page_content{
    text-align: left;
    padding: 0 60px;

}
.service_contact_images{
    margin-bottom: 10px;
    text-align: center;
}
.service_contact_images a{
    padding: 10px;
}
.service_contact_images a img{
    width:80px;
}

.service_contact_list ul{
    display: flex;
    justify-content: center;
    padding: 0 150px;
}
.service_contact_list ul li
{
    width: 25%;
    text-align: center;
}

.service_contact_list ul li img
{
    width: 70px;
}


.footer_logo{
    position: relative;
    display: block;
    width:30%;
    margin: 0 auto 40px !important;
}
.footer_logo img{
    display: block;
    width:100%;
    margin: 0 auto;
}
.footer_r2{
    display: inline-block;
    padding:5px;
    font-size: 0.8em;
    border: 1px solid var(--text-color);

}
.footer_sub_title{
    text-align: center;
    color:var(--brand-color);
    font-size: var(--font-size-short);
    font-weight: bold;
}
.footer_title{
    text-align: center;
    letter-spacing: 1px;
    font-size: var(--font-size-midlarge);
    font-weight: bold;
    line-height: 1.3em;
}
.footer_follow ul{
    display: flex;
    flex-wrap: wrap;
    max-width:800px;
    margin: 20px auto 60px;
    justify-content: center;
}
.footer_follow ul li{
    width:33%;
    text-align: center;
    font-size: 0.8rem;
}
.footer_follow ul li div:first-child{
    height: 80px;
    line-height: 80px;
}
.footer_follow ul li img{
    vertical-align: middle;
    max-height:60px;
    max-width:120px;
}
@media screen and (max-width: 640px){
    .footer_follow ul li div:first-child{
        height: 60px;
        line-height: 60px;
    }
    .footer_follow ul li{
        font-size: 0.7rem;
    }
    .footer_follow ul li img{
        max-height:50px;
        max-width:100px;
    }
}

.large_title{
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
}



@media screen and (max-width: 640px){
    .service_list_primary ul{
        gap:20px 10px;
    }
    .service_list_primary ul li{
        width:48%;
    }

    .service_list_primary ul li img{
        height:120px;
    }
    .service_list_secondary ul{
        gap:20px 10px;
    }
    .service_list_secondary ul li{
        width:31%;
    }
    .footer_follow ul{
        width:100%;
    }

    .footer_logo{
        width:80%;
    }

    .service_contact_list ul{
        padding: 0;
    }
    .service_contact_images a img{
        width:70px;
    }


    .service_contact_list ul li img
    {
        width: 60px;
    }


    .service_page_content{
        padding: 0;

    }
}



.download_list ul{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}
.download_list ul li{
    width:48%;
}
.download_list_inner{
    display: table;
    width:100%;
    background-color: #f1f6f6;
}
.download_list_left, .download_list_right{
display: table-cell;
    vertical-align: middle;
    height:100px;
}
.download_list_left{
    width:25%;
}

.download_list_right{
    width:75%;
}

.download_list_left img{
    object-fit: cover;
    width:100%;
    height:100px;
}

.download_list_right_inner{
    position: relative;
    display: table;
    width:100%;
}
.download_list_right_title,.download_list_right_arrow{
    display:table-cell;
    vertical-align: middle;
}
.download_list_right_title{
    width:80%;
    padding-left: 20px;
    font-size:1.2em;
    font-weight: bold;
}
.download_list_right_arrow{
    width:20%;
}
.download_list_right_arrow img{
    width:15px;
    vertical-align: middle;
}


@media screen and (max-width: 640px){
    .download_list ul{
        gap:10px;
    }
    .download_list_right_title{
        padding-left: 10px;
        font-size:1em;
    }
    .download_list_left, .download_list_right{
        height:60px;
    }
    .download_list_left img{
        height:60px;
    }
    .download_list_right_arrow img{
        width:10px;
    }
}


.plans.form.questionnaire_wrapper{
    background-color: #fff;
}
.questionnaire_submit{
    display: none;
}
.plans .questionnaire_page_wrapper{
    min-height:250px !important;
}
.questionnaire_page_wrapper label{
    font-size:1.1em;
}
.questionnaire_page_wrapper input, .questionnaire_page_wrapper select{
    font-size: 1.1rem;
}
.questionnaire_page{
    display: none;
}
#page1{
    display: block;
}
.questionnaire_pagination ul{
    display: flex;
    padding:0;
    height:40px;
    width:100%;
    flex-wrap:wrap;
}
.questionnaire_pagination ul li{
    width:40px;
    line-height: 40px;
    text-align: center;
}
.questionnaire_prev{
    display: none;
}

.page_active{
    color:#fff;
    background-color:var(--main-button-color);
    border-radius: 50px;
}

.questionnaire_item_title{
    position: relative;
    font-size:1.1em;
    font-weight:bold;
    background-color: var(--main-button-color);
    padding:10px 0;
    margin: 10px 0;
    border-radius: 5px;
}
.plan_header_meyasu{
    font-weight: bold;
    font-size:1.1em;
}
.plan_header_meyasu span{
    font-weight: normal;
    font-size:0.9em;
}
.plan_header_description{
    font-weight: bold;
    font-size: 1.1em;
}


@media screen and (max-width: 640px){
    .plans.form.questionnaire_wrapper{
        padding:10px;
    }
    .plans.confirm{
        padding: 10px;
    }
    .plans .questionnaire_page_wrapper{
        min-height:200px !important;
    }
    .questionnaire_pagination ul {
        height: 80px;
    }
    .plans.confirm table,.plans.confirm table tr{
        display: block;
        width:100%;
    }
    .plans.confirm table,.plans.confirm table th,.plans.confirm table td{
        display: block;
        width:100%;
        padding: 5px 0;
    }
    .plans.confirm table th{
        background-color: #f3f3f3;
    }
    .plans.confirm table td{
        padding-bottom: 10px;
    }
}



.float_btn_customer{
    position:fixed;
    bottom:10px;
    right:0;
    left:0;
    width:100%;
    z-index: 999;
}
.soudan_float_link ul{
    display: flex;
    flex-wrap: wrap;
    width:100%;
    margin: 0;
    padding:0;
    /*gap: 10px;*/
}
.soudan_float_link ul li{
    position: relative;
    width:49.5%;
    color:#fff;
    height:80px;
    line-height: 80px;
    text-align: center;
    font-size: 1.2em;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}

.soudan_float_link ul li:hover{
   opacity: 0.9;
}

.soudan_float_link ul li a{
    color:#fff;
}
.soudan_float_link ul li:first-child{
    background-color: var(--line-trans-color);
    margin-right: 1%;
}
.soudan_float_link ul li:last-child{
    background-color: var(--brown-trans-color);
}
.soudan_float_link ul li img{
    display: inline-block;
    margin-right: -20px;
    width:90px;
    vertical-align: middle;
}
.soudan_float_link ul li .small {
    font-size: 0.8em;
}

@media screen and (max-width: 1000px){
    .soudan_float_link ul li{
        position: relative;
        width:48.5%;
        color:#fff;
        height:80px;
        line-height: 80px;
        text-align: center;
        font-size: 1.2em;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    }
}



@media screen and (max-width: 640px){
    .card {
        box-shadow: none;
    }
    .float_btn_customer{
        bottom:0;
    }
    .soudan_float_link ul{
        /*gap: 5px;*/
    }
    .soudan_float_link ul li{
        line-height: 1em;
        font-size: 1.1em;
        height:80px;
        width:50%;
        margin: 0;
    }
    .soudan_float_link ul li:first-child{
        margin-right: 0;
    }
    .soudan_float_link ul li img{
        display: block;
        width:65px;
        margin:-8px auto -15px;
    }

}


input[type="text"]#other_input{
    display: none;
    width:100%;
}






.fair_index_wrapper .fair_header_menu_list ul li,
.fair_view_wrapper .fair_header_menu_list ul li{
    text-align: center;
    width:33.3%;
}
.fair_index_wrapper .fair_header_menu_list ul li img,
.fair_view_wrapper .fair_header_menu_list ul li img{
    width:25%;
}
.fair_index_wrapper .fair_header_menu_list ul li .menu_title,
.fair_view_wrapper .fair_header_menu_list ul li .menu_title
{
    margin-top: -5px;
    font-size:0.9em;
}

.fair_category_list ul{
    display: flex;
    flex-wrap: wrap;
    gap:5px;
}
.fair_category_list ul li{
    border-radius: 5px;
    border: 1px solid var(--main-button-color);
    padding:5px;
    font-size:0.8em;
}

.fair_category_list ul li.category_closing{
    background-color: var(--main-button-color);
}
.fair_title{
    font-size: 1.4em;
    font-weight: bold;
}



.fair_content_list ul{
    display: flex;
    flex-wrap: wrap;
}
.fair_view_wrapper .fair_content_list ul li{
    display: flex;
    width:25%;
    align-items: center;

}
.fair_content_list ul li img{
    display: flex;
    width:40%;
    padding-right: 10px;

}
.fair_index_date{
    font-size:1.2em;
    font-weight: bold;
    background-color: #fafafa;
    border-radius: 5px;
    padding:5px;
}
.fav_btn_block ul{
    display: flex;
    align-items: center;
    width:100%;
    gap:5px;
}
.fav_btn_block ul li {
position: relative;
}
.fav_btn_block ul li:first-child{
    width:20%;
    text-align: center;
}
.fav_btn_block ul li:last-child{
    width:79%;
}
.fav_btn_block ul li img{
    width:20px;
    vertical-align: middle;
}
.fav_btn_block ul li button{
    width:100%;
}
.fav_parent .fav_button_fair, .fav_parent .fav_button_hall{
    background: url("../img/fav.png") center no-repeat;
    background-size: 30px auto;
    width:100%;
    height:30px;
    text-align: center;
}
.fav_parent.fav_colored .fav_button_fair, .fav_parent.fav_colored .fav_button_hall{
    background: url("../img/fav_colored.png")center no-repeat;
    background-size: 30px auto;
    width:100%;
    height:30px;
    text-align: center;
}
.fav_added_message,.fav_deleted_message{
    display: none;
}
/*
.fav_colored:after{
    display: block;
    content:"お気に入りに追加されました！";
    position: absolute;
    width:100%;
    bottom:-20px;
    font-size:0.9em;
    color:var(--main-button-color);

}

 */
.mypage_link{
    text-align: center;
}
.mypage_link a{
    text-decoration: underline;
    color:var(--brand-color);
    font-size: 1.2rem;
    font-weight: bold;
}

button.seconday_button{
}
.caution_common{
    padding: 10px;
    text-align: center;
    background-color:var(--main-button-color);
    color:#fff;
}


.button-panel button{
    font-size:1em;
}
.fair_index_wrapper .button-panel{
    margin: 0;
}
.fair_index_wrapper .button-panel button{
    width:100%;
    padding:0;
    margin-bottom: 10px;
}
.fair_view_wrapper .button-panel button{
    width:100%;
    padding:0;
    margin-bottom: 10px;
}
@media screen and (max-width: 640px){
    .fair_view_wrapper .fair_content_list ul li{
        width:50%;
    }
    .fair_index_wrapper .fair_header_menu_list ul li img,
    .fair_view_wrapper .fair_header_menu_list ul li img{
        width:60%;
    }
}



.mypage_questionnaire_link{
    background: var(--brand-color);
    padding:20px;
    text-align: center;
    font-size:1.2rem;
    letter-spacing: 1px;
    font-weight: bold;
}
.mypage_questionnaire_link a{
}

.mypage_questionnaire_link_sub_title{
    font-size:1.2rem;
}
/*
.mypage_questionnaire_link:hover{
    background: #b4706f;
    color:#fff;
}
*/
.my_page_top{
    text-align: center;
    padding: 40px 0;
    letter-spacing: 1px;

}
.my_favorite_list ul{
    display:flex;
    flex-wrap: wrap;
    gap:20px 10px;
    justify-content: center;
}
.my_favorite_list ul li{
    width:32%;
}
.my_favorite_list ul li img{
   object-fit: cover;
    width:100%;
    height:200px;
}
.may_favorite_hall_title{
    margin-top: 5px;
    font-size:1.1em;
    text-align: center;
}
.may_favorite_hall_address{
    font-size: 0.9em;
    text-align: center;
}
.my_favorite_link{
    text-align: center;
}
.no_data_message{
    text-align: center;
    font-weight: 600;
    margin-top: 40px;
}
.breadcrumbs{
    font-size: 0.9em;
}
main.customer_main .breadcrumbs a{
    color:var(--main-button-color) !important;
}
main.customer_main .breadcrumbs a:hover{
     opacity: 0.9;
 }


@media screen and (max-width: 1000px){
    .my_favorite_list ul{
        display:flex;
        flex-wrap: wrap;
        gap:20px 10px;
        justify-content: center;
    }
    .my_favorite_list ul li{
        width:48%;
    }
}


@media screen and (max-width: 640px){
    .my_favorite_list ul{
        display:flex;
        flex-wrap: wrap;
        gap:20px 0;
        justify-content: center;
    }
    .my_favorite_list ul li{
        width:90%;
    }

    .mypage_questionnaire_link{
        font-size:1.1rem;
    }
}



.preferred_date_list ul li{
    margin-bottom: 20px;
}



/*マイページの予約リスト*/
.reserve_list_inner{
    width:70%;
    margin: 0 auto;
}
.reserve_list_inner ul{
    padding: 0;
}
.reserve_list_inner ul li{
    display: table;
    width:100%;
    margin-bottom: 5px;
}
.reserve_list_inner ul li .reserve_title{
    display: table-cell;
    width:30%;
    padding: 10px;
    vertical-align: middle;
    background-color: #f3f3f3;
}
.reserve_list_inner ul li .reserve_content{
    display: table-cell;
    width:70%;
    padding: 10px;
    vertical-align: middle;
}
.reserve_date{
    text-align: center;
}
.reserve_progress{
    background-color: var(--brand-color);
    color:#fff;
    text-align: center;
    font-size: 1.4rem;
}



@media screen and (max-width: 1000px){
    .reserve_list ul li{
        width:100%;
    }
}



@media screen and (max-width: 640px){
    .reserve_list_inner{
        width:100%;
        margin: 0 auto;
    }
    input[type="date"]{
        height:var(--input-height);
    }

}

/*会員登録*/
.user_profile_list ul li .input{
    display: inline-block;
    width:400px;
}
.user_profile_wrapper{
    display: flex;
    margin-bottom: 40px;
}
.user_profile_left,.user_profile_right{
   width:50%;
}
.user_profile_wrapper ul li .input{
    display: inline-block;
    width:200px;
}
.profile_right label{
    display: none;
}

.privacy_statement{
    text-align: center;
}
.privacy_statement a{
    color:var(--brand-color);
    text-decoration: underline;
}

.user_profile_confirm_list{
    margin-top: 20px;
}
.user_profile_confirm_list ul li{
    display: flex;
}
.user_profile_confirm_right{
    padding:10px;
}
.user_profile_confirm_left{
   width:300px;
    padding:10px;
    background-color: #eee;
    margin-right: 10px;
}
.profile_update{
    margin-top: 20px;
}
.profile_update a{
    /*text-decoration: underline;*/
}
.profile_left{
    font-weight:bold;
}
.profile_left .required{
    color:red;
}


.hall_type_other .input label{
    display: none;
}

.request_link{
    text-align: center;
    text-decoration: underline;
    margin-bottom: 20px;
}

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

    /*会員登録*/
    .user_profile_list ul li .input{
        width:100%;
    }
    .user_profile_wrapper{
        display: block;
        margin-bottom: 40px;
    }
    .user_profile_left,.user_profile_right{
        width:100%;
        margin-top: 40px;
    }
    .user_profile_wrapper ul li .input{
        display: inline-block;
        width:45%;
    }
    .user_profile_confirm_list ul li{
        display: block;
        font-size:1.1em;

    }
    .user_profile_confirm_left{
        width:100%;
        padding:10px;
        background-color: #eee;
        margin-right: 0;
    }
    .user_profile_confirm_right{
        margin: 10px 0 20px;
    }
}



.customer_halls_list ul li{
    position: relative;
    width:100%;
    padding: 20px 0;
    border-bottom: 1px solid var(--brand-color);
    box-shadow: 0 1px 1px #eee;
}
.customer_halls_list ul li:hover{
    background-color: #eee;
}
.customer_halls_list ul li:last-child{
    border-bottom: none;
}
.customer_halls_list ul li img{
    object-fit: cover;
    width:100%;
    height:200px;
}
.customer_halls_list_inner{
    display: flex;
}
.customer_halls_list_title{
    width:100%;
    margin: 10px 0;
}
.customer_halls_list_left{
width:30%;
}
.customer_halls_list_right{
     width:70%;
    padding-left: 20px;
 }
.customer_hall_name{
    font-weight: bold;
    font-size:1.2rem;
}
.customer_hall_sales_copy{
    color:var(--brand-color);
    font-weight: bold;
}

.customer_hall_characters_list ul{
    padding: 0;
    margin: 0;
    display: flex;
    gap:5px;
    flex-wrap: wrap;

}
.customer_hall_characters_list ul li{
    display: inline;
    font-size:0.8rem;
    text-align: center;
    padding:5px;
    background-color: #ccc;
    border-bottom:none;
    width: auto;
}
.customer_halls_list ul li:hover .customer_hall_characters_list ul li{
    background-color: #ccc;
}


@media screen and (max-width: 640px){
    .customer_hall_characters_list ul li{
        width:auto;
        margin-right: 0;
        font-size:0.6rem;
        padding: 3px 2px;
    }
    .customer_halls_list ul li img{
        object-fit: cover;
        width:100%;
        height:100px;
    }

    .customer_halls_list_inner{
        display: block;
    }
    .customer_halls_list_title{
        width:100%;
        margin: 10px 0;
    }
    .customer_halls_list_left{
        width:100%;
        margin-bottom: 10px;
    }
    .customer_halls_list ul li img{
        object-fit: cover;
        width:100%;
        height:200px;
    }
    .customer_halls_list_right{
        width:100%;
        padding-left: 0;
    }
}


.view_date{
    font-size: 0.9rem;
    color:var(--brand-color);
    text-align: center;
}

.customer_topics_list ul li{
    padding: 10px 0;
}
.customer_topics_list ul li:hover{
    background-color: #eee;
}

.customer_topics_inner{
    display: flex;
}
.customer_topics_left{
width:20%;
}
.customer_topics_left img{
    object-fit: cover;
    width:100%;
    height:120px;
}
.customer_topics_right{
    width:80%;
    padding-left: 20px;
}


.customer_specials_list ul{
    display: flex;
    flex-wrap: wrap;
}

.customer_specials_list ul li{
    width:calc(100% / 3);
    padding:10px;
}
.customer_specials_img{
    position: relative;
}
.customer_specials_img img{
    object-fit: cover;
    width:100%;
    height:200px;
 }
.customer_specials_img .customer_specials_category{
    position: absolute;
    top:0;
    left:0;
    font-size: 0.8rem;
    font-weight: bold;
    background-color: var(--main-bg-color);
    padding: 2px 5px;
}
.customer_specials_title{
    padding:5px 0;
    text-align: center;
    font-weight: bold;
}
.customer_specials_content{
    font-size:0.9em;
}
.inquiryForms{
    padding: 10px 80px;
}

.character_index_list{
    text-align: center;
}
.character_index_list ul li{
    padding: 5px 0;
    text-decoration: underline;
}


.character_list{
    padding: 20px 0;
}

.character_list ul li{
    margin-bottom: 60px;
}
.pages_title{
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: var(--font-size-midlarge);
}
.faq_anchor{
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}

@media screen and (max-width: 640px){
    .faq_anchor{
        display: block;
        padding-top: 120px;
        margin-top: -120px;
    }
    .customer_specials_list ul li{
        width:calc(100% / 2);
        padding:10px;
    }
    .customer_specials_img img{
        height:150px;
    }
    .inquiryForms{
         padding: 0;
     }


    .pages_title{
        /*text-align: left;*/
    }
}

.home_faq_block{
    padding: 0 100px;
}
.home_faq_list ul{
    display: block;
}
.home_faq_list ul li a{
    display: block;
    padding: 10px;
    border-bottom: 1px dotted var(--brand-color);
}
.home_faq_list ul li .home_faq_list_inner{
   border:1px solid var(--brand-color);
    padding: 10px;
}
.home_faq_list_category{
    font-size: 0.8em;
    color: var(--brand-color);
}
.faq_etc ul li{
    display: block;
    color:var(--brand-color);
    font-size:0.3em;
    text-align: center;
}
span.faq_mark{
    display: inline-block;
    color:var(--brand-color);
    padding:2px;
    border: 2px solid var(--brand-color);
    font-weight: bold;
    margin-right: 5px;
    border-radius: 50%;
    width:25px;
    height:25px;
    line-height: 20px;
    text-align: center;
}
.faq_question{
    position:relative;
    display: flex;
    align-items: center;
    text-align: left;
}
.faq_question span.faq_question_icon{
    padding-left:2.5em;

}
.faq_question span.faq_question_icon:after{
    position:absolute;
    content: "Q";
    top:-0.2em;
    left:0;
    display: inline-block;
    color:#fff;
    background-color: var(--brown-text-color);
    padding:2px;
    font-weight: bold;
    margin-right: 10px;
    border-radius: 50%;
    width:2em;
    height:2em;
    line-height: 1.9em;
    text-align: center;

}
.faq_question span.faq_question_content{
    display: inline-block;

}
.faq_answer span{
    display: inline-block;
    color:#fff;
    background-color: var(--brand-color);
    padding:2px;
    font-weight: bold;
    border-radius: 50%;
    width:2em;
    height:2em;
    line-height: 1.9em;
    text-align: center;
    font-size:1.5em;
    float: left;
    margin-right: 5px;
}

.character_content:first-letter{
}
.character_content a{
    text-decoration: underline;
}

.footer_faq{
    text-align: center;
}
.footer_faq img{
    width:80px;
}
.footer_faq:hover{
    opacity: 0.9;
}

@media screen and (max-width: 640px){
    .home_faq_block{
        padding: 0 !important;
    }

}


.service_img{
    text-align: center;
}
.service_img img{
    width: 600px;
}


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

    .service_img img{
        width:100%;
    }
}