@charset "UTF-8";html, body, header, nav, article, section, aside, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot{margin:0;padding:0;}
header, nav, article, section, aside, footer{display:block;}
#contents ul{padding-left:30px;padding-top:20px;padding-bottom:20px;list-style-position:outside;}
img{max-width:100%;height:auto;border:0;}
a:link{color:#0066ff;}
a:visited{color:#0066ff;}
a:hover{color:#ff6600;}
p{margin:15px 0 15px 0;line-height:1.7;letter-spacing:0.05em;}
@media only screen and (max-width:679px){body{width:100%;font:87.5% 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;color:#333333;letter-spacing:0.05em;-webkit-text-size-adjust:100%;}
#main{background-color:#ffffff;}
#header{width:100%;height:auto;padding:0 0 4px 0;line-height:1.6;}
#header h1{display:none;}
#header #header_inner{margin:0;padding:4px;background-color:#ffffff;}
#h_logo{width:100%;padding:0;text-align:center;color:#666666;}
#h_logo h2{padding:8px 0 4px 0;margin:0;}
#h_logo img{max-width:100%;height:auto;}
#h_logo a{color:#666666 !important;text-decoration:none;font-size:1em;}
#h_logo a:hover{color:#888888 !important;text-decoration:underline;font-size:1em;}
#header-menu{margin:0 1px 4px 1px;}
#header-menu ul{padding:0;}
#header-menu ul li{width:50%;margin:0;padding:0;float:left;list-style:none;text-align:center;}
#header-menu li a{width:100%;font-size:0.68em;padding:13px 0 13px 0;display:block;line-height:1.2;letter-spacing:0.05em;color:#fff6e7 !important;text-decoration:none;border-left:1px solid #94a26b;border-bottom:1px solid #c2c775;background:#77b258 url(../img/head_menu_back_abase.gif) repeat-x;}
#header-menu li a:hover{color:#fff6e7 !important;display:block;text-decoration:none;background:#77b258 url(../img/head_menu_back_hover.gif) repeat-x;}
#header-menu li.home a{border-left:none;}
#header-menu span.sub{display:none;}
.clearfix:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
#header-img{width:100%;height:auto;margin:0 0 12px 0;}
.main_photo{display:block;margin:0 auto 0 auto;}
#container{padding:0;}
#contents{padding:8px 6px 10px 6px;font-size:1em;}
.article{margin:0;padding:0;}
.section{margin:0 0 20px 0;padding:0 0 5px 0;}
#contents #pannavi{margin:0 0 5px 0;padding:0 0 8px 0;font-size:0.92em;}
#contents h2{margin:0 0 7px 0;padding:9px 8px 5px 12px;font-size:1.28em;color:#fffffc;line-height:1.7;background:url(../img/h_bg.gif) center repeat-x;}
#contents h2.txt{margin:0 0 7px 0;padding:0;border:none;font-size:1.28em;color:#54351f;background:none;}
#contents h2.txt2{margin:0 0 7px 0;padding:0;border:none;font-size:1.28em;color:#54351f;background:none;}
#contents h2.page_title{margin:0 0 10px 0;padding:12px 0 8px 12px;font-size:1.28em;color:#882200;line-height:1.6;border-top:solid 2px #cccccc;border-right:solid 2px #cccccc;border-bottom:solid 3px #882200;border-left:solid 4px #882200;background-color:#fff8e3;background-image:none;}
#contents h3{margin:3px 3px 3px 3px;padding:3px 10px 3px 18px;font-size:1.28em;border-left:solid 5px #3cb371;}
#contents h3.beta{margin:12px 3px 10px 3px;padding:10px 10px 8px 13px;line-height:1.6;font-size:1.28em;color:#fffffc;border-top:solid 1px #c85d15;border-right:solid 1px #c85d15;border-bottom:solid 1px #c85d15;border-left:solid 5px #c85d15;background:url(../img/h3_beta.gif) repeat-x;}
#contents h3.point{margin:10px 0 10px 0;padding:8px 10px 6px 10px;line-height:1.4;font-size:1.28em;color:#e85922;border-top:solid 1px #888888;border-right:none;border-bottom:solid 4px #663300;border-left:none;background-image:url(../img/h3_point.gif);}
#contents p{padding-right:2px;padding-left:2px;line-height:1.6;}
/*行間隔の指定　20210219*/
#contents ul{line-height:2.5;}
img.picture{display:block;clear:both;margin:20px auto 20px auto;}
img.picture_r{display:block;clear:both;margin:20px auto 20px auto;}

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;}

.movie{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-top:20px;margin-bottom:20px;}
.movie iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.map{position:relative;padding-bottom:75%;height:0;overflow:hidden;}
.map iframe{position:absolute;top:0;left:0;padding:6%;width:88% !important;height:100% !important;}
#menu{margin:0 0 20px 0;}
.menulist{width:100%;text-decoration:none;margin:0 0 25px 0;}
.menulist h2{padding:10px 0 6px 14px;font-size:1.18em;color:#fffffc;border-bottom:solid 1px;border-bottom-color:#583822;background:url(../img/h_bg_gray.gif) center repeat-x;}
.menulist h3{padding:10px 0 6px 14px;font-size:1.18em;color:#fffffc;border-bottom:solid 1px;border-bottom-color:#583822;background:url(../img/h_bg_gray.gif) center repeat-x;}
.menulist ul{width:100%;border-top:solid 1px;border-top-color:#cccccc;}
.menulist li{width:100%;list-style:none;text-align:center;}
.menulist li a{position:relative;padding:13px 10px 8px 10px;display:block;color:#54351f !important;text-decoration:none;border-bottom:solid 1px;border-bottom-color:#cccccc;background:url(../img/nav_bg.gif) repeat-x;}
.menulist li a:hover{color:#745a45 !important;display:block;text-decoration:none;border-bottom:solid 1px;border-bottom-color:#cccccc;background:url(../img/nav_bg_hover.gif) repeat-x;}
.menulist li a:after{content:url(../img/flow_icon.png);position:absolute;right:10px;}
.menu_free{margin:0 0 20px 0;padding:0 0 5px 0;font-size:1em;color:#333333;background-color:#f1f0f0;}
.menu_free h2{margin:0 0 6px 0;padding:10px 0 6px 14px;font-size:1.18em;color:#fffffc;border-bottom:solid 1px;border-bottom-color:#583822;background:url(../img/h_bg_gray.gif) center repeat-x;}
.menu_free h3{margin:0 0 6px 0;padding:10px 0 6px 14px;font-size:1.18em;color:#fffffc;border-bottom:solid 1px;border-bottom-color:#583822;background:url(../img/h_bg_gray.gif) center repeat-x;}
.menu_free p{padding:0 5px 0 5px;font-size:1em;line-height:1.7;color:#333333;}
.menu_top{display:none;}
.menu_btn_under{display:none;}
.menu_back{display:inline;}
#footer{width:auto;padding:20px 10px 20px 10px;color:#333333;line-height:1.7;text-align:center;background-color:#ffffff;}
#footer p{padding:10px;color:#555555;}
#footer a{color:#555555 !important;}
#footer a:hover{color:#777777 !important;}
#footer a:visited{color:#555555;}
#footer small{padding:10px;font-size:0.92em;color:#555555;}
#footer small a{color:#555555 !important;text-decoration:none;}
#footer small a:hover{color:#777777 !important;text-decoration:underline;}
#footer small a:visited{color:#555555;text-decoration:none;}


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 30px;
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/side_menu_bg_hover.gif);
background-repeat:no-repeat;
}



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


[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%;          /* テキストエリアの横幅 */
    }
}


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


}