@charset "euc-jp";
/* CSS Document */
* {
    margin:0;
    padding:0;
}
body {
    margin:0;
    padding:0;
    font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color:#999999;
    font-size:80%;
    background:#CCCCCC;
    }

html {
    overflow-y:scroll;
    }
p,li {
    line-height:1.6;
    }
p {
    margin:0 0 1em 0;
    }
li {
    list-style-type:none;
    }
img {
    border:0;
    }
.clear {
    clear:both;
    }

.spacer {
    display:none;
    font-size:0px;}

/*
 Link Color [
----------------------------------------------------------- */
a:link,a:visited,a:hover,a:active {
    text-decoration: underline;
    }

/*
 all [
----------------------------------------------------------- */
#wrapper {
    width:1000px;
    margin:0;
    background:#FFFFFF url(images/bg.jpg) top left repeat-y;}

.title-margin {
    margin:50px 0 20px;}

.main-copy {
    padding:22px 0 12px;
    color:#333;
    font-size:12px;
    text-align:left;
    line-height:1.4;}

.main-copy2 {
    padding:0px 0 12px;
    color:#333;
    font-size:12px;
    text-align:left;
    line-height:1.4;}

.main-copy3 {
    padding:0px;
    color:#333;
    font-size:12px;
    text-align:left;
    line-height:1.4;}

.text-copy {
    padding:20px 0 5px;
    color:#333;
    font-size:12px;
    text-align:left;
    line-height:1.4;}

.tadashi {
    font-size: 10px;
    color: #666666;
}

.blue {
    color: #0066CC
}

.wine {
    color: #CC0000;
}

.brown {
    color: #993300;
}

.orange {
    color: #FF6600;
}

.green {
    color: #339966;
}


/*
 Left [
----------------------------------------------------------- */

.logo {
    margin:0;
    background: url("images/logo.jpg") no-repeat;
    }

.logo a {
    display: block;
    padding: 0;
    width:200px;
    height:120px;
    display:block;
    outline: none;}

h1{
    font-size: 10px;
    text-align: left;
    text-indent: -9999px;
    }

#menu ul li {
    float:left;
    }

.news,.news a,.news a:hover,
.access,.access a,.access a:hover,
.room,.room a,.room a:hover,
.food,.food a,.food a:hover,
.service,.service a,.service a:hover,
.price,.price a,.price a:hover,
.member,.member a,.member a:hover,
.access,.access a,.access a:hover,
.inquiry,.inquiry a,.inquiry a:hover,
.atop,.atop a,.atop a:hover
 {
    width:200px;
    height:33px;
    margin:0;
    padding:0;
    display:block;
    text-indent:-9999px;
    text-decoration:none;
    outline: none;}

.news a {
    background:url(images/menu01.jpg) no-repeat;}
.news,.news a:hover {
    background:url(images/menu01_f2.jpg) no-repeat;}

.room a {
    background:url(images/menu02.jpg) no-repeat;}
.room,.room a:hover {
    background:url(images/menu02_f2.jpg) no-repeat;}

.food a {
    background:url(images/menu03.jpg) no-repeat;}
.food,.food a:hover {
    background:url(images/menu03_f2.jpg) no-repeat;}

.service a {
    background:url(images/menu04.jpg) no-repeat;}
.service,.service a:hover {
    background:url(images/menu04_f2.jpg) no-repeat;}

.price a {
    background:url(images/menu05.jpg) no-repeat;}
.price,.price a:hover {
    background:url(images/menu05_f2.jpg) no-repeat;}

.member a {
    background:url(images/menu06.jpg) no-repeat;}
.member,.member a:hover {
    background:url(images/menu06_f2.jpg) no-repeat;}

.access a {
    background:url(images/menu07.jpg) no-repeat;}
.access,.access a:hover {
    background:url(images/menu07_f2.jpg) no-repeat;}

.inquiry a {
    background:url(images/menu08.jpg) no-repeat;}
.inquiry,.inquiry a:hover {
    background:url(images/menu08_f2.jpg) no-repeat;}

.atop a {
    background:url(images/menu09.jpg) no-repeat;}
.atop,.atop a:hover {
    background:url(images/menu09_f2.jpg) no-repeat;}

#add {
    width:200px;
    height:157px;
    background:url(images/address.jpg) no-repeat;
    clear:both;    }

.h3 {
    padding:20px 0 0 26px;
    color:#FFFFFF;
    font-size:10px;
    line-height:1.4;}

.lalala,.lalala a,.lalala a:hover,
.laplaya2,.laplaya2 a,.laplaya2 a:hover    {
    width:200px;
    height:37px;
    margin:0;
    padding:0;
    display:block;
    text-indent:-9999px;
    text-decoration:none;
    outline: none;}


