@charset "utf-8";

.wrapper {
    width: 90%;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.w-fix {
    width: 100% !important;
    margin: 0 auto;
    padding: 0;
}

.parts-image.parts-column1,
.parts-text-image-label.parts-column3 img {
    border: none;
}
.CP-044_PageTopLinkAndHTFloatNavi .comp-pagetoplink-floatnavi #comp-page-top-link{
	bottom: 100px !important;
}


@media (max-width: 680px) {
    .w-fix {
        width: 90% !important;
    }
    .CP-044_PageTopLinkAndHTFloatNavi .comp-pagetoplink-floatnavi #comp-page-top-link{
    	bottom: 70px !important;
    }
}

/* -------------------------------------------
見出し
-------------------------------------------*/

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W0);
    font-weight: 100;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W1);
    font-weight: 200;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W2);
    font-weight: 300;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W3);
    font-weight: 400;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W4);
    font-weight: 500;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W5);
    font-weight: 600;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W6);
    font-weight: 700;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W7);
    font-weight: 800;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W8);
    font-weight: 900;
}

@font-face {
    font-family: "Hiragino Sans W9";
    src: local(HiraginoSans-W9);
    font-weight: 900;
}



/*------------------------------------
コンテンツ タイトル
--------------------------------------*/

.cont_ttl {
    display: block;
    padding: 0;
    margin: 0 0 4% 0;
    text-align: center;
}


.cont_ttl .ttl {
    position: relative;
    font-size: 30px;
    line-height: 1.4;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    font-weight: normal;
    padding: 0;
    margin: 0 0 2% 0;
}

.cont_ttl .ttl.top {
    font-size: 38px;
}

.cont_ttl .ttl::before {
    display: block;
    height: 5px;
    width: 80px;
    content: "";
    margin: 0 auto 40px auto;
    background: #d8af6f;
    background-size: contain;
}

.cont_ttl .ttl span {
    font-size: 20px;
    line-height: 2;
}

.cont_ttl .lead {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    font-size: 20px;
    line-height: 2;
    font-weight: normal;

    margin: 0;
    padding: 0;
    text-align: center;
}

