@charset "UTF-8";

/*
body { margin: 0; padding: 0; font-family: Helvetica,'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; font-size: 80%; line-height: 1.6; -webkit-text-size-adjust: 100%; }
img { border: 0; -ms-interpolation-mode: bicubic; }
form { margin: 0; padding: 0; }
a { outline: none; }
a:link { color: #; text-decoration: none; }
a:visited { color: #; text-decoration: none; }
a:hover { color: #; text-decoration: underline; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; }
*/

/*
div#globalHeader { margin: 0 auto 7px auto; width: 950px; height: 83px; position: relative; }
div#globalHeader a#siteTitle { width: 317px; height: 66px; background: url(/images/common/logo.gif) no-repeat; text-indent: -9999px; display: block; position: absolute; top: 12px; left: 13px; }
div#globalHeader div#headertoiawase { width: 265px; height: 20px; background: url(/images/common/headerToiawase2.gif) no-repeat; text-indent: -9999px; display: block; position: absolute; top: 34px; right: 226px; }
div#globalHeader div.subMenu { width: 391px; height: 15px; position: absolute; top: 65px; right: 211px; }
div#globalHeader div.subMenu ul { margin: 0; padding: 0; list-style: none; }
div#globalHeader div.subMenu ul li { padding: 0 15px 0 0; height: 15px; float: left; }
div#globalHeader div.subMenu ul li.about a { width: 93px; height: 15px; background: url(/images/common/headerSubAbout.gif) no-repeat; text-indent: -9999px; display: block; }
div#globalHeader div.subMenu ul li.event a { width: 74px; height: 15px; background: url(/images/common/headerSubEvent.gif) no-repeat; text-indent: -9999px; display: block; }
div#globalHeader div.subMenu ul li.access a { width: 76px; height: 15px; background: url(/images/common/headerSubAccess.gif) no-repeat; text-indent: -9999px; display: block; }
div#globalHeader div.subMenu ul li.inquiry a { width: 88px; height: 15px; background: url(/images/common/headerSubInquiry.gif) no-repeat; text-indent: -9999px; display: block; }
div#globalHeader a.sitemap { width: 102px; height: 20px; background: url(/images/common/headerSitemap.gif) no-repeat; text-indent: -9999px; display: block; position: absolute; top: 0; right: 0; }
div#globalHeader div.siteSearch { padding: 6px 8px; width: 195px; height: 41px; background: #f1f1f1; position: absolute; top: 30px; right: 0; }
div#globalHeader div.siteSearch span { padding: 4px 0 4px 20px; background: url(/images/common/headerSearchIcon.gif) 2px center no-repeat; color: #636363; line-height: 1; display: block; }
div#globalHeader div.siteSearch input.searchField { margin: 0; width:130px; }
div#globalHeader div.siteSearch input.searchButton { margin: 0; width: 52px; }
div#globalHeader p.language { margin: 0; padding: 0; position: absolute; top: 3px; right: 120px; }
div#globalNavigation { margin: 0 auto 55px auto; width: 950px; height: 56px; }
div#globalNavigation ul { margin: 0; padding: 0; list-style: none; }
div#globalNavigation ul li { height: 56px; float: left; }
div#globalNavigation ul li.spot a { width: 159px; height: 56px; background: url(/images/common/globalNavigation.gif) 0 0 no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.spot a:hover { background: url(/images/common/globalNavigation.gif) 0 -56px no-repeat; }
div#globalNavigation ul li.spot span { width: 159px; height: 56px; background: url(/images/common/globalNavigation.gif) 0 -56px no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.experience a { width: 159px; height: 56px; background: url(/images/common/globalNavigation.gif) -159px 0 no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.experience a:hover { background: url(/images/common/globalNavigation.gif) -159px -56px no-repeat; }
div#globalNavigation ul li.experience span { width: 159px; height: 56px; background: url(/images/common/globalNavigation.gif) -159px -56px no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.gourmet a { width: 158px; height: 56px; background: url(/images/common/globalNavigation.gif) -318px 0 no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.gourmet a:hover { background: url(/images/common/globalNavigation.gif) -318px -56px no-repeat; }
div#globalNavigation ul li.gourmet span { width: 158px; height: 56px; background: url(/images/common/globalNavigation.gif) -318px -56px no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.shop a { width: 158px; height: 56px; background: url(/images/common/globalNavigation.gif) -476px 0 no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.shop a:hover { background: url(/images/common/globalNavigation.gif) -476px -56px no-repeat; }
div#globalNavigation ul li.shop span { width: 158px; height: 56px; background: url(/images/common/globalNavigation.gif) -476px -56px no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.stay a { width: 158px; height: 56px; background: url(/images/common/globalNavigation.gif) -634px 0 no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.stay a:hover { background: url(/images/common/globalNavigation.gif) -634px -56px no-repeat; }
div#globalNavigation ul li.stay span { width: 158px; height: 56px; background: url(/images/common/globalNavigation.gif) -634px -56px no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.map a { width: 158px; height: 56px; background: url(/images/common/globalNavigation.gif) -792px 0 no-repeat; text-indent: -9999px; display: block; }
div#globalNavigation ul li.map a:hover { background: url(/images/common/globalNavigation.gif) -792px -56px no-repeat; }
div#globalNavigation ul li.map span { width: 158px; height: 56px; background: url(/images/common/globalNavigation.gif) -792px -56px no-repeat; text-indent: -9999px; display: block; }
div#globalHeaderS { display: none; }
div#menu { display: none; }
*/

