html { overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

img { vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select { *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend { color: #000; }

del, ins { text-decoration: none; }

#top .headBody h1 { left: 0; }
#top .logo { display: none; }
@media screen and (max-width: 768px) { #top .logo { display: block; } }
#top .logo-top { position: absolute; top: 90px; left: 50%; z-index: 10; transform: translateX(-50%) translateY(-40%); max-width: 220px; width: 22%; }
#top .logo-top a { display: block; }
#top .logo-top img { width: 100%; height: auto; }
@media screen and (max-width: 768px) { #top .logo-top { display: none; } }
#top .gnav ul { padding: 15px 0 30px 0; }
#top .gnav ul li { width: 15.77%; margin-right: 1.076%; margin-top: 15px; }
#top .gnav ul li:last-child { margin-right: 0; }
#top .gnav ul li a { height: 110px !important; }
#top .gnav ul li a::before { width: 38px; height: 38px; }
#top .gnav ul li.top { display: none; }
@media screen and (max-width: 1000px) { #top .gnav ul { padding: 0px 0 15px 0; }
  #top .gnav ul li { width: 32.33333333%; margin-right: 1.5%; }
  #top .gnav ul li:nth-child(4) { margin-right: 0; }
  #top .gnav ul li a { height: 90px !important; }
  #top .gnav ul li a::before { width: 30px; height: 30px; } }

#main { padding: 30px; }
#main .imgauto { border-radius: 20px; position: relative; overflow: hidden; max-width: 1300px; margin: auto; }
@media screen and (max-width: 768px) { #main { padding: 15px; } }

.list-Box ul { font-size: 0; }
.list-Box ul li { display: inline-block; vertical-align: middle; }

.ttl-m { text-align: center; margin-bottom: 50px; }
@media screen and (max-width: 600px) { .ttl-m { margin-bottom: 30px; }
  .ttl-m img { height: 20px; width: auto; } }

.ttl-l { text-align: center; margin-bottom: 50px; }
@media screen and (max-width: 600px) { .ttl-l { margin-bottom: 30px; }
  .ttl-l img { height: 25px; width: auto; } }

#HOTNEWS.contents { max-width: 1300px; }
#HOTNEWS .news-word { text-align: center; }
#HOTNEWS .news-word a { display: inline-block; box-sizing: border-box; padding: 8px 20px; border-radius: 30px; white-space: nowrap; background: #c7e5ec; text-decoration: none; font-size: 14px; color: #000; margin: 0 10px 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#HOTNEWS .news-word a::before { content: "# "; }
#HOTNEWS .news-word a:hover { color: #fff; background: #5d848d; }
@media screen and (max-width: 768px) { #HOTNEWS .news-word a { padding: 6px 14px; font-size: 12px; margin: 0 6px 12px; } }
@media screen and (max-width: 600px) { #HOTNEWS .news-word a { font-size: 10px; } }

#FOCUS.contents { padding-top: 0; }
#FOCUS .body { padding-bottom: 60px; }
#FOCUS .body .midashi { position: relative; width: 100%; }
#FOCUS .body .midashi h3 { background: #fff; display: inline-block; position: relative; z-index: 1; }
#FOCUS .body .midashi h3 .txt-img, #FOCUS .body .midashi h3 .s-txt { display: inline-block; vertical-align: middle; }
#FOCUS .body .midashi h3 .s-txt { padding: 5px 20px; font-size: 18px; }
@media screen and (max-width: 600px) { #FOCUS .body .midashi h3 .txt-img img { height: 28px; width: auto; }
  #FOCUS .body .midashi h3 .s-txt { padding: 5px 15px; font-size: 13px; } }
#FOCUS .body .midashi::before, #FOCUS .body .midashi::after { position: absolute; content: ""; width: 100%; height: 1px; top: 50%; left: 0; background: #000; z-index: 0; }
#FOCUS .body .midashi::before { transform: translateY(-2px); }
#FOCUS .body .midashi::after { transform: translateY(2px); }
#FOCUS .body .note-btn { margin: auto; margin-top: 50px; max-width: 400px; width: 80%; }
#FOCUS .body .note-btn a { position: relative; display: block; text-decoration: none; font-size: 18px; padding: 13px 20px; white-space: nowrap; text-align: center; box-sizing: border-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f5f5f5; border-radius: 30px; }
#FOCUS .body .note-btn a:hover { color: #fff !important; }
@media screen and (max-width: 600px) { #FOCUS .body .note-btn { margin-top: 40px; }
  #FOCUS .body .note-btn a { padding: 8px 10px; font-size: 15px; } }

.note-list ul li { width: 47%; margin-right: 6%; margin-top: 50px; }
.note-list ul li:nth-child(2n) { margin-right: 0; }
.note-list ul li a { text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; }
.note-list ul li a:hover { opacity: 0.7; color: #444 !important; }
@media screen and (max-width: 600px) { .note-list ul li { width: 100%; margin-right: 0%; margin-top: 40px; } }

.note-Box::after { content: ''; display: block; clear: both; }
.note-Box .photo { float: left; width: 36.17%; position: relative; overflow: hidden; border-radius: 10px; }
.note-Box .photo img { width: 100%; height: auto; }
.note-Box .txt { float: right; width: 60%; }
.note-Box .txt .ttl { font-size: 16px; font-weight: bold; color: #000; margin-top: 5px; }
.note-Box .txt .read { font-size: 13px; margin-top: 10px; }
@media screen and (max-width: 600px) { .note-Box .txt .ttl { font-size: 13px; }
  .note-Box .txt .read { font-size: 11px; } }

#Gourmet .note-btn a { border: 1px solid #ff9000; color: #ff9000; }
#Gourmet .note-btn a:hover { background: #ff9000; }

#Live .note-btn a { border: 1px solid #5ad8e0; color: #5ad8e0; }
#Live .note-btn a:hover { background: #5ad8e0; }

#Spot .note-btn a { border: 1px solid #41ba85; color: #41ba85; }
#Spot .note-btn a:hover { background: #41ba85; }

#GUIDE .contents { padding-top: 0; }
#GUIDE .contents .ttl-l { margin-bottom: 25px; }
@media screen and (max-width: 600px) { #GUIDE .contents .ttl-l { margin-bottom: 10px; } }
#GUIDE .contents .read { text-align: center; font-size: 17px; }
@media screen and (max-width: 600px) { #GUIDE .contents .read { font-size: 13px; } }
#GUIDE .map .gmap { position: relative; padding-bottom: 42%; height: 0; overflow: hidden; }
#GUIDE .map .gmap iframe, #GUIDE .map .gmap object, #GUIDE .map .gmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width: 768px) { #GUIDE .map .gmap { padding-bottom: 65%; } }

#SHOP { border-bottom: 1px solid #ddd; padding-bottom: 50px; }
@media screen and (max-width: 600px) { #SHOP { padding-bottom: 40px; } }
#SHOP .body .txt { width: 48%; float: right; }
#SHOP .body .txt p, #SHOP .body .txt h5 { text-align: center; }
#SHOP .body .txt .ttl { margin-top: 30px; }
#SHOP .body .txt .read { font-size: 13px; margin-top: 25px; }
#SHOP .body .txt .btn { display: block; max-width: 300px; width: 80%; margin: auto; margin-top: 20px; }
#SHOP .body .txt .btn a { display: block; height: 50px; border-radius: 30px; box-sizing: border-box; border: 1px solid #56b9d0; text-decoration: none; position: relative; overflow: inherit; background: #c7e5ec; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#SHOP .body .txt .btn a .s-txt { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #317484; white-space: nowrap; font-size: 15px; }
#SHOP .body .txt .btn a:hover { background: #56b9d0; }
#SHOP .body .txt .btn a:hover .s-txt { color: #fff; }
#SHOP .body .photo { width: 50%; float: left; }
#SHOP .body .photo img { width: 100%; height: auto; }
@media screen and (max-width: 600px) { #SHOP .body .txt, #SHOP .body .photo { float: none; width: 100%; }
  #SHOP .body .txt .ttl img { width: auto; height: 25px; }
  #SHOP .body .photo { margin-top: 40px; text-align: center; }
  #SHOP .body .photo img { max-width: 380px; margin: 0; } }

#PROPERTY { padding-top: 50px; }
@media screen and (max-width: 600px) { #PROPERTY { padding-top: 40px; } }
#PROPERTY .body { border: 3px solid #f5202a; border-radius: 15px; box-sizing: border-box; padding: 10px 20px 25px 20px; }
#PROPERTY .body .txt { width: 48%; float: right; }
#PROPERTY .body .txt p, #PROPERTY .body .txt h5 { text-align: center; }
#PROPERTY .body .txt .ttl { margin-top: 30px; }
#PROPERTY .body .txt .read { font-size: 13px; margin-top: 25px; }
#PROPERTY .body .txt .btn { display: block; max-width: 300px; width: 80%; margin: auto; margin-top: 20px; }
#PROPERTY .body .txt .btn a { display: block; height: 50px; border-radius: 30px; box-sizing: border-box; text-decoration: none; position: relative; overflow: inherit; background: #f5202a; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#PROPERTY .body .txt .btn a .s-txt { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; white-space: nowrap; font-size: 15px; }
#PROPERTY .body .txt .btn a:hover { opacity: 0.6; }
#PROPERTY .body .photo { width: 47.5%; float: left; }
#PROPERTY .body .photo img { width: 100%; height: auto; margin: -40px 0 -50px; }
@media screen and (max-width: 600px) { #PROPERTY .body .txt, #PROPERTY .body .photo { float: none; width: 100%; }
  #PROPERTY .body .txt .ttl img { width: auto; height: 25px; }
  #PROPERTY .body .photo { margin-top: 30px; text-align: center; }
  #PROPERTY .body .photo img { max-width: 380px; margin: 0; } }

#SNS { background: #f4f2e7; }
#SNS .sns-list ul { text-align: left; }
@media screen and (max-width: 600px) { #SNS .sns-list ul { max-width: 300px; margin: auto; } }
#SNS .sns-list ul li { width: 30%; margin-right: 5%; }
#SNS .sns-list ul li:nth-child(3) { margin-right: 0; }
@media screen and (max-width: 768px) { #SNS .sns-list ul li { width: 47%; margin-right: 6%; }
  #SNS .sns-list ul li:nth-child(2) { margin-right: 0; }
  #SNS .sns-list ul li:nth-child(3) { margin-top: 50px; } }
@media screen and (max-width: 600px) { #SNS .sns-list ul li { width: 100%; margin-right: 0%; margin-top: 40px; }
  #SNS .sns-list ul li:nth-child(1) { margin-top: 0px; }
  #SNS .sns-list ul li:nth-child(3) { margin-top: 40px; } }
#SNS .sns-body .ttl { font-size: 16px; text-align: left; }
@media screen and (max-width: 600px) { #SNS .sns-body .ttl { font-size: 12px; } }
#SNS .sns-body .sns-box { margin-top: 25px; display: block; background: #fff; padding: 50px 0; font-size: 12px; text-align: center; }
@media screen and (max-width: 600px) { #SNS .sns-body .sns-box { margin-top: 15px; } }