.parts-h2-line p.lead {
    line-height: 2;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.cont_ttl p {
    line-height: 2;
    font-size: 16px;
    margin: 0;
    padding: 0;

}



@media (max-width: 1024px) {
    .cont_ttl h2.ttl {
        font-size: 32px;
        margin: 0 5%;
    }

    .cont_ttl p.lead,
    .parts-h2-line p.lead {
        line-height: 2;
        font-size: 16px !important;
        margin: 0 5%;
        padding: 0;

    }
}


@media (max-width: 680px) {


    .cont_ttl .ttl,
    .cont_ttl .ttl.top {
        font-size: 24px;
    }

    .cont_ttl .ttl::before {
        width: 50px;
        margin: 0 auto 20px auto;
    }


    .cont_ttl h2.ttl {
        font-size: 24px;
        margin: 0 0 20px 0;
    }

    .cont_ttl p.lead,
    .parts-h2-line p.lead {
        text-align: left;


    }


}





/* -------------------------------------------
見出し
-------------------------------------------*/

.col_ttl {
    display: block;
    padding: 0 0 20px 0;
    margin: 0;
    text-align: center;
}

.col_ttl .ttl {
    position: relative;
    font-size: 28px;
    line-height: 1.4;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.col_ttl .ttl::before {
    display: block;
    height: 5px;
    width: 80px;
    content: "";
    margin: 0 auto 20px auto;
    background: #d8af6f;
    background-size: contain;
}


.mds {
    display: block;
    position: relative;
    font-size: 24px;
    color: #000;
    text-align: center;
    line-height: 32px;
    font-weight: 300;
    padding: 10px 0 0 0;
    margin: 0 0 1em 0;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;

}


h3.mds {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 24px;
    font-weight: normal;
    font-family: Hiragino Sans, "游ゴシック", YuGothic, "メイリオ", "meiryo", sans-serif;
    border-left: none;
    text-align: left;
    line-height: 1.4;
}


.mds::before {
    display: none;
}

.mds span {
    display: block;
    font-size: 11px;
    line-height: 24px;
    font-weight: 100;
    letter-spacing: 0.05em;
    font-family: futura, sans-serif;
}




.parts-h2-lead h2 {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    font-size: 30px !important;
    color: #000;
    position: relative;
}

.parts-h2-lead h2::before {
    position: absolute;
    content: "";
    display: block;
    height: 5px;
    width: 80px;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
    background: #d8af6f;
    background-size: contain;
}

.parts-h2-lead h2 .label {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
}

.parts-h2-lead h2 span {
    font-size: 0.7em;
}

.parts-h3-lead {
    margin-bottom: 20px;
    width: 100%;
    display:block;
}

.parts-h3-lead .title {
    text-align: left;
    padding: 10px 10px 10px 36px;
    border-left: none;
    border-bottom: none;
    background: none;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
    background: #eee;
}

.parts-h3-lead .title::before {
    position: absolute;
    top: 11px;
    left: 10px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    text-align: left;
    padding: 0;
    border-left: none;
    background: #d8af6f;
    font-weight: normal;
}

.parts-h3-lead .lead {
	text-align: left;
    margin: 20px 0 40px;
}

.parts-h4-text-smalltext .title {
    font-size: 22px;
    background: #f2f2f2;
    padding: 10px 0;
    text-align: center;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif !important;
}

.parts-h4-text-smalltext .text {
    font-size: 16px;
}

.parts-normaltext {
    margin-bottom: 40px;
}

.parts-normaltext p {
    font-size: 16px;
}

@media (max-width: 680px) {
    .parts-h2-lead h2::before {
        top: -20px;
    }
}

/* -------------------------------------------
リンク
-------------------------------------------*/




.btns {
    position: relative;
    display: block;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    min-height: 100px;
}

.btns2 {
    position: relative;
    display: block;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    min-height: 135px;
}

a.btn {
    position: relative;
    display: block;
    max-width: 34em;
    font-size: 14px;
    line-height: 1.4;
    margin: 0 auto;
    padding: 10px 26px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #541517;
    border: none;

}

a.btn:hover {
    border: none;
    background: rgba(84, 21, 23, 0.7);
}

a.btn::before {
    position: absolute;
    top: 50%;
    right: 8px;
    left: inherit;
    display: block;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 0;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}




.col .cnt a.btn {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 0;
    padding: 10px 28px;
    border-radius: 4px;
    max-width: inherit;
    color: #fff;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #541517;
    border: none;

}

.col .cnt a.btn:hover {
    border: none;
    background: rgba(84, 21, 23, 0.7);
}

.col .cnt a.btn::before {
    position: absolute;
    top: 50%;
    right: 8px;
    left: inherit;
    display: block;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}






a.btn_txt {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    margin: 5px 0;
    padding: 0 0 0 12px;
    color: #000;
    text-decoration: none;
    text-align: left;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

a.btn_txt::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    margin: -3px 0 0 0;
    border-top: 1px solid rgb(0, 0, 0);
    border-right: 1px solid rgb(0, 0, 0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

a.btn_txt:hover {
    color: #5a5a5a;
}

@media (max-width: 680px) {

    .parts-button-link .buttonholder a {
        position: relative;
        display: block;
        max-width: inherit;
        font-size: 16px;
        line-height: 1.4;
        margin: 0 auto;
        padding: 10px 26px;
        border-radius: 4px;
        color: #fff !important;
        text-decoration: none;
        text-align: center;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background: #541517;
        border: none;
        font-weight: normal;

    }

    .col .cnt a.btn {
        max-width: inherit;
    }

    .btns {
        padding: 10px 20px;
        text-align: center;
        min-height: 100px;
    }

    .btns2 {
        padding: 10px 20px;
        text-align: center;
        min-height: 140px;
    }

}

/* -------------------------------------------
見出し
-------------------------------------------*/

.parts-h2-line,
.parts-h2-and-line {
    display: block;
    white-space: normal;
    margin: 0 auto 30px;
}

.parts-h2-line span,
.parts-h2-and-line span {
    position: relative;
    font-size: 28px;
    line-height: 1.4;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.parts-h2-line span::before ,
.parts-h2-and-line span::before{
    display: block;
    height: 5px;
    width: 80px;
    content: "";
    margin: -5px auto 20px auto;
    background: #d8af6f;
    background-size: contain;
}

.parts-h2-line h2,
.parts-h2-and-line h2 {
    display: block;
    font-size: 11px;
    line-height: 34px;
    font-weight: normal;
    letter-spacing: 0.05em;
    border-top: 5px solid #eee;
}

.ht-footer-list .parts-h2-line {
    display: block;
    padding: 0;
    margin: 0 auto 30px auto;
}

.ht-footer-list .parts-h2-line span::before,
.ht-footer-list .parts-h2-line span::after {
    display: none;
}


/* -------------------------------------------
レストラン店舗
-------------------------------------------*/


.contents {
    position: relative;
    margin: 0;
    padding: 0;
    color: #000;
}

.column {
    display: block;
    padding: 0 0 3% 0;
    margin: 0;
    background: rgb(255, 255, 255);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


@media (max-width: 680px) {}










/* -------------------------------------------
レストラン一覧
-------------------------------------------*/

.restlist {
    display: block;
    margin: 0;
    padding: 0 0 5% 0;
}


.restlist .thumb_list {
    display: block;
    padding: 0;
    margin: 0 0 50px 0;
    font-size: 0;

}

.restlist .thumb_list .col2,
.restlist .thumb_list .col3,
.restlist .thumb_list .col4 {
    position: relative;
    display: inline-block;
    width: calc(100% / 2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    margin: 0;
    padding: 20px 0 20px 0;
    font-size: 14px;
    line-height: 1.8;

}

.restlist .thumb_list .col3 {
    width: calc(100% / 3);
    font-size: 12px;
    padding: 20px 0 20px 0;

}

.restlist .thumb_list .col4 {
    width: calc(100% / 4);
    font-size: 12px;
    padding: 20px 0 20px 0;

}

.restlist .thumb_list .category {
    position: relative;
    letter-spacing: 0.2em;
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    padding: 10px 16px;
    margin: 0 0 20px 0;
    text-align: left;
    background: none;
    color: #000;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    border-bottom: 2px solid #eee;
}

.restlist .thumb_list .col2 a {
    display: block;
    margin: 0;
}
.restlist .thumb_list .col2 a,
.restlist .thumb_list .col3 a,
.restlist .thumb_list .col4 a {
    display: block;
    margin: 0 0 10% 0;
}

.restlist .thumb_list img {
    width: 100%;
    height: auto;
    border: none;
}

.restlist .thumb_list .text-area {
    text-align: left;
    padding: 0 10%;
}

.restlist .thumb_list .icon_category {
    display: inline-block;
    font-size: 12px;
    line-height: 2;
    padding: 0 10px;
    margin: 0 0 10px 0;
    text-align: center;
    color: #fff;
    background-color: #464646;
}


.restlist .thumb_list .col2 .title,
.restlist .thumb_list .col3 .title,
.restlist .thumb_list .col4 .title {
    display: block;
    font-size: 28px !important;
    line-height: 1.6;
    margin-bottom: 8px;
    font-weight: normal;
    padding: 0;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    text-align: left;
}

.restlist .thumb_list .col3 .title {
    font-size: 20px !important;
}

.restlist .thumb_list .col4 .title {
    font-size: 18px !important;
}


.restlist .thumb_list .title a {
    position: relative;
    color: #000;
    text-decoration: none;
}

.restlist .thumb_list .title a:hover {
    color: rgba(0, 0, 0, 0.7);
}

.restlist .thumb_list .title a:after {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 0 3px 0;
    border-top: 2px solid #d8af6f;
    border-right: 2px solid #d8af6f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    vertical-align: baseline;
}


.restlist .thumb_list .col2 .text,
.restlist .thumb_list .col3 .text,
.restlist .thumb_list .col4 .text {
    display: block;
    margin: 0 0 1.5em 0;
    font-size: 16px;
    line-height: 1.8;
}

.restlist .thumb_list .col3 .text {
    font-size: 14px;
}

.restlist .thumb_list .col4 .text {
    font-size: 14px;
}

.restlist .thumb_list .col2 .btn {
    display: inline-block;
    margin: 0;
    display: none;
}

.restlist .thumb_list .col3 .btn,
.restlist .thumb_list .col4 .btn {
    display: block;
    margin: 0;
    display: none;
}

.restlist .thumb_list dl {
    display: block;
    margin: 0 0 5% 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.6;
    border-bottom: 1px solid #ddd;
}

.restlist .thumb_list dl dt {
    display: block;
    width: 5em;
    margin: 0;
    padding: 1em 0 1em 0;
    float: left;
}

.restlist .thumb_list dl dd {
    display: block;
    margin: 0;
    padding: 1em 0 1em 5.5em;
    border-top: 1px solid #ddd;

}




@media (max-width: 680px) {


    .restlist .thumb_list {
        margin: 0;
    }

    .restlist .thumb_list .col2,
    .restlist .thumb_list .col3,
    .restlist .thumb_list .col4 {
        position: relative;
        display: inline-block;
        width: calc(100% / 1);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        margin: 0;
        padding: 20px 0 20px 0;
        font-size: 14px;
        line-height: 1.8;

    }
    .restlist .thumb_list .col2.photo{
    	padding: 0;
    	margin: 0 0 -20px; 
    }

    .restlist .thumb_list .text-area {
        padding: 0;
    }

    .restlist .thumb_list .col2 .title,
    .restlist .thumb_list .col3 .title,
    .restlist .thumb_list .col4 .title {
        display: block;
        font-size: 24px !important;
        line-height: 1.6;
        margin-bottom: 8px;
        font-weight: normal;
        padding: 0;
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
        text-align: left;
    }

    .restlist .thumb_list .col2 .title a,
    .restlist .thumb_list .col3 .title a,
    .restlist .thumb_list .col4 .title a {
        font-size: 24px !important;
    }

    .restlist .thumb_list .col2 .title a br,
    .restlist .thumb_list .col3 .title a br,
    .restlist .thumb_list .col4 .title a br {
        display: none;
    }


    .restlist .thumb_list .col2 .text,
    .restlist .thumb_list .col3 .text,
    .restlist .thumb_list .col4 .text {
        display: block;
        margin: 0 0 1.5em 0;
        font-size: 14px;
        line-height: 1.8;
    }



}















/* -------------------------------------------
レストラン店舗 バナー
-------------------------------------------*/


.banner_top {
	display: block;
	text-align: center;
	margin: 0 auto 60px;
	width: 900px;
}
.banner_top a{
	display: inline-block;
}
.banner_top a img{
	width: 100%;
}

@media (max-width: 680px) {
	.banner_top {
		width: 90%;
	}
	.banner_top {
		margin: 0 auto 20px;
	}
	.banner_top .parts-text-image.parts-column2 .imgholder {
	    margin: 0;
	}
}


/* -------------------------------------------
レストラン店舗 特徴
-------------------------------------------*/
#feature {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 0 5% 0;
}


.col {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    border: none;
    vertical-align: top;
}

.col .cnt {
    display: block;
    width: 100%;
    padding: 50px;
    margin: 0;
    border: none;
    font-size: 14px;
    background: rgba(237, 237, 237, 1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.col .cnt:nth-child(even) {
    background: rgba(237, 237, 237, 0.5);
}

.col .cnt::after {
    content: "";
    display: block;
    clear: both;
}


.col .cnt h2 {
    display: block;
    position: relative;
    font-size: 24px;
    line-height: 38px;
    font-weight: 200;
    padding: 0;
    margin: 0 0 20px 0;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
}

.col .cnt h2 span {
    display: block;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0.2em;
    font-family: serif;
    color: #d8af6f;
}

.col .cnt h2 img {
    display: block;
    width: 100%;
    max-width: 360px;
    height: auto;
    margin: 5px 0;
}

.col .cnt p {
    display: block;
    font-size: 16px;
    line-height: 28px;
    padding: 0;
    margin: 0 0 1.2em 0;
}


.col .cnt .cnt_img {
    display: block;
    position: relative;
    float: left;
    overflow: hidden;
    width: 48%;
    height: auto;
    margin: 0;
    padding: 0;
}

.col .cnt:nth-of-type(even) .cnt_img {
    float: right;
}

.col .cnt:nth-of-type(odd) .cnt_img {
    float: left;
}

.col .cnt .cnt_img img {
    width: 100%;
    height: auto;
}

.col .cnt .cont_wrap {
    display: block;
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48%;
    margin: 0;
    padding: 0 0 0 0;
    vertical-align: top;
}

.col .cnt:nth-of-type(even) .cont_wrap {
    padding: 0;
    float: left;

}


.col .cnt .cont_wrap .inner {
    display: table;
    height: 100%;
}

.col .cnt .cont_wrap .innerwrap {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    text-align: left;
}


.col .cnt .cont_wrap .photo {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.col .cnt .cont_wrap .photo img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0;
}

.col .cnt .cont_wrap .photo figcaption {
    font-size: 12px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.7);
}

.col .cnt .cont_wrap .photo_h {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}


.col .cnt .cont_wrap .photo_h img {
    display: table-cell;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.col .cnt .cont_wrap .photo_h figcaption {
    display: table-cell;
    font-size: 12px;
    width: 64%;
    padding: 0 0 0 20px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.7);
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.movie_rest{
    position:relative;
    width:100%;
    height:0;
    padding-top:56.2%;
}
.movie_rest iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}



@media (max-width: 680px) {
    .col .cnt h2 {
        font-size: 20px;
        line-height: 1.3;
    }

    .col .cnt h2 span {
        font-size: 11px;
        letter-spacing: 0.1em;
    }

    .col .cnt {
        padding: 20px 0;
        margin: 0;
    }

    .col .cnt {
        background: rgba(255, 255, 255, 0.2);

    }

    .col .cnt:nth-child(even) {
        background: rgba(255, 255, 255, 0.1);
    }

    .col .cnt .cont_wrap {
        width: 100%;
        margin: 0;
        padding: 0;
        vertical-align: top;
    }

    .col .cnt:nth-of-type(2) .cont_wrap {
        padding: 0;
    }

    .col .cnt .cnt_img {
        width: 100%;
        padding: 0;
        min-height: inherit;

    }

    .col .cnt .cont_wrap .innerwrap {
        padding: 0;
    }

    .col .cnt .cnt_img {
        margin: 0 0 20px 0;
    }

    .col .cnt .cont_wrap .innerwrap .btn {
        display: block;
        max-width: inherit;
    }

}






/* -------------------------------------------
レストラン店舗トップ アクセス
-------------------------------------------*/

table.access_tbl {
    width: 100%;
    max-width: 1400px;
    margin: 40px auto 20px;
    border-top: 1px solid #ddd;
}

table.access_tbl th {
    width: 20%;
    font-size: 18px;
    text-align: left;
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid #ddd;
    font-family: Hiragino Sans, "游ゴシック", YuGothic, "メイリオ", "meiryo", sans-serif;
    font-weight: 400;
}

table.access_tbl td {
    font-size: 14px;
    text-align: left;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

@media (max-width: 680px) {

	table.access_tbl {
    	width: 90%;
    }
    
    table.access_tbl th,
    table.access_tbl td {
        width: 100%;
        display: block;
    }

    table.access_tbl th {
        padding: 20px 0;
        border-bottom: none;
    }

    table.access_tbl td {
        padding: 0 0 10px 0;
    }
}






/* -------------------------------------------
レストラン店舗トップ プラン一覧下ボタン
-------------------------------------------*/


.plans .parts-h2-line {
    padding: 0px 0 20px 0;
    margin: 0;
}

.plans .parts-button-link .buttonholder {
    font-size: 14px;
    float: none;
    width: 100%;
}

.plans .parts-button-link .buttonholder a {
    position: relative;
    display: block;
    max-width: 34em !important;
    font-size: 14px !important;
    line-height: 2;
    margin: 0 auto;
    padding: 10px 26px !important;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #541517;
    border: none;
    font-weight: normal;
}

.plans .parts-button-link .buttonholder a:hover {
    border: none;
    background: rgba(84, 21, 23, 0.7);
}


.plans .parts-button-link .buttonholder a::before {
    display: none;
}

.plans .parts-button-link .buttonholder a::after {
    position: absolute;
    top: 50%;
    right: 8px;
    left: inherit;
    display: block;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}



@media (max-width: 680px) {}





/* -------------------------------------------
プラン一覧 カルーセル
-------------------------------------------*/


.plans .parts-text-image-carousel {
    margin-bottom: 0px;
    width: 100%;
    margin: 0 auto;
    padding: 0%;

}

.plans .parts-text-image-carousel .slider-pro-3col {
    width: 100%;
}

.plans .parts-text-image-carousel .slider-pro-3col .sp-slides {
    width: 100%;
    margin: 0;
}

.plans .parts-text-image-carousel .slider-pro-3col .sp-slide {
    width: 31.7% !important;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.plans .parts-text-image-carousel .slider-pro-3col .sp-slide img {
    border: 0px solid #E2E4E3 !important;
    margin: 0;
}


.plans .parts-text-image-carousel .text-area {
    padding: 20px 0;
    background-color: rgba(238, 238, 238, 0.1);
    margin: 0;
}


.plans .parts-text-image-carousel .title {
    font-family: sans-serif;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 8px;
    font-weight: normal;
    padding: 0;
    color: #541517;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
}

.plans .parts-text-image-carousel .title span {
    display: block;
    background-color: transparent;
    color: #333;
    font-size: 16px;
    line-height: 1.2;
    padding: 0;
    margin: 0 0 5px 0;
    text-align: left;
    width: 14em;
    font-family: sans-serif;
}

.plans .parts-text-image-carousel .text {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    padding: 0;
    color: #666;
    display: none;
}

.plans .parts-text-image-carousel .text span {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    padding: 0;
}


.sp-arrow {
    position: absolute;
    display: block;
    width: 20px;
    height: 40px;
    left: 0;
    top: 100px;
    margin-top: 0px;
}

.plans .sp-previous-arrow {
    left: -30px;
    right: auto;
}

.plans .sp-next-arrow {
    right: -30px;
    left: auto;

}

.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
    background-color: #000;
}


.sp-horizontal .sp-next-arrow {
    right: -40px;
}

.sp-horizontal .sp-previous-arrow {
    left: -40px;
}






@media (max-width: 680px) {

    .plans .parts-text-image-carousel .slider-pro-3col .sp-slide {
        width: 100% !important;
    }

    .sp-arrow {
        position: absolute;
        display: block;
        width: 20px;
        height: 40px;
        left: 0;
        top: 0px;
        margin-top: 0px;
    }

    .plans .sp-previous-arrow {
        left: -10px;
        right: auto;
    }

    .plans .sp-next-arrow {
        right: -10px;
        left: auto;

    }

    .plans .sp-next-arrow:after,
    .plans .sp-next-arrow:before,
    .plans .sp-previous-arrow:after,
    .plans .sp-previous-arrow:before {
        content: "";
        position: absolute;
        width: 20%;
        height: 70%;
        background-color: #FFF;
    }

}

/* -------------------------------------------
レストラントップ タイトルイメージ
-------------------------------------------*/


.ttl_img_rest,
.ttl_img_bar,
.ttl_img_cafe {
    display: block;
    height: 30%;
    min-height: 300px;
    margin: 0;
    padding: 0;
}

.ttl_img_rest {
    background: url(../../top/img/ttlimg_rest.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.ttl_img_bar {
    background: url(../../top/img/ttlimg_bar.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.ttl_img_cafe {
    background: url(../../top/img/ttlimg_cafe.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

@media (max-width: 680px) {

    .ttl_img_rest,
    .ttl_img_bar,
    .ttl_img_cafe {
        position: relative;
        top: inherit;
        min-height: 120px;
        padding: 0;
        margin: 0;
    }

    .ttl_img_rest {
        background: url(../../top/img/ttlimg_rest.jpg) center top no-repeat;
        background-size: cover;
        background-attachment: inherit;
    }

    .ttl_img_bar {
        background: url(../../top/img/ttlimg_bar.jpg) center top no-repeat;
        background-size: cover;
        background-attachment: inherit;
    }

    .ttl_img_cafe {
        background: url(../../top/img/ttlimg_cafe.jpg) center top no-repeat;
        background-size: cover;
        background-attachment: inherit;
    }


}




/* -------------------------------------------
タイトルイメージ
-------------------------------------------*/


.ttl_img_menu,
.ttl_img_proom,
.ttl_img_plan,
.ttl_img_fair {
    display: block;
    height: 30%;
    min-height: 300px;
    margin: 0;
    padding: 0;
}

@media (max-width: 680px) {

    .ttl_img_menu,
    .ttl_img_proom,
    .ttl_img_plan,
    .ttl_img_fair {
        position: relative;
        top: inherit;
        min-height: 200px;
        padding: 0;
        margin: 0;
    }
}



/* -------------------------------------------
プラン一覧
-------------------------------------------*/



.parts-restaurant-plan-list {
    display: table;
    width: 100%;
}
.parts-restaurant-plan-list .tabstyle{
	display: none;
}
.parts-restaurant-plan-list .result-item {
    display: inline-block;
    width: calc(99% / 3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    margin: 0;
}

.parts-restaurant-plan-list .column2-l {
    margin: 0;
}

.parts-restaurant-plan-list .column2-l .imgholder {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 15px 0;
    background: none;
}

.parts-restaurant-plan-list .column2-l .imgholder img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
}

.parts-restaurant-plan-list .column2-l,
.parts-restaurant-plan-list .column2-r {
    text-align: left;
    vertical-align: top;
}

.parts-restaurant-plan-list .column2-l .title,
.parts-restaurant-plan-list .column2-r .title {
    text-align: left;
    margin-bottom: 10px;
    font-weight: normal;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    font-size: 22px;
}

.parts-restaurant-plan-list .column2-l .title a,
.parts-restaurant-plan-list .column2-r .title a {
    text-decoration: none;
    position: relative;
    padding: 0 20px 0 0;
    display: inline;
    font-size: 22px;
    line-height: 1.4;
    border-bottom: 1px dotted #000;
}

.parts-restaurant-plan-list .column2-l .title a:before,
.parts-restaurant-plan-list .column2-r .title a:before {
    position: absolute;
    bottom: 10px;
    right: 3px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0;
    border-top: 2px solid #d8af6f;
    border-right: 2px solid #d8af6f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

.parts-restaurant-plan-list .column2-l .text,
.parts-restaurant-plan-list .column2-r .text {
    margin-bottom: 0;
    color: #666;
}
.parts-restaurant-plan-list .column2-l .text.waku,
.parts-restaurant-plan-list .column2-r .text.waku {
    border: none;
    padding: 0;
}

.parts-restaurant-plan-list .column2-l .label,
.parts-restaurant-plan-list .column2-r .label {
    display: inline-block;
    color: #fff;
    font-size: 1.3rem;
    padding: 2px 1.5rem;
    line-height: 2rem;
    margin: 0 0 9px 0;
    background: #8b2828;
    border-radius: 3px;
}



.parts-restaurant-plan-list .resultmessage {
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding: 0 10px 0 0;
    margin-bottom: 40px;
    font-weight: normal;
}

.parts-restaurant-plan-list .resultmessage span {
    font-size: 2rem;
    margin: 0 5px 0 0;
}

.parts-lightbox .inner {
    text-align: center;
}

.format_type {
    text-align: center;
}

.format_type ul {
    margin: 0 20px;
    padding: 0;
    width: auto;
    display: inline-block;
    text-align: left;
}

.parts-text-image-carousel .slider-pro-3col {
    padding: 0 0 40px;
}
.parts-text-image-carousel .slider-pro-3col .sp-slide {
    width: 31.7% !important;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.parts-text-image-carousel .label {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    color: #464646;
    background: none;
}

.parts-text-image-carousel .title span {
    display: block;
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 8px;
    font-weight: normal;
    padding: 0;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif !important;
    text-align: center;
    background: none;
    color: #333;
    width: 100%;
}

@media (max-width: 680px) {

    .banq_plan {
        padding: 80px 0 0 0;
    }

    .parts-restaurant-plan-list .result-item {
        width: calc(100% / 1);
        margin: 0;
        padding: 0;
        background: #fff;
        height: inherit;
    }

    .parts-restaurant-plan-list .column2-l,
    .parts-restaurant-plan-list .column2-r {
        height: inherit;
        margin: 0;

    }

    .parts-restaurant-plan-list .column2-l .imgholder {
        border: none;
        margin: 0 0 15px 0;
    }

    .parts-restaurant-plan-list .column2-l .imgholder img {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        background: none;
    }

    .parts-restaurant-plan-list .column2-l .label,
    .parts-restaurant-plan-list .column2-r .label {
        display: inline-block;
        background: #323232;
        color: #fff;
        font-size: 14px;
        padding: 0 1em;
        line-height: 2;
        margin: 0 0 10px 0;
    }

    .parts-restaurant-plan-list .column2-l .title a,
    .parts-restaurant-plan-list .column2-r .title a {
        text-align: left;
        margin-bottom: 7px;
        font-size: 22px !important;
    }

    .format_type ul {
        width: 90%;
    }
	.parts-text-image-carousel .slider-pro-3col .sp-slide {
	    width: 100% !important;
	}

}






/* -------------------------------------------
プラン詳細
-------------------------------------------*/

.plan_icon{
	margin: 20px 0 0;
}
.plan_icon li {
	display: inline-block;
}
.plan_icon li + li {
	margin: 0 0 0 5px;
}
.plan_icon li img{
	width: 70px;
}
.mem_off{
	background: #000 url(../img/ico_card.png) no-repeat center left 10px;
    background-size: 45px;
    color: #fff;
    display: inline-block;
    margin: 40px 0 0;
    font-size: 16px;
    padding: 8px 20px 8px 66px;
}
.mem_off span{
	font-size: 22px;
	display: inline-block;
	margin: 0 0 0 2px;
}


.plan_price {
    font-size: 16px;
    margin-bottom: 40px;
}
.plan_price span {
    font-size: 22px;
    display: inline-block;
}
.plan_price span.mem {
	color: #99272b;
	font-size: 16px;
}

.parts-h2-label .label {
    background: #8b2828;
    border-radius: 3px;
    color: #fff;
    font-size: 1.5rem;
    padding: 4px 1.5rem;
    line-height: 1.5;
}

.parts-leadtext p {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.6;
}

.parts-h2-label {
    padding: 2% 0 0 0;
}

.parts-h2-label h2 {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    font-weight: normal;
    font-size: 28px !important;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.parts-h2-label h2 span {
    font-size: 0.7em;
    line-height: 1.4;
    color: #8b2828;
}


dl.menu{
	width: 100%;
	display: block;
	float: left;
	margin: 0 0 20px;
	font-size: 1.1em;
}
dl.menu dt{
	width: 100%;
	margin: 0 -6em 5px 0;
	padding: 0 7em 0 0;
	box-sizing: border-box;
	float: left;
}
dl.menu dd{
	float: left;
	width: 6em;
	text-align: right;
}

.alacarte dl.menu dt span{
	font-size: 0.8em;
}
.alacarte .parts-image.parts-column1 {
    background-color: #fff;
    margin: 0 0 25px;
}
.alacarte .parts-image.parts-column1 .caption{
    font-size: 14px !important;
    line-height: 1.6;
    text-align: left;
    margin: 10px 0 0;
}
.alacarte .parts-image.parts-column1 .caption span{
    font-size: 16px !important;
    margin: 0 0 5px;
}
.alacarte .parts-image.parts-column1 .caption.food span {
    font-size: 14px !important;
}

.parts-variable-column2 p.mds_menusub{
	color: #7f0020;
    font-size: 1.2em !important;
    margin: 0px 0 15px;
    font-weight: bold;
}

.tbl_menu{
	font-size: 1.1em;
	width: 100%;
	margin: 0 0 20px;
}
.tbl_menu.top{
	margin: 20px 0 0;
}

.tbl_menu + .tbl_menu{
	margin: -10px 0 0;
}
.tbl_menu th{
	font-weight: normal;
	padding: 0 0 5px;
	text-align: left;
}
.tbl_menu th span{
	font-size: 0.8em;
}
.tbl_menu td{
	width: 6em;
	text-align: right;
	vertical-align: bottom;
	padding: 0 0 5px;
}
.tbl_menu.item tr:first-child td{
	font-size: 12px;
	line-height: 1.2;
	vertical-align: bottom;
}
.tbl_menu th rb,
dl.menu dt rb{
	font-size: 1.4em;
}
.tbl_menu th rt,
dl.menu dt rt{
	font-size: 0.7em;
}
.tbl_menu.line {
    font-size: 1.05em;
    margin: 0 0 60px;
}
.tbl_menu.line tr {
    border-bottom: 1px solid #ddd;
}
.tbl_menu.line td,
.tbl_menu.line th {
    padding: 7px 0;
    vertical-align: middle;
}
.tbl_menu.line th.ml {
	text-align: right;
	padding: 0;
}

.parts-text-image.parts-column2 .imgholder {
    border: none;
}
.parts-smalltext p {
    font-size: 1.3rem;
}
.parts-text-image.parts-column2 .title {
    font-weight: normal;
    font-size: 18px !important;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif !important;
}

.reserve_set{
	display: inline-block;
	margin: 0 auto;
}
.reserve_set li{
	display:inline-block;
	margin: 0 10px;
}
.reserve_set li a{
    border: 1px solid #7f0020;
    display: block;
    padding: 15px 0;
    width: 262px;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 110%;
}
.reserve_set li a:before {
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 7px;
    top: 50%;
    margin-top: -4px;
}

.reserve_set li a:hover {
    transition: 0.5s;
    opacity: 0.6;
}
.reserve_set li a.sta{
	background-color: #ffffff;
    color: #7f0020;
}
.reserve_set li a.sta:before{
	background: url(/-/Media/common/images/icon-arrow-right-red.png) no-repeat 0 0;
    right: 12px;
}
.reserve_set li a.mem{
	background-color: #7f0020;
    color: #fff;
}
.reserve_set li a.mem:before{
	background: url(/-/Media/common/images/icon-arrow-right-white.png) no-repeat 0 0;
    right: 12px;
}

@media (max-width: 767px) {
	.parts-image.parts-column4 .column {
	    width: 86%;
	}
	.parts-image.parts-column4 .column:nth-child(odd),
	.parts-image.parts-column4 .column:nth-child(even) {
	    float: none;
	}
}


@media (max-width: 680px) {
	.mem_off {
	    background: #000 url(../img/ico_card.png) no-repeat center left 10px;
	    background-size: 35px;
	    display: block;
	    padding: 8px 15px 8px 55px;
	}
    .parts-h2-label h2 {
        font-size: 20px;
    }

    .parts-h2-label h2 br {
        display: none;
    }
    dl.menu dt,
    dl.menu dd,
    .tbl_menu th,
    .tbl_menu td{
		font-size: 1.5rem;
	}
	.parts-leadtext p {
    	font-size: 16px;
    }
	.alacarte .column2-l p,
	.alacarte .column2-r p {
	    margin: 0;
	}

    .parts-h2-label {
        padding: 8% 0 0 0;
    }

    .parts-h2-label h2 {
        font-size: 20px;
    }

    .parts-h2-label h2 br {
        display: none;
    }
    .reserve_set li{
		margin: 0 10px 10px;
	}

}


.parts-Html .lead {
    line-height: 1.6;
    font-size: 20px !important;
    margin: 0 0 1em 0;
    padding: 0;
    text-align: center;
}


.parts-h2 {
    position: relative;
    padding: 3rem 0 0 0;
    margin: 5% 0 5% 0;
    border-top: 3px solid #eee;
    color: #541517;
}

.parts-h2::before {
    content: "";
    display: block;
    width: 30px;
    padding: 0;
    border-top: 3px solid #541517;
    position: absolute;
    top: 0;
    left: 50%;
    margin: -3px 0 0 -15px;
}


.parts-variable-column2 {
    font-size: 16px !important;
}

.parts-variable-column2.last {
    margin: 0 0 40px;
}

.result-item {
    margin: 0 0 40px;
}

.column2-l,
.column2-r {
    text-align: left !important;
}

.column2-l img,
.column2-r img {
    width: 100% !important;
    height: auto !important;
}

.parts-variable-column2 .title {
    font-weight: normal;
    font-size: 20px !important;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif !important;
}

.parts-variable-column2 p {
    font-size: 16px !important;
    line-height: 2;
    color: #333;
}

.text-area .title,
.text-area .title span {
    font-weight: normal;
    font-size: 18px !important;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif !important;
}


.parts-button-contact {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 10px;
    padding: 20px;
}

.parts-button-contact .title {
    font-weight: normal;
    font-size: 20px !important;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif !important;
}


/* -------------------------------------------
レストラン予約
-------------------------------------------*/

.reserve {
    padding: 0 0 30px 0;
    margin: 0;
    background-color: #2f2f2f;
    color: #fff;
}

.reserve .wrapper {
    max-width: 1000px;
}

.reserve .cont_ttl {
    margin: 0 0 0 0;
}


.reserve .cont_ttl .ttl {
    position: relative;
    font-size: 30px;
    line-height: 1.4;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    font-weight: normal;
    padding: 0;
    margin: 0 0 2% 0;
}

.reserve .cont_ttl .ttl::before {
    display: block;
    height: 5px;
    width: 80px;
    content: "";
    margin: 0 auto 20px auto;
    background: #d8af6f;
    background-size: contain;
}

.reserve p {
    color: #fff;
}



.reserve .resbtns {
    display: block;
    padding: 0;
    margin: 0 -30px 0 0;
    list-style: none;
    font-size: 0;
}

.reserve .resbtns .inner {
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 0 30px 0 0;
    font-size: 14px;
}

.reserve .resbtns .inner.btn_3 {
    display: inline-block;
    width: 33%;
    margin: 0;
    padding: 0 30px 0 0;
    font-size: 14px;
}

.reserve .resbtns .mds {
    color: #fff;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0;
    float: none;
    border-bottom: none;
}

.reserve ul {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
    font-size: 0;

}

.reserve ul li {
    display: table-cell;
    width: 50%;
    padding: 0;
    margin: 0;
    font-size: 18px;
}

.reserve a.btn_res,
.reserve a.btn_res_mem {
    position: relative;
    display: block;
    max-width: 34em;
    font-size: 18px;
    line-height: 1.4;
    margin: 0 auto;
    padding: 15px 26px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #8b2828;
    border: none;

}

.reserve a.btn_res:hover,
.reserve a.btn_res_mem:hover {
    border: none;
    background: rgba(139, 40, 40, 0.7);
}

.reserve a.btn_res {
    color: #000;
    background: #ffffff;
}

.reserve a.btn_res:hover {
    background: rgba(255, 255, 255, 0.7);
}

.reserve a.btn_res::before,
.reserve a.btn_res_mem::before {
    position: absolute;
    top: 50%;
    right: 14px;
    left: inherit;
    display: block;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 0;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

.reserve a.btn_res::before {
    border-top: 1px solid #8b2828;
    border-right: 1px solid #8b2828;
}

@media screen and (min-width: 767px) {

	#plan.reserve {
		padding: 10px 0 0px 0;
		position: fixed;
	    bottom: 0;
	    width: 100%;
	    z-index: 100;
	    background-color: rgba(47, 47, 47, 0.9);
	}
	#plan.reserve .resbtns .mds {
	    margin: 0 0 5px 0;
	    font-size: 15px;
	}
	#plan.reserve ul {
	    margin: 0 0 12px 0;
	}
	#plan.reserve a.btn_res,
	#plan.reserve a.btn_res_mem {
	    padding: 10px 26px;
	    font-size: 16px;
	}
	#plan.reserve .sp{
		display: none;
	}

}

@media (max-width: 680px) {

    .reserve {
        padding: 0 0 10px 0;
        margin: 0;
    }

    .reserve .resbtns {
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .reserve .resbtns .inner {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    .reserve .resbtns .inner.btn_3 {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }


    .reserve ul {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 0 20px 0;
        list-style: none;
        font-size: 0;
    }

    .reserve ul li {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 18px;
    }
}



/* -------------------------------------------
レストラン予約
-------------------------------------------*/
.overflow-hidden {
    overflow: hidden;
}

#reswin.is-visible {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

#reswin {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    opacity: 0;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    color: #fff;
    background-color: #2f2f2f;
    z-index: 700;
    text-align: center;
    padding: 0 0 3% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

#reswin .tel_num {
    font-size: 24px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    font-weight: normal;
}

#reswin p {
    font-size: 14px;
}



#reswin a.btn {
    position: relative;
    display: inline-block;
    max-width: 34em;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    padding: 6px 26px;
    border-radius: 0px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #767676;
    border: none;
    vertical-align: middle;
}

#reswin a.btn:hover {
    border: none;
    background: rgba(188, 188, 188, 0.7);
}

#reswin a.btn::before {
    position: absolute;
    top: 50%;
    right: 8px;
    left: inherit;
    display: block;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

#reswin .contact {
    display: block;
    padding: 10px 0;
    margin: 0;
    background: rgba(255, 255, 255, 0);
    border-top: 3px solid #696969;
    border-bottom: 3px solid #696969;
}

#reswin .contact .mds {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    margin: 0 0 0px 0;
    padding: 0;
    float: none;
}

#reswin .contact ul {
    display: table;
    width: inherit;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    font-size: 0;

}

#reswin .contact ul li {
    display: table-cell;
    width: auto;
    padding: 0 10px;
    margin: 0;
    text-align: left;
    vertical-align: middle;
}


@media (max-width: 680px) {

    #reswin {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: fixed;
        opacity: 0;
        left: 0;
        top: 0;
        bottom: inherit;
        height: 100%;
        width: 100%;
        color: #fff;
        background-color: #2f2f2f;
        z-index: 700;
        text-align: center;
        padding: 0 0 50px 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }

    #reswin p {
        font-size: 12px;
    }

    #reswin .contact ul {
        display: block;
        padding: 0;
        margin: 0;
    }

    #reswin .contact ul li {
        display: block;
        width: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        vertical-align: middle;
    }

    #reswin a.btn {
        position: relative;
        display: block;
        max-width: auto;
        font-size: 16px;
        line-height: 1.4;
        margin: 10px auto 0;
        padding: 10px 26px;
        color: #fff;
    }

    #reswin .tel_num a {
        font-size: 20px;
        text-decoration: none;
        color: #fff;
    }
}


.parts-text-image-carousel .slider-pro-3col .sp-slides{
	width:100%;
	margin:0;
}


/* -------------------------------------------
個室紹介
-------------------------------------------*/

.venue_info {
    border: 3px solid #eee;
    box-sizing: border-box;
    padding: 30px;
    font-size: 1.2em;
    margin: 0 auto 30px;
    display: inline-block;
}
.venue_info  dl{
    width: 420px;
    text-align: left;
}
.venue_info  dl dt{
    display: inline-block;
    width: 8em;
    vertical-align: top;
}
.venue_info  dl dd{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 0 -8em;
    padding: 0 0 0 8em;
    vertical-align: top;
}
.center{
    text-align:center;
}

@media all and (max-width: 680px) {
	.venue_info  dl{
	    width: 100%;
	}
}

/* -------------------------------------------
キャンペーンバナー
-------------------------------------------*/

.topbnr_area{
	background: #eee;
	margin: 60px 0;
	padding: 60px 0;
}
.topbnr_area ul{
	width: 100%;
	text-align: center;
}
.topbnr_area ul li{
	background: #fff;
	width: 32%;
	display:inline-block;
	margin: 0 2% 0 0;
	vertical-align: top;
}
.topbnr_area ul li:nth-child(3n + 3){
	margin: 0; 
}
.topbnr_area ul li img{
	width: 100%;
}
.topbnr_area ul li a{
	display: block;
	text-decoration: none;
}
.topbnr_area ul li p{
	padding: 20px 10px;
	font-size: 16px;
	position: relative;
}
.topbnr_area ul li p:after {
    display: block;
    width: 8px;
    height: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    border-top: 2px solid #d8af6f;
    border-right: 2px solid #d8af6f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
}

@media screen and (max-width: 767px) {
	.topbnr_area {
	    padding: 50px 0 30px;
	}
	.topbnr_area ul li,
	.topbnr_area ul li:nth-child(3n + 3){
		width: 100%;
		margin: 0 0 20px;
	}
}




/* -------------------------------------------
印刷時
-------------------------------------------*/
@media print { 
	#scWebEditRibbon{
		display:none;
	}
}