@charset "utf-8";
/*************************************************
style.css
**************************************************/
/*----------------------------------------------
  detail.css上書き部分
-----------------------------------------------*/
/* bodyの文字色・背景色 */
body{background-color:#f9f1dc;color:#333333;}

/* 見出し装飾・リスト・表 */
.contents h2{padding-left:1em;color:#000000;background:#F2E4C1;}
.contents h3{padding-left:1em;position:relative;}
.contents h4{padding-left:0.7em;border-bottom:3px #a4955a dotted;}
.contents h5{}
.contents h6{}
.contents h3:before{top:0;bottom:0;left:0;margin:auto;width:5px;height:90%;margin:auto;background:#4A9339;content:"";display:block;position:absolute;}
.contents ul > li:before{background:#4f8537;}
.contents table th {background:#F2E4C1;}
.contents table th,
.contents table td{border:2px solid #FFFFFF;}

.wrapper{max-width:1100px;margin:0 auto;}
.contents_wrapper{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:40px 77px 48px;background:#fdfbf5;}
.contents_wrapper.inner{line-height:1.5;box-sizing:border-box;padding:70px;}

/*---------------------------------------------
 header
-----------------------------------------------*/
header{margin:0 auto;}
header .wrapper{overflow:hidden;}
header .UD{margin:0;padding:2px 0 0;}
header .page_control{float:right;padding:16px 0 0;}
header .page_control dl{letter-spacing:-.4em;}
header .page_control dl,header .page_control dl dt,header .page_control dl dd{ min-height:27px; margin:0; padding:0; display:inline-block;}
header .page_control dl dd + dd{margin-left:5px;}
header .page_control dl{ height:34px ;margin:0 18px 0 0; padding:0; float:right; overflow:hidden;}
header .page_control dl.color_change{ margin-right:0;}
header .page_control dl dd,header .page_control dl dt{ letter-spacing:normal; }
header .page_control dl.color_change dt,header .page_control dl.textsize_change dt{margin-right:11px;font-weight:bold;font-size:0.9em; }
header .page_control dl.color_change dt{ }
header .page_control dl.textsize_change dt{}
header .page_control dl dd a{ display:inline-block; width:28px; height:27px; box-sizing:border-box;}
header .page_control .lang_search{margin-top:16px;}
header .page_control .foreign_language{display:inline-block;margin-right:23px;padding:3px 14px;border-radius:13px;background:#444;}

header .search{margin:0;padding:0;float:right;text-align:center;}
header .search div{margin:0;padding:0;}
header .search .search_inner{ box-sizing:border-box;}
header .search label.search_txt{display:block;float:left;box-sizing:border-box;width:36px;height:36px;padding:7px;background:#FFF;border:2px #CCC solid;border-right:none;}
header .search label.search_txt img{vertical-align:top;}
header .search label.search_txt:focus{outline:0;}
header .search input.search_txt{box-sizing:border-box; height:36px; width:151px; padding:0px 0.5em 0; line-height:36px;vertical-align:middle;margin-left:6px;border:1px #FFF solid;box-sizing:border-box;}
header .search input.search_bt{display:inline-block;width:55px;height:36px;color:#FFFFFF;margin:0;padding:3px 0;font-weight:bold;background-color:#333333;border:1px #FFF solid; box-sizing:border-box;vertical-align:middle;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-appearance:none;}

#menu_show{display:none;}
#global{width:auto;height:auto;margin:23px 0;padding:0;clear:both;}
#global .search{display:none;}
#global .wrapper{padding:0;border-radius:6px;background:#FFF;overflow:auto;}
#global .wrapper li{float:left;width:20%;}
#global .wrapper li a{display:block;position:relative;padding:7px 8px 18px;text-align:center;}
#global .wrapper li + li a::before{content:"";display:inline-block;position:absolute;left:-2px; top:0; bottom:0;width:4px; height:80%;background:url("../img/border.png") left top repeat-y;margin:auto;}
#global .foreign_language{display:none;}
p.locus{margin:1em auto;font-size:0.9em;}

/*---------------------------------------------
  footer
-----------------------------------------------*/
footer {background:url("../img/bg_wave_02.png") left bottom repeat-x;}
footer .footer_nav{padding:19px 0;margin:50px auto 29px;background:#fdfbf5;text-align:center;}
footer .footer_nav li{display:inline-block;padding:0px 23px;}
footer .footer_nav li a{color:#000;font-size:0.8em;}
footer .footer_nav li + li{border-left:1px #000 solid;}
footer .footer_logo{text-align:center;}
footer .footer_logo dt{margin-bottom:20px;}

footer .reread_link{width:118px;position:fixed;bottom:100px;right:8px; z-index:100;}
footer .reread_link a{display:block;height:114px;overflow:hidden;text-indent:-1000em;background:url(../img/reread_link.png); }
footer .reread_link a:hover{opacity:0.8;}

footer .footer_logo dd.inner_wrap{box-sizing:border-box;width:600px;line-height:1.5;margin:0 auto;padding:15px;border-radius:8px;background:rgba(255, 255, 255, 0.6);color:#000;font-size:0.8em;}
footer .footer_logo dd.inner_wrap .link_btn{margin-top:5px;}
footer .footer_logo dd.inner_wrap .link_btn{display:inline-block;padding:12.5px 9px;border-radius:2px;background:#d0c28a;color:#000;text-decoration:none;}
footer .footer_logo dd.inner_wrap .link_btn a,
footer .footer_logo dd.inner_wrap .link_btn a:visited,
footer .footer_logo dd.inner_wrap .link_btn a:hover,
footer .footer_logo dd.inner_wrap .link_btn a:active{color:#000;}
footer .footer_logo dd.inner_wrap .link_btn .icon{margin-right:6px;}

footer .copyright{margin-bottom:0;padding:0 6px;text-align:center;}

/*---------------------------------------------
  Subtop
-----------------------------------------------*/
.contents ul.contents_menu{margin:55px 0;padding:0;}
.contents ul.contents_menu > li{float:left;width:47%;margin:0 0 40px;padding:0;}
.contents ul.contents_menu > li:nth-child(even){float:right;}
.contents ul.contents_menu > li:nth-child(odd){clear:both;}
.contents ul.contents_menu > li::before{display:none;}

.menu_panel{display: block;position: relative;padding: 30px 30px 30px 35px;border-radius: 4px;background: #f2e3c1;color: #000;font-weight: bold;text-decoration: none;box-shadow: 7px 7px 0 #d0c28a;}
.menu_panel:before{content: "";display: block;position: absolute;top: 0; bottom: 0;left: 12px;width: 7px;height: calc(100% - 24px);margin: auto;background: url("../img/border-stripe.png") repeat;}
.menu_panel:after{content: "";display: block;position: absolute;right: 13px;top: 0;bottom: 0;width: 13px;height: 22px;margin: auto;background: url("../img/arrow_green.png") center center no-repeat;	}

body.menu .page_title{background-image: url("../img/page-title_event_bg.png");}
body.menu.PAGE000000000000002022 .page_title {background-image: url("../img/page-title_event_bg.png");}/*イベント*/
body.menu.PAGE000000000000002031 .page_title {background-image: url("../img/page-title_soba_bg.png");}/*そば*/
body.menu.PAGE000000000000002076 .page_title {background-image: url("../img/page-title_nosan_bg.png");}/*農産物*/
body.menu.PAGE000000000000002030 .page_title {background-image: url("../img/page-title_midokoro_bg.png");}/*見どころ*/
body.menu.PAGE000000000000002084 .page_title {background-image: url("../img/page-title_news_bg.png");}/*ニュース*/

body.menu .page_title .inner{padding:24px;}
body.menu .page_title .inner img{display:block;margin:0 auto;}

#sitename{float:left;width:462px;height:77px;margin:35px 0 25px 15px;background:none;text-indent:0;}
#sitename a:hover{opacity:1;}
#main .page_title.no_bg{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:45px 0 36px;background:#e9e2c8;color:#000;font-weight:normal;font-size:1.5em;text-align:center;}
.page_title.no_bg .inner{display:inline-block;position:relative;padding:0 0.5em 0.3em;}
.page_title.no_bg .inner::after{content:"";display:block;position:absolute;left:0;bottom:-4px;width:100%;height:3px;background:#4a9339;}

/*************************************************
レスポンシブ
**************************************************/
@media screen and (min-width:0px) and (max-width:1044px){
  header .wrap,article > section,p.locus,.acrobat,.contents nav,.contents article,.no_nav .contents article,footer .wrap{margin-left:2%;margin-right:2%;}
  header{ position:relative;}
  header .title, header h1,header .page_control,header .UD,header .UD{margin-left:2%;margin-right:2%;}
  header .page_control{width:330px;}
  header .UD{ position:fixed; left:0px; bottom:20px; z-index:100; overflow:visible;}
  header .page_control dl{ overflow:visible; float:right; margin:0;}
  header .page_control dl,header .page_control dl.textsize_change dt,header .page_control dl.color_change dt{ margin-left:8px;height:44px;  }
  header .page_control dl dd{ max-width:0px; overflow:hidden; transition-duration:0.4s; margin-top:10px;vertical-align:bottom;}
  header .page_control dl.active dd{ width:auto; max-width:66px;}
  header .page_control dl.textsize_change dt,header .page_control dl.color_change dt{ width:44px; margin-right:5px; background:#000 center center no-repeat; border-radius:50%; box-shadow:0px 0px 1px 2px rgba(255,255,255,0.8);text-indent:-9999px;}
  header .page_control dl.textsize_change dt{ background-image:url("../img/control_font_title_mb.png");}
  header .page_control dl.color_change dt{ background-image:url("../img/control_color_title_mb.png");}
  header .page_control dl dd a{ width:35px; height:auto;}
  header .page_control dl dd a img{ width:35px;}
  header .page_control .voice{ position:absolute; float:none; top:10px; right:20px; height:34px; width:138px; margin:0 60px 24px 0; border-radius:17px;}
  header .page_control .voice img{ margin:4px;}
  header .page_control .lang_search{text-align:right;margin:0;}
  header .page_control .foreign_language{margin-right:0;margin-bottom:16px;}
  footer .copyright{ padding:20px 0;}
  #sitename{margin:16px;width:49%;}
  .serch_label{font-size:0.8em;}
  header .page_control {margin: 0;}
  header .page_control .lang_search {display: none;}
  .serch_label {display: inline-block;width: calc(100% - 55px);vertical-align: top;}
  .label_text {font-weight: bold;}
  header .search input#search_txt_menu {width: calc(100% - 6em - 6px);height: 50px;}
  header .search input.search_bt {height: 50px;}
  #global .wrapper li {background: none;box-shadow: none;}
  #global .wrapper li + li {margin-left: 0;}
  #global .foreign_language {display: block;margin: 0 10px;padding: 10px 0;border-radius: 4px;text-align: center;background:#333333}
  #global .search {display: block;float: none;width: auto;margin: 8px 10px 0;}
  #header .search .search_inner {width: 100%;margin-left: 0;text-align: right;}
  #global.menu_open {right: 0;}
  #global{display: block;position: fixed;top: 0; right: -100%;z-index: 3000;box-sizing: border-box;width: 100%;height: 100%;overflow: hidden;margin-top: 0;padding: 68px 0 0!important;background: rgba(208, 194, 138, 0.9)!important;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
  #global #menu {width: auto;padding: 0 10px;background: none;}
  #global #menu li a img {display: none;}
  #global #menu li a::before {content: attr(data-title);display: inline;position: static;width: auto;height: auto;background: none;}
  #global #menu .wrapper li a:hover {background-image: none;}
  #global #menu li {float: none;width: 100%;margin-top: 8px;border: none;}
  #global #menu li a {display: block;padding: 21px 8px 21px 90px;border-radius: 4px;background: #FFF 19px center no-repeat;font-weight: bold;text-align: left;color: #000;text-decoration: none;}
  #global #menu li.menu01 a {background-image: url("../img/icon_menu01.png");}
  #global #menu li.menu02 a {background-image: url("../img/icon_menu02.png");}
  #global #menu li.menu03 a {background-image: url("../img/icon_menu03.png");}
  #global #menu li.menu04 a {background-image: url("../img/icon_menu04.png");}
  #global #menu li.menu05 a {background-image: url("../img/icon_menu05.png");}
  #menu_show {display: block;position: fixed;top: 15px; right: 10px;z-index: 3100;width: 40px;height: 40px;line-height: 0;border: none;background: #333;}
  #menu_show::before,#menu_show span,#menu_show::after {content: "";display: block;position: absolute;width: 60%;height: 6%;margin: auto;background: #FFF;opacity: 1;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
  #menu_show::before {top: 25%; left: 0; right: 0;border-radius: 2px;}
  #menu_show span {top: 0; bottom: 0;left: 0; right: 0;border-radius: 2px;text-indent: -1000em;}
  #menu_show::after {border-radius: 2px;bottom: 25%; left: 0; right: 0;}
  #menu_show.on {}
  #menu_show.on::before {top: 48%;transform: rotate(135deg);}
  #menu_show.on span {opacity: 0;}
  #menu_show.on::after {bottom: 46%;transform: rotate(-135deg);}
  .contents_wrapper {padding-left:2%;padding-right:2%;}
}
@media screen and (max-width: 788px){
  .contents ul.contents_menu > li{float:none;width:auto;}
  .contents ul.contents_menu > li:nth-child(even){float:none;}
  .mq_show {display: block!important;}
  img.mq_show {display: inline!important;}
  .mq_hide {display: none!important;}
  #header {padding: 16px 0 0;}
  #sitename {float: none;width: auto;height: auto;margin: 0 65px 0 10px;text-align: center;}
  #sitename img {vertical-align: bottom;}
  .contents_wrapper {padding-right: 16px;padding-left: 16px;}
  .contents_wrapper.inner {padding: 50px 16px;}
  footer .footer_nav {width: auto;margin: 19px 16px;max-width: none;}
  footer .footer_nav li {display: block;padding: 8px 0;}
  footer .footer_nav li a {display: inline-block;}
  footer .footer_nav li + li {border-left: none;}
  footer {background-image: none;}
  footer .wrapper {padding-bottom: 48px;background: url("../img/bg_wave_02.png") left bottom no-repeat;background-size: 100% auto;}
  footer .footer_logo {margin: 0 16px;}
  footer .footer_logo dt {margin-bottom: 15px;text-align: center;}
  footer .footer_logo dd.inner_wrap {width: auto;padding: 16px;}
  footer .copyright {background: #ebe5d1;}
}
@media screen and (min-width:0px) and (max-width:660px){
  header .UD{ bottom:30px;}
  header .title,header h1{ width:auto; height:54px; margin:68px 0 0 0; background-position:center center; background-size:contain;}
  header .title a,header h1{ height:54px;}
  footer{ padding-top:0;}
  footer .nav{}
  footer .nav li{ float:none; padding:0.5em 0; border-bottom:2px dotted #004c22;}
  footer .nav li a{ text-align:center;}
  footer .nav li a:before{ display:none;}
  footer .qr{ clear:both; float:none; width:296px; margin-left:auto; margin-right:auto;}
  footer .reread_link{ width:60px; bottom:30px;}
  footer .reread_link a{ height:58px; background-size:contain;}
  footer .copyright{ padding:40px 0 6px;}
  footer .copyright span{ text-align:center;}
}
@media screen and (max-width: 540px){
  #sitename{box-sizing:border-box;padding-right:60px;text-align:left;}
  #main .col_three li{display:block;width:auto;margin:0 0 32px;}
}

@media screen and (min-width: 789px){
  .mq_show{display: none;}
}
/*----------------------------------------------
 メニューボタン
-----------------------------------------------*/
@media screen and (min-width:1045px){html body #menu{display:block !important;}}
/*----------------------------------------------
 印刷設定
 幅はコンテンツサイズに合わせて修正
-----------------------------------------------*/
@media print{
  html,body{width:1024;margin:0;padding:0;overflow-x:hidden;} 
  #TOP{min-width:1024px;width:1024px;margin:0;padding:0;overflow-x:hidden;}
  body,body > .wrap{background:none;}
  #fb-root{display:none;}
  .mq_show{display:none;}
}