@charset "UTF-8";@media only screen and (min-width:680px){body{width:100%;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P ゴシック", "MS P Gothic", sans-Serif;margin:0;padding:0;font-size:16px;color:#000000;background-color:#ffffff;-webkit-text-size-adjust:none;}
#main{width:900px;overflow:hidden;margin:0 auto 0 auto;padding:0;text-align:center;border-right:solid 2px #e5e4e6;border-left:solid 2px #e5e4e6;background-color:#ffffff;}
#header{width:100%;margin:0 auto 0 auto;background-image:url(../img/header.png);background-repeat:repeat-x;}
#header h1{margin:0 auto 0 auto;width:900px;padding:2px 0 0 5px;font-weight:normal;text-align:left;font-size:10px;color:#69821b;}
#header #header_inner{height:100px;padding:0;margin:0 auto 0 auto;}
#h_logo{padding:0;text-align:center;font-size:14px;color:#000000;line-height:1.5;text-decoration:none;}
#h_logo h2{margin:0;padding:28px 0 4px 0;font-size:22px;color:#000000;letter-spacing:0.05em;}
#h_logo a{font-size:22px;color:#000000;text-decoration:none;}
#h_logo a:hover{font-size:22px;color:#888888;text-decoration:none;}
#header-menu{
clear:both;width:100%;margin:0;padding:0;height:38px;text-align:left;
border-top:solid 2px #dddddd;border-bottom:solid 2px #dddddd;
background-image:url(../img/head_menu_back_base.gif);background-repeat:repeat-x;
}
#header-menu ul{
width:900px;text-align:left;margin:0 auto 0 auto;padding:0;
background-image:url(../img/head_menu_back_base.gif);background-repeat:repeat-x;
}
#header-menu li{display:inline;list-style-type:none;float:left;color:#ffffff;}
#header-menu li a{font-size:12px;color:#fffffc;text-align:center;display:block;line-height:1.5;letter-spacing:0.05em;border-right:solid 1px #94a26b;text-decoration:none;padding:11px 28px 9px 28px;background-image:url(../img/head_menu_back_abase.gif);background-repeat:repeat-x;}
#header-menu li a:hover{color:#fffffc;background-image:url(../img/head_menu_back_hover.gif);background-repeat:repeat-x;}
#header-menu li.home a{border-left:none;padding:9px 28px 7px 28px;}
#header-menu span.sub{color:#fce9c8;}
.phone{display:none;}
#header-img{width:100%;margin:2px 0 20px 0;text-align:center;}
.main_photo{display:block;margin:0 auto 0 auto;}
#container{width:885px;margin:0 auto 0 auto;overflow:hidden;padding:12px 10px 6px 5px;background-color:#ffffff;background-repeat:repeat-y;}
#contents{float:right;margin:0;padding:4px 0 5px 0;font-size:16px;width:640px;letter-spacing:0.05em;text-align:left;line-height:1.7;}
#contents #pannavi{margin:0 0 6px 0;padding:0 0 8px 0;font-size:14px;}
#contents #pannavi a{font-size:14px;}
#contents h2{height:45px;margin:0 0 10px 0;padding:11px 0 0 26px;font-size:18px;background-image:url(../img/titlebar.gif);background-repeat:no-repeat;}
#contents h3{margin:3px 3px 3px 3px;padding:3px 10px 3px 18px;font-size:18px;border-left:solid 5px #3cb371;}
#contents p{margin:15px 0 15px 0;padding:0 2px 0 2px;line-height:1.7;font-size:16px;clear:both;}
#contents a{color:#0066ff;}
#contents a:hover{color:#ff6600;}
#contents ul{padding-left:30px;padding-top:20px;padding-bottom:20px;font-size:18px;list-style-position:outside;}
img.picture{margin:0 10px 10px 0;float:left;}
img.picture_r{margin:0 5px 10px 10px;float:right;}


