@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
strong { font-weight:bold;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0; margin:0; padding:0; vertical-align:bottom;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {padding:0; margin:0; vertical-align:bottom;}
.clearfix:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
.clear {clear: both;}
label {cursor:pointer;}
a { text-decoration:none;}
a:hover {color: #ED772A;}

@font-face{
  font-family: 'websubsetfont';
  src: url('../font/websubsetfont.woff') format('woff');
}
html, body {height: 100%;}
body{color:#666; font-size:16px; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; line-height:1.5; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; background: url(../images/bg.jpg) repeat; padding: 0px 60px;}

.construction {max-width:600px; margin: 0px auto; box-sizing: border-box; padding: 100px 4%; line-height: 180%;}
.construction h1 {text-align: center;}
.construction h2 {font-weight: bold; font-size: 20px; text-align: center; margin: 20px 0px;}
.construction h3 {font-size: 18px;}
.construction h4 {font-size: 18px; margin-top: 10px;}
.construction ul {text-align: center; margin: 50px 0px 10px;}
.construction ul li {width:15px; display: inline-block; vertical-align: middle; margin: 0px 20px;}
.construction ul li + li {width:30px; display: inline-block; vertical-align: middle; margin: 0px;}
.construction h5 {font-size: 12px; text-align: center;}

header {overflow: hidden;width: 100%; background-position:center 193px; background-repeat: no-repeat; background-size:cover; height: 100%; position: relative;}
header section.pc_head { width: 100%; background: url(../images/bg.jpg) repeat;}
header section.pc_head > div {width: 1150px; margin: 0px auto; }
header section.pc_head h1 { text-align: center; padding: 15px 0px 25px;}
header section.pc_head ul { border-top: 2px solid #E8E8E8; font-size: 0px; text-align: center;}
header section.pc_head ul li {width: 16.6666666%; text-align: center;display: inline-block; }
header section.pc_head ul li a {font-family: 'websubsetfont'; color: #666; font-size: 18px; height: 58px; line-height: 58px; vertical-align: middle;}
header section.pc_head ul li a:hover {color: #ED772A;}
header section.pc_head ul:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}

header .sp_head { display: none;}

header h2 { text-align: center; height:-webkit-calc(100% - 193px) ;  height: calc(100% - 193px) ;display: block; position: relative;}
header h2 img { height: 100%; overflow-x: visible;}

.flag_bt { position: fixed; right: 0px; top: 0px; width: 163px; height: 157px;}
.flag_bt img {-moz-transition: -moz-transform 0.2s linear;-webkit-transition: -webkit-transform 0.2s linear;-o-transition: -o-transform 0.2s linear;-ms-transition: -ms-transform 0.2s linear;transition: transform 0.2s linear;}
.flag_bt img:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.1);transform: scale(1.1);}

.copyright { position: fixed; left: 20px;bottom: 50%;}
.copyright li:first-child { width: 10px; padding-left: 5px; margin-bottom: 10px;}
.copyright li:nth-child(2) { width: 20px; margin-bottom: 10px;}
.copyright li:last-child {font-family: 'websubsetfont'; font-size: 10px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl; font-weight:bold;writing-mode: vertical-rl; line-height: 100%;padding-left: 5px;}
.copyright li:last-child:first-letter { font-size: 10px;}

article section h3 {font-family: 'websubsetfont'; font-size: 25px; text-align: center; }
article section h3 span {position:relative; padding:0px 50px; z-index: 0;}
article section h3 span:after { content: ""; width: 300px; height: 1px; background: url(../images/h3_bg.jpg); position: absolute; margin-top: 17px; left: -300px; }
article section h3 span:before { content: ""; width: 300px; height: 1px; background: url(../images/h3_bg.jpg); position: absolute; margin-top: 17px; right: -300px;  }

.caution_cont { width: 1150px; margin: 60px auto; padding-bottom: 60px;}
.caution_cont > p { text-align: center; margin-top: 60px;}
.caution_cont h4 {text-align: center; margin-top: 1em;}
.caution_cont > span { color: #FF0004;}
.caution_cont figure {text-align: center;margin-bottom: 1em; margin-top: 1em;}
.caution_cont figure img {max-width: 100%;}

.caution_cont > div { margin-top: 60px}
.caution_cont > div h5 { text-align: center; margin-bottom: 50px; font-size: 20px;}
.caution_cont > div h5 span {border: 1px solid #666; padding: 10px 40px;}
.caution_cont > div dl { margin-bottom: 40px;}
.caution_cont > div dl dt { color: #5A8047; font-size: 20px; font-weight: bold; position: relative; padding-left: 40px; margin-bottom: 15px;}
.caution_cont > div dl dt:before { content: url(../images/map_icon_01.png); position: absolute; left: 0px;}
.caution_cont > div dl dd p { margin-bottom: 1em;}
.caution_cont > div dl dd p em {border-bottom: 1px solid #FF0004;}
.caution_cont > div dl dd p span { color: #FF0000;}
.caution_cont > div h6 {color: #666;margin-bottom: 30px;}
.caution_cont > div h6 + p {text-align: center; font-size: 20px; line-height: 170%; color: #333;}
.caution_cont > div h6 span { color: #FF0000;}
.caution_cont > div h6 em {text-decoration: underline;}

.news_cont { width: 1150px; margin: 60px auto;}
.news_cont h4 { margin-top: 30px; text-align: center; font-size: 20px; color:#FF0004; margin-bottom: 50px; }
.news_cont h4 + h5 { text-align: center; font-size: 18px; color: #333; font-weight: bold; padding: 10px 0px;}
.news_cont h5 + p { text-align: center; margin-bottom: 10px; color: #FF4D50;}
.news_cont h5 + p + dl { width: 600px; margin: 0px auto 20px; border: 1px solid #E5E5E5; padding: 7px; box-sizing: border-box; background-color: rgba(229,229,229,.4); text-align: center;}
.news_cont h5 + p + dl dt {font-size: 25px;}
.news_cont h5 + p + dl dd { color: #FC0004; font-size: 14px;}
.news_cont h5 + p + dl + p {text-align: center; margin-bottom: 50px; color: #FF4D50;}
.news_cont .sns_area {width: 1050px; margin: 0px auto;}
.news_cont .sns_area h6 {font-family: 'websubsetfont'; margin-bottom: 5px;}
.news_cont .sns_area .fb_area { width: 500px; float: left;}
.news_cont .sns_area .insta_area { width: 500px; height: 480px; float: right;}

/*
.news_cont .sns_area .insta_area ul li { width: 32%; height:32%; margin-left: 2%; float: left; margin-bottom: 2%; overflow: hidden;}
.news_cont .sns_area .insta_area ul li:nth-child(3n+1) { margin-left: 0%;}
.news_cont .sns_area .insta_area ul li img { width: 100%; height: auto;}
*/

.news_cont .sns_area .insta_area ul li {
position: relative;
width: 32%;
padding-top:30%;
overflow: hidden;
margin-left: 2%;
float: left; margin-bottom: 2%; 
}
.news_cont .sns_area .insta_area ul li:nth-child(3n+1) { margin-left: 0%;}
.news_cont .sns_area .insta_area ul li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}


.news_cont .sns_area .insta_area ul:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.news_cont .sns_area:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}

.news_cont h3 + dl {border: 2px solid #FF0004; padding: 20px; margin-top: 40px; font-size: 18px;}
.news_cont h3 + dl dt {  color:#FF0004; font-weight: bold; font-size: 22px; text-align: center;}
.news_cont h3 + dl dd { margin-top: 30px;}
.news_cont h3 + dl dd ul li { list-style: outside; margin-left: 1em; margin-top: 10px; color: #000;}
.news_cont h3 + dl dd ul li strong { color:#FF0004;}

.covid {width: 60%; margin: 30px auto 0px; line-height: 180%;}
.covid span {color:#FF0004;}

.hotpepper {width: 600px; margin: 50px auto;padding: 20px; box-sizing: border-box; border: 2px dotted #E73820;}
.hotpepper h4 { font-size: 20px; font-weight: bold; color: #E73820;margin: 0px 0px 0px 0px;}
.hotpepper p {margin-top: 1em;}
.hotpepper p span {color: #E73820;}

.area_cont {width: 1150px; margin: 60px auto;}
.area_cont .area_list { margin-top: 50px;}
.area_cont .area_list > div { width:32%; margin-left: 2%; float: left; margin-bottom: 2%; box-sizing: border-box; border: 1px solid #E5E5E5;}
.area_cont .area_list > div:nth-child(3n+1) { margin-left: 0%;}
.area_cont .area_list > div div { margin: 3px; padding: 7px; box-sizing: border-box; background-color: rgba(229,229,229,.4);}
.area_cont .area_list > div div h4 { font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #333;}
.area_cont .area_list > div div h4 span { display: block; font-size: 12px; color: #808080;}
.area_cont .area_list > div div h5 { font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.area_cont .area_list figure > p img { width: 100%; height: auto;}
.area_cont .area_list figure figcaption {font-size: 13px; margin-top: 10px; color: #333;}
.area_cont .area_list:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}

.map_cont {width: 1150px; margin: 60px auto;}
.map_cont > div { margin-top: 50px;}
.map_cont > div h4 { text-align: center;}
.map_cont > div div { margin-top: 60px}
.map_cont > div h4 img {max-width: 100%;}
.map_cont > div div h5 { text-align: center; margin-bottom: 50px; font-size: 20px;}
.map_cont > div div h5 span {border: 1px solid #666; padding: 10px 40px;}
.map_cont > div div dl { margin-bottom: 40px;}
.map_cont > div div dl dt { color: #5A8047; font-size: 20px; font-weight: bold; position: relative; padding-left: 40px; margin-bottom: 15px;}
.map_cont > div div dl dt:before { content: url(../images/map_icon_01.png); position: absolute; left: 0px;}
.map_cont > div div dl dd p { margin-bottom: 1em;}
.map_cont > div div dl dd p em {border-bottom: 1px solid #FF0004;}
.map_cont > div div dl dd p span { color: #FF0000;}
.map_cont > div div h6 {color: #666;margin-bottom: 30px;}
.map_cont > div div h6 + p {text-align: center; font-size: 20px; line-height: 170%; color: #333;}
.map_cont > div div h6 span { color: #FF0000;}
.map_cont > div div h6 em {text-decoration: underline;}

.menu_cont {width: 1150px; margin: 60px auto;}
.menu_cont h3 + p { text-align: center; margin-top: 60px;}
.menu_cont h3 + p span { color: #FF0004;}
.menu_cont .menu_list { margin-top: 50px;}
.menu_cont .menu_list > div {width:49%; margin-left: 2%; float: left; margin-bottom: 2%; box-sizing: border-box; border: 1px solid #E5E5E5;}
.menu_cont .menu_list > div:nth-child(2n+1) { margin-left: 0%;}
.menu_cont .menu_list > div div { margin: 3px; padding: 7px; box-sizing: border-box; background-color: rgba(229,229,229,.4);}
.menu_cont .menu_list > div div h4 { font-size: 20px; font-weight: bold; float: left;}
.menu_cont .menu_list > div div dl { float: right; text-align: right;}
.menu_cont .menu_list > div div dl dt { font-size: 14px; font-weight: bold;}
.menu_cont .menu_list > div div dl dt span { font-size: 22px; padding-left: 5px;}
.menu_cont .menu_list > div div dl dd { font-size: 12px;}
.menu_cont .menu_list > div div h5 { clear: both;font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-top: 20px;}
.menu_cont .menu_list figure > p img { width: 100%; height: auto;}
.menu_cont .menu_list figure figcaption {font-size: 13px; margin-top: 10px; color: #333;}
.menu_cont .menu_list:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.menu_cont .menu_list > div.no_menu {border: 0px solid #E5E5E5;}
.menu_cont .menu_list > div.no_menu p { text-align: center; margin-top: 30%; margin-bottom: 40px;}
.menu_cont .menu_list > div.no_menu ul { width: 80%; margin: 0px auto;}
.menu_cont .menu_list > div.no_menu ul li { border: 1px solid #E5E5E5; padding: 7px; box-sizing: border-box; background-color: rgba(229,229,229,.4); text-align: center; margin-bottom: 10px;}
.menu_cont .menu_list > div.no_menu ul li a { display: block; color: #333; font-weight: bold;}
.menu_cont .menu_list > div.no_menu ul li a:hover {opacity: 0.8;}
.menu_cont .menu_list > div.no_menu ul li span { display: block; color: #FF0004; font-size: 12px;}
.menu_cont .menu_list > div.no_menu ul li strong {font-size: 20px;}

.menu_cont .menu_list > div.no_menu_long {border: 0px solid #E5E5E5; width: 100%;}
.menu_cont .menu_list > div.no_menu_long p { text-align: center; margin-top:80px; margin-bottom: 40px;}
.menu_cont .menu_list > div.no_menu_long ul { width: 80%; margin: 0px auto;}
.menu_cont .menu_list > div.no_menu_long ul li { border: 1px solid #E5E5E5; padding: 7px; box-sizing: border-box; background-color: rgba(229,229,229,.4); text-align: center; margin-bottom: 10px;}
.menu_cont .menu_list > div.no_menu_long ul li a { display: block; color: #333; font-weight: bold;}
.menu_cont .menu_list > div.no_menu_long ul li a:hover {opacity: 0.8;}
.menu_cont .menu_list > div.no_menu_long ul li span { display: block; color: #FF0004; font-size: 12px;}
.menu_cont .menu_list > div.no_menu_long ul li strong {font-size: 20px;}

.access_cont .access_map { width: 100%; height: 500px; margin-top: 60px;}
.access_cont .access_info {width: 980px; margin: 60px auto 60px;}
.access_cont .access_info figcaption { float: left; width: 100%;}
.access_cont .access_info figcaption div > p { text-align: center; margin-bottom: 15px;}
.access_cont .access_info figcaption h4 { font-weight: bold; color: #333; font-size: 18px;}
.access_cont .access_info figcaption h5 {font-weight: bold; color: #333; font-size: 14px; margin-bottom: 15px;}
.access_cont .access_info figcaption dl { font-size: 14px;}
.access_cont .access_info figcaption div { float: left; width: 50%;}
.access_cont .access_info figcaption div + ul { float: left; width: 43%; padding-top: 70px;}
.access_cont .access_info figcaption div + ul li { border: 1px solid #E5E5E5; padding: 7px; box-sizing: border-box; background-color: rgba(229,229,229,.4); text-align: center; margin-bottom: 10px;}
/*.access_cont .access_info figcaption div + ul li:last-child { border: none; font-size: 14px; background-color: rgba(229,229,229,.0);} */
.access_cont .access_info figcaption div + ul li a { display: block; color: #333; font-weight: bold;}
.access_cont .access_info figcaption div + ul li a:hover {opacity: 0.8;}
.access_cont .access_info figcaption div + ul li span { display: block; color: #FF0004; font-size: 12px;}
.access_cont .access_info figcaption div + ul li strong {font-size: 20px;}
.access_cont .access_info:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}

.shop_cont h3 + p { text-align: center; margin-top: 60px;}
.shop_cont div { width:1150px; margin: 60px auto;}
.shop_cont div figure { width:30%; margin-left:5%; float:left; margin-bottom:5%; position:relative; cursor:pointer;}
.shop_cont div figure:hover figcaption h6 a { background-color:#999; color:#333;}
.shop_cont div figure:nth-child(3n+1) { margin-left:0px;}
.shop_cont div figure > p { width:100%; overflow:hidden; margin-bottom:10px;}
.shop_cont div figure > p img { width:100%; vertical-align:bottom;-moz-transition: -moz-transform 0.8s linear;-webkit-transition: -webkit-transform 0.8s linear;-o-transition: -o-transform 0.8s linear;-ms-transition: -ms-transform 0.8s linear;transition: transform 0.8s linear;}
.shop_cont div figure:hover > p img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.shop_cont div figure figcaption h4 { font-weight:bold;}
.shop_cont div figure figcaption h5 { padding:5px 0px;}
.shop_cont div figure figcaption h6 { font-size:12px; padding-bottom:40px;}
.shop_cont div figure figcaption p { position:absolute; bottom:0px;width:50%; left:50%; margin-left:-25%;}
.shop_cont div figure figcaption p a { width:100%; text-align:center; display:block; padding:5px 0px; background-color:#333; border-radius:15px; color:#FFF;font-family: 'websubsetfont'; font-weight:400; margin:0px auto; font-size: 14px; font-weight: bold;}
.shop_cont div:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}

footer p a { position:  fixed; width: 100px; bottom: 20px; right: 10px; display: block; padding: 10px 0px; text-align: center;font-family: 'websubsetfont'; background-color:rgba(0,0,0,.7); color: #FFF; font-size: 12px;border-radius: 5px;}

.flag_bt { position: fixed; right: 0px; top: 0px; width: 163px; height: 157px;}
.flag_bt img {-moz-transition: -moz-transform 0.2s linear;-webkit-transition: -webkit-transform 0.2s linear;-o-transition: -o-transform 0.2s linear;-ms-transition: -ms-transform 0.2s linear;transition: transform 0.2s linear;}
.flag_bt img:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.1);transform: scale(1.1);}
.flag_bt_sp {display: none;}

.tc_area {width: 850px; margin: 0px auto 30px;}
#tc-widget[data-layout='horizontal'] .tc-h1 {text-align: center; display: block!important;}

.privacy_cont {padding: 50px 0px;}
.privacy_cont > div {padding: 50px 4%;} 

.privacy_cont > div dl dt {color: #000; font-size: 18px;}
.privacy_cont > div dl dd {padding: 5px 0px 20px;}
.privacy_cont > div dl dd ol {padding: 5px 5px 0px}
.privacy_cont > div dl dd ol li {padding-bottom: 10px;}
.privacy_cont > p {text-align: center;}

@media only screen and (max-width:880px){
}
@media only screen and (max-width:768px){
.tc_area {width: 200px; margin: 0px auto;}
}
@media only screen and (max-width:640px){
body{ padding: 0px 0px;}

.covid {width: 96%; margin: 30px auto 0px;}

.hotpepper {width: 98%; margin: 50px auto;padding: 20px; box-sizing: border-box; border: 2px dotted #E73820;}
.hotpepper p br {display: none;}
.hotpepper p span + br {display: block;}

header section.pc_head { display:none;}
header .sp_head { display:block; min-width: 0px; width:100%; height:50px; z-index:10000; position:relative; background: url(../images/bg.jpg) repeat;}
header .sp_head h1 { text-align: center;}
header .sp_head h1 img { height: 40px; width: auto; padding-top: 5px;}
header {background-position:center 0px !important;}


.overlay,.hamburger_icon,.hamburger_icon:after,.hamburger_icon:before{-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s}
.hamburger{ display:block;width:50px;height:50px;top:0px;right:0px;z-index:1000000;padding:20px 15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation; background-color:#000; cursor:pointer; position:fixed;}
.hamburger_icon{position:relative;margin-top:5px;margin-bottom:5px;z-index:1000000;}
.hamburger_icon,.hamburger_icon:after,.hamburger_icon:before{display:block;width:25px;height:2px;background-color:#FFF;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s}
.hamburger_icon:after,.hamburger_icon:before{position:absolute;content:"";}
.hamburger_icon:before{top:-7px}
.hamburger_icon:after{top:7px}
.hamburger.active { z-index:10000;}
.hamburger.active .hamburger_icon{background-color:transparent}
.hamburger.active .hamburger_icon:after,.hamburger.active .hamburger_icon:before{background-color:#FFF;}
.hamburger.active .hamburger_icon:before{-moz-transform:translateY(7px)rotate(45deg);-ms-transform:translateY(7px)rotate(45deg);-webkit-transform:translateY(7px)rotate(45deg);transform:translateY(7px)rotate(45deg)}
.hamburger.active .hamburger_icon:after{-moz-transform:translateY(-7px)rotate(-45deg);-ms-transform:translateY(-7px)rotate(-45deg);-webkit-transform:translateY(-7px)rotate(-45deg);transform:translateY(-7px)rotate(-45deg)}
.overlay{top:0;left:0;z-index:9999;position:fixed;display:none;width:100%;height:100%;background:rgba(255,255,255,.98);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch; z-index:100;}
.overlay_wrapper{width:100%;height:100%;display:table;table-layout:fixed; margin:0px; padding:50px 0px 30px; box-sizing:border-box; box-sizing:border-box;}
.overlay.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.overlay_wrapper nav ul li { width:100%; border-bottom:1px solid #CCC; position:relative;}
.overlay_wrapper nav ul li em { padding-left:1em; font-size:10px; color:#008343;}
.overlay_wrapper nav ul li:first-child { border-top:1px solid #CCC;}
.overlay_wrapper nav ul li ul li { margin-left:1em; box-sizing:border-box;}
.overlay_wrapper nav ul li ul li:last-child { border-bottom:none;}
.overlay_wrapper nav ul li a { color:#333; display:block; padding:15px 10px; font-size:14px; text-align:left;}
.overlay_wrapper nav ul li:after {display: block;content: '';position: absolute;top: 1.4em;right: 1em;width: 6px;height: 6px;border-right: 1px solid #666;border-bottom: 1px solid #008343;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.overlay_wrapper nav ul li ul li:after {display: block;content: '';position: absolute;top: 1.4em;right: 2em;width: 6px;height: 6px;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

article section h3 {font-family: 'websubsetfont'; font-size: 25px; text-align: center; }
article section h3 span {position:relative; padding:0px 50px;}
article section h3 span:after { content: ""; width: 40px; height: 1px; background: url(../images/h3_bg.jpg); position: absolute; margin-top: 17px; left: -40px; }
article section h3 span:before { content: ""; width: 40px; height: 1px; background: url(../images/h3_bg.jpg); position: absolute; margin-top: 17px; right: -40px;  }

.caution_cont { width: 96%; margin: 60px auto;}
.caution_cont > p { text-align: left; margin-top: 60px;}
.caution_cont > p br {display: none;}
.caution_cont h4 {text-align: left; margin-top: 1em;}

.news_cont { width: 96%; margin: 60px auto;}
.news_cont h5 + p + dl { width: 100%; margin: 0px auto 20px; border: 1px solid #E5E5E5; padding: 7px; box-sizing: border-box; background-color: rgba(229,229,229,.4); text-align: center;}

.news_cont .sns_area {width: 100%; margin: 0px auto;}
.news_cont .sns_area h6 {font-family: 'websubsetfont'; margin-bottom: 5px;}
.news_cont .sns_area .fb_area { width: 100%; float: none;}
.news_cont .sns_area .insta_area { width: 100%; height: auto; float: none;}
.news_cont .sns_area .insta_area ul li { width: 32%; height:32%; margin-left: 2%; float: left; margin-bottom: 2%; overflow: hidden;}
.news_cont .sns_area .insta_area ul li:nth-child(3n+1) { margin-left: 0%;}

.news_cont h3 + dl {border: 2px solid #FF0004; padding: 20px; margin-top: 40px; font-size: 16px;}
.news_cont h3 + dl dt {  color:#FF0004; font-weight: bold; font-size: 18px; text-align: center;}
.news_cont h3 + dl dd { margin-top: 30px;}

.area_cont {width: 98%; margin: 60px auto;}
.area_cont .area_list > div { width:100%; margin-left: 0%; float: left; margin-bottom: 5%; box-sizing: border-box; border: 1px solid #E5E5E5;}
.area_cont .area_list > div:nth-child(3n+1) { margin-left: 0%;}

.map_cont {width: 98%; margin: 60px auto;}
.map_cont > div h4 img { width: 100%;}
.map_cont > div div h5 { text-align: center; margin-bottom: 50px; font-size: 20px; border: 1px solid #333; box-sizing: border-box;}
.map_cont > div div h5 span {border: none; padding: 10px 40px;}

.caution_cont > div h5 { text-align: center; margin-bottom: 50px; font-size: 20px; border: 1px solid #333; box-sizing: border-box;}
.caution_cont > div h5 span {border: none; padding: 10px 20px; display: block;}

.menu_cont {width: 98%; margin: 60px auto;}
.menu_cont .menu_list > div {width:100%; margin-left: 0%; float: left; margin-bottom: 5%; box-sizing: border-box; border: 1px solid #E5E5E5;}
.menu_cont .menu_list > div:nth-child(2n+1) { margin-left: 0%;}
.menu_cont .menu_list > div.no_menu { display: none;}

.access_cont .access_info {width: 98%; margin: 60px auto 60px;}
.access_cont .access_info > p { float: none; width: 100%; text-align: center; margin-bottom: 20px;}
.access_cont .access_info figcaption { float: none; width: 100%;}
.access_cont .access_info figcaption h4 { font-weight: bold; color: #333; font-size: 18px;}
.access_cont .access_info figcaption h5 {font-weight: bold; color: #333; font-size: 14px; margin-bottom: 15px;}
.access_cont .access_info figcaption dl { font-size: 14px;}
.access_cont .access_info figcaption div { float: none; width: 100%;}
.access_cont .access_info figcaption div + ul { float: none; width: 100%; margin-top: 20px;}
.access_cont .access_info figcaption div + ul li { border: 1px solid #E5E5E5; padding: 7px; box-sizing: border-box; background-color: rgba(229,229,229,.4); text-align: center; margin-bottom: 10px;}
.access_cont .access_info figcaption div + ul li a { display: block; color: #333; font-weight: bold;}
.access_cont .access_info figcaption div + ul li a:hover {opacity: 0.8;}
.access_cont .access_info figcaption div + ul li span { display: block; color: #FF0004; font-size: 12px;}
.access_cont .access_info figcaption div + ul li strong {font-size: 20px;}

.shop_cont {}
.shop_cont div { width:98%; margin: 60px auto;}
.shop_cont div figure { width:100%; margin-left:0%; float:left; margin-bottom:5%; position:relative; cursor:pointer; z-index:0;}
.shop_cont div figure:hover figcaption h6 a { background-color:#999; color:#333;}
.shop_cont div figure:nth-child(3n+1) { margin-left:0%;}

.copyright { position: static; left: 0px;bottom: 0%; padding: 20px 0px 70px; text-align: center;}
.copyright li { display: inline-block;}
.copyright li:first-child { width: 15px; padding-left: 5px; margin-bottom: 0px; padding-right: 10px;}
.copyright li:nth-child(2) { width: 25px; margin-bottom: 0px;}
.copyright li:last-child {font-family: 'websubsetfont'; font-size: 12px;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb; font-weight:bold;writing-mode: horizontal-tb; line-height: 100%;padding-left: 10px;}
.copyright li:last-child:first-letter { font-size: 14px;}

footer p a { position:  fixed; width: 80px; bottom: 50px; right: 5px; display: block; padding: 10px 0px; text-align: center;font-family: 'websubsetfont'; background-color:rgba(0,0,0,.7); color: #FFF; font-size: 10px;border-radius: 5px;}


.flag_bt { display: none;}
.flag_bt_sp {display: block; background: url(../images/h3_bg.jpg) no-repeat center center; background-size: cover;position: fixed;bottom: 0;left:0;z-index: 1000;-moz-opacity: 0.9;opacity: 0.9; width: 100%; height: 40px; text-align: center;}
.flag_bt_sp a { display: block; height: 40px; line-height: 40px; vertical-align: middle; color: #FFF; -webkit-font-smoothing: subpixel-antialiased; text-shadow:0px 0px 3px #000000;}
}
@media only screen and (max-width:414px){

}
@media only screen and (max-width:320px){
}