<style>
  .page__form dt label { display:inline !important; }
  .name--error, .tel--error, .mail--error, .comment--error { display: block !important;}
</style>

<!-- resources/views/top.blade.php -->
<!-- トップページ用レイアウト -->

<style>
@import  url('https://fonts.googleapis.com/css?family=Abel');@import  url("http://fonts.googleapis.com/earlyaccess/notosansjp.css");html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;vertical-align: baseline;background-color: transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}a {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent;text-decoration: none;}ins {background-color: #ff9;color: #000;text-decoration: none;}mark {background-color: #ff9;color: #000;font-style: italic;font-weight: 700;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}table {border-collapse: collapse;border-spacing: 0;}hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}input, select {vertical-align: middle;}img {vertical-align: bottom;font-size: 0;line-height: 0;}html {font-size: 62.5%;line-height: 1.618;}html,body {height: 100%;text-align: justify;text-justify: inter-ideograph;font-family: Abel,"Helvetica Neue" , Helvetica , Arial ,'Noto Sans JP', "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;color: #3d3d3d;position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;}

.sp__nav,.sp__search,.sp__menu {display: none;}
.mb30 {margin-bottom: 30px !important;}
/* S_header */
.head {width: 100%;min-width: 1280px;border-bottom: solid 1px #ddd;position: relative;}
.head--main {width:100%;max-width: 1280px;padding: 0 30px;box-sizing: border-box;margin: auto;height: 185px;}
a {transition:.3s ease-in-out;-webkit-tap-highlight-color:rgba(0,0,0,0);}

h1 {width:280px;height: 185px;float: left;position: relative;box-sizing: border-box;}
h1 a:hover {opacity: .6;}
h1 img {width:80%;height: 80%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.nav {margin-left: 280px;height:185px;}
@media  screen and (max-width: 600px){
h1 {width:80px;height: 80px;float:none;position: fixed;left:50%;margin-left: -40px;top:0;z-index: 10000;}
h1 img {width:90%;height: 90%;}
.head {border-bottom:none;min-width: 100%;}
.head--main {max-width:auto;padding: 0;height: auto;box-sizing: border-box;position: relative;}
.sp__wrap {position:fixed;left:0;top:0;width:100%;height:0%;z-index: 10000;}
.menu_down01 .sp__wrap,.menu_down02 .sp__wrap {;height:100%;}
.sp__nav {display: block;width: 100%;height: 80px;position:fixed;top:0;left:0;background: #fff;z-index: 10010;}
.sp__nav--menu,.sp__nav--search {width:60px;height:60px;position: absolute;top:10px;text-align: center;font-size:1.2rem;font-weight: bold;cursor: pointer;z-index: 10000;}
.sp__nav--menu {left:10px;}
.sp__nav--search {right:10px;}
.sp__nav--menu:before,.sp__nav--menu:after,.sp__nav--search:before,.sp__nav--search:after {content: "";background:url(/img/icon/sp/menu.svg) center top /34px 34px no-repeat;position: absolute;left:50%;top:5px;width: 34px;height: 34px;opacity: 1;transition:.3s ease-in-out;line-height: 1;margin-left: -17px;}
.sp__nav--menu:before,.sp__nav--menu:after {background-image:url(/img/icon/sp/menu.svg)}
.sp__nav--menu:after {background-image:url(/img/icon/sp/close.svg);opacity: 0;}
.sp__nav--search:before,.sp__nav--search:after {background-image:url(/img/icon/sp/search.svg);}
.sp__nav--search:after {background-image:url(/img/icon/sp/close.svg);opacity: 0;}
.menu_down01 .sp__nav--menu:before,.menu_down02 .sp__nav--search:before {opacity: 0;}
.menu_down01 .sp__nav--menu:after,.menu_down02 .sp__nav--search:after {opacity: 1;}
.sp__nav--menu span,.sp__nav--search span {display: block;position: absolute;bottom:0;width: 100%;}
.nav {margin:80px 0 0 0;height:auto;}
}

.nav__info {text-align: right;font-size: 0;width:940px;}
.nav__info li {display: inline-block;width: auto;font-size:1.5rem;margin: 20px 0 0px 10px;color: #9d8d76;border: solid 1px #ccc;line-height: 36px;}
.nav__info li a {display: block;padding: 0 20px 0 42px;color: #9d8d76;position: relative;transition:.3s ease-in-out;}
.nav__info li a:hover,.nav__info li.current a {background: rgba(157,141,118,.2);}
.nav__info li a:before {content: "";display: block;position: absolute;left:10px;top:0;width:36px;height:36px;background:url(/img/icon/head/7.svg)center center / 48% 48% no-repeat;}
.nav__info li:nth-child(2) a:before {background-image: url(/img/icon/head/5.svg);}
.nav__info li:nth-child(3) a:before {background-image: url(/img/icon/head/8.svg);}
.nav__info li:nth-child(4) a:before {background-image: url(/img/icon/head/9.svg);}

.weather {padding: 0 10px;height: 36px;}
.weather>span {margin-right: 10px;}
.weather .weather__box {float: right;line-height: 32px;}
.weather .weather__box span {background:#9d8d76;color: #fff;font-size: 1.2rem;height: 20px;line-height: 20px;padding: 0 5px;float: left;margin-top: 8px;margin-right: 5px;}
.weather div.weather__icon {padding: 0;margin: 0;color: #000;float: right;width:36px;line-height:20px; text-align: center;margin-top: 5px;}
.weather div.weather__icon img {width: 70%;height: auto;margin: 0;}

.nav__main {width: 940px;height: 100px;margin-top: 27px;}
.nav__main--base {font-size: 0;float: left; width:770px;}
.nav__main--base>li {display: inline-block;width:16.66666%;}
.nav__main--base>li a {display: block; font-size: 1.5rem;color: #665038;text-align: center;height: 85px;border-bottom:solid 5px #f09199;position: relative;padding-top: 10px;transition:.3s ease-in-out;position: relative;}
@media  screen and (max-width: 600px){
.nav__info {display: none;}
.nav__main {width: 100%;height: auto;position: static;}
.nav__main--base {float:none;width:100%;}
.nav__main--base li {width:33.33333%;}
.nav__main--base li a {font-size: 1.2rem;text-align: left;height:auto;border-bottom:none;border-top:solid 5px #f09199;padding:20px 0;}
}

.nav__main--base li a div.icon {
position: relative;left: 50%;top:0;width:36px;height: 36px;margin-left: -18px;border-radius: 18px;border:2px solid #000;box-sizing: border-box;margin-bottom: 7px;}
@media  screen and (max-width: 600px){
.li--sp {margin-left: 46px;text-align: center;line-height: 30px;}
.nav__main--base li a div.icon {
left: 10px;width:30px;height: 30px;border:2px solid #000;float: left;margin:0;}
}
.nav__main--base li a div.icon:after {content: "";position: absolute;display: block;top: 0;margin-top: 33px;left: 50%;margin-left: -6px;width: 0;height: 0;border-top: 8px solid #f09199;border-right: 6px solid rgba(255,255,255,0);border-bottom: 0px solid rgba(255,255,255,0);border-left: 6px solid rgba(255,255,255,0);}
svg.svgicon {position: absolute;width:0;height:0;}
li a div.icon svg {width: 74%;height: 74%;fill:#fff;display: inline-block;margin-top: 3px;}
li:hover div.icon svg {fill:#000;}

@media  screen and (max-width: 600px){
.nav__main--base li a div.icon:after {margin-top: 9px;margin-left: 14px;border-top: 4px solid rgba(255,255,255,0);border-right: 6px solid rgba(255,255,255,0);border-bottom: 4px solid rgba(255,255,255,0);border-left: 6px solid #f09199;}
li a div.icon {text-align: center;}
li a div.icon svg {width: 80%;}
}

li.li--eat:hover div.icon svg,li.li--eat.current div.icon svg{fill:#f09199;}
li.li--buy:hover div.icon svg,li.li--buy.current div.icon svg{fill:#ec6d51;}
li.li--play:hover div.icon svg,li.li--play.current div.icon svg{fill:#e6b422;}
li.li--learn:hover div.icon svg,li.li--learn.current div.icon svg{fill:#aacf53;}
li.li--stay:hover div.icon svg,li.li--stay.current div.icon svg{fill:#69b076;}
li.li--heal:hover div.icon svg,li.li--heal.current div.icon svg{fill:#bc64a4;}

li.li--eat a{border-bottom-color:#f09199;}
li.li--buy a{border-bottom-color:#ec6d51;}
li.li--play a{border-bottom-color:#e6b422;}
li.li--learn a{border-bottom-color:#aacf53;}
li.li--stay a{border-bottom-color:#69b076;}
li.li--heal a{border-bottom-color:#bc64a4;}

li.li--eat:hover>a,li.li--eat.current>a{background: rgba(244,186,192,.2) !important;}
li.li--buy:hover>a,li.li--buy.current>a{background: rgba(239,173,163,.2);}
li.li--play:hover>a,li.li--play.current>a{background: rgba(239,207,127,.2);}
li.li--learn:hover>a,li.li--learn.current>a{background: rgba(209,229,128,.2);}
li.li--stay:hover>a,li.li--stay.current>a{background: rgba(139,216,147,.2);}
li.li--heal:hover>a,li.li--heal.current>a{background: rgba(216,149,203,.2);}

li.li--eat a:after {border-top-color:#f09199;}
li.li--buy a:after {border-top-color:#ec6d51;}
li.li--play a:after {border-top-color:#e6b422;}
li.li--learn a:after {border-top-color:#aacf53;}
li.li--stay a:after {border-top-color:#69b076;}
li.li--heal a:after {border-top-color:#bc64a4;}

li.li--eat a div.icon:after {border-top-color:#f09199;}
li.li--buy a div.icon:after {border-top-color:#ec6d51;}
li.li--play a div.icon:after {border-top-color:#e6b422;}
li.li--learn a div.icon:after {border-top-color:#aacf53;}
li.li--stay a div.icon:after {border-top-color:#69b076;}
li.li--heal a div.icon:after {border-top-color:#bc64a4;}

li.li--eat a div.icon {background-color: #f09199;border-color: #f09199;}
li.li--buy a div.icon {background-color: #ec6d51;border-color: #ec6d51;}
li.li--play a div.icon {background-color: #e6b422;border-color: #e6b422;}
li.li--learn a div.icon {background-color: #aacf53;border-color: #aacf53;}
li.li--stay a div.icon {background-color: #69b076;border-color: #69b076;}
li.li--heal a div.icon {background-color: #bc64a4;border-color: #bc64a4;}

li.li--eat:hover div.icon,li.li--eat.current div.icon,li.li--buy:hover div.icon,li.li--buy.current div.icon,li.li--play:hover div.icon,li.li--play.current div.icon,li.li--learn:hover div.icon,li.li--learn.current div.icon,li.li--stay:hover div.icon,li.li--stay.current div.icon,li.li--heal:hover div.icon,li.li--heal.current div.icon {background-color:#fff;}

.nav__main--base li:hover a div.icon {animation: nav-btn .3s ease-in forwards;}
@keyframes  nav-btn {
0% {transform:translateX(0px) translateY(0px) rotateY(0deg);}
50% {transform:translateX(0px) translateY(-20px) rotateY(180deg);}
100% {transform:translateX(0px) translateY(0px) rotateY(360deg);}
}
.nav__main--base li a span {display: block; font-size: 1.2rem;color: #aaa;line-height: 1;}
/* S_ナビ子 */
.nav__child {width:100%;padding: 20px 0;height: auto; background: #eee;position: absolute;left:0;top:185px;z-index: 11000;}
.li--eat .nav__child {background:#f4bac0;display:none;}
.li--buy .nav__child {background:#efada3;display:none}
.li--play .nav__child {background:#efcf7f;display:none;}
.li--learn .nav__child {background:#d1e580;display:none;}
.li--stay .nav__child {background:#8bd893;display:none;}
.li--heal .nav__child {background:#d895cb;display:none;}
.li--eat:hover .nav__child {animation: nav--show .3s linear 0s;display: block;}
.li--buy:hover .nav__child {animation: nav--show .3s linear 0s;display: block;}
.li--play:hover .nav__child {animation: nav--show .3s linear 0s;display: block;}
.li--learn:hover .nav__child {animation: nav--show .3s linear 0s;display: block;}
.li--stay:hover .nav__child {animation: nav--show .3s linear 0s;display: block;}
.li--heal:hover .nav__child {animation: nav--show .3s linear 0s;display: block;}
@keyframes  nav--show {
0% {opacity: 0;}
100% {opacity: 1;}
}
.nav__child--wrap {background: #fff;font-size: 1.4rem;width:940px;padding: 20px;box-sizing: border-box;margin: auto;position: relative;}
.nav__child--wrap:after {content: "";position: absolute;display: block;top: -20px;left: 198px;width: 0;height: 0;border-top: 8px solid #f09199;border-right: 6px solid rgba(255,255,255,0);border-bottom: 0px solid rgba(255,255,255,0);border-left: 6px solid rgba(255,255,255,0);opacity: 1;z-index: 20000;}
.li--buy .nav__child--wrap:after {left:327px;border-top-color: #ec6d51;}
.li--play .nav__child--wrap:after {left:456px;border-top-color: #e6b422;}
.li--learn .nav__child--wrap:after {left:585px;border-top-color: #aacf53;}
.li--stay .nav__child--wrap:after {left:714px;border-top-color: #69b076;}
.li--heal .nav__child--wrap:after {left:843px;border-top-color: #bc64a4;}

.nav__child--inner {background: #fff;overflow: hidden;position: relative;}
.nav__child--inner:before {content: "";position: absolute;top:8px;left:8px;width:99px;height:99px;color: #fff;z-index: 1;opacity: .7;background-image: linear-gradient(-45deg,#fff 25%,#f4bac0 25%,#f4bac0 50%,#fff 50%,#fff 75%,#f4bac0 75%,#f4bac0);background-size: 6px 6px;}
.li--buy .nav__child--inner:before {background-image: linear-gradient(-45deg,#fff 25%,#efada3 25%,#efada3 50%,#fff 50%,#fff 75%,#efada3 75%,#efada3);}
.li--play .nav__child--inner:before {background-image: linear-gradient(-45deg,#fff 25%,#efcf7f 25%,#efcf7f 50%,#fff 50%,#fff 75%,#efcf7f 75%,#efcf7f);}
.li--learn .nav__child--inner:before {background-image: linear-gradient(-45deg,#fff 25%,#d1e580 25%,#d1e580 50%,#fff 50%,#fff 75%,#d1e580 75%,#d1e580);}
.li--stay .nav__child--inner:before {background-image: linear-gradient(-45deg,#fff 25%,#8bd893 25%,#8bd893 50%,#fff 50%,#fff 75%,#8bd893 75%,#8bd893);}
.li--heal .nav__child--inner:before {background-image: linear-gradient(-45deg,#fff 25%,#d895cb 25%,#d895cb 50%,#fff 50%,#fff 75%,#d895cb 75%,#d895cb);}
.nav__child--title {width:100px;height:100px;float: left;background: #f09199;text-align: center;position: relative;z-index:2;left: 0;top:0;margin-bottom: 10px;}
.li--eat .nav__child--title {background: #f09199;}
.li--buy .nav__child--title {background: #ec6d51;}
.li--play .nav__child--title {background: #e6b422;}
.li--learn .nav__child--title {background: #aacf53;}
.li--stay .nav__child--title {background: #69b076;}
.li--heal .nav__child--title {background: #bc64a4;}
.nav__child--title p {color: #fff;padding: 15px;font-size: 1.5rem;display: block;line-height: 1;position: relative;}
.nav__child--title p:before {content: "";width:36px;height:36px;margin:0 auto 8px;background: #333;display: block;background: url(/img/icon/head/child/nc1.svg) center center no-repeat;}
.li--buy .nav__child--title p:before {background-image: url(/img/icon/head/child/nc2.svg)}
.li--play .nav__child--title p:before {background-image: url(/img/icon/head/child/nc3.svg)}
.li--learn .nav__child--title p:before {background-image: url(/img/icon/head/child/nc4.svg)}
.li--stay .nav__child--title p:before {background-image: url(/img/icon/head/child/nc5.svg)}
.li--heal .nav__child--title p:before {background-image: url(/img/icon/head/child/nc6.svg)}

.nav__child--title span { font-size: 1rem;display: block;margin-top: 2px;font-weight: bolder;}
.nav__child--list {margin-left: 130px;}
.nav__child--list li br {display: none;}
.nav__child--list li {width:50%;padding: 0 20px;box-sizing: border-box;line-height: 36px;height: 36px;float: left;transition:.3s ease-in-out;}
.li--eat .nav__child--list li:hover {background: rgba(244,186,192,.3);}
.li--buy .nav__child--list li:hover {background: rgba(239,173,163,.3);}
.li--play .nav__child--list li:hover {background: rgba(239,207,127,.3);}
.li--learn .nav__child--list li:hover {background: rgba(209,229,128,.3);}
.li--stay .nav__child--list li:hover {background: rgba(139,216,147,.3);}
.li--heal .nav__child--list li:hover {background: rgba(216,149,203,.3);}

.nav__child--list li a {border-bottom: none;line-height: 36px;height: 36px;padding: 0;text-align: left;position: relative;padding-left: 20px;color: #472545;}
.nav__child--list li a:after {border: none;content: "";background: url(/img/icon/arrow-right.svg) left center / auto 18px no-repeat;width: 20px;height: 40px;position: absolute;left:0;top:0;}

.nav__child--list li a:hover {border-bottom: none;background: none;}
li.li--eat:hover a {background: none;}
/* E_ナビ子 */

@media  screen and (max-width: 600px){
li.li--eat a{border-top-color:#f09199;}
li.li--buy a{border-top-color:#ec6d51;}
li.li--play a{border-top-color:#e6b422;}
li.li--learn a{border-top-color:#aacf53;}
li.li--stay a{border-top-color:#69b076;}
li.li--heal a{border-top-color:#bc64a4;}

li.li--eat:hover a,li.li--eat.current a {border-top-color:rgba(240,145,153,.5);}
li.li--buy:hover a,li.li--buy.current a {border-top-color:rgba(236,109,81,.5);}
li.li--play:hover a,li.li--play.current a {border-top-color:rgba(230,180,34,.5);}
li.li--learn:hover a,li.li--learn.current a {border-top-color:rgba(170,207,83,.5);}
li.li--stay:hover a,li.li--stay.current a {border-top-color:rgba(105,176,118,.5);}
li.li--heal:hover a,li.li--heal.current a {border-top-color:rgba(188,100,164,.5);}

li.li--eat a div.icon:after,li.li--buy a div.icon:after,li.li--play a div.icon:after,li.li--learn a div.icon:after,li.li--stay a div.icon:after,li.li--heal a div.icon:after {border-top-color:rgba(255,255,255,0);}

li.li--eat a div.icon:after {border-left-color:#f09199;}
li.li--buy a div.icon:after {border-left-color:#ec6d51;}
li.li--play a div.icon:after {border-left-color:#e6b422;}
li.li--learn a div.icon:after {border-left-color:#aacf53;}
li.li--stay a div.icon:after {border-left-color:#69b076;}
li.li--heal a div.icon:after {border-left-color:#bc64a4;}

.nav__main--base li a span {display:none;}
.nav__child--inner:before,.nav__child--title {display: none;}
.nav__child {top:150px;width:100%;padding: 10px;box-sizing: border-box;}
.nav__child--wrap {width: 100%;padding:0 10px;}
.nav__child--wrap:after {display: none;}
.nav__child--list {margin: 0;width:100%;padding: 0;}
.nav__child--list li {width: 50%;min-width: 50%;padding: 0;box-sizing: border-box;margin: 0;line-height: 1;height: auto;display: table;}
.nav__child--list li {display: block;}
  .nav__child--list li br {display: none;}
.nav__child--list li a{width: 100%;min-width: 100%;border: none;font-size:1.4rem;box-sizing: border-box;margin: 0;display: table-cell;padding-left: 10px;height:36px;line-height: 1.2;vertical-align: middle;letter-spacing: -0.05em;position: relative;}
.nav__child--list li:hover {background: #fff !important;}
.nav__child--list li a span {font-size:1.4rem;display: block;color:#472545;}
.nav__child--list li a:after {border: none;content: "";background: url(/img/icon/arrow-right.svg) left center / 5px 10px no-repeat;width: 5px;height: 36px;}
}
.nav__main--sns {font-size: 0;height: 110px;width: 170px;display: inline-block;text-align: center;}
.nav__main--sns li {display: inline-block;margin: 31px 5px 0;}
.nav__main--sns li a {width:38px;height: 38px;display: block;border-radius: 20px;text-align: center;position: relative;transition:.3s ease-in-out;}
.nav__main--sns li a:hover {opacity: .6;}
.sns--twitter img,
.sns--facebook img,
.sns--insta img,
.sns--line img,
.sns--hatena img {position: absolute;height:50%;width:50%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.sns--twitter {background: #72c9ef;}
.sns--twitter img {height: 48%;width:48%;}
.sns--facebook {background: #5078bb;}
.sns--insta {background: #88559e;}
.sns--insta img {height:50%;width:50%;}
.sns--line {background: #00b900;}
.sns--line img {height: 65%;width: 65%;}
.sns--hatena {background: #00a4de;}
.sns--hatena img {height: 46%;width: 46%;}
@media  screen and (max-width: 600px){
.nav__main--sns {display: none;}
}
/*iphone plus*/
@media  screen and (max-width: 413px){
  .nav__child--list li br {display: block;}
}
/* E_header */

/* S_slider */
.slider {width: 100%;min-width: 1280px;margin: -1px auto 0;position: relative; overflow:hidden;}
.slider--box {position:relative;width:1220px;margin: auto;}
#slider--control--next,#slider--control--prev {width:46px;height: 46px;background: #fff;position: absolute;top:0;border-radius: 25px;opacity: .6;text-align: center;transition:.3s ease-in-out;cursor: pointer;z-index: 100;top:50%;margin-top: -23px;}
#slider--control--next:hover,#slider--control--prev:hover {opacity:1;}
#slider--control--next img,#slider--control--prev img {width:auto;height: 30px;margin-top: 8px;}
#slider--control--prev img {margin-right: 4px;}
#slider--control--next img {margin-left: 4px;}
#slider--control--prev {left:10px;}
#slider--control--next {right:10px;}
#slider--control--pager {display: none;}
.cycle-slideshow li {width: 1220px;height: 350px;position:relative;overflow: hidden;}
.cycle-slideshow li a {display: block;color: #514f49;transition:.3s ease-in-out;}
.cycle-slideshow li a:hover {opacity: .6;}
.cycle-slideshow li a img {width:100%;height: auto;}
.cycle-slideshow li a p {font-size:1.4rem;position: absolute;background-color: rgba(238,233,215,.9);/*bottom:0;*/left:0;width:1220px;padding: 20px;box-sizing: border-box;}
.cycle-slideshow li a p span {display: block;}
@media  screen and (max-width: 600px) and (-ms-high-contrast:none) {
 *::-ms-backdrop,
.cycle-slideshow li a {position: relative;overflow: hidden;}
.cycle-slideshow li a img {width:100%;height:auto;position: absolute;top:50%;left:50%;transform: translateY(-50%) translateX(-50%) scale(2.2); }
 }
@media  screen and (max-width: 600px){
.slider {min-width:100%;margin: auto;}
.slider--box {width:100%;}
.cycle-slideshow {width: 100%;height: 150px;}
.cycle-slideshow li {width: 100%;height: auto;}
.cycle-slideshow li:before {content:"";display: block;padding-top: 61.8%;}
.cycle-slideshow li a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.cycle-slideshow li a p {width:100%;padding: 10px;font-size: 1.2rem;}
#slider--control--next,#slider--control--prev {width:46px;height: 46px;background: #fff;position: absolute;top:0;border-radius: 25px;opacity: .6;text-align: center;transition:.3s ease-in-out;cursor: pointer;z-index: 100;top:50%;margin-top:-46px;}
#slider--control--next:hover,#slider--control--prev:hover {opacity:1;}
#slider--control--next img,#slider--control--prev img {width:auto;height: 30px;margin-top: 8px;}
#slider--control--prev img {margin-right: 4px;}
#slider--control--next img {margin-left: 4px;}
#slider--control--pager {display: flex; justify-content:space-around;padding: 0 10px;}
#slider--control--pager span {width:auto;display: block;height: 7px;background: #eee9d7;flex-grow: 1;color: #eee9d7;margin:20px 10px;font-size: 0 !important;border-radius: 5px;}
#slider--control--pager span.cycle-pager-active {background: #c7ee84;color: #c7ee84;}
}

/* E_slider */
/* S_メインナビのページ用タイトル */
.page__head--main {font-weight: bold;line-height: 1;text-align: center;margin-bottom: 30px;}
.page__head--main span.pagetitle {color: #f09199;font-size:2.4rem;letter-spacing: .07em;line-height: 30px;font-family: futura,Abel,"Helvetica Neue" , Helvetica , Arial;display: inline-block;padding-left: 40px;position: relative;}
.page__head--main span.ppagetitle {color: #f09199;font-size:2.4rem;letter-spacing: .07em;line-height: 30px;font-family: futura,Abel,"Helvetica Neue" , Helvetica , Arial;display: inline-block;padding-left: 40px;position: relative;}

.page__head--main span.pagetitle:after {content: "";width:30px;height: 30px;position: absolute;top:0;left:0;background: url(/img/icon/side/1.svg) left center / auto 30px no-repeat;}
.page--eat span.pagetitle {color: #f09199;}
.page--buy span.pagetitle {color: #ec6d51;}
.page--play span.pagetitle {color: #e6b422;}
.page--learn span.pagetitle {color: #aacf53;}
.page--stay span.pagetitle {color: #69b076;}
.page--heal span.pagetitle {color: #bc64a4;}
.page--eat span.pagetitle:after {background-image:url(/img/icon/side/1.svg);}
.page--buy span.pagetitle:after {background-image:url(/img/icon/side/2.svg);}
.page--play span.pagetitle:after {background-image:url(/img/icon/side/3.svg);}
.page--learn span.pagetitle:after {background-image:url(/img/icon/side/4.svg);}
.page--stay span.pagetitle:after {background-image:url(/img/icon/side/5.svg);}
.page--heal span.pagetitle:after {background-image:url(/img/icon/side/6.svg);}

.page__head--main span{font-size: 1.2rem;display: block;color: #aaa;letter-spacing: 0;margin-top: 6px;}
.page_icon_buchi {position: relative;left: 50%;top:0;width:36px;height: 36px;margin-left: -18px;border-radius: 18px;border:2px solid #000;box-sizing: border-box;-webkit-transition: .3s ease-in-out;transition:.3s ease-in-out;margin-bottom: 7px;}
.page--eat .page_icon_buchi {background-color: #f09199;border-color: #f09199;}
.page--buy .page_icon_buchi {background-color: #ec6d51;border-color: #ec6d51;}
.page--play .page_icon_buchi {background-color: #e6b422;border-color:#e6b422 ;}
.page--learn .page_icon_buchi {background-color: #aacf53;border-color: #aacf53;}
.page--stay .page_icon_buchi {background-color: #69b076;border-color: #69b076;}
.page--heal .page_icon_buchi {background-color: #bc64a4;border-color: #bc64a4;}
.page_icon_buchi:after {content: "";position: absolute;display: block;top: 0;margin-top: 33px;left: 50%;margin-left: -6px;width: 0;height: 0;border-top: 8px solid #f09199;border-right: 6px solid rgba(255,255,255,0);border-bottom: 0px solid rgba(255,255,255,0);border-left: 6px solid rgba(255,255,255,0);}
.page--eat .page_icon_buchi:after {border-top-color:#f09199;}
.page--buy .page_icon_buchi:after {border-top-color:#ec6d51;}
.page--play .page_icon_buchi:after {border-top-color:#e6b422;}
.page--learn .page_icon_buchi:after {border-top-color:#aacf53;}
.page--stay .page_icon_buchi:after {border-top-color:#69b076;}
.page--heal .page_icon_buchi:after {border-top-color:#bc64a4;}

.page_icon_buchi svg {width: 74%;height: 74%;fill:#fff;display: inline-block;margin-top: 3px;}
.page_icon_buchi svg {fill:#fff;}
/* E_メインナビのページ用タイトル */
</style>



<!DOCTYPE html>
<html lang="ja">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name=format-detection content="telephone=no">
<meta name="csrf-token" content="1VVqRwJVrLZGMPIskdRcXdMB8geS9MVJuCSgpoXr">
<title>お問合せ | ぶち！岩国</title>
<link rel="stylesheet" href="/css/style.css">
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-101943774-1', 'auto');
  ga('send', 'pageview');
</script>
<body id=top>
    <div id=fb-root></div>
<svg class=svgicon xmlns=http://www.w3.org/2000/svg viewBox="0 0 28.61 15.47">
<title>ぶち</title><symbol><g id="bt"><path d="M8.19 10c-.07-.06-.29-.2-1.28-.8a.73.73 0 0 1-.28-.7 5.2 5.2 0 0 1 1.07-1.86 2.38 2.38 0 0 0 .73-1.46 1.2 1.2 0 0 0-1.09-1l-3.95-.83a.52.52 0 1 0-.2 1l4 .79a.68.68 0 0 1 .24.09 2 2 0 0 1-.46.7 6.2 6.2 0 0 0-1.36 2.49 1.75 1.75 0 0 0 .77 1.69l1.17.72.07.05c.34.24.41.4.41.49a1 1 0 0 1-.33.63c-.62.69-1.78 1.64-2.41 1.57a.52.52 0 1 0-.11 1h.17c1.32 0 2.86-1.62 3.1-1.89a2 2 0 0 0 .65-1.34 1.76 1.76 0 0 0-.91-1.34zM1.74 9.85a.52.52 0 0 0-.69.23c-.25.5-1.49 3.07-.88 4.31a.52.52 0 0 0 .93-.46c-.28-.57.35-2.36.87-3.39a.52.52 0 0 0-.23-.69zM15 10.48l-2.69-1.75a.52.52 0 0 0-.57.86l2.66 1.75a.52.52 0 1 0 .57-.86zM13.11 3.94a.52.52 0 0 0 .51.44h.08a.52.52 0 0 0 .43-.59 11.64 11.64 0 0 0-.81-2.28.52.52 0 0 0-.94.43 10.79 10.79 0 0 1 .73 2zM15.14 0a.52.52 0 0 0-.32.65 17.05 17.05 0 0 1 .74 2.75.52.52 0 0 0 .52.5.52.52 0 0 0 .5-.53 17.26 17.26 0 0 0-.8-3.05.52.52 0 0 0-.64-.32zM28.54 9.44a1.46 1.46 0 0 0-.79-.88 3.81 3.81 0 0 0-2.89.13s-1.85.78-3 1.31c-.65.3-.9.07-.94 0s-.26-.9.61-3.39a18.85 18.85 0 0 0 .64-2.25 35.52 35.52 0 0 0 4.37.27.52.52 0 0 0 0-1 35 35 0 0 1-4.18-.25 11.1 11.1 0 0 0 .15-2.17.52.52 0 0 0-1 .07 10.63 10.63 0 0 1-.15 1.94c-1.36-.22-2.17-.22-2.49.03a.52.52 0 0 0 .56.87 4.87 4.87 0 0 1 1.74.12 17.73 17.73 0 0 1-.59 2.07c-1.07 3-.68 4-.51 4.29a1.7 1.7 0 0 0 2.24.35c1.13-.52 2.94-1.29 3-1.3a2.85 2.85 0 0 1 2-.15.43.43 0 0 1 .25.26 1.34 1.34 0 0 1-.14.84 27.07 27.07 0 0 1-2.94 4 .52.52 0 0 0 .71.75 27.45 27.45 0 0 0 3.12-4.21 2.35 2.35 0 0 0 .23-1.7z"/></g></symbol>
</svg>
<script type="text/javascript" src="../../../js/select.js"></script>
<div class=sp__wrap>
  <div class=sp__nav>
    <div class=sp__nav--menu id=js_downMenuBtn01><span>メニュー</span></div>
    <div class=sp__nav--search id=js_downMenuBtn02><span>検索</span></div>
  </div>

  <div class=sp__search>
  <div class=sp__search--box>
    <h4 class=h4--keyword><span>店舗検索</span></h4>
    <form method=get action=/shop class=main__right--search>
      <input type=text name=q class=search--Box placeholder=検索キーワードを入力><input type=submit value=検索 class=search--btn>
    </form>
  </div>

  <div class=sp__search--select>
    <h4 class=h4--area><span>店舗をエリアでさがす</span></h4>
    <select id=dammy1 name=dammy1>
      <option value=''>エリアで検索</option>
              <option value=iwakuni-st>岩国駅</option>
              <option value=hondori>本通商店街</option>
              <option value=nakadori>中通商店街</option>
              <option value=siyakusho>岩国市役所周辺</option>
              <option value=nishikiobibashi>錦帯橋周辺</option>
              <option value=sonota>その他</option>
          </select>
    <button class=search-btn onClick="select(1)">検索</button>
  </div>

  <div class=sp__search--select>
    <h4 class=h4--date><span>イベントカレンダー</span></h4>
  <select id=dammy2 name=dammy2>
  <option value=dammy>日付で検索</option>
    </select>
  <button class=search-btn onClick="select(2)">検索</button>
  </div>

  <div class=sp__search--select>
    <h4 class=h4--curpon><span>クーポンをさがす</span></h4>
  <select id=dammy3 name=dammy3>
    <option value=''>クーポンを検索</option>
    <option value=all>すべて</option>
        <option value=eat>食べる</option>
        <option value=buy>買う</option>
        <option value=play>遊ぶ</option>
        <option value=learn>学ぶ</option>
        <option value=stay>泊まる</option>
        <option value=heal>癒す・美容</option>
      </select>
  <button class=search-btn onClick="select(3)">検索</button>
  </div>


  </div>
  <div class=sp__menu>
  <ul class=sp__menu--nav2nd>
  <li class="li--eat ">
  <div class="parent">
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <p>食べる<span>EAT</span></p>
  </div>
  <ul class="sp_child_list">
    <li><a href=/shop/cat/eat>全て</a>
          <li><a href=/shop/cat/eat/japanese>和食</a>
          <li><a href=/shop/cat/eat/westan>洋食</a>
          <li><a href=/shop/cat/eat/bar>居酒屋・バー</a>
          <li><a href=/shop/cat/eat/asian>中華・アジア・エスニック</a>
          <li><a href=/shop/cat/eat/cafe>喫茶店・カフェ</a>
          <li><a href=/shop/cat/eat/yakiniku>焼肉・焼き鳥</a>
          <li><a href=/shop/cat/eat/sweets>スイーツ</a>
          <li><a href=/shop/cat/eat/curry>カレー</a>
          <li><a href=/shop/cat/eat/bread>パン</a>
          <li><a href=/shop/cat/eat/okonomiyaki>お好み焼き</a>
          <li><a href=/shop/cat/eat/etc>その他</a>
      </ul>
</li>
<li class="li--buy ">
  <div class="parent">
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <p>買う<span>BUY</span></p>
  </div>
  <ul class="sp_child_list">
    <li><a href=/shop/cat/buy>全て</a>
          <li><a href=/shop/cat/buy/apparel>アパレル</a>
          <li><a href=/shop/cat/buy/books>本・CD</a>
          <li><a href=/shop/cat/buy/goods>雑貨</a>
          <li><a href=/shop/cat/buy/accessory>アクセサリー</a>
          <li><a href=/shop/cat/buy/sake>食品(酒)</a>
          <li><a href=/shop/cat/buy/convenience>コンビニ</a>
          <li><a href=/shop/cat/buy/flowers>花屋</a>
          <li><a href=/shop/cat/buy/souvenir>名産・土産</a>
          <li><a href=/shop/cat/buy/etc>その他</a>
      </ul>
</li>
<li class="li--play ">
  <div class="parent">
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <p>遊ぶ<span>PLAY</span></p>
  </div>
  <ul class="sp_child_list">
    <li><a href=/shop/cat/play>全て</a>
          <li><a href=/shop/cat/play/sights>観光名所</a>
          <li><a href=/shop/cat/play/karaoke>カラオケ</a>
          <li><a href=/shop/cat/play/activity>体験</a>
          <li><a href=/shop/cat/play/etc>その他</a>
          <li><a href=/shop/cat/play/onsen>温泉</a>
      </ul>
</li>
<li class="li--learn ">
  <div class="parent">
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <p>学ぶ<span>LEARN</span></p>
  </div>
  <ul class="sp_child_list">
    <li><a href=/shop/cat/learn>全て</a>
          <li><a href=/shop/cat/learn/pc>PC関連</a>
          <li><a href=/shop/cat/learn/english>語学</a>
          <li><a href=/shop/cat/learn/etc>その他</a>
          <li><a href=/shop/cat/learn/yoga>ヨガ・ピラティス</a>
      </ul>
</li>
<li class="li--stay ">
  <div class="parent">
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <p>泊まる<span>STAY</span></p>
  </div>
  <ul class="sp_child_list">
    <li><a href=/shop/cat/stay>全て</a>
          <li><a href=/shop/cat/stay/hotel>ホテル</a>
          <li><a href=/shop/cat/stay/japanese>旅館</a>
          <li><a href=/shop/cat/stay/business>ビジネスホテル</a>
          <li><a href=/shop/cat/stay/etc>その他</a>
      </ul>
</li>
<li class="li--heal ">
  <div class="parent">
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <p>癒す・美容<span>HEAL/BEAUTY</span></p>
  </div>
  <ul class="sp_child_list">
    <li><a href=/shop/cat/heal>全て</a>
          <li><a href=/shop/cat/heal/massage>マッサージ</a>
          <li><a href=/shop/cat/heal/salon>美容院</a>
          <li><a href=/shop/cat/heal/nail>ネイル</a>
          <li><a href=/shop/cat/heal/etc>その他</a>
      </ul>
</li>
  </ul>
  <ul class=sp__menu--info>
  <li><a href=/event>イベント情報</a>
        <li><a href=/coupon/cat/all>クーポン</a>
        <li><a href=/parking>パーキング</a>
        <li><a href=/recruit>求人情報</a>
  </ul>
  <ul class=sp__menu--etc>
  <li><a href=/aboutus>利用規約</a>
  <li><a href=/privacy>プライバシーポリシー</a>
  <li><a href=/contact>お問合せ</a>
  </ul>
  <ul class=sp__menu--sns>
  <li><a href="https://www.facebook.com/mdiwk/" class=sns--facebook target=_blank><img src=/img/icon/sns/fb.svg alt=Facebook></a>    </ul>
  </div>
  <div class=overlay id=js_overlay></div>
</div>
<div class=head>
  <div class=head--main>
    <h1><a href="/"><img src=/img/common/logo.svg alt=ぶち！岩国></a></h1>
    <div class=nav>
      <ul class=nav__info>
        <li><a href=/event>イベント情報</a>
        <li><a href=/coupon/cat/all>クーポン</a>
        <li><a href=/parking>パーキング</a>
        <li><a href=/recruit>求人情報</a>
        <li class=weather><span>2020年6月03日 水曜日</span>
          <div class=weather__box>
            <span>天気</span>
            <div class=weather__icon>
                                    <img src="/img/weather/04d.png">
                            </div>
          </div>      </ul>
      <div class=nav__main>
        <ul class=nav__main--base>
          <li class="li--eat ">
  <a href=/shop/cat/eat>
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <div class="li--sp">食べる</div>
    <span>EAT</span>
  </a>
  <div class="nav__child">
    <div class="nav__child--wrap">
      <div class="nav__child--inner">
        <div class="nav__child--title">
          <p>食べる<span>EAT</span></p>
        </div>
        <ul class="nav__child--list">
          <li><a href=/shop/cat/eat>全て</a>
                      <li><a href=/shop/cat/eat/japanese>和食</a>
                      <li><a href=/shop/cat/eat/westan>洋食</a>
                      <li><a href=/shop/cat/eat/bar>居酒屋・バー</a>
                      <li><a href=/shop/cat/eat/asian>中華・アジア・エスニック</a>
                      <li><a href=/shop/cat/eat/cafe>喫茶店・カフェ</a>
                      <li><a href=/shop/cat/eat/yakiniku>焼肉・焼き鳥</a>
                      <li><a href=/shop/cat/eat/sweets>スイーツ</a>
                      <li><a href=/shop/cat/eat/curry>カレー</a>
                      <li><a href=/shop/cat/eat/bread>パン</a>
                      <li><a href=/shop/cat/eat/okonomiyaki>お好み焼き</a>
                      <li><a href=/shop/cat/eat/etc>その他</a>
                    </ul>
        </div>
      </div>
    </div>
  </li>
  <li class="li--buy ">
  <a href=/shop/cat/buy>
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <div class="li--sp">買う</div>
    <span>BUY</span>
  </a>
  <div class="nav__child">
    <div class="nav__child--wrap">
      <div class="nav__child--inner">
        <div class="nav__child--title">
          <p>買う<span>BUY</span></p>
        </div>
        <ul class="nav__child--list">
          <li><a href=/shop/cat/buy>全て</a>
                      <li><a href=/shop/cat/buy/apparel>アパレル</a>
                      <li><a href=/shop/cat/buy/books>本・CD</a>
                      <li><a href=/shop/cat/buy/goods>雑貨</a>
                      <li><a href=/shop/cat/buy/accessory>アクセサリー</a>
                      <li><a href=/shop/cat/buy/sake>食品(酒)</a>
                      <li><a href=/shop/cat/buy/convenience>コンビニ</a>
                      <li><a href=/shop/cat/buy/flowers>花屋</a>
                      <li><a href=/shop/cat/buy/souvenir>名産・土産</a>
                      <li><a href=/shop/cat/buy/etc>その他</a>
                    </ul>
        </div>
      </div>
    </div>
  </li>
  <li class="li--play ">
  <a href=/shop/cat/play>
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <div class="li--sp">遊ぶ</div>
    <span>PLAY</span>
  </a>
  <div class="nav__child">
    <div class="nav__child--wrap">
      <div class="nav__child--inner">
        <div class="nav__child--title">
          <p>遊ぶ<span>PLAY</span></p>
        </div>
        <ul class="nav__child--list">
          <li><a href=/shop/cat/play>全て</a>
                      <li><a href=/shop/cat/play/sights>観光名所</a>
                      <li><a href=/shop/cat/play/karaoke>カラオケ</a>
                      <li><a href=/shop/cat/play/activity>体験</a>
                      <li><a href=/shop/cat/play/etc>その他</a>
                      <li><a href=/shop/cat/play/onsen>温泉</a>
                    </ul>
        </div>
      </div>
    </div>
  </li>
  <li class="li--learn ">
  <a href=/shop/cat/learn>
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <div class="li--sp">学ぶ</div>
    <span>LEARN</span>
  </a>
  <div class="nav__child">
    <div class="nav__child--wrap">
      <div class="nav__child--inner">
        <div class="nav__child--title">
          <p>学ぶ<span>LEARN</span></p>
        </div>
        <ul class="nav__child--list">
          <li><a href=/shop/cat/learn>全て</a>
                      <li><a href=/shop/cat/learn/pc>PC関連</a>
                      <li><a href=/shop/cat/learn/english>語学</a>
                      <li><a href=/shop/cat/learn/etc>その他</a>
                      <li><a href=/shop/cat/learn/yoga>ヨガ・ピラティス</a>
                    </ul>
        </div>
      </div>
    </div>
  </li>
  <li class="li--stay ">
  <a href=/shop/cat/stay>
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <div class="li--sp">泊まる</div>
    <span>STAY</span>
  </a>
  <div class="nav__child">
    <div class="nav__child--wrap">
      <div class="nav__child--inner">
        <div class="nav__child--title">
          <p>泊まる<span>STAY</span></p>
        </div>
        <ul class="nav__child--list">
          <li><a href=/shop/cat/stay>全て</a>
                      <li><a href=/shop/cat/stay/hotel>ホテル</a>
                      <li><a href=/shop/cat/stay/japanese>旅館</a>
                      <li><a href=/shop/cat/stay/business>ビジネスホテル</a>
                      <li><a href=/shop/cat/stay/etc>その他</a>
                    </ul>
        </div>
      </div>
    </div>
  </li>
  <li class="li--heal ">
  <a href=/shop/cat/heal>
    <div class=icon>
      <svg viewBox="0 0 28.6 15.5">
        <use class=Svg-style xlink:href=#bt></use>
      </svg>
    </div>
    <div class="li--sp">癒す・美容</div>
    <span>HEAL/BEAUTY</span>
  </a>
  <div class="nav__child">
    <div class="nav__child--wrap">
      <div class="nav__child--inner">
        <div class="nav__child--title">
          <p>癒す・美容<span>HEAL/BEAUTY</span></p>
        </div>
        <ul class="nav__child--list">
          <li><a href=/shop/cat/heal>全て</a>
                      <li><a href=/shop/cat/heal/massage>マッサージ</a>
                      <li><a href=/shop/cat/heal/salon>美容院</a>
                      <li><a href=/shop/cat/heal/nail>ネイル</a>
                      <li><a href=/shop/cat/heal/etc>その他</a>
                    </ul>
        </div>
      </div>
    </div>
  </li>
          </ul>
        <ul class=nav__main--sns>
          <li><a href="https://www.facebook.com/mdiwk/" class=sns--facebook target=_blank><img src=/img/icon/sns/fb.svg alt=Facebook></a>          </ul>
      </div>
    </div>
  </div>
</div>
<script src=//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script>
  
  <ul class=topic_pass>
            <li><a href="http://www.buchi-iwakuni.jp">ホーム</a></li>
                <li>お問い合わせ</li>
        </ul>

  <div class="main ">
  <div class="main__left ">
    <div class="sec sp__back">      
<div class="sec sp__back">
  <div class=page__head>
    <div class=page__head--icon>
      <img src="img/icon/p_head/contact.svg" alt="お問い合わせ">
    </div>
    <h3>CONTACT<span>お問い合わせ</span></h3>
  </div>
  <div class="page__sec">
    <div class="page__sec--text">
      <ul class="formflow">
        <li class="current">フォームの入力
        <li>入力内容の確認
        <li>送信完了
      </ul>

      
      <ul class=formlist>
        <li>下記のフォームに必要事項を記入し、「確認画面へ」ボタンをクリックしてください。
        <li>お問い合わせに対する回答には、数日を要する場合がございます。
        <li>また、内容によっては、お答えできかねる場合もございますので、あらかじめご了承ください。
        <li>ご提供いただいた個人情報は、当社の「プライバシーポリシー」に従って適切に利用いたします。
        <li>＊のついた項目は必須入力です。
      </ul>
    </div>
    <form method="post">
     <input type="hidden" name="_token" value="1VVqRwJVrLZGMPIskdRcXdMB8geS9MVJuCSgpoXr">
      <dl class="page__form">
        <dt><label for="name">お名前＊</label><dd><input type="text" name="name" size="40" id="name" value="">
          <span class="name--error"></span>

        <dt><label for="tel">電話番号＊</label><dd><input type="text" name="tel" size="40" id="tel" value="">
          <span class="tel--error"></span>

        <dt><label for="mail">メールアドレス＊</label><dd><input type="text" name="mail" size="40" id="mail" value="">
          <span class="mail--error"></span>

        <dt class="tarea"><label for="comment">お問い合わせ＊</label><dd class="tarea">
          <textarea name="kanso" rows="4" cols="40" id=comment></textarea>
          <span class="comment--error"></span>

          <dd class="formBtn">
            <button type='submit' name='action' value='check'>送信する</button>
          </dd>

        <!-- <dd class="submit">
          <button type='button' name='' value=''>修正する</button>
          <button type='submit' name='action' value='send'>確認画面へ</button>
        </dd> -->
      </dl>
    </form>
  </div>
</div>

    </div>  </div>
    <script id="script" type="text/javascript" src="../../../js/calender.js" data-string='[]' data-type="1"></script>
<script type="text/javascript" src="../../../js/select.js"></script>

<div class=main__right>
  <h4 class=h4--keyword><span>店舗検索</span></h4>

<form method=get action=/shop class=main__right--search>
<input type=text name=q class=search--Box placeholder=検索キーワードを入力><input type=submit value=検索 class=search--btn>
</form>

    <h4 class=h4--area><span>店舗をエリアでさがす</span></h4>
    <div class=area__map>
      <img src=/img/side/map.png alt=岩国の地図>
    </div>
  <ul class=area__list>
  <li><a href=/shop/area/iwakuni-st>岩国駅エリア</a>
        <li><a href=/shop/area/hondori>本通商店街エリア</a>
        <li><a href=/shop/area/nakadori>中通商店街エリア</a>
        <li><a href=/shop/area/siyakusho>岩国市役所周辺エリア</a>
        <li><a href=/shop/area/nishikiobibashi>錦帯橋周辺エリア</a>
        <li><a href=/shop/area/sonota>その他エリア</a>
      </ul>
    <h4 class=h4--date><span>イベントカレンダー</span></h4>
    <div class=calendar>
    <table>
    <caption>
      <span class=cal--prev id="minus">前月</span></a>
      <div id="calendar_date"></div>
      <span class=cal--next id="plus">次月</span>
    </span>
    </caption>
    <thead>
      <tr><th class=sun>日<th>月<th>火<th>水<th>木<th>金<th class=sat>土
        <div class=cal__text>
    <tbody id="calendar_cal">
    </div>
      <tfoot>
      <tr><td colspan=4><div class=event>イベント</div>
      <td colspan=3>
        <div class=seeall id="seeall"></div>
    </table>
    </div>
    <h4 class=h4--curpon><span>クーポンをさがす</span></h4>
    <div class=selectbox>
      <select id=dammy4 name=couponCategory>
        <option value=''>選択してください</option>
        <option value=all>すべて</option>
                <option value=eat>食べる</option>
                <option value=buy>買う</option>
                <option value=play>遊ぶ</option>
                <option value=learn>学ぶ</option>
                <option value=stay>泊まる</option>
                <option value=heal>癒す・美容</option>
              </select>
      <button class=search-btn onClick="select()">検索</button>
    </div>
        <ul class=bnbox>
          <li><a href="http://www.iwakuni-tabinavi.com/" ><img src="/storage/ad/1?q=1498814032" alt="岩国観光プロモーション戦略協議会"></a>
          <li><a href="https://www.city.iwakuni.lg.jp/"  target="_blank" ><img src="/storage/ad/2?q=1498814083" alt="岩国市"></a>
          <li><a href="http://ukai.iwakuni-city.net/"  target="_blank" ><img src="/storage/ad/3?q=1498814255" alt="岩国市観光協会　鵜飼事務局"></a>
          <li><a href="http://kankou.iwakuni-city.net/" ><img src="/storage/ad/4?q=1498814312" alt="旅の架け橋"></a>
          <li><a href="http://kintaikyo.iwakuni-city.net/" ><img src="/storage/ad/5?q=1499153716" alt="錦帯橋"></a>
        </ul>
  </div>
  </div>
    <div class=footer>
<ul class=footer__box--spbn>
      <li><a href="http://www.iwakuni-tabinavi.com/" ><img src="/storage/ad/1?q=1498814032" alt="岩国観光プロモーション戦略協議会"></a>
      <li><a href="https://www.city.iwakuni.lg.jp/"  target="_blank" ><img src="/storage/ad/2?q=1498814083" alt="岩国市"></a>
      <li><a href="http://ukai.iwakuni-city.net/"  target="_blank" ><img src="/storage/ad/3?q=1498814255" alt="岩国市観光協会　鵜飼事務局"></a>
      <li><a href="http://kankou.iwakuni-city.net/" ><img src="/storage/ad/4?q=1498814312" alt="旅の架け橋"></a>
      <li><a href="http://kintaikyo.iwakuni-city.net/" ><img src="/storage/ad/5?q=1499153716" alt="錦帯橋"></a>
  </ul>
<div class=footer__deco>
  <a href=#top>
  <div class=footer__deco--gotop><p class=pc>PAGE TOP<p class=sp>ページトップへ</div>
  </a>
</div>
<div class=footer__box>
  <ul class=footer__box--spmenu>
      <li><a href=..>トップページ</a>
  </ul>
  <ul class=footer__box--nav>
  <li><a href=/outline>ぶち岩国とは</a>
       <li><a href=/aboutus>運営情報</a>
       <li><a href=/privacy>プライバシーポリシー</a>
       <li><a href=/contact>お問合せ</a>
  </ul>
  <ul class=footer__box--sns>
  <li><a href="https://www.facebook.com/mdiwk/" class=sns--facebook target=_blank><img src=/img/icon/sns/fb.svg alt=Facebook></a>    </ul>
  <address>Copyright © 2017 ぶち岩国. All Rights Reserved.</address>
</div>
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.8&appId=165417716973284";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!--
<script>
(function(d){
var s = d.getElementsByTagName('script')[0];
var c = d.createElement('link');
c.rel = 'stylesheet';
c.href = 'style.css';
s.parentNode.insertBefore(c, s);
})(document);
</script>
-->

<script>
$(" li.li--abc").addClass("current");
</script>
<script src=/js/sp_menu.js></script>
<script src=/js/jquery.cycle2.min.js></script><script src=/js/DoubleTapToGo-minify.js></script>
<script>
$(function(){
		var _width = $(window).width();
		if(_width <= 300){
		}else{
 $('.nav__main--base li:has(ul)').doubleTapToGo();
		}
});

$(function(){
  $(".accordion_menu").on("click", function() {
    $(this).next().slideToggle();
    return false;
  });
});
  $(function(){
      $(".parent").on("click", function() {
          $(this).next().slideToggle();
    return false;
      });
  });

$(function() {
    let $accSwitch = $('#acc_footer_1');
    let $accContents = $('#acc_footer_1_contents');
    // 開閉ボタンクリック時
    $accContents.hide();
    $accSwitch.on('click', function(e) {
        $accContents.slideToggle();
        e.stopPropagation();
    });

    // アコーディオン内クリック時
    $accContents.on('click', function(e) {
        e.stopPropagation();
    });

    let $accSwitch2 = $('#acc_footer_2');
    let $accContents2 = $('#acc_footer_2_contents');
    // 開閉ボタンクリック時
    $accContents2.hide();
    $accSwitch2.on('click', function(e) {
        $accContents2.slideToggle();
        e.stopPropagation();
    });

    // アコーディオン内クリック時
    $accContents2.on('click', function(e) {
        e.stopPropagation();
    });

});
</script>
<script src=/js/jquery.rwdImageMaps.min.js></script>
<script>
  $(function(){
    $('img[usemap]').rwdImageMaps();
  });
</script>
</body>
</html>