table.table_line{border-collapse:collapse;border:solid 1px #000000;}
table.table_iro{border-collapse:collapse;border:solid 1px #000000;}
table.table_kuti{border-collapse:collapse;border:solid 1px #000000;width:100%;}
table.table_100{border-collapse:collapse;border:solid 1px #000000;width:100%;}
td.table_line{border-collapse:collapse;border:solid 1px #000000;padding:6px 6px 6px 4px;text-align:center;width:auto;}
td.table_iro{border-collapse:collapse;border:solid 1px #000000;padding:6px 6px 6px 4px;text-align:center;width:auto;background-color:#fff8e3;}
td.table_hidari{border-collapse:collapse;border:solid 1px #000000;padding:6px 6px 6px 4px;text-align:left;width:auto;}
td.table_irohidari{border-collapse:collapse;border:solid 1px #000000;padding:6px 6px 6px 4px;text-align:left;width:auto;background-color:#fff8e3;}

/*---------- 20210419追加 ----------*/
td.table_irohidari {
    width: 25%;
}
/*---------- 20210419追加 終わり ----------*/

#menu{float:left;margin:0 0 15px 0;padding:0;width:220px;text-align:left;letter-spacing:0.05em;}
.menulist{margin:0 0 28px 0;padding:5px 2px 0px 5px;width:210px;text-align:left;}
.menulist h2{height:26px;margin:0;padding:7px 0 0 12px;font-size:14px;color:#fffffc;background-image:url(../img/sidebar.gif);background-repeat:no-repeat;}
.menulist h3{height:26px;margin:0;padding:7px 0 0 12px;font-size:14px;color:#fffffc;background-image:url(../img/sidebar.gif);background-repeat:no-repeat;}
.menulist ul{margin:0;padding:0;}
.menulist li{margin:0;padding:0;list-style:none;}
.menulist li a{color:#627a16;display:block;border-right:solid 1px #dddddd;border-bottom:solid 1px #dddddd;border-left:solid 1px #dddddd;padding:8px 4px 3px 30px;font-size:13px;line-height:1.9;text-decoration:none;background-image:url(../img/side_menu_bg.gif);background-repeat:no-repeat;}
.menulist li a:hover{color:#95a749;background-image:url(../img/side_menu_bg_hover.gif);background-repeat:no-repeat;}
.menu_top{margin:0 0 5px 5px;padding:0;text-align:left;}
.menu_top a{color:#993300;padding:6px 0 6px 0;line-height:1.8;}
.menu_top a:hover{color:#666666;}
.menu_top p{margin:0;padding:0;line-height:1.8;}
.menu_btn_under{margin:0 0 10px 0;padding:0 0 0 5px;text-align:left;}
.menu_btn_under a{margin:0 0 8px 0;color:#993300;display:block;padding:0;font-size:13px;line-height:1.8;text-decoration:none;}
.menu_btn_under a:hover{color:#666666;}
.menu_back{display:none;}
#footer{clear:both;width:100%;margin:0;padding:30px 0 30px 0;text-align:center;font-size:14px;color:#333333;line-height:1.8;border-top:solid 2px;border-top-color:#99ab4e;background-color:#ffffff;}
#footer a{color:#555555;font-size:14px;text-decoration:none;}
#footer a:hover{color:#777777;text-decoration:none;}
}
@media screen and (min-width:680px) and (max-width:920px){#main{min-width:900px;}
#header-menu ul{width:100%;display:table;}
#header-menu li{display:table-cell;float:none;}
#header-menu li a{padding-right:0;padding-left:0;}
#header-menu li.home a{padding-right:0;padding-left:0;}
}
#contents h3.white{margin:20px 4px 20px 4px;padding:10px 0 6px 0;line-height:1.6;color:#792b04;border-top:none;border-right:none;border-bottom:solid 2px #aaaaaa;border-left:none;background-color:#ffffff;background-image:none;}
#contents h4.memo{margin:12px 0 10px 0;padding:15px 10px 11px 16px;line-height:1.4;color:#df5f08;border-bottom:solid 1px #df5f08;border-left:solid 5px #df5f08;background-color:#fbe8d3;}
#contents h4.memo_w{margin:12px 0 10px 0;padding:16px 10px 10px 16px;line-height:1.4;color:#54351f;background-color:#fff8ee;}
#contents h4.border{height:34px;margin:10px 0 15px 0;padding:10px 10px 0 4px;line-height:1.4;color:#e85922;border-top:none;border-right:none;border-bottom:solid 3px #966934;border-left:none;background-color:#ffffff;}
img.line{margin:0 8px 4px 0;vertical-align:middle;}
img.head_photo{margin:0 0 16px 0;}
hr.line{margin:0 0 10px 0;padding:2px 0 6px 0;border:0;border-bottom:dotted 1px #666666;}
p.back{margin:0;padding:0 5px 0 0;text-align:right;}
p.ce{text-align:center;}
p.ri{text-align:right;}
img.picture_le{margin:0 10px 10px 0;float:left;}
img.picture_ri{margin:0 5px 10px 10px;float:right;}
img.picture_ce{margin:5px 0 5px 0;display:block;margin-left:auto;margin-right:auto;}
br.clear{display:block;clear:both;}
span.big{font-size:1.12em;line-height:1.9;}
span.b_big{font-weight:bold;font-size:1.12em;line-height:1.7;}
span.red{color:#e60033;}
span.bold{font-weight:bold;}
span.red_b{color:#e60033;font-weight:bold;line-height:1.7;}
span.red_big{color:#e60033;font-weight:bold;font-size:1.12em;line-height:1.7;}
span.blue{color:#007bbb;}
span.green{color:#00ae4f;}
#menu hr.line{margin:0;padding:2px 0 6px 0;border:0;border-bottom:dotted 1px #666666;}
.menu_back p.back{margin:6px 0 0 0;padding:0 5px 0 0;text-align:right;}
.scroll{width:180px;height:28px;}

dt {
/左に寄せる/
float: left ;
/後続の左寄せを解除/
clear: left ;
margin-right: 0.5em ;
width: 180px ;
}
dd {
float: left ;
margin-left: 1em ;
}

/県別メニュー/
.menuken {margin:0;padding:0;list-style:none;}
.menuken a{
color:#627a16;border-right:solid 1px #dddddd;border-bottom:
solid 1px #dddddd;border-left:solid 1px #dddddd;padding:8px 4px 3px 4px;
font-size:14px;line-height:1.9;text-decoration:none;
background-image:url(../img/ken_menu_bg.gif);background-repeat:no-repeat;
}
.menuken a:hover{
color:#95a749;background-image:url(../img/ken_menu_bg_hover.gif);
background-repeat:no-repeat;
}

#contents .menuken .bingo {
  background-image:url(../img/ken_menu_bg_red.gif);
  color:#fff;
}
#contents .menuken .bingo:hover {
  background-image:url(../img/ken_menu_bg_hover.gif);
  color:#ff6600;
}

/*---------- ボタン ----------*/

.btn-1 {
    background-color: #61c359; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    opacity: 0.8;
}

.btn-1:hover {
    box-shadow: none;
    transform: translateY(2px);
}

.btn-1 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
}

.btn-1 > img { float: left; }
.btn-1::after{ content: ''; clear: left; }


/*---------- 口コミアンケートフォーム関係  ----------*/


[v-cloak]{  /* Vue.jsのチラつき防止（フォームに直接関係はなし） */
    display: none;
}
.warning_message-enter-active,
.warning_message-leave-active{
    transition: opacity .3s;
}
.warning_message-enter,
.warning_message-leave{
    opacity: 0;
}
#formArea .reset{
    margin: 0 !important;
    padding: 0 !important;
}
#formArea .reset::before{
    display: none;
}

#formArea .font-center{
    text-align: center;
}
#formArea p.warning{
    margin: 0;
}

#formArea input, #formArea textarea{
    box-sizing: border-box;
    border: solid 1px #949494;
}
#formArea ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
#formArea .small-font{
    font-size: .85rem;
}
#formArea label{
    cursor: pointer;
}
#formArea > form > div{
    margin-bottom: 30px;
}
#formArea > form > div:not(.notStyle) div:first-child{
    margin-bottom: 10px;
    /* border-left: 10px solid #bbcfaa; */
}
#formArea > form > div:not(.notStyle) div:first-child::before{
    content: '';
    border-left: 5px solid #bbcfaa;
    margin-right: 5px;
}
#formArea .warning{
    overflow: hidden;
    color: #ff0000;
}
#formArea .buttonWrap{
    text-align: center;
}
#formArea .buttonArea{
    display: inline-block;
    /* text-align: center; */
}
#formArea button{
    border: none;
    background: transparent;
    cursor: pointer;
}
#formArea button:disabled{
    cursor: default;
    opacity: 0.7;
}

#formArea textarea{
    resize: none;
}


/* URL記入エリア */
#url{
    /* font-size: 1em; */       /* 住所記入エリア内の文字の大きさ(現在は無効) */
    padding: 5px;         /* URLエリア内での上下左右の余白 */
    width: 100%;          /* URLエリアの横幅 (pxでの指定の場合700pxより大きくすると表示が崩れる) */
}

/* 住所記入エリア */
#home_address{
    /* font-size: 1em; */       /* 住所記入エリア内の文字の大きさ(現在は無効) */
    padding: 5px;         /* 住所記入エリア内での上下左右の余白 */
    width: 100%;          /* 住所記入エリアの横幅 (pxでの指定の場合700pxより大きくすると表示が崩れる) */
}

/* 感想エリア */
#formArea textarea{
    font-size: 1.2em;     /* テキストエリア内での文字の大きさ */
    height: 12rem;        /* テキストエリアの高さ (pxでの指定が可能) */
    width: 100%;          /* テキストエリアの横幅 (pxでの指定の場合700pxより大きくすると表示が崩れる) */
}


/* 以下はスマホなどで見たときの記入エリアの見た目（横幅はpxで指定せず、%で指定する） */
@media (max-width: 699px){
    /* URL記入エリア */
    #url{
        width: 100%;          /* URLエリアの横幅 */
    }
    /* 住所記入エリア */
    #home_address{
        width: 100%;          /* 住所記入エリアの横幅 */
    }
    /* 感想エリア */
    #formArea textarea{
        height: 12rem;        /* テキストエリアの高さ (pxでの指定が可能) */
        width: 100%;          /* テキストエリアの横幅 */
    }
}


/*---------- 口コミアンケートフォーム関係  終わり----------*/