div#mainImage { margin: 0 auto; width: 960px; font-family: 'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','ＭＳ 明朝',serif; }
div#mainImage h1 { margin: 0 0 40px 0; padding: 0; }
div#mainImage h1 img {}
div#mainImage strong { display: none; }
div#mainImage p { margin: 0 55px; padding: 0; font-size: 120%; }
div#mainImage ul { display: none; }
div#contents { margin: 0 auto; padding: 40px 0 0 0; width: 958px; font-family: 'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','ＭＳ 明朝',serif; }
ul#seasons { margin: 0 auto 40px auto; padding: 0; width: 960px; list-style: none; }
ul#seasons li { width: 240px; float: left; }
ul#seasons a { height: 142px; border-bottom: solid 1px #ef8462; color: #c0c0c0; font-size: 64px; text-align: center; text-decoration: none; line-height: 142px; display: block; }
ul#seasons a.active { border-bottom: solid 6px #ef8462; color: #ef8462; }
div.events { display: none; }
div.events div.list {}
div.events div.list ul { margin: 0 0 80px 0; padding: 0; width: 50%; list-style: none; float: left; }
div.events div.list li { padding: 18px 0 18px 100px; background: url(../images/listArrow.png) 80px center no-repeat; }
div.events div.list li a { color: #333; font-size: 16px; font-weight: 700; }
div.events div.list li a:hover { color: #ef8462; text-decoration: none; }
div.events ul.button { margin: 0 0 100px 0; padding: 0; list-style: none; }
div.events ul.button li {}
div.events ul.button li.leaflet { float: left; }
div.events ul.button li.calendar { float: right; }
div.events ul.button img { vertical-align: top; }
div.events ul.events { margin: 0; padding: 0; list-style: none; }
div.events ul.events li { margin: 0 0 100px 0; font-size: 120%; }
div.events div.header {}
div.events div.header dl { margin: 0; padding: 0; }
div.events div.header dt { margin: 0; padding: 0; width: 134px; height: 140px; background: #ef8462; color: #fff; font-size: 24px; font-weight: 700; text-align: center; line-height: 140px; float: left; }
div.events div.header dd { margin: 0; padding: 0 25px; width: 774px; height: 140px; background: #fef8ec; font-family: 'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','ＭＳ 明朝',serif; float: left; }
div.events div.header dd span { margin: 0 0 10px 0; padding: 18px 0 5px 0; border-bottom: solid 1px #a5a5a5; font-size: 22px; display: block; }
div.events div.header dd h2 { margin: 0; padding: 0; font-size: 36px; }
div.events img.image { margin: 0 0 50px 0; }
div.events div.body { margin: 0 auto 60px auto; width: 850px; }
div.events div.body p {}
div.events div.body dl { margin: 0; padding: 0; }
div.events div.body dl.left dt { margin: 0; padding: 0; width: 480px; float: left; }
div.events div.body dl.left dd { margin: 0; padding: 60px 60px 0 0; width: 360px; float: right; }
div.events div.body dl.left dd p.small { font-size: 90%; }
div.events div.body dl.smallLeft dt { margin: 0; padding: 0; width: 252px; float: left; }
div.events div.body dl.smallLeft dd { margin: 0; padding: 0; width: 578px; float: right; }
div.events div.expand { width: 960px; }
div.events div.footer {}
div.events div.footer dl { margin: 0; padding: 0; }
div.events div.footer dt { margin: 0; padding: 0; width: 900px; float: left; }
div.events div.footer dt span { margin: 0 1em 0 0; padding: 0 1.2em 0 0; border-right: solid 1px #999; }
div.events div.footer dt br.sp { display: none; }
div.events div.footer dd { margin: 0; padding: 0; width: 50px; text-align: center; float: right; }
div#appendix { padding: 100px 0; background: #fef6e9; }
div#appendix ul { margin: 0 auto; padding: 0; width: 960px; list-style: none; }
div#appendix li {}
div#appendix li.leaflet { float: left; }
div#appendix li.calendar { float: right; }
div#appendix li img { vertical-align: top; }
/*
div#globalFooter { padding: 30px 0; background: #ef8462; color: #fff; text-align: center; }
div#globalFooter strong {}
div#globalFooter address { margin: 0 1em; font-style: normal; display: inline; }
div#globalFooter p { margin: 0; padding: 0; display: inline; }
div#globalFooter span { margin: 1em 0 0 0; font-size: 95%; display: block; }
*/
/*
div.events ul.button li.map { display: none; }
div.events ul.button li.calendar { text-align: center; float: none; }
div#appendix li.map { display: none; }
div#appendix li.calendar { text-align: center; float: none; }
*/

/* --------------------------------------------------
  SMARTPHONE
-------------------------------------------------- */
@media screen and (max-width : 736px) {
div#arita400 p, div#arita400 th, div#arita400 td { font-size: 20px; }
/*
div#globalHeader { display: none; }
div#globalNavigation { display: none; }
div#globalHeaderS { height: 80px; background: #b2a579; display: block; position: relative; }
div#globalHeaderS ul { margin: 0; padding: 0; list-style: none; }
div#globalHeaderS li { float: left; }
div#globalHeaderS li.home { padding: 0 1px 0 0; }
div#globalHeaderS li.contact { padding: 0 0 0 1px; }
div#globalHeaderS li.menu { padding: 0 0 0 1px; }
div#globalHeaderS img { vertical-align: top; }
*/
div#menu { width: 598px; display: none; position: absolute; top: 82px; left: 26px; z-index: 99; }
div#menu div#menuHeader { padding: 0 15px; height: 18px; text-align: right; }
div#menu ul { margin: -4px 0 0 0; padding: 0; background: #b19e66; border: solid 4px #fff; border-radius: 10px; }
div#menu li { border-bottom: solid 2px #d7ceb2; font-size: 16px; float: none; }
div#menu li a { padding: 20px; background: url(/images/sp/menuArrow.gif) 90% center no-repeat; color: #fff; display: block; }
div#menu li.close { border-bottom: none; }
div#menu li.close a { margin: 40px auto; width: 200px; background: #fff; border-radius: 5px; color: #333; text-align: center; }
div#mainImage { width: 100%; background: #fef8ec; border-bottom: solid 1px #ef8462; }
div#mainImage h1 { margin: 0 0 20px 0; }
div#mainImage h1 img { width: 100%; height: auto; }
div#mainImage strong { margin: 0 0 10px 0; font-size: 180%; text-align: center; display: block; }
div#mainImage p { margin: 0 20px 20px 20px; font-size: 20px; display: none; }
div#mainImage ul { margin: 0 0 20px 0; padding: 0; list-style: none; display: block; }
div#mainImage li { text-align: center; }
div#mainImage li.open {}
div#mainImage li.close { display: none; }
div#contents { padding: 0; width: 100%; }
ul#seasons { margin: 0 auto; padding: 0; width: 100%; list-style: none; }
ul#seasons li { width: 25%; float: left; }
ul#seasons a { height: 90px; border-bottom: solid 1px #ef8462; color: #808080; font-size: 20px; text-align: center; text-decoration: none; line-height: 90px; display: block; }
ul#seasons a.active { background: #ef8462; border-bottom: none; color: #fff; }
div.events div.list {}
div.events div.list ul { margin: 0; width: 100%; float: none; }
div.events div.list li { padding: 0; background: url(../images/listArrow.png) 40px center no-repeat; border-bottom: solid 1px #ccc; }
div.events div.list li a { padding: 18px 10px 18px 60px; font-size: 20px; font-weight: 400; display: block; }
div.events ul.button { display: none; }
div.events ul.events li { margin: 0 0 50px 0; font-size: 20px; }
div.events div.header { width: 100%; height: 115px; position: relative; }
div.events div.header dt { width: 100px; height: 115px; font-size: 18px; line-height: 120px; float: none; position: absolute; top: 0; left: 0; z-index: 2; }
div.events div.header dd { padding: 0 10px 0 110px; width: 100%; height: 115px; float: none; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 1; }
div.events div.header dd span { margin: 0 0 6px 0; padding: 8px 0 6px 0; font-size: 18px; letter-spacing: -1px; }
div.events div.header dd h2 { font-size: 24px; letter-spacing: -1px; }
div.events img.image { margin: 0 0 15px 0; width: 100%; height: auto; }
div.events div.body { margin: 0 0 30px 0; width: 100%; }
div.events div.body p { margin: 0 20px; padding: 0; font-size: 20px; }
div.events div.body dl { margin: 0; padding: 0; }
div.events div.body dl.left dt { width: 100%; float: none; }
div.events div.body dl.left dt img { width: 100%; height: auto; }
div.events div.body dl.left dd { padding: 15px 20px 0 20px; width: 100%; float: none; box-sizing: border-box; }
div.events div.body dl.smallLeft dt { display: none; }
div.events div.body dl.smallLeft dd { padding: 0 20px; width: 100%; float: none; box-sizing: border-box; }
div.events div.expand { width: 100%; }
div.events div.footer { margin: 0 20px; }
div.events div.footer dl { margin: 0; padding: 0; }
div.events div.footer dt { width: 100%; float: none; }
div.events div.footer dt span { margin: 0; padding: 0; border-right: none; display: block; }
div.events div.footer dt br.sp { display: block; }
div.events div.footer dd { width: 100%; text-align: right; float: none; }
div#appendix { padding: 50px 0; }
div#appendix ul { width: 100%; }
div#appendix li { padding: 10px 0; text-align: center; }
div#appendix li.leaflet { float: none; }
div#appendix li.calendar { float: none; }
/*
div#globalFooter {}
div#globalFooter strong { font-size: 24px; }
div#globalFooter address { margin: 0; font-size: 15px; display: block; }
div#globalFooter p { font-size: 15px; }
div#globalFooter a { color: #fff; }
div#globalFooter span { font-size: 15px; }
*/
/*
div#appendix li.map { display: none; }
div#appendix li.calendar { text-align: center; float: none; }
*/
}

@media screen and (max-width : 414px) {
div#arita400 p, div#arita400 th, div#arita400 td { font-size: 14px; }
/*
div#globalHeader { display: none; }
div#globalNavigation { display: none; }
div#globalHeaderS { height: 80px; background: #b2a579; display: block; position: relative; }
div#globalHeaderS ul { margin: 0; padding: 0; list-style: none; }
div#globalHeaderS li { float: left; }
div#globalHeaderS li.home { padding: 0 1px 0 0; }
div#globalHeaderS li.contact { padding: 0 0 0 1px; }
div#globalHeaderS li.menu { padding: 0 0 0 1px; }
div#globalHeaderS img { vertical-align: top; }
*/
div#menu { width: 598px; display: none; position: absolute; top: 82px; left: 26px; z-index: 99; }
div#menu div#menuHeader { padding: 0 15px; height: 18px; text-align: right; }
div#menu ul { margin: -4px 0 0 0; padding: 0; background: #b19e66; border: solid 4px #fff; border-radius: 10px; }
div#menu li { border-bottom: solid 2px #d7ceb2; font-size: 16px; float: none; }
div#menu li a { padding: 20px; background: url(/images/sp/menuArrow.gif) 90% center no-repeat; color: #fff; display: block; }
div#menu li.close { border-bottom: none; }
div#menu li.close a { margin: 40px auto; width: 200px; background: #fff; border-radius: 5px; color: #333; text-align: center; }
div#mainImage { width: 100%; background: #fef8ec; border-bottom: solid 1px #ef8462; }
div#mainImage h1 { margin: 0 0 20px 0; }
div#mainImage h1 img { width: 100%; height: auto; }
div#mainImage strong { margin: 0 0 10px 0; font-size: 130%; text-align: center; display: block; }
div#mainImage p { margin: 0 20px 20px 20px; font-size: 100%; display: none; }
div#mainImage ul { margin: 0 0 20px 0; padding: 0; list-style: none; display: block; }
div#mainImage li { text-align: center; }
div#mainImage li.open {}
div#mainImage li.close { display: none; }
div#contents { padding: 0; width: 100%; }
ul#seasons { margin: 0 auto; padding: 0; width: 100%; list-style: none; }
ul#seasons li { width: 25%; float: left; }
ul#seasons a { height: 90px; border-bottom: solid 1px #ef8462; color: #808080; font-size: 20px; text-align: center; text-decoration: none; line-height: 90px; display: block; }
ul#seasons a.active { background: #ef8462; border-bottom: none; color: #fff; }
div.events div.list {}
div.events div.list ul { margin: 0; width: 100%; float: none; }
div.events div.list li { padding: 0; background: url(../images/listArrow.png) 40px center no-repeat; border-bottom: solid 1px #ccc; }
div.events div.list li a { padding: 18px 10px 18px 60px; font-size: 12px; font-weight: 400; display: block; }
div.events ul.button { display: none; }
div.events ul.events li { margin: 0 0 50px 0; font-size: 100%; }
div.events div.header { width: 100%; height: 115px; position: relative; }
div.events div.header dt { width: 100px; height: 115px; font-size: 14px; line-height: 120px; float: none; position: absolute; top: 0; left: 0; z-index: 2; }
div.events div.header dd { padding: 0 10px 0 110px; width: 100%; height: 115px; float: none; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 1; }
div.events div.header dd span { margin: 0 0 6px 0; padding: 6px 0 4px 0; font-size: 11px; letter-spacing: -1px; }
div.events div.header dd h2 { font-size: 16px; letter-spacing: -1px; }
div.events img.image { margin: 0 0 15px 0; width: 100%; height: auto; }
div.events div.body { margin: 0 0 30px 0; width: 100%; }
div.events div.body p { margin: 0 20px; padding: 0; font-size: 13px; }
div.events div.body dl { margin: 0; padding: 0; }
div.events div.body dl.left dt { width: 100%; float: none; }
div.events div.body dl.left dt img { width: 100%; height: auto; }
div.events div.body dl.left dd { padding: 15px 20px 0 20px; width: 100%; float: none; box-sizing: border-box; }
div.events div.body dl.smallLeft dt { display: none; }
div.events div.body dl.smallLeft dd { padding: 0 20px; width: 100%; float: none; box-sizing: border-box; }
div.events div.expand { width: 100%; }
div.events div.footer { margin: 0 20px; }
div.events div.footer dl { margin: 0; padding: 0; }
div.events div.footer dt { width: 100%; float: none; }
div.events div.footer dt span { margin: 0; padding: 0; border-right: none; display: block; }
div.events div.footer dt br.sp { display: block; }
div.events div.footer dd { width: 100%; text-align: right; float: none; }
div#appendix { padding: 50px 0; }
div#appendix ul { width: 100%; }
div#appendix li { padding: 10px 0; text-align: center; }
div#appendix li.leaflet { float: none; }
div#appendix li.calendar { float: none; }
/*
div#globalFooter {}
div#globalFooter strong { font-size: 18px; }
div#globalFooter address { margin: 0; font-size: 10px; display: block; }
div#globalFooter p { font-size: 10px; }
div#globalFooter a { color: #fff; }
div#globalFooter span { font-size: 10px; }
*/
/*
div#appendix li.map { display: none; }
div#appendix li.calendar { text-align: center; float: none; }
*/
}