.lalala,.lalala a {
    background:url(images/lalala.jpg) no-repeat;}
.lalala a:hover {
    background:url(images/lalala_f2.jpg) no-repeat;}

.laplaya2,.laplaya2 a {
    background:url(images/laplaya2.jpg) no-repeat;}
.laplaya2 a:hover {
    background:url(images/laplaya2_f2.jpg) no-repeat;}

/*
 Contents [
----------------------------------------------------------- */
#contents {
    width:780px;
    margin:0;
    float:right;}

#contents2 {
    width:790px;
    margin:0;
    float:right;
    background:#FFFFFF;}

#main {
    width:560px;
    float:left;
    margin:0 0px 0 0;}

.go-member {
    float:right;
    width:86px;
    height:30px;
    margin:0;
    padding:0;
    background:#ECE9D8;}

.go-txt {
    font-size:10px;
    padding:13px 0 0;}

.go-txt a {
    color:#0099CC;}
.go-txt a:hover {
    color:#00FF00;}



/*
 aio
----------------------------------------------------------- */
.a-news-date {
    font-size:12px;
    padding:0 20px 0 0;
    text-align:left;
    color:#000000;}
.a-news-title {
    font-size:12px;
    text-align:left;
    line-height:1.1;
    margin:7px 0 7px;}
.a-news-title a {
    color:#000000;    }
.a-news-title a:hover {
    color:#006600;}
.aio-news {
    width:350px;
    border-bottom:dotted 1px #999999;}

/*
 access [
----------------------------------------------------------- */
.access-r1 {
    background:url(access/images/row-bg1.gif) top repeat;}
.access-txt {
    font-size:12px;
    color:#333333;
    line-height:1.4;
    padding:5px;}
.access-txt a {
    color:#008080;}
.gmap-l {
    font-size:10px;
    color:#666666;
    line-height:1.2;
    padding:0 0 5px 0;
    text-align:right;}
.gmap-l a {
    color:#008080;}

/*
 news [
----------------------------------------------------------- */
.news-date {
    background:#666666;
    margin:2px 0;
    text-align:center;
    float:left;
    color:#FFFFFF;
    font-size:12px;
    padding:13px 0;}

.news-date2 {
    margin:2px 0;
    text-align:right;
    float:left;
    color:#999999;
    font-size:12px;
    padding:5px 0 0;}

.item-txt-bg {
    background:url(news/images/item-txt-bg.gif) right top no-repeat;}

.list-title {
    margin:0 auto;
    float:left;
    padding:13px 20px;
    font-size:12px;
    line-height:1.2;}
.list-title a {
    color:#000000;}
.list-title a:hover {
    color:#FF6600;}

.item-float {
    width:275px; margin-right:5px; float:left; border:#999999 1px solid; background:#FFFFFF url(images/item-other-bg.gif) top left repeat-x;
    }

.comment {
    font-size:12px;
    margin:0;
    line-height:1.4;
    text-align:left;
    float:left;
    margin-left:20px;
    color:#000000;}

.sphoto {
    background:#FFFFFF;
    padding:1px;
}

.sphoto-box {
    border:#CCCCCC solid 1px;
    margin:3px 0;}
.stitle {
    font-size:12px;
    color:#000000;
    padding:3px 10px;
    text-align:center;
    font-weight:bold;}
.stitle-b {
    background:#FFFFFF;}

.scomment {
    font-size:10px;
    color:#333333;
    text-align:left;
    line-height:1.2;
    padding:0 10px 5px;}

.p-box1 {
    border-top: #999999 1px solid;
    border-bottom: #999999 1px solid;
    border-left: #999999 1px solid;
    }

.p-box2 {
    border-top: #999999 1px solid;
    border-bottom: #999999 1px solid;
    border-right: #999999 1px solid;
    }

.p-box3 {
    background:#FFFFFF;
    border-left:#999999 1px solid;
    border-right:#999999 1px solid;}

.p-box3-2 {
    background:#FFFFFF;
    border-left:#999999 1px solid;}

/*
 room [
----------------------------------------------------------- */
.room-main {
    width:560px;
    height:381px;}

.g-border {
    border:#333333 solid 1px;}

.r-1 {
    background:url(room/images/eq-bg1.gif) top left;
    border-bottom:#333333 1px dotted;}

.r-2 {
    background:url(room/images/eq-bg2.gif) top left;
    border-bottom:#333333 1px dotted;}

.room-eq {
    color:#333333;
    width:164px;
    margin:3px 10px;
    font-size:12px;}


/*
 food [
----------------------------------------------------------- */

.food-box {
    border-top:#666666 1px solid;
    border-bottom:#666666 1px solid;
    border-left:#666666 1px solid;    }

.food1-0 {
    background:url(food/images/food-bg1.gif) top left repeat;}


.food1 {
    background:url(food/images/food-bg1.gif) top left repeat;
    border-top:#666666 1px dotted;}

.food2-0 {
    background:url(food/images/food-bg2.gif) top left repeat;}

.food2 {
    background:url(food/images/food-bg2.gif) top left repeat;
    border-top:#666666 1px dotted;}

.food3-0 {
    border-right:#666666 1px solid;}

.food3 {
    border-right:#666666 1px solid;
    border-top:#666666 1px dotted;}

.f-name {
    color:#333333;
    font-size:12px;
    padding:5px;
    text-align:left;}

.f-name2 {
    color:#333333;
    font-size:12px;
    padding:5px 5px 0px;
    text-align:left;}

.f-txt {
    color:#333333;
    font-size:12px;
    padding:5px;
    text-align:right;}

.f-subtxt {
    color:#666666;
    font-size:10px;
    padding:0px 5px 5px;
    text-align:left;
    line-height:1;}

.f-price {
    color:#333333;
    font-size:12px;
    padding:5px 15px 5px 5px;
    text-align:right;}

.yen {
    color:#333333;
    font-size:10px;
    padding-left:5px;
    text-align:left;}


/*以下お食事で2010年3月より追加*/
.food-box3_4 {
    width:559px;
    margin:0px auto;
    clear:both;
}

.food-box2 {
    width:376px;
    margin:0px auto;
    clear:both;
}

.food-box_s {
    width:136px;
    border:1px #666666 solid;
}

.food-box_m {
    width:181px;
    border:1px #666666 solid;
}

.food-box_l {
    width:232px;
    border:1px #666666 solid;
}

.food_name_s {
    width:134px;
    text-align:center;
    padding:3px 0;
    font-size:12px;
    color:#333333;
    background: url(food/images/food-bg3.gif) top left repeat;
    border: #FFFFFF 1px solid;
}

.food_name_m {
    width:179px;
    text-align:center;
    padding:3px 0;
    font-size:12px;
    color:#333333;
    background: url(food/images/food-bg3.gif) top left repeat;
    border: #FFFFFF 1px solid;
}

.food_name_l {
    width:230px;
    text-align:center;
    padding:3px 0;
    font-size:12px;
    color:#333333;
    background: url(food/images/food-bg3.gif) top left repeat;
    border: #FFFFFF 1px solid;
}


.f_price_box {
    border-bottom: #999999 1px dotted;
    margin: 5px 0 0px;
    width: 560px;
}

.f_price_box th {
    background: url(food/images/food-bg4.gif) top left repeat;
    text-align: left;
    font-size: 12px;
    padding: 3px 0px 3px 10px;
    width: 118px;
}

.f_price_box td {
    text-align: left;
    font-size: 12px;
    padding: 3px 10px;
    color: #333333;
}

.food_photo {
    border-top: #FFFFFF 1px solid;
    border-right: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
}

/*以下お食事で2013年4月より追加*/
.food-title {
    margin:0 0 15px;
    clear: both;
}

.food-menu1 {
    width: 275px;
    margin: 0 auto 55px;
    padding: 0;
    clear: both;
}

.food-menu2-l {
    float: left;
    width: 275px;
    margin: 0 0 55px;
    padding: 0;
}

.food-menu2-r {
    float: right;
    width: 275px;
    margin: 0 0 55px;
    padding: 0;
}

.mem-l {
    float:right;
    clear:both;
    font-size:10px;
    color:#666666;
    line-height:1.2;
    padding:5px 0;
    text-align:left;
    margin:0;
}


/*
 service [
----------------------------------------------------------- */
.rent-bg1 {
    background:url(service/images/free-bg1.gif) repeat;}
.rent-bg2 {
    background:url(service/images/free-bg2.gif) repeat;}
.rent-bg3 {
    background:url(service/images/free-bg3.gif) repeat;}
.rent-bg4 {
    background:#FFFFFF;}

.rent1 {
    color:#333333;
    width:164px;
    margin:10px;
    font-size:12px;}

.rent1 a {
    color:#006600;}
.rent1 a:hover {
    color:#666666;}

.rent2 {
    font-size:10px;
    line-height:1.2;
    color:#999999;}
.rent3 {
    color:#388B7E;}
.rent2-2 {
    font-size:10px;
    line-height:1.2;
    color:#999999;
    padding:0px 0px 10px 30px;}


.w12 {
    font-size:12px;
    color:#333333;
    text-align:left;
    padding:0 0 10px;}

.w-2 {
    font-size:10px;
    line-height:1.3;
    color:#666666;}

.w-3 {
    font-size:10px;
    line-height:1.3;
    color:#5A3826;
    padding:4px;}

/*service 2013年4月追加*/
.service-free-1 {
    width: 180px;
    float: left;
    margin: 0 10px 0 0;
}

.service-free-2 {
    width: 180px;
    float: left;
    margin: 0;
}

.service-free-kome {
    color: #333;
    font-size: 10px;
    line-height: 1.0;
    padding: 5px 0 0;
}

/*
 price [
----------------------------------------------------------- */
.p-box {
    margin:0 0 20px;
    float:left;}

.a-p-title {
    font-size:12px;
    text-align:center;
    line-height:1.1;
    margin:7px 0 7px;}
.a-p-title a {
    color:#000000;    }
.a-p-title a:hover {
    color:#006600;}


/*
 member [
----------------------------------------------------------- */
.r-subtxt {
    color:#666666;
    font-size:10px;
    line-height:1;}

.tokuten {
    float:left;
    width:280px;}

.toku-r {
    color:#333333;
    font-size:12px;
    line-height:1.2;
    text-align:left;
    padding:0 19px 0 15px;}

.toku-l {
    color:#333333;
    font-size:12px;
    line-height:1.2;
    text-align:left;
    padding:0 15px 0 19px;}

.point {
    color:#333333;
    font-size:10px;
    line-height:1.2;
    text-align:left;}

.vip-bottom {
    background:url(member/images/vip-bottom.gif) top center no-repeat;
    width:560px;
    height:30px;
    clear:both;}

.ex-txt {
    padding:0px 19px 0 0;
    color:#333;
    font-size:12px;
    text-align:left;
    line-height:1.1;}


.main-left {
    float:left;
    width:200px;
}

/*
 Copyright [
----------------------------------------------------------- */
#copyright {
    color:#FFFFFF;
    font-size:10px;
    text-align:left;
    padding:0px 0 5px 10px;
    margin:0;
    clear:both;}

body.page-price .sp,
body.responsible .sp {
    display: none;
    margin: 2em 0;
}

@media (max-width: 768px) {

    body.page-price #menu,
    body.responsible #menu {

    }

    body.page-price #menu,
    body.responsible #menu {

    }

    body.page-price #menu ul,
    body.responsible #menu ul {
        display: flex;
        flex-direction: column;
    }

    body.page-price #menu ul li,
    body.responsible #menu ul li {

    }

    body.page-price #menu ul li a,
    body.responsible #menu ul li a {

    }



    body.page-price .sp,
    body.responsible .sp {
        display: block;
        color: #444;
    }

    body.page-price .pc,
    body.responsible .pc {
        display: none;
    }

    body.page-price img,
    body.responsible img {
        max-width: 100%;
        height: auto;
    }

    body.page-price #wrapper,
    body.responsible #wrapper {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
    }

    body.page-price #wrapper #contents2,
    body.responsible #wrapper #contents2 {
        max-width: 100%;
    }

    body.page-price #wrapper #main,
    body.responsible #wrapper #main {
        max-width: 100%;
        padding: 0 8px;
        box-sizing: border-box;
    }

    body.page-price .sp-head,
    body.responsible .sp-head {
        text-align: center;
        margin: 1em 0 0;
    }

    body.page-price .sp-table,
    body.responsible .sp-table {
        border-color: #444444;
        border-style: solid;
        border-width: 0 0 1px 1px;
        margin: 0 auto 1em;
    }

    body.page-price .sp-table th,
    body.responsible .sp-table th {
        border-style: solid;
        border-width: 1px 1px 0 0;
        margin: 0;
        padding: .5em;
        text-align: center;
    }

    body.page-price .sp-table tr,
    body.responsible .sp-table tr {

    }

    body.page-price .sp-table tr td,
    body.responsible .sp-table tr td {
        border-style: solid;
        border-width: 1px 1px 0 0;
        margin: 0;
        padding: .5em;
        text-align: center;
    }

    body.page-price .main-left,
    body.responsible .main-left {
        background: #1f3035;
        width: 100%;
        float: none;
    }

    #copyright {
        width: 100%;
        background: #1f3035;
        text-align: center;
    }

    body.page-price table,
    body.responsible table {
        max-width: 100%;
    }

    body.page-price iframe,
    body.responsible iframe {
        max-width: 100%;
    }
}