@charset "UTF-8";
/* ==================================================
[Style]
	 0. Font
	 1. Reset
	 2. General
	 3. All
	 4. Header
	 5. Menu Title
	 6. Breadline
	 7. Content
	 8. Footer
	 9. Index
	10. About
	11. Spa
	12. Stay
	13. Gourmet
	14. Porcelain
	15. Sightseeing
	16. Shopping
	17. Experience
	18. Topics
	19. Recommended
	20. Coupon
	21. Cycling
	22. Season
	23. Event
	24. Over
	25. Enjoy
	26. Quiz
	27. Asakatsu
	28. Instagram
	29. Access
	30. Brochure
	31. Photo
	32. Emergency
	33. Guide
	34. Member
	35. Link
	36. News
	37. Search
	38. Fukuyutaka
	39. 夏のキャンペーン（夏だ、まつりだ、わっしょい！キャンペーン）
	40. Ishin
================================================== */
/* --------------------------------------------------
	 0. Font
-------------------------------------------------- */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* --------------------------------------------------
	 1. Reset
-------------------------------------------------- */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
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, main, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

nav 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;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* --------------------------------------------------
	 2. General
-------------------------------------------------- */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@-moz-keyframes hover-ripple-out {
  50% {
    opacity: 1;
  }
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
}
@-webkit-keyframes hover-ripple-out {
  50% {
    opacity: 1;
  }
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
}
@keyframes hover-ripple-out {
  50% {
    opacity: 1;
  }
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
}
body {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #222222;
  line-height: 1.7;
  word-break: normal;
  word-wrap: normal;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

a {
  outline: none;
  word-break: break-all;
  word-wrap: break-word;
}
a:link, a:visited {
  color: #ca2e00;
  text-decoration: none;
}
a:hover, a:active {
  color: #7e1d00;
  text-decoration: underline;
}

ul, ol {
  list-style: none;
}

em, dl {
  font-style: normal;
}

sup, sub {
  line-height: 1.275;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

table {
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-family: inherit;
}
table caption, table th, table td {
  text-align: left;
  vertical-align: middle;
  padding: 10px;
}
table th {
  font-weight: normal;
}
table td {
  word-break: break-all;
}

.ime-on {
  ime-mode: active;
}

.ime-off {
  ime-mode: inactive;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
  margin: 5px;
  padding: 6px;
  color: #333;
  border: 1px solid #333333;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

input[type="text"].align_left {
  text-align: left;
}
input[type="text"].align_center {
  text-align: center;
}
input[type="text"].align_right {
  text-align: right;
}

input[type="radio"], input[type="checkbox"] {
  margin: 3px 0 5px 5px;
  cursor: pointer;
}
input[type="radio"] + label, input[type="checkbox"] + label {
  padding: 0 8px 0 2px;
  cursor: pointer;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #6f6f6f;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6f6f6f;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #6f6f6f;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #6f6f6f;
}

a:link, a:visited {
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: none;
}

p {
  margin-bottom: 1em;
  padding-left: 0.5em;
}

body#editor-input-content {
  width: 1240px;
}
body#editor-input-content h3 {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 100%;
  background: transparent no-repeat center top;
}
body#editor-input-content h4,
body#editor-input-content h5,
body#editor-input-content h6 {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #333333;
}
body#editor-input-content h4 {
  text-align: center;
  border-bottom: 1px solid #666666;
}
body#editor-input-content h5,
body#editor-input-content h6 {
  padding-left: 10px;
  border-bottom: 1px dotted #666666;
}
body#editor-input-content h3 {
  margin-bottom: 30px;
  height: 200px;
}
body#editor-input-content h4 {
  margin-bottom: 20px;
  padding-top: 50px;
  font-size: 34px;
}
body#editor-input-content h5 {
  margin-bottom: 15px;
  padding-top: 40px;
  font-size: 30px;
}
body#editor-input-content h6 {
  margin-bottom: 10px;
  padding-top: 30px;
  font-size: 26px;
}
body#editor-input-content > article {
  position: relative;
}
body#editor-input-content .center {
  margin: 20px auto;
}
body#editor-input-content .left {
  float: left;
  margin-right: 20px;
}
body#editor-input-content .right {
  float: right;
  margin-left: 20px;
}
body#editor-input-content .clear {
  clear: both;
}
body#editor-input-content table {
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
}
body#editor-input-content table caption,
body#editor-input-content table th,
body#editor-input-content table td {
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
}
body#editor-input-content table th {
  white-space: nowrap;
  background-color: #eeeeee;
}
body#editor-input-content table th.align_left, body#editor-input-content table td.align_left {
  text-align: left !important;
}
body#editor-input-content table th.align_center, body#editor-input-content table td.align_center {
  text-align: center !important;
}
body#editor-input-content table th.align_right, body#editor-input-content table td.align_right {
  text-align: right !important;
}
body#editor-input-content table tbody th {
  width: 12em;
}
body#editor-input-content table.non_style {
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 1px dotted #666666;
  border-right: 1px dotted #666666;
}
body#editor-input-content table.non_style > thead > caption,
body#editor-input-content table.non_style > tbody > caption {
  vertical-align: top;
  border-left: 1px dotted #666666;
  border-top: 1px dotted #666666;
}
body#editor-input-content table.non_style > thead > tr > th,
body#editor-input-content table.non_style > thead > tr > td,
body#editor-input-content table.non_style > tbody > tr > th,
body#editor-input-content table.non_style > tbody > tr > td {
  vertical-align: top;
  border-left: 1px dotted #666666;
  border-top: 1px dotted #666666;
}
body#editor-input-content table.non_style > thead > tr > th,
body#editor-input-content table.non_style > tbody > tr > th {
  white-space: normal;
  background-color: transparent;
}
body#editor-input-content ul {
  list-style: disc;
}
body#editor-input-content ul > li > ul {
  list-style: circle;
}
body#editor-input-content ol {
  list-style: decimal;
}
body#editor-input-content ul,
body#editor-input-content ol {
  margin: 0 0 10px 1.5em;
}
body#editor-input-content ul li,
body#editor-input-content ol li {
  margin-bottom: 5px;
}
body#editor-input-content ul li > ul,
body#editor-input-content ul li > ol,
body#editor-input-content ol li > ul,
body#editor-input-content ol li > ol {
  margin: 5px 0 0 1.5em;
}
body#editor-input-content ul.non_style,
body#editor-input-content ol.non_style {
  margin: 0;
  list-style: none;
}
body#editor-input-content ul.non_style li,
body#editor-input-content ol.non_style li {
  margin-bottom: 0;
}
body#editor-input-content div.focus, body#editor-input-content div.attention {
  margin-bottom: 10px;
  padding: 10px 15px;
}
body#editor-input-content div.focus > ul,
body#editor-input-content div.focus > ol, body#editor-input-content div.attention > ul,
body#editor-input-content div.attention > ol {
  margin: 5px 0 0 1.5em;
}
body#editor-input-content div.focus {
  background-color: #eee;
}
body#editor-input-content div.attention {
  background-color: #ffe7c2;
}
body#editor-input-content a[target="_blank"]:after, body#editor-input-content a[href^="http"]:after, body#editor-input-content a[href$=".pdf"]:after, body#editor-input-content a[href$=".xls"]:after, body#editor-input-content a[href$=".xlsx"]:after, body#editor-input-content a[href$=".doc"]:after, body#editor-input-content a[href$=".docx"]:after {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  content: "";
  margin: 0 2px 4px;
  height: 16px;
  background: transparent no-repeat center top;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}
body#editor-input-content a[target="_blank"]:after {
  width: 26px;
  background-image: url(image/icon/link_window.png);
}
body#editor-input-content a[href^="http"]:after {
  width: 23px;
  background-image: url(image/icon/link_external.png);
}
body#editor-input-content a[href^="http"][href^="http://www.takeo-kk.net/"]:after, body#editor-input-content a[href^="http"][href^="https://www.takeo-kk.net/"]:after {
  display: none;
}
body#editor-input-content a[href^="http"][href^="http://www.takeo-kk.net/"][target="_blank"]:after, body#editor-input-content a[href^="http"][href^="https://www.takeo-kk.net/"][target="_blank"]:after {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 26px;
  background-image: url(image/icon/link_window.png);
}
body#editor-input-content a[href$=".pdf"]:after {
  width: 44px;
  background-image: url(image/icon/link_pdf.png);
}
body#editor-input-content a[href$=".xls"]:after, body#editor-input-content a[href$=".xlsx"]:after {
  width: 59px;
  background-image: url(image/icon/link_excel.png);
}
body#editor-input-content a[href$=".doc"]:after, body#editor-input-content a[href$=".docx"]:after {
  width: 59px;
  background-image: url(image/icon/link_word.png);
}
body#editor-input-content a img {
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
body#editor-input-content a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
body#editor-input-content .basic_btn {
  position: relative;
  display: block;
  padding: 15px 50px;
  width: 740px;
  color: #000;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  background-color: #ca2e00;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: background-color 0.6s;
  -o-transition: background-color 0.6s;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s;
  margin: 0 auto;
  border: 1px solid #000;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
body#editor-input-content .basic_btn:after {
  position: absolute;
  left: 40px;
  top: 50%;
  display: block;
  content: "";
  margin: -8px 0 0 0 !important;
  width: 15px !important;
  height: 15px !important;
  background-image: none !important;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body#editor-input-content .basic_btn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  z-index: -1;
  background-color: #fff;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
body#editor-input-content .basic_btn:hover {
  color: #fff;
  border: 1px solid #ca2e00;
}
body#editor-input-content .basic_btn:hover:before {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
body#editor-input-content .basic_btn:hover:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
body#editor-input-content .basic_btn.medium {
  width: 570px;
}
body#editor-input-content .basic_btn.small {
  width: 400px;
}

@media only screen and (min-width: 741px) {
  body {
    font-size: 16px;
  }
  body sup, body sub {
    font-size: 12px;
  }
  body > article {
    width: 1200px;
    margin: 20px;
  }

  table.fixed {
    table-layout: fixed;
  }

  img {
    max-width: 1200px;
    height: auto;
  }
}
@media only screen and (max-width: 740px) {
  body {
    font-size: 14px;
  }
  body sup, body sub {
    font-size: 10px;
  }
  body > article {
    width: 320px !important;
    margin: 20px;
  }
  body > article table {
    width: 320px !important;
  }
  body > article table th,
  body > article table td {
    width: 320px !important;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  table {
    max-width: 100%;
  }
  table th,
  table td {
    display: block;
    white-space: normal !important;
    width: 100%;
  }
}
/* --------------------------------------------------
	 3. All
-------------------------------------------------- */
#all #header,
#all #title,
#all #global_menu,
#all #content,
#all #footer {
  clear: both;
}
#all #header .inner,
#all #title .inner,
#all #global_menu .inner,
#all #content .inner,
#all #footer .inner {
  position: relative;
  margin: 0 auto;
}

@media only screen and (min-width: 741px) {
  #all #header,
  #all #title,
  #all #global_menu,
  #all #content,
  #all #footer {
    min-width: 1200px;
  }
  #all #header .inner,
  #all #title .inner,
  #all #global_menu .inner,
  #all #content .inner,
  #all #footer .inner {
    width: 1200px;
  }
}
@media only screen and (max-width: 740px) {
  #all #header .inner,
  #all #title .inner,
  #all #global_menu .inner,
  #all #content .inner,
  #all #footer .inner {
    padding: 0 10px;
  }
}
/* --------------------------------------------------
	 4. Header
-------------------------------------------------- */
#header {
  background-color: #fff;
}

@media only screen and (min-width: 741px) {
  #header {
    padding: 10px 0;
  }
  #header h1 a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 220px;
    height: 60px;
    background: transparent url(image/header/logo.png) no-repeat left top;
  }
  #header .social {
    position: absolute;
    left: 240px;
    top: 15px;
  }
  #header .social li {
    float: left;
    margin-left: 10px;
    width: 30px;
  }
  #header .social li a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 30px;
    height: 30px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  #header .social li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  #header .social li.facebook a {
    background: transparent url(image/header/facebook.png) no-repeat left top;
  }
  #header .social li.instagram a {
    background: transparent url(image/header/instagram.png) no-repeat left top;
  }
  #header #google_translate_element {
    position: absolute;
    right: 15px;
    top: 0;
  }
}
@media only screen and (max-width: 740px) {
  #header {
    padding: 10px 0;
  }
  #header > .inner {
    overflow: hidden;
    *zoom: 1;
    text-align: center;
  }
  #header h1 {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 200px;
  }
  #header h1 a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    padding-top: 27.27273%;
    background: transparent url(image/header/logo.png) no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #header .social {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding-left: 10px;
  }
  #header .social li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 30px;
  }
  #header .social li a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  #header .social li.facebook a {
    background: transparent url(image/header/facebook.png) no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #header .social li.instagram a {
    background: transparent url(image/header/instagram.png) no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #header #google_translate_element {
    padding-top: 10px;
    text-align: center;
  }
  #header #google_translate_element select {
    padding: 3px;
  }
}
/* --------------------------------------------------
	 5. Menu Title
-------------------------------------------------- */
#menu_title {
  position: relative;
}
#menu_title #global_menu {
  position: absolute;
  width: 100%;
  z-index: 5000;
  left: 0;
}
#menu_title #global_menu a,
#menu_title #global_menu span {
  color: #fff;
}
#menu_title #global_menu a {
  text-decoration: none;
}
#menu_title #global_menu span {
  cursor: default;
}
#menu_title .title {
  position: relative;
  background: transparent url(image/dot.png) repeat left top;
}
#menu_title .title:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: transparent no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: -1;
}
#menu_title .title h2 {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  background: transparent no-repeat center center;
}

@media only screen and (min-width: 741px) {
  #menu_title #global_menu {
    bottom: 0;
    padding: 20px 0;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#99000000', endColorstr='#99000000');
    background-color: rgba(0, 0, 0, 0.6);
  }
  #menu_title #global_menu .menu {
    display: none;
  }
  #menu_title #global_menu .nav {
    margin-left: 20px;
    font-size: 0;
  }
  #menu_title #global_menu .nav li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px;
    border-right: 1px solid #fff;
  }
  #menu_title #global_menu .nav li:first-child {
    border-left: 1px solid #fff;
  }
  #menu_title #global_menu .nav li a {
    display: block;
    padding: 1px 14px 2px;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  #menu_title #global_menu .nav li a:hover {
    color: #999999;
  }
  #menu_title #global_menu .search {
    position: absolute;
    right: 15px;
    top: 0;
  }
  #menu_title #global_menu .search form {
    font-size: 0;
  }
  #menu_title #global_menu .search form input[type="text"] {
    display: inline-block;
    margin: 0;
    padding: 5px 7px;
    width: 200px;
    font-size: 16px;
    outline: none;
    border: 1px solid #828282;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  #menu_title #global_menu .search form input[type="submit"] {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    background: transparent url(image/menu/search.png) no-repeat left top;
    border: none;
    cursor: pointer;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  #menu_title .title {
    min-width: 1200px;
    height: 500px;
  }
  #menu_title .title h2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 70px;
    left: 0;
  }
}
@media only screen and (max-width: 740px) {
  #menu_title {
    padding-top: 80px;
  }
  #menu_title #global_menu {
    top: 0;
    background-color: #333333;
  }
  #menu_title #global_menu.opened .menu span {
    border: none;
  }
  #menu_title #global_menu.opened .menu span:before {
    top: 8px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #menu_title #global_menu.opened .menu span:after {
    position: absolute;
    top: 8px;
    right: 0;
    display: block;
    content: "";
    width: 100%;
    border-top: 3px solid #fff;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #menu_title #global_menu.opened .nav {
    display: block;
  }
  #menu_title #global_menu .menu {
    position: relative;
    height: 40px;
  }
  #menu_title #global_menu .menu span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 25px;
    height: 19px;
    position: absolute;
    top: 10px;
    right: 0;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }
  #menu_title #global_menu .menu span:before {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    content: "";
    width: 100%;
    border-top: 3px solid #fff;
  }
  #menu_title #global_menu .nav {
    display: none;
    margin: 0 -10px;
  }
  #menu_title #global_menu .nav li a {
    display: block;
    padding: 8px 10px;
    border-top: 1px solid #fff;
  }
  #menu_title #global_menu .search {
    margin: 0 -10px;
    padding: 5px 10px;
    height: 40px;
    background-color: #ccc;
  }
  #menu_title #global_menu .search form {
    position: relative;
    padding-right: 40px;
    background-color: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
  #menu_title #global_menu .search form input[type="text"] {
    padding: 2px 6px;
    width: 100%;
    font-size: 14px;
    outline: none;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #menu_title #global_menu .search form input[type="submit"] {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    background: transparent url(image/sp/menu/search.png) no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    border: none;
  }
  #menu_title .title {
    height: 250px;
  }
  #menu_title .title h2 {
    margin: 0 auto;
    height: 250px;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
}
/* --------------------------------------------------
	 6. Breadline
-------------------------------------------------- */
#breadline {
  clear: both;
  position: relative;
  margin: 10px auto 10px;
}
#breadline ul {
  overflow: hidden;
  *zoom: 1;
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px dashed #666666;
}
#breadline ul li {
  float: left;
}
#breadline ul li a {
  color: #373b82;
  text-decoration: none;
}
#breadline ul li a:hover {
  text-decoration: underline;
}
#breadline ul li em {
  color: #373b82;
  font-weight: bold;
}
#breadline ul li .divider {
  padding: 0 10px;
}

@media only screen and (max-width: 740px) {
  #breadline {
    display: none;
  }
}
/* --------------------------------------------------
	 7. Content
-------------------------------------------------- */
article {
  position: relative;
}
article h3 {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 100%;
  background: transparent no-repeat center top;
}
article h4,
article h5,
article h6 {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #333333;
}
article h4 {
  text-align: center;
  border-bottom: 1px solid #666666;
}
article h5,
article h6 {
  padding-left: 10px;
  border-bottom: 1px dotted #666666;
}
article .center {
  margin: 20px auto;
}
article .left {
  float: left;
  margin-right: 20px;
}
article .right {
  float: right;
  margin-left: 20px;
}
article .clear {
  clear: both;
}
article table {
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
}
article table caption,
article table th,
article table td {
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
}
article table th {
  white-space: nowrap;
  background-color: #eeeeee;
}
article table th.align_left, article table td.align_left {
  text-align: left !important;
}
article table th.align_center, article table td.align_center {
  text-align: center !important;
}
article table th.align_right, article table td.align_right {
  text-align: right !important;
}
article table.non_style {
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: none;
  border-right: none;
}
article table.non_style > thead > caption,
article table.non_style > tbody > caption {
  vertical-align: top;
  border-left: none;
  border-top: none;
}
article table.non_style > thead > tr > th,
article table.non_style > thead > tr > td,
article table.non_style > tbody > tr > th,
article table.non_style > tbody > tr > td {
  vertical-align: top;
  border-left: none;
  border-top: none;
}
article table.non_style > thead > tr > th,
article table.non_style > tbody > tr > th {
  white-space: normal;
  background-color: transparent;
}
article ul {
  list-style: disc;
}
article ul > li > ul {
  list-style: circle;
}
article ol {
  list-style: decimal;
}
article ul,
article ol {
  margin: 0 0 10px 1.5em;
}
article ul li,
article ol li {
  margin-bottom: 5px;
}
article ul li > ul,
article ul li > ol,
article ol li > ul,
article ol li > ol {
  margin: 5px 0 0 1.5em;
}
article ul.non_style,
article ol.non_style {
  margin: 0;
  list-style: none;
}
article ul.non_style li,
article ol.non_style li {
  margin-bottom: 0;
}
article div.focus, article div.attention {
  margin-bottom: 10px;
  padding: 10px 15px;
}
article div.focus > ul,
article div.focus > ol, article div.attention > ul,
article div.attention > ol {
  margin: 5px 0 0 1.5em;
}
article div.focus {
  background-color: #eee;
}
article div.attention {
  background-color: #ffe7c2;
}
article a[target="_blank"]:after, article a[href^="http"]:after, article a[href$=".pdf"]:after, article a[href$=".xls"]:after, article a[href$=".xlsx"]:after, article a[href$=".doc"]:after, article a[href$=".docx"]:after {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  content: "";
  margin: 0 2px 4px;
  height: 16px;
  background: transparent no-repeat center top;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}
article a[target="_blank"]:after {
  width: 26px;
  background-image: url(image/icon/link_window.png);
}
article a[href^="http"]:after {
  width: 23px;
  background-image: url(image/icon/link_external.png);
}
article a[href^="http"][href^="http://www.takeo-kk.net/"]:after, article a[href^="http"][href^="https://www.takeo-kk.net/"]:after {
  display: none;
}
article a[href^="http"][href^="http://www.takeo-kk.net/"][target="_blank"]:after, article a[href^="http"][href^="https://www.takeo-kk.net/"][target="_blank"]:after {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 26px;
  background-image: url(image/icon/link_window.png);
}
article a[href$=".pdf"]:after {
  width: 44px;
  background-image: url(image/icon/link_pdf.png);
}
article a[href$=".xls"]:after, article a[href$=".xlsx"]:after {
  width: 59px;
  background-image: url(image/icon/link_excel.png);
}
article a[href$=".doc"]:after, article a[href$=".docx"]:after {
  width: 59px;
  background-image: url(image/icon/link_word.png);
}
article a.non_style:after {
  display: none;
}
article a img {
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
article a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
article #map a[target="_blank"]:after, article #map a[href^="http"]:after {
  display: none;
}
article .pager ul {
  margin: 0;
  list-style: none;
  padding-top: 30px;
  text-align: center;
}
article .pager ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-bottom: 0;
  padding: 0 2px;
}
article .pager ul li a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  line-height: 1;
  color: #222222;
  background-color: #fff;
  border: 1px solid #666666;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article .pager ul li.current a {
  color: #fff;
  background-color: #ca2e00;
}

#secondary {
  background-color: #fff;
}
#secondary section.social_button ul li {
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
}
#secondary section.social_button ul li.instagram a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 40px;
  height: 40px;
  background: transparent url(image/footer/instagram.png) no-repeat center center;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}
#secondary section.ad {
  background-color: #444;
}

@media only screen and (min-width: 741px) {
  #primary {
    padding: 50px 0 150px;
  }

  article h3 {
    margin-bottom: 30px;
    height: 200px;
  }
  article h4 {
    margin-bottom: 20px;
    padding-top: 50px;
    font-size: 34px;
  }
  article h5 {
    margin-bottom: 15px;
    padding-top: 40px;
    font-size: 30px;
  }
  article h6 {
    margin-bottom: 10px;
    padding-top: 30px;
    font-size: 26px;
  }
  article table.fixed {
    table-layout: fixed;
  }
  article table tbody th {
    width: 12em;
  }
  article .basic_btn {
    position: relative;
    display: block;
    padding: 15px 50px;
    width: 740px;
    color: #000;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    background-color: #ca2e00;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: background-color 0.6s;
    -o-transition: background-color 0.6s;
    -webkit-transition: background-color 0.6s;
    transition: background-color 0.6s;
    margin: 0 auto;
    border: 1px solid #000;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  article .basic_btn:after {
    position: absolute;
    left: 40px;
    top: 50%;
    display: block;
    content: "";
    margin: -8px 0 0 0 !important;
    width: 15px !important;
    height: 15px !important;
    background-image: none !important;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article .basic_btn:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    z-index: -1;
    background-color: #fff;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  article .basic_btn:hover {
    color: #fff;
    border: 1px solid #ca2e00;
  }
  article .basic_btn:hover:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  article .basic_btn:hover:after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  article .basic_btn.medium {
    width: 570px;
  }
  article .basic_btn.small {
    width: 400px;
  }
  article .pager ul li a {
    padding: 8px 10px 10px;
    min-width: 40px;
    min-height: 40px;
    -moz-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
  }
  article .pager ul li a:hover {
    color: #fff;
    background-color: #ca2e00;
  }

  #secondary section.social_button {
    margin-bottom: 40px;
  }
  #secondary section.ad {
    padding: 35px 0;
  }
  #secondary section.ad ul {
    overflow: hidden;
    *zoom: 1;
    margin-left: -5px !important;
  }
  #secondary section.ad ul li {
    float: left;
    margin-left: 10px !important;
		margin-bottom: 10px;
    width: 230px;
  }
  #secondary section.ad ul li a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 230px;
    height: 80px;
    background: transparent no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  #secondary section.ad ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
}
@media only screen and (max-width: 740px) {
  #primary {
    padding: 20px 0 80px;
  }

  article h3 {
    margin-bottom: 20px;
    height: 0;
    padding-top: 33.33333%;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article h4 {
    margin-bottom: 20px;
    padding-top: 30px;
    font-size: 24px;
  }
  article h5 {
    margin-bottom: 15px;
    padding-top: 25px;
    font-size: 22px;
  }
  article h6 {
    margin-bottom: 10px;
    padding-top: 20px;
    font-size: 20px;
  }
  article .basic_btn {
    position: relative;
    display: block;
    padding: 5px 15%;
    width: 80%;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: background-color 0.6s;
    -o-transition: background-color 0.6s;
    -webkit-transition: background-color 0.6s;
    transition: background-color 0.6s;
    margin: 0 auto;
    border: 1px solid #000;
  }
  article .basic_btn:after {
    position: absolute;
    left: 10%;
    top: 50%;
    margin: -5px 0 0 0 !important;
    display: block;
    content: "";
    width: 10px !important;
    height: 10px !important;
    background-image: none !important;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article .pager ul li a {
    padding: 6px 8px 8px;
    min-width: 30px;
    min-height: 30px;
  }

  #secondary section.social_button {
    margin-bottom: 20px;
    text-align: center;
  }
  #secondary section.ad {
    padding: 20px 0;
  }
  #secondary section.ad ul {
    overflow: hidden;
    *zoom: 1;
    margin: 0 auto;
    width: 75%;
  }
  #secondary section.ad ul li {
    float: left;
    padding: 2%;
    width: 50%;
  }
  #secondary section.ad ul li a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    padding-top: 34.78261%;
    background: transparent no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
/* --------------------------------------------------
	 8. Footer
-------------------------------------------------- */
#footer {
  text-align: center;
  background-color: #eeeeee;
}

@media only screen and (min-width: 741px) {
  #footer {
    padding: 30px 0;
  }
  #footer .association dl dt {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    background: transparent url(image/footer/logo.png) no-repeat center top;
  }
  #footer .association dl dd {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 0 5px;
    font-size: 14px;
  }
  #footer .email {
    margin-bottom: 5px;
    font-size: 14px;
  }
  #footer .copyright {
    font-size: 13px;
  }
}
@media only screen and (max-width: 740px) {
  #footer {
    padding: 20px 0;
  }
  #footer .association dl {
    margin-bottom: 5px;
  }
  #footer .association dl dt {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    margin-bottom: 5px;
    padding-top: 6.09375%;
    background: transparent url(image/footer/logo.png) no-repeat center top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #footer .association dl dd {
    font-size: 12px;
  }
  #footer .email {
    margin-bottom: 5px;
    font-size: 12px;
  }
  #footer .copyright {
    font-size: 9px;
  }
}
/* --------------------------------------------------
	 9. Index
-------------------------------------------------- */
body.index #menu_title .slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
body.index #menu_title .slider li {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
body.index #menu_title .slider li.preload {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
body.index #menu_title .title:before {
  display: none;
}
body.index #menu_title .title h2 {
  background-image: url(image/index/title.png);
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}
body.index #primary {
  padding-bottom: 0 !important;
}
body.index #primary article ul,
body.index #primary article ol,
body.shinkansen #primary article ul,
body.shinkansen #primary article ol{
  margin: 0;
  list-style: none;
}
body.index #primary article ul li,
body.index #primary article ol li {
  margin-bottom: 0;
}
body.index #primary article section.news ul li a .category,
body.index #primary article section.news ul li a .date,
body.shinkansen_index #primary article section.news ul li a .category,
body.shinkansen_index #primary article section.news ul li a .date{
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

body.index #primary article section.news ul li a .category,
body.shinkansen_index #primary article section.news ul li a .category{
  padding: 5px 0;
  line-height: 1;
  color: #fff;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
body.index #primary article section.news ul li a .category.news{
  background-color: #009f71;
}
body.index #primary article section.news ul li a .category.event{
  background-color: #019fce;
}
body.index #primary article section.news ul li a .category.emergency{
  background-color: #a20000;
}
body.index #primary article section.news ul li a .category.emergency{
  background-color: #a20000;
}

body.index #primary article section.news ul li a .category.shinkansen,
body.shinkansen_index #primary article section.news ul li a .category.shinkansen{
  background-color: #053e96;
}


body.index #secondary section.link {
  background-color: #e84340;
}

@media only screen and (min-width: 741px) {
  body.index #primary > .inner {
    width: auto !important;
  }
  
  /** 追記20160802 **/
  body.index #primary section.topics {
    margin-bottom: 70px;
    text-align: center;
  }
  body.index #primary section.topics h3 {
    margin-bottom: 40px;
    height: 150px;
    background-image: url(image/index/topics_title.png);
  }
  body.index #primary section.topics a{
  	display: inline-block;
    margin: auto 0px 8px;
  }
  body.index #primary section.topics a.bn_coupon{
    margin-right: 8px;
  }
	body.index #primary section.topics a.bn_cam{
    margin-left: 8px;
  }
  
    
  /** 追記END **/
  
  
  /** 追記/修正201901 **/
  body.index #primary section.gourmet {
    margin-bottom: 70px;
    text-align: center;
  }
  body.index #primary section.gourmet h3 {
    margin-bottom: 40px;
    height: 150px;
    background-image: url(image/index/eat_title.png);
  }
  
  body.index #primary section.gourmet a{
    margin: auto;
  }
  body.index #primary section.gourmet a img{
		width: 260px;
  }
  
  /** 追記20170315 削除201901
  body.index #primary section.fukuyutaka {
    margin-bottom: 70px;
    text-align: center;
  }
  body.index #primary section.fukuyutaka h3 {
    margin-bottom: 40px;
    height: 150px;
    background-image: url(image/index/fukuyutaka_title.png);
  }
  
  body.index #primary section.fukuyutaka a{
    margin: auto;
  }
  /** 追記END **/
  
  /** 追記END **/
  
  
  /** 追記20180306 **/
  body.index #primary section.ishin {
    margin-bottom: 70px;
    text-align: center;
  }
  body.index #primary section.ishin h3 {
    margin-bottom: 40px;
    height: 150px;
    background-image: url(image/index/ishin_title.png);
  }
  /** 追記END **/
  
  
  /** 追記201706 キャンペーン **/
  body.index #primary section.cam {
    margin-bottom: 70px;
    text-align: center;
  }
  body.index #primary section.cam h3 {
    margin-bottom: 40px;
    height: 150px;
    background-image: url(image/index/cam_title.png);
  }
  
  body.index #primary section.cam a{
    margin: auto;
  }
  
  /** 追記END **/
  
  
  body.index #primary section.news{
    margin-bottom: 60px;
  }
  body.index #primary section.news h3 {
    margin-bottom: 35px;
    height: 160px;
    background-image: url(image/index/news_title.png);
  }
  body.index #primary section.news ul,
	body.shinkansen #primary section.news ul{
    display: table;
    table-layout: fixed;
    margin-bottom: 40px !important;
  }
  body.index #primary section.news ul li,
	body.shinkansen #primary section.news ul li{
    display: table-cell;
    border-left: 1px solid #333333;
  }
  body.index #primary section.news ul li:first-child,
	body.shinkansen #primary section.news ul li:first-child{
    border-left: none;
  }
  body.index #primary section.news ul li a, 
	body.shinkansen #primary section.news ul li a {
    display: block;
    padding: 20px 40px;
    width: 300px;
    color: #222222;
    text-decoration: none;
  }
  body.index #primary section.news ul li a span,
	body.shinkansen #primary section.news ul li a span{
    font-size: 14px;
  }
  body.index #primary section.news ul li a .image,
	body.shinkansen #primary section.news ul li a .image{
    display: block;
    margin-bottom: 20px;
    width: 220px;
    height: 155px;
    background: transparent no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  body.index #primary section.news ul li a .category,
	body.shinkansen_index #primary section.news ul li a .category{
    width: 120px;
    font-size: 12px;
  }
  body.index #primary section.news ul li a .date,
	body.shinkansen_index #primary section.news ul li a .date,
	body.shinkansen #primary section.news u li a .date{
    margin-left: 10px;
  }
  body.index #primary section.news ul li a .title,
	body.shinkansen #primary section.news u li a .title {
    display: block;
    padding-top: 10px;
  }
  body.index #primary section.news ul li a:hover .image,
	body.shinkansen  #primary section.news ul li a:hover .image{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  body.index #primary section.news ul li a:hover .title,
	body.shinkansen  #primary section.news ul li a:hover .title{
    text-decoration: underline;
  }
  body.index #primary section.news .more a,
	body.shinkansen  #primary section.news .more a{
    width: 500px !important;
  }
  body.index #primary section.tourism {
    margin-bottom: 70px;
  }
  body.index #primary section.tourism h3 {
    margin-bottom: 80px;
    height: 150px;
    background-image: url(image/index/tourism_title.png);
  }
  body.index #primary section.tourism ul {
    overflow: hidden;
    *zoom: 1;
  }
  body.index #primary section.tourism ul li a {
    position: relative;
    display: block;
    overflow: hidden;
  }
  body.index #primary section.tourism ul.nav {
    margin: 0 0 40px -20px !important;
  }
  body.index #primary section.tourism ul.nav li {
    float: left;
    margin: 0 0 20px 20px !important;
  }
  body.index #primary section.tourism ul.nav li a {
    overflow: hidden;
  }
  body.index #primary section.tourism ul.nav li a:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.tourism ul.nav li a span:before, body.index #primary section.tourism ul.nav li a span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  body.index #primary section.tourism ul.nav li a span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.tourism ul.nav li a span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  body.index #primary section.tourism ul.nav li a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  body.index #primary section.tourism ul.nav li a span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  body.index #primary section.tourism ul.nav li a:hover:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  body.index #primary section.tourism ul.nav li.spa {
    width: 580px;
  }
  body.index #primary section.tourism ul.nav li.spa a {
    width: 580px;
    height: 180px;
    background: transparent url(image/index/tourism_spa.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.spa a:before {
    background: transparent url(image/index/tourism_spa_blur.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.spa a:after {
    border-left: 46px solid #59b068;
  }
  body.index #primary section.tourism ul.nav li.spa a span {
    background: transparent url(image/index/tourism_spa_title.png) no-repeat center center;
  }
  body.index #primary section.tourism ul.nav li.stay {
    margin: 200px 0 0 -580px !important;
    width: 580px;
  }
  body.index #primary section.tourism ul.nav li.stay a {
    width: 580px;
    height: 180px;
    background: transparent url(image/index/tourism_stay.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.stay a:before {
    background: transparent url(image/index/tourism_stay_blur.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.stay a:after {
    border-left: 46px solid #59b0c4;
  }
  body.index #primary section.tourism ul.nav li.stay a span {
    background: transparent url(image/index/tourism_stay_title.png) no-repeat center center;
  }
  body.index #primary section.tourism ul.nav li.gourmet {
    width: 290px;
  }
  body.index #primary section.tourism ul.nav li.gourmet a {
    width: 290px;
    height: 380px;
    background: transparent url(image/index/tourism_gourmet.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.gourmet a:before {
    background: transparent url(image/index/tourism_gourmet_blur.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.gourmet a:after {
    border-left: 46px solid #d17940;
  }
  body.index #primary section.tourism ul.nav li.gourmet a span {
    background: transparent url(image/index/tourism_gourmet_title.png) no-repeat center center;
  }
  body.index #primary section.tourism ul.nav li.porcelain {
    width: 290px;
  }
  body.index #primary section.tourism ul.nav li.porcelain a {
    width: 290px;
    height: 380px;
    background: transparent url(image/index/tourism_porcelain.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.porcelain a:before {
    background: transparent url(image/index/tourism_porcelain_blur.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.porcelain a:after {
    border-left: 46px solid #b07c6d;
  }
  body.index #primary section.tourism ul.nav li.porcelain a span {
    background: transparent url(image/index/tourism_porcelain_title.png) no-repeat center center;
  }
  body.index #primary section.tourism ul.nav li.sightseeing {
    width: 380px;
  }
  body.index #primary section.tourism ul.nav li.sightseeing a {
    width: 380px;
    height: 300px;
    background: transparent url(image/index/tourism_sightseeing.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.sightseeing a:before {
    background: transparent url(image/index/tourism_sightseeing_blur.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.sightseeing a:after {
    border-left: 46px solid #596ac4;
  }
  body.index #primary section.tourism ul.nav li.sightseeing a span {
    background: transparent url(image/index/tourism_sightseeing_title.png) no-repeat center center;
  }
  body.index #primary section.tourism ul.nav li.shopping {
    margin-left: 30px !important;
    width: 380px;
  }
  body.index #primary section.tourism ul.nav li.shopping a {
    width: 380px;
    height: 300px;
    background: transparent url(image/index/tourism_shopping.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.shopping a:before {
    background: transparent url(image/index/tourism_shopping_blur.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.shopping a:after {
    border-left: 46px solid #e779b3;
  }
  body.index #primary section.tourism ul.nav li.shopping a span {
    background: transparent url(image/index/tourism_shopping_title.png) no-repeat center center;
  }
  body.index #primary section.tourism ul.nav li.experience {
    margin-left: 30px !important;
    width: 380px;
  }
  body.index #primary section.tourism ul.nav li.experience a {
    width: 380px;
    height: 300px;
    background: transparent url(image/index/tourism_experience.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.experience a:before {
    background: transparent url(image/index/tourism_experience_blur.jpg) no-repeat center top;
  }
  body.index #primary section.tourism ul.nav li.experience a:after {
    border-left: 46px solid #688172;
  }
  body.index #primary section.tourism ul.nav li.experience a span {
    background: transparent url(image/index/tourism_experience_title.png) no-repeat center center;
  }
  body.index #primary section.tourism ul.guide li {
    float: left;
    width: 300px;
  }
  body.index #primary section.tourism ul.guide li a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 300px;
    height: 330px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background-size: 300px 330px !important;
  }
  body.index #primary section.tourism ul.guide li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  body.index #primary section.tourism ul.guide li.powerspot a {
    background: transparent url(image/index/tourism_powerspot.png) no-repeat left top;
  }
  body.index #primary section.tourism ul.guide li.marriage a {
    background: transparent url(image/index/tourism_marriage.png) no-repeat left top;
  }
  body.index #primary section.tourism ul.guide li.recommended a {
    background: transparent url(image/index/tourism_recommended.png) no-repeat left top;
  }
  body.index #primary section.tourism ul.guide li.coupon a {
    background: transparent url(image/index/tourism_coupon.png) no-repeat left top;
  }
	
/*20190327追記_「体験する」予約サイトへ	*/
	body.index #primary section.tourism .experience_link{
		margin: 0 auto 80px;
	}
	body.index #primary section.tourism .experience_link .basic_btn{
		background: #688172;
	}
	body.index #primary section.tourism .experience_link .basic_btn:hover{
		border: 1px solid #688172;
	}
/*END*/	
	
  body.index #primary section.cycling {
    margin-bottom: 60px;
  }
  body.index #primary section.cycling > .inner {
    width: auto !important;
  }
  body.index #primary section.cycling a {
    position: relative;
    display: block;
    height: 0;
    padding-top: 29.66667%;
    background: transparent url(image/index/cycling.jpg) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  body.index #primary section.cycling a em {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 640px;
    height: 160px;
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -320px;
    background: transparent url(image/index/cycling_title.png) no-repeat left top;
  }
  body.index #primary section.cycling a span {
    position: relative;
    display: block;
    padding: 15px 50px;
    width: 500px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    background-color: #373b82;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: background-color 0.6s;
    -o-transition: background-color 0.6s;
    -webkit-transition: background-color 0.6s;
    transition: background-color 0.6s;
    position: absolute;
    left: 50%;
    bottom: 20%;
    margin-left: -250px;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  body.index #primary section.cycling a span:after {
    position: absolute;
    left: 40px;
    top: 50%;
    display: block;
    content: "";
    margin: -8px 0 0 0 !important;
    width: 15px !important;
    height: 15px !important;
    background-image: none !important;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.cycling a span:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    z-index: -1;
    background-color: #fff;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  body.index #primary section.cycling a:hover span {
    color: #373b82;
  }
  body.index #primary section.cycling a:hover span:before {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  body.index #primary section.cycling a:hover span:after {
    border-top: 1px solid #373b82;
    border-right: 1px solid #373b82;
  }
  body.index #primary section.information {
    margin-bottom: 60px;
  }
  body.index #primary section.information ul {
    *zoom: 1;
    margin-left: -30px !important;
  }
  body.index #primary section.information ul:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  body.index #primary section.information ul li {
    float: left;
    margin-left: 30px !important;
    width: 380px;
  }
  body.index #primary section.information ul li a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 380px;
    height: 260px;
    position: relative;
    overflow: hidden;
    -moz-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3);
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  body.index #primary section.information ul li a:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    border-left: 46px solid #596a4a;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.information ul li a span:before, body.index #primary section.information ul li a span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  body.index #primary section.information ul li a span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.information ul li a span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  body.index #primary section.information ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  body.index #primary section.information ul li.season a {
    background: transparent url(image/index/information_season.png) no-repeat center center;
  }
  body.index #primary section.information ul li.event a {
    background: transparent url(image/index/information_event.png) no-repeat center center;
  }
  body.index #primary section.information ul li.weather {
    padding: 40px 70px 0;
    width: 380px;
    height: 260px;
    -moz-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3);
  }
  body.index #primary section.special {
    margin-bottom: 80px;
  }
  body.index #primary section.special > .inner {
    width: auto !important;
  }
  body.index #primary section.special ul {
    overflow: hidden;
    *zoom: 1;
  }
  body.index #primary section.special ul li {
    float: left;
    width: 50%;
  }
  body.index #primary section.special ul li > span,
  body.index #primary section.special ul li > a {
    position: relative;
    display: block;
    height: 0;
    padding-top: 59.33333%;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  body.index #primary section.special ul li > span em,
  body.index #primary section.special ul li > a em {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 750px;
    height: 170px;
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -375px;
  }
  body.index #primary section.special ul li > span span,
  body.index #primary section.special ul li > a span {
    position: relative;
    display: block;
    padding: 15px 50px;
    width: 500px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: background-color 0.6s;
    -o-transition: background-color 0.6s;
    -webkit-transition: background-color 0.6s;
    transition: background-color 0.6s;
    position: absolute;
    left: 50%;
    bottom: 20%;
    margin-left: -250px;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  body.index #primary section.special ul li > span span:after,
  body.index #primary section.special ul li > a span:after {
    position: absolute;
    left: 40px;
    top: 50%;
    display: block;
    content: "";
    margin: -8px 0 0 0 !important;
    width: 15px !important;
    height: 15px !important;
    background-image: none !important;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.special ul li > span span:before,
  body.index #primary section.special ul li > a span:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    z-index: -1;
    background-color: #fff;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  body.index #primary section.special ul li > a:hover span:before {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  body.index #primary section.special ul li.over > span,
  body.index #primary section.special ul li.over > a {
    background: transparent url(image/index/special_over.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.special ul li.over > span em,
  body.index #primary section.special ul li.over > a em {
    background: transparent url(image/index/special_over_title.png) no-repeat center top;
  }
  body.index #primary section.special ul li.over > span span,
  body.index #primary section.special ul li.over > a span {
    background-color: #00794a;
  }
  body.index #primary section.special ul li.over > a:hover span {
    color: #00794a;
  }
  body.index #primary section.special ul li.over > a:hover span:after {
    border-top: 1px solid #00794a;
    border-right: 1px solid #00794a;
  }
  body.index #primary section.special ul li.enjoy > span,
  body.index #primary section.special ul li.enjoy > a {
    background: transparent url(image/index/special_enjoy.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.special ul li.enjoy > span em,
  body.index #primary section.special ul li.enjoy > a em {
    background: transparent url(image/index/special_enjoy_title.png) no-repeat center top;
  }
  body.index #primary section.special ul li.enjoy > span span,
  body.index #primary section.special ul li.enjoy > a span {
    background-color: #cc1d4a;
  }
  body.index #primary section.special ul li.enjoy > a:hover span {
    color: #cc1d4a;
  }
  body.index #primary section.special ul li.enjoy > a:hover span:after {
    border-top: 1px solid #cc1d4a;
    border-right: 1px solid #cc1d4a;
  }
  body.index #primary section.special ul li.quiz > span,
  body.index #primary section.special ul li.quiz > a {
    background: transparent url(image/index/special_quiz.png) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.special ul li.quiz > span em,
  body.index #primary section.special ul li.quiz > a em {
    background: transparent url(image/index/special_quiz_title.png) no-repeat center top;
  }
  body.index #primary section.special ul li.quiz > span span,
  body.index #primary section.special ul li.quiz > a span {
    background-color: #ff9a00;
  }
  body.index #primary section.special ul li.quiz > a:hover span {
    color: #ff9a00;
  }
  body.index #primary section.special ul li.quiz > a:hover span:after {
    border-top: 1px solid #ff9a00;
    border-right: 1px solid #ff9a00;
  }
  body.index #primary section.special ul li.asakatsu > span,
  body.index #primary section.special ul li.asakatsu > a {
    background: transparent url(image/index/special_asakatsu.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.special ul li.asakatsu > span em,
  body.index #primary section.special ul li.asakatsu > a em {
    background: transparent url(image/index/special_asakatsu_title.png) no-repeat center top;
  }
  body.index #primary section.special ul li.asakatsu > span span,
  body.index #primary section.special ul li.asakatsu > a span {
    background-color: #4a63b8;
  }
  body.index #primary section.special ul li.asakatsu > span:hover span,
  body.index #primary section.special ul li.asakatsu > a:hover span {
    color: #4a63b8;
  }
  body.index #primary section.special ul li.asakatsu > span:hover span:after,
  body.index #primary section.special ul li.asakatsu > a:hover span:after {
    border-top: 1px solid #4a63b8;
    border-right: 1px solid #4a63b8;
  }
  body.index #primary section.special ul li.asakatsu > a:hover span {
    color: #4a63b8;
  }
  body.index #primary section.special ul li.asakatsu > a:hover span:after {
    border-top: 1px solid #4a63b8;
    border-right: 1px solid #4a63b8;
  }
  
  /* 追記20161104
  /* クイズラリーを見えなくしたバージョン。
  /* クイズラリー復活時は、ここをコメントアウトする */
  body.index #primary section.special ul li.asakatsu {
    width: 100%;
  }
  
  body.index #primary section.special ul li.asakatsu > span,
  body.index #primary section.special ul li.asakatsu > a {
    background-image: url(image/index/special_asakatsu_long.jpg);
    background-repeat: repeat-x;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    padding-top: 29.91666666666667%; /* 359/1200*100 */
  }
  /* 追記20161104END */
  
  body.index #secondary section.social {
    margin-bottom: 80px;
  }
  body.index #secondary section.social ul {
    overflow: hidden;
    *zoom: 1;
    margin-left: 30px !important;
  }
  body.index #secondary section.social ul li {
    float: left;
    margin: 0 0 20px 40px !important;
    width: 510px;
  }
  body.index #secondary section.social ul li a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 510px;
    height: 110px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  body.index #secondary section.social ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  body.index #secondary section.social ul li.facebook {
    min-height: 650px;
  }
  body.index #secondary section.social ul li.takesan a {
    background: transparent url(image/index/social_takesan.png) no-repeat left top;
  }
  body.index #secondary section.social ul li.instagram a {
    background: transparent url(image/index/social_instagram.png) no-repeat left top;
  }
  body.index #secondary section.social ul li.takeo a {
    background: transparent url(image/index/social_takeo.png) no-repeat left top;
  }
  body.index #secondary section.social ul li.access a {
    background: transparent url(image/index/social_access.png) no-repeat left top;
  }
  body.index #secondary section.social ul li.takeotravel a {
    background: transparent url("image/index/social_takeotravel_info_books.png") no-repeat left top;
  }
  body.index #secondary section.download {
    margin-bottom: 50px;
  }
  body.index #secondary section.download ul {
    overflow: hidden;
    *zoom: 1;
    margin-left: -20px !important;
  }
  body.index #secondary section.download ul li {
    float: left;
    margin-left: 20px !important;
    width: 590px;
  }
  body.index #secondary section.download ul li a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 590px;
    height: 200px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  body.index #secondary section.download ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  body.index #secondary section.download ul li.brochure a {
    background: transparent url(image/index/download_brochure.png) no-repeat left top;
  }
  body.index #secondary section.download ul li.photo a {
    background: transparent url(image/index/download_photo.png) no-repeat left top;
  }
  body.index #secondary section.link {
    padding: 60px 0 20px;
  }
  body.index #secondary section.link > .inner > ul {
    overflow: hidden;
    *zoom: 1;
    margin-left: 30px !important;
  }
  body.index #secondary section.link > .inner > ul > li {
    float: left;
    margin: 0 0 40px 40px !important;
    width: 510px;
  }
  body.index #secondary section.link > .inner > ul > li > a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 510px;
    height: 125px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  body.index #secondary section.link > .inner > ul > li > a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  body.index #secondary section.link > .inner > ul > li.travel > a {
    background: transparent url(image/index/link_travel.png) no-repeat left top;
  }
  body.index #secondary section.link > .inner > ul > li.emergency > a {
    background: transparent url(image/index/link_emergency.png) no-repeat left top;
  }
  body.index #secondary section.link > .inner > ul > li.guide > a {
    background: transparent url(image/index/link_guide.png) no-repeat left top;
  }
  body.index #secondary section.link > .inner > ul > li.takeo {
    width: 510px;
    height: 125px;
    background-color: #fff;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dt a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 510px;
    height: 50px;
    background: transparent url(image/index/link_takeo.png) no-repeat left top;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dt a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd {
    position: relative;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd li {
    position: absolute;
    padding-left: 20px;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd li a {
    color: #9c1e21 !important;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd li:before {
    position: absolute;
    left: 0;
    top: 8px;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #9c1e21;
    border-right: 1px solid #9c1e21;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd li:nth-child(1) {
    left: 20px;
    top: 10px;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd li:nth-child(2) {
    left: 20px;
    top: 40px;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd li:nth-child(3) {
    left: 340px;
    top: 10px;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd li:nth-child(4) {
    left: 340px;
    top: 40px;
  }
  body.index #secondary section.link > .inner > ul > li.member > a {
    background: transparent url(image/index/link_member.png) no-repeat left top;
  }
  body.index #secondary section.link > .inner > ul > li.link > a {
    background: transparent url(image/index/link_link.png) no-repeat left top;
  }
}
@media only screen and (max-width: 740px) {
  body.index #menu_title .title h2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
  }
  body.index #primary > .inner {
    padding: 0 !important;
  }
  
  
  /** 追記20160802 **/
  body.index #primary section.topics {
    margin-bottom: 40px;
    text-align: center;
  }
  body.index #primary section.topics h3 {
    margin-bottom: 20px;
    padding-top: 25%;
    background-image: url(image/index/topics_title.png);
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
	body.index #primary section.topics a{
  	display: inline-block;
		/*width: calc( 96% / 3 );20181207追記（ishinと同じ場合のスタイル）*/
		width: 98%;/*通常の季節バナー時(800×295)*/
		margin: auto 1%;/*通常の季節バナー時(800×295)*/
	}
	body.index #primary section.topics a.bn_coupon{
		width: 48%;
		margin-right: 0;
	}
	body.index #primary section.topics a.bn_cam{
  		width: 48%;
		margin-left: 0;
  }
  /** 追記END **/
  
  
  /** 追記/修正201901 **/
  body.index #primary section.gourmet {
    margin-bottom: 40px;
	  text-align: center;
  }
  body.index #primary section.gourmet h3 {
    margin-bottom: 20px;
    padding-top: 25%;
    background-image: url(image/index/eat_title.png);
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  
  body.index #primary section.gourmet a{
  	display: inline-block;
		width: calc( 96% / 3 );
    margin: auto;
  }
  /** 追記20170315 削除201901
  body.index #primary section.fukuyutaka {
    margin-bottom: 40px;
  }
  body.index #primary section.fukuyutaka h3 {
    margin-bottom: 20px;
    padding-top: 25%;
    background-image: url(image/index/fukuyutaka_title.png);
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  /** 追記END **/
  
  /** 追記20180306 **/
  body.index #primary section.ishin {
    margin-bottom: 40px;
	text-align: center;
  }
  body.index #primary section.ishin h3 {
    margin-bottom: 20px;
    padding-top: 25%;
    background-image: url(image/index/ishin_title.png);
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  
  body.index #primary section.ishin a{
	  display: inline-block;
	  width: calc( 96% / 3 );
  }
  body.index #primary section.ishin a img{
	  width: 100%;
  }
  /** 追記END **/
  
  
  /** 追記201706 キャンペーン **/
  body.index #primary section.cam {
    margin-bottom: 40px;
  }
  body.index #primary section.cam h3 {
    margin-bottom: 20px;
    padding-top: 25%;
    background-image: url(image/index/cam_title.png);
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  /** 追記END **/
  
  
  body.index #primary section.news{
    margin-bottom: 40px;
  }
  body.index #primary section.news h3 {
    margin-bottom: 20px;
    padding-top: 25%;
    background-image: url(image/index/news_title.png);
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.news ul,
	body.shinkansen #primary section.news ul{
    margin-bottom: 20px !important;
  }
  body.index #primary section.news ul li a,
	body.shinkansen #primary section.news ul li a {
    display: block;
    padding: 10px 0;
    color: #222222;
    text-decoration: none;
    border-bottom: 1px dotted #666666;
  }
  body.index #primary section.news ul li a span,
	body.shinkansen #primary section.news ul li a span{
    font-size: 12px;
  }
  body.index #primary section.news ul li a .image,
	body.shinkansen #primary section.news ul li a .image{
    display: none;
  }
  body.index #primary section.news ul li a .category,
	body.shinkansen #primary section.news ul li a .category{
    width: 8em;
    font-size: 10px;
  }
  body.index #primary section.news ul li a .date,
  body.shinkansen_index #primary section.news ul li a .date,
	body.shinkansen #primary section.news ul li a .date{
    margin-left: 5px;
  }
  body.index #primary section.news ul li a .title,
	body.shinkansen #primary section.news ul li a .title{
    display: block;
  }
  body.index #primary section.tourism h3 {
    margin-bottom: 30px;
    padding-top: 23.4375%;
    background-image: url(image/index/tourism_title.png);
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.tourism > .inner {
    padding: 0 !important;
  }
  body.index #primary section.tourism ul {
    overflow: hidden;
    *zoom: 1;
  }
  body.index #primary section.tourism ul li a {
    position: relative;
    display: block;
    overflow: hidden;
  }
  body.index #primary section.tourism ul.nav {
    margin: 0 20px 10px !important;
  }
  body.index #primary section.tourism ul.nav li {
    margin-bottom: 10px !important;
  }
  body.index #primary section.tourism ul.nav li a {
    width: 100%;
    height: 0;
    padding-top: 28.125%;
    overflow: hidden;
  }
  body.index #primary section.tourism ul.nav li a:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.tourism ul.nav li a span:before, body.index #primary section.tourism ul.nav li a span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  body.index #primary section.tourism ul.nav li a span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.tourism ul.nav li a span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  body.index #primary section.tourism ul.nav li a span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body.index #primary section.tourism ul.nav li.spa a {
    background: transparent url(image/index/tourism_spa.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.tourism ul.nav li.spa a:after {
    border-left: 21px solid #59b068;
  }
  body.index #primary section.tourism ul.nav li.spa a span {
    background: transparent url(image/index/tourism_spa_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.tourism ul.nav li.stay a {
    background: transparent url(image/index/tourism_stay.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.tourism ul.nav li.stay a:after {
    border-left: 21px solid #59b0c4;
  }
  body.index #primary section.tourism ul.nav li.stay a span {
    background: transparent url(image/index/tourism_stay_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.tourism ul.nav li.gourmet a {
    background: transparent url(image/index/tourism_gourmet.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.tourism ul.nav li.gourmet a:after {
    border-left: 21px solid #d17940;
  }
  body.index #primary section.tourism ul.nav li.gourmet a span {
    background: transparent url(image/index/tourism_gourmet_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.tourism ul.nav li.porcelain a {
    background: transparent url(image/index/tourism_porcelain.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.tourism ul.nav li.porcelain a:after {
    border-left: 21px solid #b07c6d;
  }
  body.index #primary section.tourism ul.nav li.porcelain a span {
    background: transparent url(image/index/tourism_porcelain_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.tourism ul.nav li.sightseeing a {
    background: transparent url(image/index/tourism_sightseeing.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.tourism ul.nav li.sightseeing a:after {
    border-left: 21px solid #596ac4;
  }
  body.index #primary section.tourism ul.nav li.sightseeing a span {
    background: transparent url(image/index/tourism_sightseeing_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.tourism ul.nav li.shopping a {
    background: transparent url(image/index/tourism_shopping.jpg) no-repeat center -50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.tourism ul.nav li.shopping a:after {
    border-left: 21px solid #e779b3;
  }
  body.index #primary section.tourism ul.nav li.shopping a span {
    background: transparent url(image/index/tourism_shopping_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.tourism ul.nav li.experience a {
    background: transparent url(image/index/tourism_experience.jpg) no-repeat center -50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.tourism ul.nav li.experience a:after {
    border-left: 21px solid #688172;
  }
  body.index #primary section.tourism ul.nav li.experience a span {
    background: transparent url(image/index/tourism_experience_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.tourism ul.guide li {
    float: left;
    width: 50%;
  }
  body.index #primary section.tourism ul.guide li a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    padding-top: 110%;
  }
  body.index #primary section.tourism ul.guide li.powerspot a {
    background: transparent url(image/index/tourism_powerspot.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.tourism ul.guide li.marriage a {
    background: transparent url(image/index/tourism_marriage.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.tourism ul.guide li.recommended a {
    background: transparent url(image/index/tourism_recommended.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.tourism ul.guide li.coupon a {
    background: transparent url(image/index/tourism_coupon.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
	
	/*20190327追記_「体験する」予約サイトへ	*/
	body.index #primary section.tourism .experience_link{
		margin: 0 auto 40px;
	}
	/*END*/
	
	
  body.index #primary section.cycling > .inner {
    padding: 0 !important;
  }
  body.index #primary section.cycling a {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 48.4375%;
    background-color: #6d9bd7;
  }
  body.index #primary section.cycling a em {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 10%;
    padding-top: 25%;
    background: transparent url(image/index/cycling_title.png) no-repeat center top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.cycling a span {
    position: relative;
    display: block;
    padding: 5px 15%;
    width: 59.375%;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    background-color: #373b82;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: background-color 0.6s;
    -o-transition: background-color 0.6s;
    -webkit-transition: background-color 0.6s;
    transition: background-color 0.6s;
    position: absolute;
    left: 50%;
    bottom: 10%;
    margin-left: -29.6875%;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  body.index #primary section.cycling a span:after {
    position: absolute;
    left: 10%;
    top: 50%;
    margin: -5px 0 0 0 !important;
    display: block;
    content: "";
    width: 10px !important;
    height: 10px !important;
    background-image: none !important;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.cycling a span:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    z-index: -1;
    background-color: #fff;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  body.index #primary section.information > .inner {
    padding: 0 !important;
  }
  body.index #primary section.information ul {
    overflow: hidden;
    *zoom: 1;
  }
  body.index #primary section.information ul li.season, body.index #primary section.information ul li.event {
    float: left;
    padding: 1%;
    width: 50%;
  }
  body.index #primary section.information ul li.season a, body.index #primary section.information ul li.event a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 68.42105%;
    overflow: hidden;
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
  }
  body.index #primary section.information ul li.season a:after, body.index #primary section.information ul li.event a:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    border-left: 21px solid #596a4a;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.information ul li.season a span:before, body.index #primary section.information ul li.season a span:after, body.index #primary section.information ul li.event a span:before, body.index #primary section.information ul li.event a span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  body.index #primary section.information ul li.season a span:before, body.index #primary section.information ul li.event a span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.information ul li.season a span:after, body.index #primary section.information ul li.event a span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  body.index #primary section.information ul li.season a {
    background: transparent url(image/index/information_season.png) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.information ul li.event a {
    background: transparent url(image/index/information_event.png) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.information ul li.weather {
    padding-top: 10px;
  }
  body.index #primary section.special {
    margin-bottom: 20px;
  }
  body.index #primary section.special > .inner {
    padding: 0 !important;
  }
  body.index #primary section.special ul li > span,
  body.index #primary section.special ul li > a {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 59.33333%;
  }
  body.index #primary section.special ul li > span em,
  body.index #primary section.special ul li > a em {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 15%;
    padding-top: 22.66667%;
  }
  body.index #primary section.special ul li > span span,
  body.index #primary section.special ul li > a span {
    position: relative;
    display: block;
    padding: 5px 15%;
    width: 59.375%;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: background-color 0.6s;
    -o-transition: background-color 0.6s;
    -webkit-transition: background-color 0.6s;
    transition: background-color 0.6s;
    position: absolute;
    left: 50%;
    bottom: 20%;
    margin-left: -29.6875%;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  body.index #primary section.special ul li > span span:after,
  body.index #primary section.special ul li > a span:after {
    position: absolute;
    left: 10%;
    top: 50%;
    margin: -5px 0 0 0 !important;
    display: block;
    content: "";
    width: 10px !important;
    height: 10px !important;
    background-image: none !important;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #primary section.special ul li > span span:before,
  body.index #primary section.special ul li > a span:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    z-index: -1;
    background-color: #fff;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  body.index #primary section.special ul li.over > span,
  body.index #primary section.special ul li.over > a {
    background: transparent url(image/index/special_over.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.special ul li.over > span em,
  body.index #primary section.special ul li.over > a em {
    background: transparent url(image/index/special_over_title.png) no-repeat center top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.special ul li.over > span span,
  body.index #primary section.special ul li.over > a span {
    background-color: #00794a;
  }
  body.index #primary section.special ul li.enjoy > span,
  body.index #primary section.special ul li.enjoy > a {
    background: transparent url(image/index/special_enjoy.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.special ul li.enjoy > span em,
  body.index #primary section.special ul li.enjoy > a em {
    background: transparent url(image/index/special_enjoy_title.png) no-repeat center top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.special ul li.enjoy > span span,
  body.index #primary section.special ul li.enjoy > a span {
    background-color: #cc1d4a;
  }
  body.index #primary section.special ul li.quiz > span,
  body.index #primary section.special ul li.quiz > a {
    background: transparent url(image/index/special_quiz.png) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.special ul li.quiz > span em,
  body.index #primary section.special ul li.quiz > a em {
    background: transparent url(image/index/special_quiz_title.png) no-repeat center top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.special ul li.quiz > span span,
  body.index #primary section.special ul li.quiz > a span {
    background-color: #ff9a00;
  }
  body.index #primary section.special ul li.asakatsu > span,
  body.index #primary section.special ul li.asakatsu > a {
    background: transparent url(image/index/special_asakatsu.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #primary section.special ul li.asakatsu > span em,
  body.index #primary section.special ul li.asakatsu > a em {
    background: transparent url(image/index/special_asakatsu_title.png) no-repeat center top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #primary section.special ul li.asakatsu > span span,
  body.index #primary section.special ul li.asakatsu > a span {
    background-color: #4a63b8;
  }
  body.index #secondary section.social {
    margin-bottom: 10px;
  }
  body.index #secondary section.social ul li.facebook {
    margin: 0 20px 20px !important;
    text-align: center;
  }
  body.index #secondary section.social ul li.takesan, body.index #secondary section.social ul li.instagram, body.index #secondary section.social ul li.takeo, body.index #secondary section.social ul li.access {
    padding-bottom: 10px !important;
  }
  body.index #secondary section.social ul li.takesan a, body.index #secondary section.social ul li.instagram a, body.index #secondary section.social ul li.takeo a, body.index #secondary section.social ul li.access a,
	body.index #secondary section.social ul li.takeotravel a{
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    padding-top: 21.56863%;
    background: transparent no-repeat center center;
  }
  body.index #secondary section.social ul li.takesan a {
    background: transparent url(image/index/social_takesan.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #secondary section.social ul li.instagram a {
    background: transparent url(image/index/social_instagram.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #secondary section.social ul li.takeo a {
    background: transparent url(image/index/social_takeo.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #secondary section.social ul li.access a {
    background: transparent url(image/index/social_access.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #secondary section.social ul li.takeotravel a {
    background: transparent url("image/index/social_takeotravel_info_books.png") no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #secondary section.download {
    display: none;
  }
  body.index #secondary section.link > .inner > ul {
    padding-top: 10px !important;
  }
  body.index #secondary section.link > .inner > ul > li {
    padding-bottom: 10px !important;
  }
  body.index #secondary section.link > .inner > ul > li > a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    padding-top: 24.5098%;
    background: transparent no-repeat center center;
  }
  body.index #secondary section.link > .inner > ul > li.travel > a {
    background: transparent url(image/index/link_travel.png) no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #secondary section.link > .inner > ul > li.emergency > a {
    background: transparent url(image/index/link_emergency.png) no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #secondary section.link > .inner > ul > li.guide > a {
    background: transparent url(image/index/link_guide.png) no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dt a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    padding-top: 9.80392%;
    background: transparent url(image/index/link_takeo.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd {
    padding: 10px;
    background-color: #fff;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd li {
    position: relative;
    padding-left: 20px;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd li a {
    color: #9c1e21 !important;
  }
  body.index #secondary section.link > .inner > ul > li.takeo dd li:before {
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #9c1e21;
    border-right: 1px solid #9c1e21;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.index #secondary section.link > .inner > ul > li.member > a {
    background: transparent url(image/index/link_member.png) no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.index #secondary section.link > .inner > ul > li.link > a {
    background: transparent url(image/index/link_link.png) no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
}
/* --------------------------------------------------
	10. About
-------------------------------------------------- */
body.about #menu_title .title:before {
  background-image: url(image/about/title_bg.jpg);
}
body.about #menu_title .title h2 {
  background-image: url(image/about/title.png);
}

article.about_index section {
  background-color: #fff;
}
article.about_index section.about h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.about_index section.spa h3 {
  background-image: url(image/about/spa_title.png);
}
article.about_index section.gourmet h3 {
  background-image: url(image/about/gourmet_title.png);
}
article.about_index section.porcelain h3 {
  background-image: url(image/about/porcelain_title.png);
}
article.about_index section.season h3 {
  background-image: url(image/about/season_title.png);
}
article.about_index section.season .viewer {
  position: relative;
}
article.about_index section.season .viewer .image {
  position: relative;
}
article.about_index section.season .viewer .image li {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
article.about_index section.season .viewer .thumb {
  overflow: hidden;
}
article.about_index section.season .viewer .thumb ul {
  overflow: hidden;
  *zoom: 1;
}
article.about_index section.season .viewer .thumb ul li {
  float: left;
  background: transparent no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
article.about_index section.season .viewer .thumb ul li.active {
  position: relative;
}
article.about_index section.season .viewer .thumb ul li.active:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
}
article.about_index section.season .viewer .controller li {
  position: absolute;
  bottom: 0;
}
article.about_index section.season .viewer .controller li:before {
  position: absolute;
  top: 50%;
  display: block;
  content: "";
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
article.about_index section.season .viewer .controller li.prev {
  left: 0;
}
article.about_index section.season .viewer .controller li.prev:before {
  left: 50%;
}
article.about_index section.season .viewer .controller li.next {
  right: 0;
}
article.about_index section.season .viewer .controller li.next:before {
  right: 50%;
}
article.about_index section.season ul.season {
  overflow: hidden;
  *zoom: 1;
}
article.about_index section.season ul.season li a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  background: transparent no-repeat left top;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
article.about_index section.season ul.season li.spring a {
  background-image: url(image/about/season_spring.jpg);
}
article.about_index section.season ul.season li.summer a {
  background-image: url(image/about/season_summer.jpg);
}
article.about_index section.season ul.season li.autumn a {
  background-image: url(image/about/season_autumn.jpg);
}
article.about_index section.season ul.season li.winter a {
  background-image: url(image/about/season_winter.jpg);
}
article.about_index section.tourism h3 {
  background-image: url(image/about/tourism_title.png);
}
article.about_index .fixed_bg {
  position: relative;
  width: 100%;
}
article.about_index .fixed_bg:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: transparent url(image/about/about_bg.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: -10;
}

@media only screen and (min-width: 741px) {
  body.about_index #primary {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.about_index #primary > .inner {
    width: auto !important;
  }
  body.about_index #secondary {
    padding-top: 150px;
  }

  article.about_index section.about {
    padding-bottom: 20px;
  }
  article.about_index section.about > .inner {
    padding-top: 50px;
    padding-right: 450px;
    min-height: 490px;
    background: transparent url(image/about/about_map.png) no-repeat right top;
  }
  article.about_index section.about h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }
  article.about_index section.spa {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  article.about_index section.gourmet {
    padding-bottom: 100px;
  }
  article.about_index section.porcelain {
    padding-bottom: 100px;
  }
  article.about_index section.season {
    padding-bottom: 100px;
  }
  article.about_index section.season .viewer .image {
    margin-bottom: 20px;
    height: 650px;
  }
  article.about_index section.season .viewer .thumb {
    margin: 0 auto;
  }
  article.about_index section.season .viewer .thumb ul {
    overflow: hidden;
    *zoom: 1;
  }
  article.about_index section.season .viewer .thumb ul li {
    margin: 0 8px;
    width: 200px;
    height: 150px;
    cursor: pointer;
  }
  article.about_index section.season .viewer .thumb ul li.active:before {
    border: 5px solid #ca2e00;
  }
  article.about_index section.season .viewer .controller li {
    height: 150px;
    cursor: pointer;
  }
  article.about_index section.season .viewer .controller li:before {
    margin-top: -20px;
    width: 40px;
    height: 40px;
  }
  article.about_index section.season .viewer .controller li.prev:before {
    margin-left: -10px;
    border-left: 2px solid #666666;
    border-bottom: 2px solid #666666;
  }
  article.about_index section.season .viewer .controller li.next:before {
    margin-right: -10px;
    border-top: 2px solid #666666;
    border-right: 2px solid #666666;
  }
  article.about_index section.season ul.season {
    margin-left: -23px;
  }
  article.about_index section.season ul.season li {
    float: left;
    margin-left: 25px;
    width: 280px;
  }
  article.about_index section.season ul.season li a {
    width: 280px;
    height: 500px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.about_index section.season ul.season li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.about_index section.tourism ul.nav {
    overflow: hidden;
    *zoom: 1;
    margin-left: -20px;
  }
  article.about_index section.tourism ul.nav li {
    float: left;
    margin: 0 0 20px 20px !important;
  }
  article.about_index section.tourism ul.nav li a {
    position: relative;
    display: block;
    overflow: hidden;
    overflow: hidden;
  }
  article.about_index section.tourism ul.nav li a:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.about_index section.tourism ul.nav li a span:before, article.about_index section.tourism ul.nav li a span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.about_index section.tourism ul.nav li a span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.about_index section.tourism ul.nav li a span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  article.about_index section.tourism ul.nav li a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  article.about_index section.tourism ul.nav li a span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  article.about_index section.tourism ul.nav li a:hover:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  article.about_index section.tourism ul.nav li.spa {
    width: 580px;
  }
  article.about_index section.tourism ul.nav li.spa a {
    width: 580px;
    height: 180px;
    background: transparent url(image/index/tourism_spa.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.spa a:before {
    background: transparent url(image/index/tourism_spa_blur.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.spa a:after {
    border-left: 46px solid #59b068;
  }
  article.about_index section.tourism ul.nav li.spa a span {
    background: transparent url(image/index/tourism_spa_title.png) no-repeat center center;
  }
  article.about_index section.tourism ul.nav li.stay {
    margin: 200px 0 0 -580px !important;
    width: 580px;
  }
  article.about_index section.tourism ul.nav li.stay a {
    width: 580px;
    height: 180px;
    background: transparent url(image/index/tourism_stay.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.stay a:before {
    background: transparent url(image/index/tourism_stay_blur.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.stay a:after {
    border-left: 46px solid #59b0c4;
  }
  article.about_index section.tourism ul.nav li.stay a span {
    background: transparent url(image/index/tourism_stay_title.png) no-repeat center center;
  }
  article.about_index section.tourism ul.nav li.gourmet {
    width: 290px;
  }
  article.about_index section.tourism ul.nav li.gourmet a {
    width: 290px;
    height: 380px;
    background: transparent url(image/index/tourism_gourmet.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.gourmet a:before {
    background: transparent url(image/index/tourism_gourmet_blur.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.gourmet a:after {
    border-left: 46px solid #d17940;
  }
  article.about_index section.tourism ul.nav li.gourmet a span {
    background: transparent url(image/index/tourism_gourmet_title.png) no-repeat center center;
  }
  article.about_index section.tourism ul.nav li.porcelain {
    width: 290px;
  }
  article.about_index section.tourism ul.nav li.porcelain a {
    width: 290px;
    height: 380px;
    background: transparent url(image/index/tourism_porcelain.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.porcelain a:before {
    background: transparent url(image/index/tourism_porcelain_blur.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.porcelain a:after {
    border-left: 46px solid #b07c6d;
  }
  article.about_index section.tourism ul.nav li.porcelain a span {
    background: transparent url(image/index/tourism_porcelain_title.png) no-repeat center center;
  }
  article.about_index section.tourism ul.nav li.sightseeing {
    width: 380px;
  }
  article.about_index section.tourism ul.nav li.sightseeing a {
    width: 380px;
    height: 300px;
    background: transparent url(image/index/tourism_sightseeing.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.sightseeing a:before {
    background: transparent url(image/index/tourism_sightseeing_blur.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.sightseeing a:after {
    border-left: 46px solid #596ac4;
  }
  article.about_index section.tourism ul.nav li.sightseeing a span {
    background: transparent url(image/index/tourism_sightseeing_title.png) no-repeat center center;
  }
  article.about_index section.tourism ul.nav li.shopping {
    margin-left: 30px !important;
    width: 380px;
  }
  article.about_index section.tourism ul.nav li.shopping a {
    width: 380px;
    height: 300px;
    background: transparent url(image/index/tourism_shopping.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.shopping a:before {
    background: transparent url(image/index/tourism_shopping_blur.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.shopping a:after {
    border-left: 46px solid #e779b3;
  }
  article.about_index section.tourism ul.nav li.shopping a span {
    background: transparent url(image/index/tourism_shopping_title.png) no-repeat center center;
  }
  article.about_index section.tourism ul.nav li.experience {
    margin-left: 30px !important;
    width: 380px;
  }
  article.about_index section.tourism ul.nav li.experience a {
    width: 380px;
    height: 300px;
    background: transparent url(image/index/tourism_experience.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.experience a:before {
    background: transparent url(image/index/tourism_experience_blur.jpg) no-repeat center top;
  }
  article.about_index section.tourism ul.nav li.experience a:after {
    border-left: 46px solid #688172;
  }
  article.about_index section.tourism ul.nav li.experience a span {
    background: transparent url(image/index/tourism_experience_title.png) no-repeat center center;
  }
  article.about_index .fixed_bg {
    height: 650px;
  }
  article.about_index .fixed_bg:after {
    position: fixed;
  }
}
@media only screen and (max-width: 740px) {
  body.about #menu_title .title h2 {
    width: 45%;
  }
  body.about_index #primary {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.about_index #primary > .inner {
    padding: 0 !important;
  }
  body.about_index #secondary {
    padding-top: 80px;
  }

  article.about_index section.about {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  article.about_index section.about > .inner {
    margin: 0 10px 20px !important;
    padding: 0 0 89.09091% 0 !important;
    background: transparent url(image/about/about_map.png) no-repeat center bottom;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  article.about_index section.about h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 16px;
  }
  article.about_index section.spa {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  article.about_index section.gourmet {
    padding-bottom: 50px;
  }
  article.about_index section.porcelain {
    padding-bottom: 50px;
  }
  article.about_index section.season {
    padding-bottom: 50px;
  }
  article.about_index section.season .viewer .image {
    margin-bottom: 10px;
    height: 0;
    padding-top: 54.16667%;
  }
  article.about_index section.season .viewer .thumb {
    margin: 0 auto;
  }
  article.about_index section.season .viewer .thumb ul {
    overflow: hidden;
    *zoom: 1;
  }
  article.about_index section.season .viewer .thumb ul li {
    margin: 0 3px;
    width: 100%;
    height: 0;
  }
  article.about_index section.season .viewer .thumb ul li.active:before {
    border: 2px solid #ca2e00;
  }
  article.about_index section.season .viewer .controller li:before {
    margin-top: -40%;
    width: 80%;
    height: 0;
    padding-top: 80%;
  }
  article.about_index section.season .viewer .controller li.prev:before {
    margin-left: -20%;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
  }
  article.about_index section.season .viewer .controller li.next:before {
    margin-right: -20%;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
  }
  article.about_index section.season h4 {
    font-size: 16px;
  }
  article.about_index section.season ul.season li {
    width: 50%;
  }
  article.about_index section.season ul.season li a {
    width: 100%;
    height: 0;
    padding-top: 178.57143%;
  }
  article.about_index section.season ul.season li.spring, article.about_index section.season ul.season li.summer {
    margin-bottom: 10px;
  }
  article.about_index section.season ul.season li.spring, article.about_index section.season ul.season li.autumn {
    float: left;
    padding-right: 5px;
  }
  article.about_index section.season ul.season li.summer, article.about_index section.season ul.season li.winter {
    float: right;
    padding-left: 5px;
  }
  article.about_index section.tourism ul.nav {
    overflow: hidden;
    *zoom: 1;
  }
  article.about_index section.tourism ul.nav li {
    margin-bottom: 10px;
  }
  article.about_index section.tourism ul.nav li a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 28.125%;
    overflow: hidden;
  }
  article.about_index section.tourism ul.nav li a:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.about_index section.tourism ul.nav li a span:before, article.about_index section.tourism ul.nav li a span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.about_index section.tourism ul.nav li a span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.about_index section.tourism ul.nav li a span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  article.about_index section.tourism ul.nav li a span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  article.about_index section.tourism ul.nav li.spa a {
    background: transparent url(image/index/tourism_spa.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.about_index section.tourism ul.nav li.spa a span {
    background: transparent url(image/index/tourism_spa_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  article.about_index section.tourism ul.nav li.spa a:before {
    border-left: 21px solid #59b068;
  }
  article.about_index section.tourism ul.nav li.stay a {
    background: transparent url(image/index/tourism_stay.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.about_index section.tourism ul.nav li.stay a span {
    background: transparent url(image/index/tourism_stay_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  article.about_index section.tourism ul.nav li.stay a:before {
    border-left: 21px solid #59b0c4;
  }
  article.about_index section.tourism ul.nav li.gourmet a {
    background: transparent url(image/index/tourism_gourmet.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.about_index section.tourism ul.nav li.gourmet a span {
    background: transparent url(image/index/tourism_gourmet_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  article.about_index section.tourism ul.nav li.gourmet a:before {
    border-left: 21px solid #d17940;
  }
  article.about_index section.tourism ul.nav li.porcelain a {
    background: transparent url(image/index/tourism_porcelain.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.about_index section.tourism ul.nav li.porcelain a span {
    background: transparent url(image/index/tourism_porcelain_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  article.about_index section.tourism ul.nav li.porcelain a:before {
    border-left: 21px solid #b07c6d;
  }
  article.about_index section.tourism ul.nav li.sightseeing a {
    background: transparent url(image/index/tourism_sightseeing.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.about_index section.tourism ul.nav li.sightseeing a span {
    background: transparent url(image/index/tourism_sightseeing_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  article.about_index section.tourism ul.nav li.sightseeing a:before {
    border-left: 21px solid #596ac4;
  }
  article.about_index section.tourism ul.nav li.shopping a {
    background: transparent url(image/index/tourism_shopping.jpg) no-repeat center -50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.about_index section.tourism ul.nav li.shopping a span {
    background: transparent url(image/index/tourism_shopping_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  article.about_index section.tourism ul.nav li.shopping a:before {
    border-left: 21px solid #e779b3;
  }
  article.about_index section.tourism ul.nav li.experience a {
    background: transparent url(image/index/tourism_experience.jpg) no-repeat center -50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.about_index section.tourism ul.nav li.experience a span {
    background: transparent url(image/index/tourism_experience_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  article.about_index section.tourism ul.nav li.experience a:before {
    border-left: 21px solid #688172;
  }
  article.about_index .fixed_bg {
    padding-top: 66.66667%;
  }
  article.about_index .fixed_bg:after {
    position: absolute;
  }
}
/* --------------------------------------------------
	11. Spa
-------------------------------------------------- */
body.spa #menu_title .title:before {
  background-image: url(image/spa/title_bg.jpg);
}
body.spa #menu_title .title h2 {
  background-image: url(image/spa/title.png);
}

article.spa_index h3, article.spa_detail h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.spa_index h4, article.spa_detail h4 {
  padding-left: 10px;
  text-align: left;
}
article.spa_index ul.image li span {
  display: block;
  text-align: center;
}
article.spa_index ul.memo li.efficacy {
  background-color: #eecca7;
}
article.spa_index ul.memo li.contraindication {
  background-color: #ccc;
}
article.spa_index ul.memo li dl {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
article.spa_index ul.memo li dl dt {
  margin-bottom: 10px;
  text-align: center;
}
article.spa_index ul.memo li dl dd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 5px 0;
  padding: 20px 0;
  line-height: 1;
  text-align: center;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.spa_index ul.tag li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
article.spa_index ul.tag li a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  background: #59b068 no-repeat center center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.spa_index ul.tag li.current a {
  background-color: #ca2e00;
}
article.spa_index ul.list li a,
article.spa_index ul.list li span {
  display: block;
  color: #222222;
  text-decoration: none;
}
article.spa_index ul.list li .title {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
article.spa_index ul.list li .image {
  position: relative;
  background: transparent no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

@media only screen and (min-width: 741px) {
  body.spa_detail #primary > .inner {
    width: auto !important;
  }

  article.spa_index h3, article.spa_detail h3 {
    margin-bottom: 20px;
    font-size: 48px;
  }
  article.spa_index h4 {
    font-size: 48px;
  }
  article.spa_index h4 span {
    padding-left: 10px;
    font-size: 24px;
  }
  article.spa_index ul.image {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 20px;
  }
  article.spa_index ul.image li {
    width: 580px;
  }
  article.spa_index ul.image li.roumon {
    float: left;
  }
  article.spa_index ul.image li.shinkan {
    float: right;
  }
  article.spa_index ul.memo {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  article.spa_index ul.memo li {
    display: table-cell;
    padding: 20px;
  }
  article.spa_index ul.memo li dl dt {
    font-size: 24px;
  }
  article.spa_index ul.memo li dl dd {
    width: 32%;
  }
  article.spa_index ul.tag {
    margin-bottom: 20px;
  }
  article.spa_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 15px 15px;
  }
  article.spa_index ul.tag li a {
    width: 150px;
    height: 150px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.spa_index ul.tag li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.spa_index ul.list {
    overflow: hidden;
    *zoom: 1;
    margin-left: -75px;
  }
  article.spa_index ul.list li {
    float: left;
    margin: 0 0 75px 75px;
    width: 350px;
  }
  article.spa_index ul.list li:nth-child(3n + 1) {
    clear: both;
  }
  article.spa_index ul.list li a .title {
    font-size: 24px;
  }
  article.spa_index ul.list li a .image {
    margin-bottom: 10px;
    width: 350px;
    height: 262px;
    overflow: hidden;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.spa_index ul.list li a .image:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    border-left: 46px solid #59b068;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.spa_index ul.list li a .image span:before, article.spa_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.spa_index ul.list li a .image span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.spa_index ul.list li a .image span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  article.spa_index ul.list li a:hover .image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.spa_detail section.spa .inner {
    overflow: hidden;
    *zoom: 1;
  }
  article.spa_detail section.spa .main_image {
    margin-bottom: 40px;
    text-align: center;
  }
  article.spa_detail section.spa .detail {
    float: left;
    width: 620px;
  }
  article.spa_detail section.spa .detail .comment {
    margin-bottom: 20px;
  }
  article.spa_detail section.spa .detail table tbody th {
    width: 10em;
    text-align: center;
  }
  article.spa_detail section.spa .image {
    float: right;
    width: 500px;
  }
  article.spa_detail section.spa .image ul li {
    margin-top: 20px;
    text-align: center;
  }
  article.spa_detail section.spa .image ul li:first-child {
    margin-top: 0;
  }
  article.spa_detail section.spa .image ul li img {
    max-width: 100%;
    height: auto;
  }
  article.spa_detail section.map {
    padding-top: 40px;
  }
  article.spa_detail section.map #map {
    height: 500px;
  }
}
@media only screen and (max-width: 740px) {
  body.spa #menu_title .title h2 {
    width: 45%;
  }
  body.spa_detail #primary > .inner {
    padding: 0 !important;
  }

  article.spa_index h3, article.spa_detail h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 24px;
  }
  article.spa_index h4 {
    font-size: 24px;
  }
  article.spa_index h4 span {
    display: block;
    font-size: 12px;
  }
  article.spa_index ul.image {
    margin-bottom: 20px;
  }
  article.spa_index ul.image li {
    margin-bottom: 10px;
  }
  article.spa_index ul.memo li {
    padding: 10px;
  }
  article.spa_index ul.memo li dl dt {
    font-size: 24px;
  }
  article.spa_index ul.memo li dl dd {
    width: 31%;
    font-size: 10px;
  }
  article.spa_index ul.tag {
    margin-bottom: 20px;
  }
  article.spa_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 5px 5px;
  }
  article.spa_index ul.tag li a {
    width: 50px;
    height: 50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.spa_index ul.list li {
    margin-bottom: 20px;
  }
  article.spa_index ul.list li a .title {
    font-size: 16px;
  }
  article.spa_index ul.list li a .image {
    margin-bottom: 10px;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
  }
  article.spa_index ul.list li a .image:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    border-left: 21px solid #59b068;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.spa_index ul.list li a .image span:before, article.spa_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.spa_index ul.list li a .image span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.spa_index ul.list li a .image span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  article.spa_detail section.spa .main_image {
    margin-bottom: 20px;
    text-align: center;
  }
  article.spa_detail section.spa .detail .comment {
    margin-bottom: 10px;
  }
  article.spa_detail section.spa .image ul li {
    margin-top: 10px;
    text-align: center;
  }
  article.spa_detail section.spa .image ul li:first-child {
    margin-top: 0;
  }
  article.spa_detail section.map {
    padding-top: 20px;
  }
  article.spa_detail section.map #map {
    height: 250px;
  }
}
/* --------------------------------------------------
	12. Stay
-------------------------------------------------- */
body.stay #menu_title .title:before {
  background-image: url(image/stay/title_bg.jpg);
}
body.stay #menu_title .title h2 {
  background-image: url(image/stay/title.png);
}

article.stay_index h3, article.stay_detail h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.stay_index h4, article.stay_detail h4 {
  padding-left: 10px;
  text-align: left;
}
article.stay_index ul.memo li.efficacy {
  background-color: #eecca7;
}
article.stay_index ul.memo li.contraindication {
  background-color: #ccc;
}
article.stay_index ul.memo li dl {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
article.stay_index ul.memo li dl dt {
  margin-bottom: 10px;
  text-align: center;
}
article.stay_index ul.memo li dl dd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 5px 0;
  padding: 20px 0;
  line-height: 1;
  text-align: center;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.stay_index ul.tag li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
article.stay_index ul.tag li a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  background: #59b0c4 no-repeat center center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.stay_index ul.tag li.current a {
  background-color: #ca2e00;
}
article.stay_index ul.list li a,
article.stay_index ul.list li span {
  display: block;
  color: #222222;
  text-decoration: none;
}
article.stay_index ul.list li .title {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
article.stay_index ul.list li .image {
  position: relative;
  background: transparent no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

@media only screen and (min-width: 741px) {
  body.stay_detail #primary > .inner {
    width: auto !important;
  }

  article.stay_index h3, article.stay_detail h3 {
    margin-bottom: 20px;
    font-size: 48px;
  }
  article.stay_index h4 {
    font-size: 48px;
  }
  article.stay_index h4 span {
    padding-left: 10px;
    font-size: 24px;
  }
  article.stay_index ul.memo {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  article.stay_index ul.memo li {
    display: table-cell;
    padding: 20px;
  }
  article.stay_index ul.memo li dl dt {
    font-size: 24px;
  }
  article.stay_index ul.memo li dl dd {
    width: 32%;
  }
  article.stay_index ul.tag {
    margin-bottom: 20px;
  }
  article.stay_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 15px 15px;
  }
  article.stay_index ul.tag li a {
    width: 150px;
    height: 150px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.stay_index ul.tag li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.stay_index ul.list {
    overflow: hidden;
    *zoom: 1;
    margin-left: -75px;
  }
  article.stay_index ul.list li {
    float: left;
    margin: 0 0 75px 75px;
    width: 350px;
  }
  article.stay_index ul.list li:nth-child(3n + 1) {
    clear: both;
  }
  article.stay_index ul.list li a .title {
    font-size: 24px;
  }
  article.stay_index ul.list li a .image {
    margin-bottom: 10px;
    width: 350px;
    height: 262px;
    overflow: hidden;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.stay_index ul.list li a .image:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    border-left: 46px solid #59b0c4;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.stay_index ul.list li a .image span:before, article.stay_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.stay_index ul.list li a .image span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.stay_index ul.list li a .image span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  article.stay_index ul.list li a:hover .image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.stay_detail section.stay .inner {
    overflow: hidden;
    *zoom: 1;
  }
  article.stay_detail section.stay .main_image {
    margin-bottom: 40px;
    text-align: center;
  }
  article.stay_detail section.stay .detail {
    float: left;
    width: 620px;
  }
  article.stay_detail section.stay .detail .comment {
    margin-bottom: 20px;
  }
  article.stay_detail section.stay .detail table tbody th {
    width: 10em;
    text-align: center;
  }
  article.stay_detail section.stay .image {
    float: right;
    width: 500px;
  }
  article.stay_detail section.stay .image ul li {
    margin-top: 20px;
    text-align: center;
  }
  article.stay_detail section.stay .image ul li:first-child {
    margin-top: 0;
  }
  article.stay_detail section.stay .image ul li img {
    max-width: 100%;
    height: auto;
  }
  article.stay_detail section.map {
    padding-top: 40px;
  }
  article.stay_detail section.map #map {
    height: 500px;
  }
}
@media only screen and (max-width: 740px) {
  body.stay #menu_title .title h2 {
    width: 45%;
  }
  body.stay_detail #primary > .inner {
    padding: 0 !important;
  }

  article.stay_index h3, article.stay_detail h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 24px;
  }
  article.stay_index h4 {
    font-size: 24px;
  }
  article.stay_index h4 span {
    display: block;
    font-size: 12px;
  }
  article.stay_index ul.memo li {
    padding: 10px;
  }
  article.stay_index ul.memo li dl dt {
    font-size: 24px;
  }
  article.stay_index ul.memo li dl dd {
    width: 31%;
    font-size: 10px;
  }
  article.stay_index ul.tag {
    margin-bottom: 20px;
  }
  article.stay_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 5px 5px;
  }
  article.stay_index ul.tag li a {
    width: 50px;
    height: 50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.stay_index ul.list li {
    margin-bottom: 20px;
  }
  article.stay_index ul.list li a .title {
    font-size: 16px;
  }
  article.stay_index ul.list li a .image {
    margin-bottom: 10px;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
  }
  article.stay_index ul.list li a .image:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    border-left: 21px solid #59b0c4;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.stay_index ul.list li a .image span:before, article.stay_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.stay_index ul.list li a .image span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.stay_index ul.list li a .image span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  article.stay_detail section.stay .main_image {
    margin-bottom: 20px;
    text-align: center;
  }
  article.stay_detail section.stay .detail .comment {
    margin-bottom: 10px;
  }
  article.stay_detail section.stay .image ul li {
    margin-top: 10px;
    text-align: center;
  }
  article.stay_detail section.stay .image ul li:first-child {
    margin-top: 0;
  }
  article.stay_detail section.map {
    padding-top: 20px;
  }
  article.stay_detail section.map #map {
    height: 250px;
  }
}
/* --------------------------------------------------
	13. Gourmet
-------------------------------------------------- */
body.gourmet #menu_title .title:before {
  background-image: url(image/gourmet/title_bg.jpg);
}
body.gourmet #menu_title .title h2 {
  background-image: url(image/gourmet/title.png);
}

article.gourmet_index h3, article.gourmet_detail h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.gourmet_index h4, article.gourmet_detail h4 {
  padding-left: 10px;
  text-align: left;
}
article.gourmet_index ul.tag li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
article.gourmet_index ul.tag li a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  background: #d17940 no-repeat center center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.gourmet_index ul.tag li.current a {
  background-color: #ca2e00;
}
article.gourmet_index ul.list li a {
  display: block;
  padding: 10px;
  color: #222222;
  text-decoration: none;
  border: 1px solid #666666;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.gourmet_index ul.list li .title {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

@media only screen and (min-width: 741px) {
  body.gourmet_detail #primary > .inner {
    width: auto !important;
  }

  article.gourmet_index h3, article.gourmet_detail h3 {
    margin-bottom: 20px;
    font-size: 48px;
  }
  article.gourmet_index h4 {
    font-size: 48px;
  }
  article.gourmet_index h4 span {
    padding-left: 10px;
    font-size: 24px;
  }
  article.gourmet_index ul.tag {
    margin-bottom: 20px;
  }
  article.gourmet_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 15px 15px;
  }
  article.gourmet_index ul.tag li a {
    width: 150px;
    height: 150px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.gourmet_index ul.tag li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.gourmet_index ul.list {
    overflow: hidden;
    *zoom: 1;
    margin-left: -75px;
  }
  article.gourmet_index ul.list li {
    float: left;
    margin: 0 0 20px 75px;
    width: 350px;
  }
  article.gourmet_index ul.list li:nth-child(3n + 1) {
    clear: both;
  }
  article.gourmet_index ul.list li a {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.gourmet_index ul.list li a .title {
    font-size: 24px;
  }
  article.gourmet_index ul.list li a:hover {
    background-color: #eeeeee;
  }
  article.gourmet_detail section.gourmet .inner {
    overflow: hidden;
    *zoom: 1;
  }
  article.gourmet_detail section.gourmet .main_image {
    margin-bottom: 40px;
    text-align: center;
  }
  article.gourmet_detail section.gourmet .detail {
    float: left;
    width: 620px;
  }
  article.gourmet_detail section.gourmet .detail .comment {
    margin-bottom: 20px;
  }
  article.gourmet_detail section.gourmet .detail table tbody th {
    width: 10em;
    text-align: center;
  }
  article.gourmet_detail section.gourmet .image {
    float: right;
    width: 500px;
  }
  article.gourmet_detail section.gourmet .image ul li {
    margin-top: 20px;
    text-align: center;
  }
  article.gourmet_detail section.gourmet .image ul li:first-child {
    margin-top: 0;
  }
  article.gourmet_detail section.gourmet .image ul li img {
    max-width: 100%;
    height: auto;
  }
  article.gourmet_detail section.map {
    padding-top: 40px;
  }
  article.gourmet_detail section.map #map {
    height: 500px;
  }
}
@media only screen and (max-width: 740px) {
  body.gourmet #menu_title .title h2 {
    width: 45%;
  }
  body.gourmet_detail #primary > .inner {
    padding: 0 !important;
  }

  article.gourmet_index h3, article.gourmet_detail h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 24px;
  }
  article.gourmet_index h4 {
    font-size: 24px;
  }
  article.gourmet_index h4 span {
    display: block;
    font-size: 12px;
  }
  article.gourmet_index ul.tag {
    margin-bottom: 20px;
  }
  article.gourmet_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 5px 5px;
  }
  article.gourmet_index ul.tag li a {
    width: 50px;
    height: 50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.gourmet_index ul.list li {
    margin-bottom: 10px;
  }
  article.gourmet_index ul.list li a .title {
    font-size: 16px;
  }
  article.gourmet_detail section.gourmet .main_image {
    margin-bottom: 20px;
    text-align: center;
  }
  article.gourmet_detail section.gourmet .detail .comment {
    margin-bottom: 10px;
  }
  article.gourmet_detail section.gourmet .image ul li {
    margin-top: 10px;
    text-align: center;
  }
  article.gourmet_detail section.gourmet .image ul li:first-child {
    margin-top: 0;
  }
  article.gourmet_detail section.map {
    padding-top: 20px;
  }
  article.gourmet_detail section.map #map {
    height: 250px;
  }
}
/* --------------------------------------------------
	14. Porcelain
-------------------------------------------------- */
body.porcelain #menu_title .title:before {
  background-image: url(image/porcelain/title_bg.jpg);
}
body.porcelain #menu_title .title h2 {
  background-image: url(image/porcelain/title.png);
}

article.porcelain_index h3, article.porcelain_detail h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.porcelain_index h4, article.porcelain_detail h4 {
  padding-left: 10px;
  text-align: left;
}
article.porcelain_index table.porcelain .title {
  margin-bottom: 10px;
  padding: 10px 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  border: 1px solid #666666;
}
article.porcelain_index ul.tag li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
article.porcelain_index ul.tag li a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  background: #b07c6d no-repeat center center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.porcelain_index ul.tag li.current a {
  background-color: #ca2e00;
}
article.porcelain_index ul.list li a,
article.porcelain_index ul.list li span {
  display: block;
  color: #222222;
  text-decoration: none;
}
article.porcelain_index ul.list li .title {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
article.porcelain_index ul.list li .image {
  position: relative;
  background: transparent no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

@media only screen and (min-width: 741px) {
  body.porcelain_detail #primary > .inner {
    width: auto !important;
  }

  article.porcelain_index h3, article.porcelain_detail h3 {
    margin-bottom: 20px;
    font-size: 48px;
  }
  article.porcelain_index .map {
    margin-bottom: 40px;
  }
  article.porcelain_index table.porcelain {
    table-layout: fixed;
  }
  article.porcelain_index table.porcelain .title {
    font-size: 24px;
  }
  article.porcelain_index table.porcelain ul {
    overflow: hidden;
    *zoom: 1;
    list-style: none;
    margin-left: 0;
  }
  article.porcelain_index table.porcelain ul li {
    position: relative;
    padding-left: 1.5em;
    float: left;
    width: 50%;
  }
  article.porcelain_index table.porcelain ul li:before {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 10px;
    content: "●";
  }
  article.porcelain_index h4 {
    font-size: 48px;
  }
  article.porcelain_index h4 span {
    padding-left: 10px;
    font-size: 24px;
  }
  article.porcelain_index ul.tag {
    margin-bottom: 20px;
  }
  article.porcelain_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 15px 15px;
  }
  article.porcelain_index ul.tag li a {
    width: 150px;
    height: 150px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.porcelain_index ul.tag li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.porcelain_index ul.list {
    overflow: hidden;
    *zoom: 1;
    margin-left: -75px;
  }
  article.porcelain_index ul.list li {
    float: left;
    margin: 0 0 75px 75px;
    width: 350px;
  }
  article.porcelain_index ul.list li:nth-child(3n + 1) {
    clear: both;
  }
  article.porcelain_index ul.list li a .title {
    font-size: 24px;
  }
  article.porcelain_index ul.list li a .image {
    margin-bottom: 10px;
    width: 350px;
    height: 262px;
    overflow: hidden;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.porcelain_index ul.list li a .image:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    border-left: 46px solid #b07c6d;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.porcelain_index ul.list li a .image span:before, article.porcelain_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.porcelain_index ul.list li a .image span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.porcelain_index ul.list li a .image span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  article.porcelain_index ul.list li a:hover .image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.porcelain_detail section.porcelain .inner {
    overflow: hidden;
    *zoom: 1;
  }
  article.porcelain_detail section.porcelain .main_image {
    margin-bottom: 40px;
    text-align: center;
  }
  article.porcelain_detail section.porcelain .detail {
    float: left;
    width: 620px;
  }
  article.porcelain_detail section.porcelain .detail .comment {
    margin-bottom: 20px;
  }
  article.porcelain_detail section.porcelain .detail table tbody th {
    width: 10em;
    text-align: center;
  }
  article.porcelain_detail section.porcelain .image {
    float: right;
    width: 500px;
  }
  article.porcelain_detail section.porcelain .image ul li {
    margin-top: 20px;
    text-align: center;
  }
  article.porcelain_detail section.porcelain .image ul li:first-child {
    margin-top: 0;
  }
  article.porcelain_detail section.porcelain .image ul li img {
    max-width: 100%;
    height: auto;
  }
  article.porcelain_detail section.map {
    padding-top: 40px;
  }
  article.porcelain_detail section.map #map {
    height: 500px;
  }
}
@media only screen and (max-width: 740px) {
  body.porcelain #menu_title .title h2 {
    width: 45%;
  }
  body.porcelain_detail #primary > .inner {
    padding: 0 !important;
  }

  article.porcelain_index h3, article.porcelain_detail h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 24px;
  }
  article.porcelain_index .map {
    margin-bottom: 20px;
  }
  article.porcelain_index table.porcelain .title {
    font-size: 16px;
  }
  article.porcelain_index h4 {
    font-size: 24px;
  }
  article.porcelain_index h4 span {
    display: block;
    font-size: 12px;
  }
  article.porcelain_index ul.tag {
    margin-bottom: 20px;
  }
  article.porcelain_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 5px 5px;
  }
  article.porcelain_index ul.tag li a {
    width: 50px;
    height: 50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.porcelain_index ul.list li {
    margin-bottom: 20px;
  }
  article.porcelain_index ul.list li a .title {
    font-size: 16px;
  }
  article.porcelain_index ul.list li a .image {
    margin-bottom: 10px;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
  }
  article.porcelain_index ul.list li a .image:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    border-left: 21px solid #b07c6d;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.porcelain_index ul.list li a .image span:before, article.porcelain_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.porcelain_index ul.list li a .image span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.porcelain_index ul.list li a .image span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  article.porcelain_detail section.porcelain .main_image {
    margin-bottom: 20px;
    text-align: center;
  }
  article.porcelain_detail section.porcelain .detail .comment {
    margin-bottom: 10px;
  }
  article.porcelain_detail section.porcelain .image ul li {
    margin-top: 10px;
    text-align: center;
  }
  article.porcelain_detail section.porcelain .image ul li:first-child {
    margin-top: 0;
  }
  article.porcelain_detail section.map {
    padding-top: 20px;
  }
  article.porcelain_detail section.map #map {
    height: 250px;
  }
}
/* --------------------------------------------------
	15. Sightseeing
-------------------------------------------------- */
body.sightseeing #menu_title .title:before {
  background-image: url(image/sightseeing/title_bg.jpg);
}
body.sightseeing #menu_title .title h2 {
  background-image: url(image/sightseeing/title.png);
}

article.sightseeing_index h3, article.sightseeing_detail h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.sightseeing_index h4, article.sightseeing_detail h4 {
  padding-left: 10px;
  text-align: left;
}
article.sightseeing_index ul.image li {
  text-align: center;
}
article.sightseeing_index ul.image li span {
  display: block;
  text-align: center;
}
article.sightseeing_index ul.tag li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
article.sightseeing_index ul.tag li a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  background: #596ac4 no-repeat center center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.sightseeing_index ul.tag li.current a {
  background-color: #ca2e00;
}
article.sightseeing_index ul.list li a,
article.sightseeing_index ul.list li span {
  display: block;
  color: #222222;
  text-decoration: none;
}
article.sightseeing_index ul.list li .title {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
article.sightseeing_index ul.list li .image {
  position: relative;
  background: transparent no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

@media only screen and (min-width: 741px) {
  body.sightseeing_detail #primary > .inner {
    width: auto !important;
  }

  article.sightseeing_index h3, article.sightseeing_detail h3 {
    margin-bottom: 20px;
    font-size: 48px;
  }
  article.sightseeing_index h4 {
    font-size: 48px;
  }
  article.sightseeing_index h4 span {
    padding-left: 10px;
    font-size: 24px;
  }
  article.sightseeing_index ul.image {
    overflow: hidden;
    *zoom: 1;
    margin-left: -30px;
    margin-bottom: 20px;
  }
  article.sightseeing_index ul.image li {
    float: left;
    margin-left: 30px;
    width: 380px;
  }
  article.sightseeing_index ul.tag {
    margin-bottom: 20px;
  }
  article.sightseeing_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 15px 15px;
  }
  article.sightseeing_index ul.tag li a {
    width: 150px;
    height: 150px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.sightseeing_index ul.tag li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.sightseeing_index ul.list {
    overflow: hidden;
    *zoom: 1;
    margin-left: -75px;
  }
  article.sightseeing_index ul.list li {
    float: left;
    margin: 0 0 75px 75px;
    width: 350px;
  }
  article.sightseeing_index ul.list li:nth-child(3n + 1) {
    clear: both;
  }
  article.sightseeing_index ul.list li a .title {
    font-size: 24px;
  }
  article.sightseeing_index ul.list li a .image {
    margin-bottom: 10px;
    width: 350px;
    height: 262px;
    overflow: hidden;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.sightseeing_index ul.list li a .image:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    border-left: 46px solid #596ac4;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.sightseeing_index ul.list li a .image span:before, article.sightseeing_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.sightseeing_index ul.list li a .image span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.sightseeing_index ul.list li a .image span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  article.sightseeing_index ul.list li a:hover .image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.sightseeing_detail section.sightseeing .inner {
    overflow: hidden;
    *zoom: 1;
  }
  article.sightseeing_detail section.sightseeing .main_image {
    margin-bottom: 40px;
    text-align: center;
  }
  article.sightseeing_detail section.sightseeing .detail {
    float: left;
    width: 620px;
  }
  article.sightseeing_detail section.sightseeing .detail .comment {
    margin-bottom: 20px;
  }
  article.sightseeing_detail section.sightseeing .detail table tbody th {
    width: 10em;
    text-align: center;
  }
  article.sightseeing_detail section.sightseeing .image {
    float: right;
    width: 500px;
  }
  article.sightseeing_detail section.sightseeing .image ul li {
    margin-top: 20px;
    text-align: center;
  }
  article.sightseeing_detail section.sightseeing .image ul li:first-child {
    margin-top: 0;
  }
  article.sightseeing_detail section.sightseeing .image ul li img {
    max-width: 100%;
    height: auto;
  }
  article.sightseeing_detail section.map {
    padding-top: 40px;
  }
  article.sightseeing_detail section.map #map {
    height: 500px;
  }
}
@media only screen and (max-width: 740px) {
  body.sightseeing #menu_title .title h2 {
    width: 45%;
  }
  body.sightseeing_detail #primary > .inner {
    padding: 0 !important;
  }

  article.sightseeing_index h3, article.sightseeing_detail h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 24px;
  }
  article.sightseeing_index h4 {
    font-size: 24px;
  }
  article.sightseeing_index h4 span {
    display: block;
    font-size: 12px;
  }
  article.sightseeing_index ul.image {
    margin-bottom: 20px;
  }
  article.sightseeing_index ul.image li {
    margin-bottom: 10px;
  }
  article.sightseeing_index ul.tag {
    margin-bottom: 20px;
  }
  article.sightseeing_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 5px 5px;
  }
  article.sightseeing_index ul.tag li a {
    width: 50px;
    height: 50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.sightseeing_index ul.list li {
    margin-bottom: 20px;
  }
  article.sightseeing_index ul.list li a .title {
    font-size: 16px;
  }
  article.sightseeing_index ul.list li a .image {
    margin-bottom: 10px;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
  }
  article.sightseeing_index ul.list li a .image:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    border-left: 21px solid #596ac4;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.sightseeing_index ul.list li a .image span:before, article.sightseeing_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.sightseeing_index ul.list li a .image span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.sightseeing_index ul.list li a .image span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  article.sightseeing_detail section.sightseeing .main_image {
    margin-bottom: 20px;
    text-align: center;
  }
  article.sightseeing_detail section.sightseeing .detail .comment {
    margin-bottom: 10px;
  }
  article.sightseeing_detail section.sightseeing .image ul li {
    margin-top: 10px;
    text-align: center;
  }
  article.sightseeing_detail section.sightseeing .image ul li:first-child {
    margin-top: 0;
  }
  article.sightseeing_detail section.map {
    padding-top: 20px;
  }
  article.sightseeing_detail section.map #map {
    height: 250px;
  }
}
/* --------------------------------------------------
	16. Shopping
-------------------------------------------------- */
body.shopping #menu_title .title:before {
  background-image: url(image/shopping/title_bg.jpg);
}
body.shopping #menu_title .title h2 {
  background-image: url(image/shopping/title.png);
}

article.shopping_index h3, article.shopping_detail h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.shopping_index h4, article.shopping_detail h4 {
  padding-left: 10px;
  text-align: left;
}
article.shopping_index table.shopping .title {
  margin-bottom: 10px;
  padding: 10px 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  border: 1px solid #666666;
}
article.shopping_index ul.tag li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
article.shopping_index ul.tag li a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  background: #e779b3 no-repeat center center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.shopping_index ul.tag li.current a {
  background-color: #ca2e00;
}
article.shopping_index ul.list li a,
article.shopping_index ul.list li span {
  display: block;
  color: #222222;
  text-decoration: none;
}
article.shopping_index ul.list li .title {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
article.shopping_index ul.list li .image {
  position: relative;
  background: transparent no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

@media only screen and (min-width: 741px) {
  body.shopping_detail #primary > .inner {
    width: auto !important;
  }

  article.shopping_index h3, article.shopping_detail h3 {
    margin-bottom: 20px;
    font-size: 48px;
  }
  article.shopping_index table.shopping {
    table-layout: fixed;
  }
  article.shopping_index table.shopping .title {
    font-size: 24px;
  }
  article.shopping_index h4 {
    font-size: 48px;
  }
  article.shopping_index h4 span {
    padding-left: 10px;
    font-size: 24px;
  }
  article.shopping_index ul.tag {
    margin-bottom: 20px;
  }
  article.shopping_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 15px 15px;
  }
  article.shopping_index ul.tag li a {
    width: 150px;
    height: 150px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.shopping_index ul.tag li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.shopping_index ul.list {
    overflow: hidden;
    *zoom: 1;
    margin-left: -75px;
  }
  article.shopping_index ul.list li {
    float: left;
    margin: 0 0 75px 75px;
    width: 350px;
  }
  article.shopping_index ul.list li:nth-child(3n + 1) {
    clear: both;
  }
  article.shopping_index ul.list li a .title {
    font-size: 24px;
  }
  article.shopping_index ul.list li a .image {
    margin-bottom: 10px;
    width: 350px;
    height: 262px;
    overflow: hidden;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.shopping_index ul.list li a .image:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    border-left: 46px solid #e779b3;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.shopping_index ul.list li a .image span:before, article.shopping_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.shopping_index ul.list li a .image span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.shopping_index ul.list li a .image span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  article.shopping_index ul.list li a:hover .image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.shopping_detail section.shopping .inner {
    overflow: hidden;
    *zoom: 1;
  }
  article.shopping_detail section.shopping .main_image {
    margin-bottom: 40px;
    text-align: center;
  }
  article.shopping_detail section.shopping .detail {
    float: left;
    width: 620px;
  }
  article.shopping_detail section.shopping .detail .comment {
    margin-bottom: 20px;
  }
  article.shopping_detail section.shopping .detail table tbody th {
    width: 10em;
    text-align: center;
  }
  article.shopping_detail section.shopping .image {
    float: right;
    width: 500px;
  }
  article.shopping_detail section.shopping .image ul li {
    margin-top: 20px;
    text-align: center;
  }
  article.shopping_detail section.shopping .image ul li:first-child {
    margin-top: 0;
  }
  article.shopping_detail section.shopping .image ul li img {
    max-width: 100%;
    height: auto;
  }
  article.shopping_detail section.map {
    padding-top: 40px;
  }
  article.shopping_detail section.map #map {
    height: 500px;
  }
}
@media only screen and (max-width: 740px) {
  body.shopping #menu_title .title h2 {
    width: 45%;
  }
  body.shopping_detail #primary > .inner {
    padding: 0 !important;
  }

  article.shopping_index h3, article.shopping_detail h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 24px;
  }
  article.shopping_index table.shopping .title {
    font-size: 16px;
  }
  article.shopping_index h4 {
    font-size: 24px;
  }
  article.shopping_index h4 span {
    display: block;
    font-size: 12px;
  }
  article.shopping_index ul.tag {
    margin-bottom: 20px;
  }
  article.shopping_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 5px 5px;
  }
  article.shopping_index ul.tag li a {
    width: 50px;
    height: 50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.shopping_index ul.list li {
    margin-bottom: 20px;
  }
  article.shopping_index ul.list li a .title {
    font-size: 16px;
  }
  article.shopping_index ul.list li a .image {
    margin-bottom: 10px;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
  }
  article.shopping_index ul.list li a .image:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    border-left: 21px solid #e779b3;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.shopping_index ul.list li a .image span:before, article.shopping_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.shopping_index ul.list li a .image span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.shopping_index ul.list li a .image span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  article.shopping_detail section.shopping .main_image {
    margin-bottom: 20px;
    text-align: center;
  }
  article.shopping_detail section.shopping .detail .comment {
    margin-bottom: 10px;
  }
  article.shopping_detail section.shopping .image ul li {
    margin-top: 10px;
    text-align: center;
  }
  article.shopping_detail section.shopping .image ul li:first-child {
    margin-top: 0;
  }
  article.shopping_detail section.map {
    padding-top: 20px;
  }
  article.shopping_detail section.map #map {
    height: 250px;
  }
}
/* --------------------------------------------------
	17. Experience
-------------------------------------------------- */
body.experience #menu_title .title:before {
  background-image: url(image/experience/title_bg.jpg);
}
body.experience #menu_title .title h2 {
  background-image: url(image/experience/title.png);
}

article.experience_index h3, article.experience_detail h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.experience_index h4, article.experience_detail h4 {
  padding-left: 10px;
  text-align: left;
}
article.experience_index ul.tag li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
article.experience_index ul.tag li a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  background: #688172 no-repeat center center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.experience_index ul.tag li.current a {
  background-color: #ca2e00;
}
article.experience_index ul.list li a,
article.experience_index ul.list li span {
  display: block;
  color: #222222;
  text-decoration: none;
}
article.experience_index ul.list li .title {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
article.experience_index ul.list li .image {
  position: relative;
  background: transparent no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}


@media only screen and (min-width: 741px) {
  body.experience_detail #primary > .inner {
    width: auto !important;
  }

  article.experience_index h3, article.experience_detail h3 {
    margin-bottom: 20px;
    font-size: 48px;
  }
  article.experience_index h4 {
    font-size: 48px;
  }
  article.experience_index h4 span {
    padding-left: 10px;
    font-size: 24px;
  }
  article.experience_index ul.tag {
    margin-bottom: 20px;
  }
  article.experience_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 15px 15px;
  }
  article.experience_index ul.tag li a {
    width: 150px;
    height: 150px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.experience_index ul.tag li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.experience_index ul.list {
    overflow: hidden;
    *zoom: 1;
    margin-left: -75px;
  }
  article.experience_index ul.list li {
    float: left;
    margin: 0 0 75px 75px;
    width: 350px;
  }
  article.experience_index ul.list li:nth-child(3n + 1) {
    clear: both;
  }
  article.experience_index ul.list li a .title {
    font-size: 24px;
  }
  article.experience_index ul.list li a .image {
    margin-bottom: 10px;
    width: 350px;
    height: 262px;
    overflow: hidden;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.experience_index ul.list li a .image:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    border-left: 46px solid #688172;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.experience_index ul.list li a .image span:before, article.experience_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.experience_index ul.list li a .image span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.experience_index ul.list li a .image span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  article.experience_index ul.list li a:hover .image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.experience_detail section.experience .inner {
    overflow: hidden;
    *zoom: 1;
  }
  article.experience_detail section.experience .main_image {
    margin-bottom: 40px;
    text-align: center;
  }
  article.experience_detail section.experience .detail {
    float: left;
    width: 620px;
  }
  article.experience_detail section.experience .detail .comment {
    margin-bottom: 20px;
  }
  article.experience_detail section.experience .detail table tbody th {
    width: 10em;
    text-align: center;
  }
  article.experience_detail section.experience .image {
    float: right;
    width: 500px;
  }
  article.experience_detail section.experience .image ul li {
    margin-top: 20px;
    text-align: center;
  }
  article.experience_detail section.experience .image ul li:first-child {
    margin-top: 0;
  }
  article.experience_detail section.experience .image ul li img {
    max-width: 100%;
    height: auto;
  }
  article.experience_detail section.map {
    padding-top: 40px;
  }
  article.experience_detail section.map #map {
    height: 500px;
  }
}
@media only screen and (max-width: 740px) {
  body.experience #menu_title .title h2 {
    width: 45%;
  }
  body.experience_detail #primary > .inner {
    padding: 0 !important;
  }

  article.experience_index h3, article.experience_detail h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 24px;
  }
  article.experience_index h4 {
    font-size: 24px;
  }
  article.experience_index h4 span {
    display: block;
    font-size: 12px;
  }
  article.experience_index ul.tag {
    margin-bottom: 20px;
  }
  article.experience_index ul.tag li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 5px 5px;
  }
  article.experience_index ul.tag li a {
    width: 50px;
    height: 50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.experience_index ul.list li {
    margin-bottom: 20px;
  }
  article.experience_index ul.list li a .title {
    font-size: 16px;
  }
  article.experience_index ul.list li a .image {
    margin-bottom: 10px;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
  }
  article.experience_index ul.list li a .image:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    border-left: 21px solid #688172;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.experience_index ul.list li a .image span:before, article.experience_index ul.list li a .image span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.experience_index ul.list li a .image span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.experience_index ul.list li a .image span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  article.experience_detail section.experience .main_image {
    margin-bottom: 20px;
    text-align: center;
  }
  article.experience_detail section.experience .detail .comment {
    margin-bottom: 10px;
  }
  article.experience_detail section.experience .image ul li {
    margin-top: 10px;
    text-align: center;
  }
  article.experience_detail section.experience .image ul li:first-child {
    margin-top: 0;
  }
  article.experience_detail section.map {
    padding-top: 20px;
  }
  article.experience_detail section.map #map {
    height: 250px;
  }
}
/* --------------------------------------------------
	18. Topics
-------------------------------------------------- */
body.topics #menu_title .title:before {
  background-image: url(image/topics/title_bg.png);
}
body.topics #menu_title .title h2 {
  background-image: url(image/topics/title.png);
}

article.topics_index h3 {
  background-image: url(image/topics/topics_title.png);
}
article.topics_index table.topics {
  background-color: transparent;
  border: 10px solid #666666;
}
article.topics_index table.topics > tbody > tr > td {
  vertical-align: top;
  border-left: none;
  border-top: none;
}
article.topics_index table.topics > tbody > tr > td .image {
  line-height: 0;
}

@media only screen and (min-width: 741px) {
  article.topics_index h3 {
    height: 320px;
  }
  article.topics_index table.topics {
    margin: 50px 0 0;
  }
  article.topics_index table.topics > tbody > tr > td {
    padding: 20px;
    font-size: 18px;
  }
  article.topics_index table.topics > tbody > tr > td .image {
    text-align: right;
  }
  article.topics_index table.topics > tbody > tr > td .image img {
    width: 310px;
  }
}
@media only screen and (max-width: 740px) {
  body.topics #menu_title .title h2 {
    width: 75%;
  }

  article.topics_index h3 {
    padding-top: 38.09524%;
  }
  article.topics_index table.topics > tbody > tr > td .image {
    text-align: center;
  }
}
/* --------------------------------------------------
	19. Recommended
-------------------------------------------------- */
body.recommended #menu_title .title:before {
  background-image: url(image/recommended/title_bg.jpg);
}
body.recommended #menu_title .title h2 {
  background-image: url(image/recommended/title.png);
}
body.recommended.recommended_nagata #menu_title .title:before {
  background-image: url(image/recommended/nagata_bg.jpg);
}
body.recommended.recommended_mitsutake #menu_title .title:before {
  background-image: url(image/recommended/mitsutake_bg.jpg);
}
body.recommended.recommended_aoki #menu_title .title:before {
  background-image: url(image/recommended/aoki_bg.jpg);
}

article.recommended_index h3 {
  height: auto !important;
  overflow: visible;
  color: #222222;
  text-indent: 0;
  font-weight: normal;
  white-space: normal;
  background: none;
}
article.recommended_index section.recommended > section:before {
  display: block;
  content: "";
  width: 100%;
  background: transparent url(image/recommended/member_wave.png) no-repeat center center;
}
article.recommended_index section.recommended > section#nagata:before {
  display: none;
}
article.recommended_index section.recommended > section#nagata .profile .person .front {
  background: transparent url(image/recommended/nagata_front.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
article.recommended_index section.recommended > section#nagata .profile .person .back {
  background: transparent url(image/recommended/nagata_back.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
article.recommended_index section.recommended > section#mitsutake .profile .person .front {
  background: transparent url(image/recommended/mitsutake_front.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
article.recommended_index section.recommended > section#mitsutake .profile .person .back {
  background: transparent url(image/recommended/mitsutake_back.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
article.recommended_index section.recommended > section#aoki .profile .person .front {
  background: transparent url(image/recommended/aoki_front.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
article.recommended_index section.recommended > section#aoki .profile .person .back {
  background: transparent url(image/recommended/aoki_back.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
article.recommended_index div.member h4 {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 100%;
  background: transparent url(image/recommended/member_title.png) no-repeat center top;
  border-bottom: none;
}
article.recommended_index div.member table img {
  width: 100%;
  height: auto;
}
article.recommended_index div.profile .person {
  margin: 0 auto;
  position: relative;
  height: 0;
}
article.recommended_index div.profile .person .front,
article.recommended_index div.profile .person .back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  padding-top: 100%;
  border: 5px solid #bee34a;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
article.recommended_index div.profile .person .back {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
article.recommended_index div.profile .person:hover .front {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
article.recommended_index div.profile .person:hover .back {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: rotateY(0);
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}
article.recommended_index div.profile h5 {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 100%;
  background: transparent url(image/recommended/profile_title.png) no-repeat left top;
  border-bottom: none;
}
article.recommended_index div.profile .name .jp {
  padding-right: 0.5em;
  font-weight: bold;
}
article.recommended_index div.accessories {
  margin-bottom: 10px;
  padding: 10px 0;
  background: transparent url(image/recommended/accessories_grid.png) repeat left top;
}
article.recommended_index div.accessories h5 {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 100%;
  background: transparent url(image/recommended/accessories_title.png) no-repeat center top;
  border-bottom: none;
}
article.recommended_index div.latest h5 {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 100%;
  background: transparent url(image/recommended/latest_title.png) no-repeat left top;
  border-bottom: 1px solid #666666;
}
article.recommended_index div.latest ul li a {
  display: block;
  color: #222222;
  text-decoration: none;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
article.recommended_index div.latest ul li a:hover {
  background-color: #eeeeee;
}
article.recommended_index div.latest ul li a span {
  display: block;
}
article.recommended_index div.latest ul li a span.image {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
article.recommended_nagata aside.archive h3, article.recommended_mitsutake aside.archive h3, article.recommended_aoki aside.archive h3, article.recommended_detail aside.archive h3 {
  margin: 20px 0 10px;
  padding: 8px 10px;
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  line-height: 1;
  white-space: normal;
  background: none;
  border: 1px solid #666666;
}
article.recommended_nagata aside.archive ul li, article.recommended_mitsutake aside.archive ul li, article.recommended_aoki aside.archive ul li, article.recommended_detail aside.archive ul li {
  border-bottom: 1px dotted #666666;
}
article.recommended_nagata aside.archive ul li a, article.recommended_mitsutake aside.archive ul li a, article.recommended_aoki aside.archive ul li a, article.recommended_detail aside.archive ul li a {
  display: block;
  padding: 5px 10px;
  color: #222222;
  text-decoration: none;
}
article.recommended_nagata aside.archive ul li a span, article.recommended_mitsutake aside.archive ul li a span, article.recommended_aoki aside.archive ul li a span, article.recommended_detail aside.archive ul li a span {
  display: block;
}
article.recommended_nagata section.recommended .list li, article.recommended_mitsutake section.recommended .list li, article.recommended_aoki section.recommended .list li {
  position: relative;
  border-bottom: 1px dotted #666666;
}
article.recommended_nagata section.recommended .list li .title, article.recommended_mitsutake section.recommended .list li .title, article.recommended_aoki section.recommended .list li .title {
  color: #ca2e00;
}
article.recommended_nagata section.recommended .list li .link, article.recommended_mitsutake section.recommended .list li .link, article.recommended_aoki section.recommended .list li .link {
  text-align: right;
}
article.recommended_nagata section.recommended .list li .link a, article.recommended_mitsutake section.recommended .list li .link a, article.recommended_aoki section.recommended .list li .link a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #fff;
  text-align: left;
  background-color: #333333;
  text-decoration: none;
}
article.recommended_detail section > h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
  text-align: left;
  border-bottom: 1px solid #666666;
}
article.recommended_detail section > .detail {
  overflow: hidden;
  *zoom: 1;
}
article.recommended_detail section > .detail h3 {
  text-align: left;
}
article.recommended_detail section > .detail h4 {
  text-align: left;
}
article.recommended_detail section > .detail table {
  width: auto;
}
article.recommended_detail section > .detail table[align="center"] {
  margin-right: auto;
  margin-left: auto;
}
article.recommended_detail section > .detail table th {
  white-space: normal;
}
article.recommended_detail section > .detail img.mt-image-left {
  float: left;
}
article.recommended_detail section > .detail img.mt-image-right {
  float: right;
}
article.recommended_detail section > .detail p {
  min-height: 1em;
}
article.recommended_detail section > .detail em {
  font-style: italic;
}
article.recommended_detail section > .detail blockquote {
  margin: 10px 0;
  padding: 10px;
  background-color: #eee;
}

@media only screen and (min-width: 741px) {
  body.recommended #menu_title .title h2 {
    bottom: 40px;
    left: 250px;
  }

  article.recommended_index h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }
  article.recommended_index section.recommended > section:before {
    height: 200px;
  }
  article.recommended_index div.member {
    margin-bottom: 60px;
  }
  article.recommended_index div.member h4 {
    padding-top: 0;
    height: 180px;
    font-size: 0;
  }
  article.recommended_index div.profile .person {
    width: 360px;
    padding-top: 100%;
  }
  article.recommended_index div.profile h5 {
    padding-top: 0;
    height: 110px;
    font-size: 0;
  }
  article.recommended_index div.profile .name .jp {
    font-size: 28px;
  }
  article.recommended_index div.profile .name .en {
    font-size: 18px;
  }
  article.recommended_index div.accessories h5 {
    padding-top: 0;
    height: 90px;
    font-size: 0;
  }
  article.recommended_index div.latest h5 {
    padding-top: 0;
    height: 110px;
    font-size: 0;
  }
  article.recommended_index div.latest ul {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 40px;
  }
  article.recommended_index div.latest ul li {
    float: left;
    width: 400px;
  }
  article.recommended_index div.latest ul li a {
    padding: 20px;
  }
  article.recommended_index div.latest ul li a span.image {
    margin-bottom: 10px;
    width: 360px;
    height: 250px;
  }
  article.recommended_index div.latest ul li a span.title {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -o-text-overflow: ellipsis;
  }
  article.recommended_nagata section.recommended > .top, article.recommended_mitsutake section.recommended > .top, article.recommended_aoki section.recommended > .top {
    padding-top: 50px;
  }
  article.recommended_nagata, article.recommended_mitsutake, article.recommended_aoki, article.recommended_detail {
    overflow: hidden;
    *zoom: 1;
  }
  article.recommended_nagata section.recommended, article.recommended_mitsutake section.recommended, article.recommended_aoki section.recommended, article.recommended_detail section.recommended {
    float: right;
    width: 960px;
  }
  article.recommended_nagata aside.archive, article.recommended_mitsutake aside.archive, article.recommended_aoki aside.archive, article.recommended_detail aside.archive {
    float: left;
    width: 200px;
  }
  article.recommended_nagata aside.archive h3, article.recommended_mitsutake aside.archive h3, article.recommended_aoki aside.archive h3, article.recommended_detail aside.archive h3 {
    font-size: 24px;
  }
  article.recommended_nagata aside.archive ul li a, article.recommended_mitsutake aside.archive ul li a, article.recommended_aoki aside.archive ul li a, article.recommended_detail aside.archive ul li a {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.recommended_nagata aside.archive ul li a:hover, article.recommended_mitsutake aside.archive ul li a:hover, article.recommended_aoki aside.archive ul li a:hover, article.recommended_detail aside.archive ul li a:hover {
    background-color: #eeeeee;
  }
  article.recommended_nagata aside.archive ul li a .title, article.recommended_mitsutake aside.archive ul li a .title, article.recommended_aoki aside.archive ul li a .title, article.recommended_detail aside.archive ul li a .title {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -o-text-overflow: ellipsis;
  }
  article.recommended_nagata section.recommended .list, article.recommended_mitsutake section.recommended .list, article.recommended_aoki section.recommended .list {
    margin-bottom: 60px;
  }
  article.recommended_nagata section.recommended .list li, article.recommended_mitsutake section.recommended .list li, article.recommended_aoki section.recommended .list li {
    padding: 20px 20px 20px 320px;
    min-height: 240px;
  }
  article.recommended_nagata section.recommended .list li .image, article.recommended_mitsutake section.recommended .list li .image, article.recommended_aoki section.recommended .list li .image {
    position: absolute;
    left: 0;
    top: 20px;
    display: block;
    width: 300px;
    height: 200px;
    background: transparent no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.recommended_nagata section.recommended .list li .date, article.recommended_mitsutake section.recommended .list li .date, article.recommended_aoki section.recommended .list li .date {
    font-size: 14px;
  }
  article.recommended_nagata section.recommended .list li .title, article.recommended_mitsutake section.recommended .list li .title, article.recommended_aoki section.recommended .list li .title {
    font-size: 18px;
  }
  article.recommended_nagata section.recommended .list li .link, article.recommended_mitsutake section.recommended .list li .link, article.recommended_aoki section.recommended .list li .link {
    padding-top: 20px;
  }
  article.recommended_nagata section.recommended .list li .link a, article.recommended_mitsutake section.recommended .list li .link a, article.recommended_aoki section.recommended .list li .link a {
    padding: 10px 30px;
    width: 290px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.recommended_nagata section.recommended .list li .link a:hover, article.recommended_mitsutake section.recommended .list li .link a:hover, article.recommended_aoki section.recommended .list li .link a:hover {
    background-color: #ca2e00;
  }
  article.recommended_detail section > h3 {
    margin-bottom: 40px;
    font-size: 34px;
  }
  article.recommended_detail section > .detail {
    margin-bottom: 60px;
  }
  article.recommended_detail section > .detail img {
    max-width: 960px;
    height: auto;
  }
  article.recommended_detail section > .detail img.mt-image-left {
    margin: 0 20px 20px 0;
  }
  article.recommended_detail section > .detail img.mt-image-right {
    margin: 0 0 20px 20px;
  }
  article.recommended_detail section > .detail blockquote {
    margin: 20px 0;
    padding: 20px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 740px) {
  body.recommended #menu_title .title {
    padding-left: 20%;
  }
  body.recommended #menu_title .title h2 {
    width: 87.5%;
  }

  article.recommended_index h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 16px;
  }
  article.recommended_index section.recommended > section:before {
    height: 100px;
    -moz-background-size: 600px 30px;
    -o-background-size: 600px 30px;
    -webkit-background-size: 600px 30px;
    background-size: 600px 30px;
  }
  article.recommended_index div.member {
    margin-bottom: 20px;
  }
  article.recommended_index div.member h4 {
    padding-top: 22.5%;
    height: 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 0;
  }
  article.recommended_index div.member table td {
    padding: 0 !important;
  }
  article.recommended_index div.profile .person {
    width: 80%;
    padding-top: 80%;
  }
  article.recommended_index div.profile > table > tbody > tr > td:first-child img {
    width: 50%;
  }
  article.recommended_index div.profile h5 {
    padding-top: 14.10256%;
    height: 0;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 0;
  }
  article.recommended_index div.profile .name .jp {
    font-size: 21px;
  }
  article.recommended_index div.profile .name .en {
    font-size: 16px;
  }
  article.recommended_index div.accessories h5 {
    padding-top: 13.23529%;
    height: 0;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 0;
  }
  article.recommended_index div.latest h5 {
    padding-top: 14.10256%;
    height: 0;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 0;
  }
  article.recommended_index div.latest ul {
    margin-bottom: 20px;
  }
  article.recommended_index div.latest ul li {
    border-bottom: 1px dotted #666666;
  }
  article.recommended_index div.latest ul li a {
    position: relative;
    padding: 10px;
  }
  article.recommended_index div.latest ul li a span.image {
    display: none;
  }
  article.recommended_nagata section.recommended > .top, article.recommended_mitsutake section.recommended > .top, article.recommended_aoki section.recommended > .top {
    padding-top: 25px;
  }
  article.recommended_nagata section.recommended, article.recommended_mitsutake section.recommended, article.recommended_aoki section.recommended, article.recommended_detail section.recommended {
    margin-bottom: 40px;
  }
  article.recommended_nagata aside.archive h3, article.recommended_mitsutake aside.archive h3, article.recommended_aoki aside.archive h3, article.recommended_detail aside.archive h3 {
    font-size: 18px;
  }
  article.recommended_nagata section.recommended .list, article.recommended_mitsutake section.recommended .list, article.recommended_aoki section.recommended .list {
    margin-bottom: 20px;
  }
  article.recommended_nagata section.recommended .list li, article.recommended_mitsutake section.recommended .list li, article.recommended_aoki section.recommended .list li {
    padding: 10px 0;
  }
  article.recommended_nagata section.recommended .list li .image, article.recommended_mitsutake section.recommended .list li .image, article.recommended_aoki section.recommended .list li .image {
    display: none;
  }
  article.recommended_nagata section.recommended .list li .title, article.recommended_mitsutake section.recommended .list li .title, article.recommended_aoki section.recommended .list li .title {
    font-size: 16px;
  }
  article.recommended_nagata section.recommended .list li .link, article.recommended_mitsutake section.recommended .list li .link, article.recommended_aoki section.recommended .list li .link {
    padding-top: 10px;
  }
  article.recommended_nagata section.recommended .list li .link a, article.recommended_mitsutake section.recommended .list li .link a, article.recommended_aoki section.recommended .list li .link a {
    padding: 5px 15px;
    width: 200px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.recommended_detail section > h3 {
    margin-bottom: 20px;
    padding-top: 0 !important;
    font-size: 17px;
  }
  article.recommended_detail section > .detail {
    margin-bottom: 30px;
  }
  article.recommended_detail section > .detail img.mt-image-left {
    margin: 0 10px 10px 0;
  }
  article.recommended_detail section > .detail img.mt-image-right {
    margin: 0 0 10px 10px;
  }
  article.recommended_detail section > .detail table th,
  article.recommended_detail section > .detail table td {
    display: table-cell;
    width: auto;
  }
  article.recommended_detail section > .detail blockquote {
    margin: 10px 0;
    padding: 10px;
    font-size: 12px;
  }
}
/* --------------------------------------------------
	20. Coupon
-------------------------------------------------- */
body.coupon #menu_title .title:before {
  background-image: url(image/coupon/title_bg.png);
}
body.coupon #menu_title .title h2 {
  background-image: url(image/coupon/title.png);
}

article.coupon_index .message {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  background-color: #eee;
}
article.coupon_index section.coupon .list li {
  position: relative;
  border-bottom: 1px dotted #666666;
}
article.coupon_index section.coupon .list li .title {
  color: #ca2e00;
}
article.coupon_index section.coupon .list li .content p {
  margin-bottom: 0;
  padding-left: 0;
}
article.coupon_index section.coupon .list li .link {
  text-align: right;
}
article.coupon_index section.coupon .list li .link a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #fff;
  text-align: left;
  background-color: #333333;
  text-decoration: none;
}
article.coupon_index section.coupon .list li .link a[target="_blank"]:after {
  background-image: url(image/icon/link_window_white.png);
}
article.coupon_index section.coupon .list li .link a[href^="http"]:after {
  background-image: url(image/icon/link_external_white.png);
}
article.coupon_index section.coupon .list li .link a[href^="http"][href^="http://www.takeo-kk.net/"][target="_blank"]:after, article.coupon_index section.coupon .list li .link a[href^="http"][href^="https://www.takeo-kk.net/"][target="_blank"]:after {
  background-image: url(image/icon/link_window_white.png);
}
article.coupon_index section.coupon .list li .link a[href$=".pdf"]:after {
  background-image: url(image/icon/link_pdf.png);
}
article.coupon_index section.coupon .list li .link a[href$=".xls"]:after, article.coupon_index section.coupon .list li .link a[href$=".xlsx"]:after {
  background-image: url(image/icon/link_excel.png);
}
article.coupon_index section.coupon .list li .link a[href$=".doc"]:after, article.coupon_index section.coupon .list li .link a[href$=".docx"]:after {
  background-image: url(image/icon/link_word.png);
}
article.coupon_index aside.archive h3 {
  margin: 20px 0 10px;
  padding: 8px 10px;
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  line-height: 1;
  white-space: normal;
  background: none;
  border: 1px solid #666666;
}
article.coupon_index aside.archive ul li {
  border-bottom: 1px dotted #666666;
}
article.coupon_index aside.archive ul li a {
  display: block;
  padding: 5px 10px;
  color: #222222;
  text-decoration: none;
}
article.coupon_index aside.archive ul li a span {
  display: block;
}

@media only screen and (min-width: 741px) {
  article.coupon_index {
    overflow: hidden;
    *zoom: 1;
  }
  article.coupon_index .message {
    margin-bottom: 20px;
    padding: 40px;
    font-size: 24px;
    text-align: center;
  }
  article.coupon_index section.coupon {
    float: right;
    width: 960px;
  }
  article.coupon_index section.coupon .list {
    margin-bottom: 60px;
  }
  article.coupon_index section.coupon .list li {
    padding: 20px 20px 20px 320px;
    min-height: 240px;
  }
  article.coupon_index section.coupon .list li .image {
    position: absolute;
    left: 0;
    top: 20px;
    display: block;
    width: 300px;
    height: 200px;
    background: transparent no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.coupon_index section.coupon .list li .date {
    font-size: 14px;
  }
  article.coupon_index section.coupon .list li .title {
    font-size: 18px;
  }
  article.coupon_index section.coupon .list li .link {
    padding-top: 20px;
  }
  article.coupon_index section.coupon .list li .link a {
    padding: 10px 30px;
    width: 290px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.coupon_index section.coupon .list li .link a:hover {
    background-color: #ca2e00;
  }
  article.coupon_index aside.archive {
    float: left;
    width: 200px;
  }
  article.coupon_index aside.archive h3 {
    font-size: 24px;
  }
  article.coupon_index aside.archive ul li a {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.coupon_index aside.archive ul li a:hover {
    background-color: #eeeeee;
  }
  article.coupon_index aside.archive ul li a .date {
    font-size: 14px;
  }
  article.coupon_index aside.archive ul li a .title {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -o-text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 740px) {
  body.coupon #menu_title .title h2 {
    width: 50%;
  }

  article.coupon_index .message {
    margin-bottom: 10px;
    padding: 20px;
    font-size: 16px;
  }
  article.coupon_index section.coupon {
    margin-bottom: 40px;
  }
  article.coupon_index section.coupon .list {
    margin-bottom: 20px;
  }
  article.coupon_index section.coupon .list li {
    padding: 10px 0;
  }
  article.coupon_index section.coupon .list li .image {
    display: none;
  }
  article.coupon_index section.coupon .list li .title {
    font-size: 16px;
  }
  article.coupon_index section.coupon .list li .link {
    padding-top: 10px;
  }
  article.coupon_index section.coupon .list li .link a {
    padding: 5px 15px;
    width: 200px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.coupon_index aside.archive h3 {
    font-size: 18px;
  }
}

/** 2017/06追加　クーポンカテゴリの追加  ***/

article.coupon_index section.coupon .icon{
	display: block;
	margin: 10px 0;
}

article.coupon_index section.coupon .icon span{
	display: inline-block;
	line-height: 2.5;
	padding: 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-weight: bold;
}

article.coupon_index section.coupon .icon span.ku{background-color: #fe7f26;}
article.coupon_index section.coupon .icon span.kau{background-color: #f95b70;}
article.coupon_index section.coupon .icon span.asobu{background-color: #8cca2d;}
article.coupon_index section.coupon .icon span.yu{background-color: #ffff4c;}
article.coupon_index section.coupon .icon span.tomaru{background-color: #59bb9a;}


@media only screen and (max-width: 740px) {
	article.coupon_index section.coupon .icon span{
		padding: 0;
		width: 30%;
		margin: 1%;
		text-align: center;
	}
}


/* --------------------------------------------------
	21. Cycling
-------------------------------------------------- */
body.cycling #menu_title .title:before {
  background-image: url(image/cycling/title_bg.jpg);
}
body.cycling #menu_title .title h2 {
  background-image: url(image/cycling/title.png);
}
body.cycling article table.course .title,
body.cycling article table.spot .title {
  margin-bottom: 10px;
  padding: 10px 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  border: 1px solid #666666;
}

article.cycling_index h3 {
  background-image: url(image/cycling/rental_title.png);
}
article.cycling_twohour div.map, article.cycling_halfday div.map, article.cycling_oneday div.map {
  text-align: center;
}
article.cycling_twohour div.map iframe, article.cycling_halfday div.map iframe, article.cycling_oneday div.map iframe {
  width: 100% !important;
}
article.cycling_twohour h3 {
  background-image: url(image/cycling/twohour/cycling_title.png);
}
article.cycling_halfday h3 {
  background-image: url(image/cycling/halfday/cycling_title.png);
}
article.cycling_oneday h3 {
  background-image: url(image/cycling/oneday/cycling_title.png);
}

@media only screen and (min-width: 741px) {
  article.cycling_twohour table.course,
  article.cycling_twohour table.spot, article.cycling_halfday table.course,
  article.cycling_halfday table.spot, article.cycling_oneday table.course,
  article.cycling_oneday table.spot {
    table-layout: fixed;
  }
  article.cycling_twohour table.course .title,
  article.cycling_twohour table.spot .title, article.cycling_halfday table.course .title,
  article.cycling_halfday table.spot .title, article.cycling_oneday table.course .title,
  article.cycling_oneday table.spot .title {
    font-size: 24px;
  }
  article.cycling_twohour table.course table th,
  article.cycling_twohour table.spot table th, article.cycling_halfday table.course table th,
  article.cycling_halfday table.spot table th, article.cycling_oneday table.course table th,
  article.cycling_oneday table.spot table th {
    width: 6em;
  }
  article.cycling_twohour table.other, article.cycling_halfday table.other, article.cycling_oneday table.other {
    margin: 0 auto;
    width: 840px;
  }
  article.cycling_twohour table.other td, article.cycling_halfday table.other td, article.cycling_oneday table.other td {
    float: none;
  }
  article.cycling_twohour table.other td.left, article.cycling_halfday table.other td.left, article.cycling_oneday table.other td.left {
    padding-left: 0;
  }
  article.cycling_twohour table.other td.right, article.cycling_halfday table.other td.right, article.cycling_oneday table.other td.right {
    padding-right: 0;
  }
  article.cycling_twohour div.map, article.cycling_halfday div.map, article.cycling_oneday div.map {
    padding: 50px 0 100px;
  }
}
@media only screen and (max-width: 740px) {
  body.cycling #menu_title .title h2 {
    width: 45%;
  }

  article.cycling_twohour table.course .title,
  article.cycling_twohour table.spot .title, article.cycling_halfday table.course .title,
  article.cycling_halfday table.spot .title, article.cycling_oneday table.course .title,
  article.cycling_oneday table.spot .title {
    font-size: 16px;
  }
  article.cycling_twohour table.other, article.cycling_halfday table.other, article.cycling_oneday table.other {
    table-layout: fixed;
    width: 100%;
  }
  article.cycling_twohour table.other td, article.cycling_halfday table.other td, article.cycling_oneday table.other td {
    float: none;
    display: table-cell;
    width: auto;
  }
  article.cycling_twohour table.other td.left, article.cycling_halfday table.other td.left, article.cycling_oneday table.other td.left {
    padding-left: 0;
  }
  article.cycling_twohour table.other td.right, article.cycling_halfday table.other td.right, article.cycling_oneday table.other td.right {
    padding-right: 0;
  }
  article.cycling_twohour div.map, article.cycling_halfday div.map, article.cycling_oneday div.map {
    padding: 20px 20px 50px;
  }
  article.cycling_twohour div.map iframe, article.cycling_halfday div.map iframe, article.cycling_oneday div.map iframe {
    height: 320px !important;
  }
}
/* --------------------------------------------------
	22. Season
-------------------------------------------------- */
body.season #menu_title .title:before {
  background-image: url(image/season/title_bg.jpg);
}

body.season #menu_title .title h2 {
  background-image: url(image/season/title.png);
}

article.season_index section > .nav li {
  margin: 10px;
}
article.season_index section > .nav li a:after {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
article.season_index section div.map {
  text-align: center;
}
article.season_index section div.map iframe {
  width: 100% !important;
}
article.season_index section.spring h3 {
  background-image: url(image/season/spring_title.png);
}
article.season_index section.summer h3 {
  background-image: url(image/season/summer_title.png);
}
article.season_index section.autumn h3 {
  background-image: url(image/season/autumn_title.png);
}
article.season_index section.winter h3 {
  background-image: url(image/season/winter_title.png);
}

@media only screen and (min-width: 741px) {
  article.season_index section > .nav {
    text-align: center;
  }
  article.season_index section > .nav li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  article.season_index section > .nav li a {
    margin-top: -20px !important;
    width: 270px;
  }
  article.season_index section div.map {
    padding-top: 100px;
  }
	
	/* 20170110 追記 */
	article.season_index .spa_winter_ul li{
		float: left;
		width: 33%;
	}
	article.season_index .spa_winter_ul:after{
		content:" ";
		display:block;
		clear:both;
	}
	/* END 追記 */
	
	body.season.spring article.season_index section > .nav li a{
		width: 270px;
		margin-bottom: 10px;
	}
}


/** 各季節 **/
body.season.spring #menu_title .title:before{
  background-image: url(image/season/spring/title_bg.jpg);
}

body.season.summer #menu_title .title:before{
  background-image: url(image/season/summer/title_bg.jpg);
}

body.season.autumn #menu_title .title:before{
  background-image: url(image/season/autumn/title_bg.jpg);
}

body.season.winter #menu_title .title:before{
  background-image: url(image/season/winter/title_bg.jpg);
}



@media only screen and (max-width: 740px) {
  body.season #menu_title .title h2 {
    width: 60%;
  }

  article.season_index section > .nav li a:after {
    margin-top: -10px !important;
  }
  article.season_index section div.map {
    padding: 50px 20px 0;
  }
  article.season_index section div.map iframe {
    height: 320px !important;
  }
}



/* 20170623 追記(季節情報TOP)---------------- */

article.season_index .season_link{
	text-align: center;
	margin: 0;
}
article.season_index .season_link li{
	display: inline-block;
	margin: 30px;
}
article.season_index .season_link li a{
	display: block;
	text-indent: -9999px;
}

article.season_index .season_link li.spring a {
  background-image: url(image/season/bn_season_spring.png);
}
article.season_index .season_link li.summer a {
  background-image: url(image/season/bn_season_summer.png);
}
article.season_index .season_link li.autumn a {
  background-image: url(image/season/bn_season_autumn.png);
}
article.season_index .season_link li.winter a {
  background-image: url(image/season/bn_season_winter.png);
}



article.season_index section.season_event ul.season_event{
  overflow: hidden;
  *zoom: 1;
  margin: 0;
}

article.season_index section.season_event ul.season_event li{
	width: 280px;
	display: block;
	float: left;
	margin: 5px;
}

article.season_index section.season_event ul.season_event li a {
	display: block;
	overflow: hidden;
	color: transparent;
	text-decoration: none;
	text-indent: 110%;
	white-space: nowrap;
	font-size: 0;
	background: transparent no-repeat left top;
	background-image: none;
	background-size: auto auto;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

article.season_index section.season_event ul.season_event li.spring a {
  background-image: url(image/season/bn_event_spring.png);
}
article.season_index section.season_event ul.season_event li.summer a {
  background-image: url(image/season/bn_event_summer.png);
}
article.season_index section.season_event ul.season_event li.autumn a {
  background-image: url(image/season/bn_event_autumn.png);
}
article.season_index section.season_event ul.season_event li.winter a {
  background-image: url(image/season/bn_event_winter.png);
}

@media only screen and (min-width: 741px) {
	article.season_index ul.season {
		margin-left: 0;
	}
	
	article.season_index .season_link li a{
		width: 500px;
		height: 300px;
		-moz-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		-webkit-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}
	
	article.season_index section.season_event ul.season_event li{
	    float: left;
	    margin-left: 5px;
	    width: 280px;
	}
	
	article.season_index section.season_event ul.season_event li a {
		width: 280px;
		height: 200px;
		-moz-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		-webkit-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}
	article.season_index .season_link li a:hover,
	article.season_index section.season_event ul.season_event li a:hover{
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}
}

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

	article.season_index .season_link li{
		display: block;
		width: 100%;
		max-width: 500px;
		margin: 0 auto 10px auto;
	}
	
	article.season_index .season_link li a{
		padding-top: 40%;
		background-size: cover;
	}
	
	article.season_index section.season_event ul.season_event{
		text-align: center;
	}
	
	article.season_index section.season_event ul.season_event li{
		width: 48%;
		display: inline-block;
		float: none;
		margin: auto;
		max-width: 280px;
	}
	
	article.season_index section.season_event ul.season_event li a{
		width: 100%;
		padding-top: 65%;
	}
}
/* 20170623 追記(季節情報TOP)END---------------- */

/* 20170626 追記(summer)---------------- */

article table.summer_bus th, article table.summer_bus td{
	text-align: center;
}

article table.summer_bus td{
	background-color: #fff;
}

@media only screen and (min-width: 741px) {
	article.season_index section > .nav li a.long{
		width: 350px;
	}
	
}

@media only screen and (max-width: 740px) {
	
	article table.summer_bus{
		table-layout: fixed;
	}
	
	article table.summer_bus th, article table.summer_bus td{
		display: table-cell;
		padding: 2px;
		font-size: 80%;
		line-height: 1.8;
	}
}

/* 20170626 追記(summer)END---------------- */


/* 20190531 追記(summer)---------------- */

@media only screen and (min-width: 741px) {
	article.season_index .summer ul.nav li a{
		font-size: 16px;
	}
}
/* 20190531 追記(summer)END---------------- */




/* --------------------------------------------------
	23. Event
-------------------------------------------------- */
body.event #menu_title .title:before {
  background-image: url(image/event/title_bg.jpg);
}
body.event #menu_title .title h2 {
  background-image: url(image/event/title.png);
}

article.event_index h3, article.event_detail h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
  text-align: center;
  border-bottom: 1px solid #666666;
}
article.event_index aside.archive dl dt, article.event_detail aside.archive dl dt {
  margin: 20px 0 10px;
  border: 1px solid #666666;
}
article.event_index aside.archive dl dt a, article.event_detail aside.archive dl dt a {
  display: block;
  padding: 8px 10px;
  color: #222222;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1;
  text-decoration: none;
}
article.event_index aside.archive dl dt.current a, article.event_detail aside.archive dl dt.current a {
  color: #fff;
  background-color: #ca2e00;
}
article.event_index aside.archive dl dd a, article.event_detail aside.archive dl dd a {
  display: block;
  padding: 5px 10px;
  color: #222222;
  text-decoration: none;
}
article.event_index aside.archive dl dd.current a, article.event_detail aside.archive dl dd.current a {
  background-color: #eeeeee;
}
article.event_index section.event .list li {
  position: relative;
  border-bottom: 1px dotted #666666;
}
article.event_index section.event .list li .title {
  color: #ca2e00;
}
article.event_index section.event .list li .content p {
  margin-bottom: 0;
  padding-left: 0;
}
article.event_index section.event .list li .link {
  text-align: right;
}
article.event_index section.event .list li .link a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #fff;
  text-align: left;
  background-color: #333333;
  text-decoration: none;
}
article.event_detail section > h3 {
  text-align: left;
}
article.event_detail section > .detail {
  overflow: hidden;
  *zoom: 1;
}
article.event_detail section > .detail h3 {
  text-align: left;
}
article.event_detail section > .detail h4 {
  text-align: left;
}
article.event_detail section > .detail table {
  width: auto;
}
article.event_detail section > .detail table[align="center"] {
  margin-right: auto;
  margin-left: auto;
}
article.event_detail section > .detail table th {
  white-space: normal;
}
article.event_detail section > .detail img.mt-image-left {
  float: left;
}
article.event_detail section > .detail img.mt-image-right {
  float: right;
}
article.event_detail section > .detail p {
  min-height: 1em;
}
article.event_detail section > .detail em {
  font-style: italic;
}
article.event_detail section > .detail blockquote {
  margin: 10px 0;
  padding: 10px;
  background-color: #eee;
}

@media only screen and (min-width: 741px) {
  article.event_index, article.event_detail {
    overflow: hidden;
    *zoom: 1;
  }
  article.event_index h3, article.event_detail h3 {
    margin-bottom: 20px;
    font-size: 34px;
  }
  article.event_index section.event, article.event_detail section.event {
    float: right;
    width: 960px;
  }
  article.event_index aside.archive, article.event_detail aside.archive {
    float: left;
    width: 200px;
  }
  article.event_index aside.archive dl dt a, article.event_detail aside.archive dl dt a {
    font-size: 24px;
    -moz-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
  }
  article.event_index aside.archive dl dt a:hover, article.event_detail aside.archive dl dt a:hover {
    color: #fff;
    background-color: #ca2e00;
  }
  article.event_index aside.archive dl dd a, article.event_detail aside.archive dl dd a {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.event_index aside.archive dl dd a:hover, article.event_detail aside.archive dl dd a:hover {
    background-color: #eeeeee;
  }
  article.event_index section.event .list {
    margin-bottom: 60px;
  }
  article.event_index section.event .list li {
    padding: 20px 20px 20px 320px;
    min-height: 240px;
  }
  article.event_index section.event .list li .image {
    position: absolute;
    left: 0;
    top: 20px;
    display: block;
    width: 300px;
    height: 200px;
    background: transparent no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.event_index section.event .list li .date_category {
    font-size: 14px;
  }
  article.event_index section.event .list li .title {
    font-size: 18px;
  }
  article.event_index section.event .list li .link {
    padding-top: 20px;
  }
  article.event_index section.event .list li .link a {
    padding: 10px 30px;
    width: 290px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.event_index section.event .list li .link a:hover {
    background-color: #ca2e00;
  }
  article.event_detail section > h3 {
    margin-bottom: 40px;
  }
  article.event_detail section > .detail {
    margin-bottom: 60px;
  }
  article.event_detail section > .detail img {
    max-width: 960px;
    height: auto;
  }
  article.event_detail section > .detail img.mt-image-left {
    margin: 0 20px 20px 0;
  }
  article.event_detail section > .detail img.mt-image-right {
    margin: 0 0 20px 20px;
  }
  article.event_detail section > .detail blockquote {
    margin: 20px 0;
    padding: 20px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 740px) {
  body.event #menu_title .title h2 {
    width: 72.5%;
  }

  article.event_index h3, article.event_detail h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 17px;
  }
  article.event_index section.event, article.event_detail section.event {
    margin-bottom: 40px;
  }
  article.event_index aside.archive dl dt a, article.event_detail aside.archive dl dt a {
    font-size: 18px;
  }
  article.event_index aside.archive dl dd, article.event_detail aside.archive dl dd {
    border-bottom: 1px dotted #666666;
  }
  article.event_index section.event .list {
    margin-bottom: 20px;
  }
  article.event_index section.event .list li {
    padding: 10px 0;
  }
  article.event_index section.event .list li .image {
    display: none;
  }
  article.event_index section.event .list li .date_category {
    font-size: 12px;
  }
  article.event_index section.event .list li .title {
    font-size: 16px;
  }
  article.event_index section.event .list li .link {
    padding-top: 10px;
  }
  article.event_index section.event .list li .link a {
    padding: 5px 15px;
    width: 200px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.event_detail section > h3 {
    margin-bottom: 20px;
  }
  article.event_detail section > .detail {
    margin-bottom: 30px;
  }
  article.event_detail section > .detail img.mt-image-left {
    margin: 0 10px 10px 0;
  }
  article.event_detail section > .detail img.mt-image-right {
    margin: 0 0 10px 10px;
  }
  article.event_detail section > .detail table th,
  article.event_detail section > .detail table td {
    display: table-cell;
    width: auto;
  }
  article.event_detail section > .detail blockquote {
    margin: 10px 0;
    padding: 10px;
    font-size: 12px;
  }
}
/* --------------------------------------------------
	24. Over
-------------------------------------------------- */
body.over #menu_title .title:before {
  background-image: url(image/over/title_bg.jpg);
}
body.over #menu_title .title h2 {
  background-image: url(image/over/title.png);
}

body.over .pdf_list{
  text-align: left;
  margin: 0;
  padding: 0 40px;
}
body.over .pdf_list li{
  width: 320px;
  margin: 20px 20px;
  background: #333;
  font-weight: bold;
  display: inline-block;
  text-align: center;
}
body.over .pdf_list li a{
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  display: block;
}
body.over .pdf_list li:hover{
  background: #ca2e00;
  transition: background-color 0.3s;
}

body.over_takeo #menu_title .title:before {
  background-image: url(image/over/takeo/title_bg.jpg);
}
body.over_takeo #menu_title .title h2 {
  background-image: url(image/over/takeo/title.png);
}

body.over_kurokami #menu_title .title:before {
  background-image: url(image/over/kurokami/title_bg.jpg);
}
body.over_kurokami #menu_title .title h2 {
  background-image: url(image/over/kurokami/title.png);
}

body.over_kurokami.over_wakaki #menu_title .title:before {
  background-image: url(image/over/wakaki/title_bg.jpg);
}
body.over_kurokami.over_wakaki #menu_title .title h2 {
  background-image: url(image/over/wakaki/title.png);
}

article.over_index h4, article.over_takeo h4, article.over_kurokami h4 {
  padding-left: 10px;
  text-align: left;
}
article.over_index section.takeo h3 {
  background-image: url(image/over/takeo_title.png);
}
article.over_index section.kurokami h3 {
  background-image: url(image/over/takesanpo_title.png);
}
article.over_takeo h3, article.over_kurokami h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.over_takeo section.course table td, article.over_kurokami section.course table td {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
article.over_takeo section.course table td img, article.over_kurokami section.course table td img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
article.over_takeo section.banner .prev a.basic_btn:after, article.over_kurokami section.banner .prev a.basic_btn:after {
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
article.over_kurokami table.spot .title {
  margin-bottom: 10px;
  padding: 10px 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  border: 1px solid #666666;
}

.yuimaru{
	font-size: smaller;
}


@media only screen and (min-width: 741px) {
  article.over_index section.takeo {
    margin-bottom: 60px;
  }
  article.over_takeo h3, article.over_kurokami h3 {
    margin-bottom: 20px;
    font-size: 34px;
  }
  article.over_takeo section.course table tr, article.over_kurokami section.course table tr {
    display: block;
    padding-top: 100px;
    background: transparent url(image/over/course_line_long.png) no-repeat center top;
  }
  article.over_takeo section.course table tr:first-child, article.over_kurokami section.course table tr:first-child {
    padding-top: 0;
    background: none;
  }
  article.over_takeo section.course table tr td, article.over_kurokami section.course table tr td {
    padding-left: 55px;
    font-size: 24px;
    background: transparent url(image/over/course_line.png) no-repeat left center;
  }
  article.over_takeo section.course table tr td:first-child, article.over_kurokami section.course table tr td:first-child {
    padding-left: 0;
    background: none;
  }
  article.over_takeo section.banner .next a.basic_btn:after, article.over_kurokami section.banner .next a.basic_btn:after {
    left: auto;
    right: 40px;
  }
  article.over_kurokami table.spot,
  article.over_kurokami table.pottery {
    table-layout: fixed;
  }
  article.over_kurokami table.spot table th,
  article.over_kurokami table.pottery table th {
    width: 6em;
  }
  article.over_kurokami table.spot .title {
    font-size: 24px;
  }
  article.over_kurokami table.pottery {
    margin-bottom: 40px;
  }
  article.over_kurokami table.pottery > tbody > tr > td {
    border-bottom: 1px dotted #666666 !important;
  }
}
@media only screen and (max-width: 740px) {
  body.over #menu_title .title h2 {
    width: 47.5%;
  }
  body.over .pdf_btn{
    width: 200px;
	}
	body.over .pdf_list{
		text-align: left;
		padding: 0;
	}
	body.over .pdf_list li{
		width: 100%;
		margin: 10px auto;
	}
  body.over_takeo #menu_title .title h2 {
    width: 85%;
  }

  body.over_kurokami #menu_title .title h2 {
    width: 90%;
  }

  article.over_index section.takeo {
    margin-bottom: 30px;
  }
  article.over_takeo h3, article.over_kurokami h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 17px;
  }
  article.over_takeo section.course table tr,
  article.over_takeo section.course table td, article.over_kurokami section.course table tr,
  article.over_kurokami section.course table td {
    position: relative;
    padding-top: 55px;
  }
  article.over_takeo section.course table tr:before,
  article.over_takeo section.course table td:before, article.over_kurokami section.course table tr:before,
  article.over_kurokami section.course table td:before {
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    content: "";
    margin-left: -10px;
    width: 50px;
    height: 50px;
    background: transparent url(image/over/course_line.png) no-repeat left center;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  article.over_takeo section.course table tr, article.over_kurokami section.course table tr {
    display: block;
  }
  article.over_takeo section.course table tr:first-child, article.over_kurokami section.course table tr:first-child {
    padding-top: 0;
  }
  article.over_takeo section.course table tr:first-child:before, article.over_kurokami section.course table tr:first-child:before {
    display: none;
  }
  article.over_takeo section.course table tr td, article.over_kurokami section.course table tr td {
    font-size: 18px;
  }
  article.over_takeo section.course table tr td:first-child, article.over_kurokami section.course table tr td:first-child {
    padding-top: 0;
  }
  article.over_takeo section.course table tr td:first-child:before, article.over_kurokami section.course table tr td:first-child:before {
    display: none;
  }
  article.over_takeo section.banner .next a.basic_btn:after, article.over_kurokami section.banner .next a.basic_btn:after {
    left: auto;
    right: 10%;
  }
  article.over_kurokami table.spot .title {
    font-size: 16px;
  }
}

/* --------------------------------------------------
	25. Enjoy
-------------------------------------------------- */
body.enjoy_index #menu_title .title:before {
  background-image: url(image/enjoy/title_bg.jpg);
}
body.enjoy_index #menu_title .title h2 {
  background-image: url(image/enjoy/title.png);
}
body.enjoy_morningmarket #menu_title .title:before {
  background-image: url(image/enjoy/morningmarket/title_bg.jpg);
}
body.enjoy_morningmarket #menu_title .title h2 {
  background-image: url(image/enjoy/morningmarket/title.png);
}
body.enjoy_powerspot #menu_title .title:before {
  background-image: url(image/enjoy/powerspot/title_bg.jpg);
}
body.enjoy_powerspot #menu_title .title h2 {
  background-image: url(image/enjoy/powerspot/title.png);
}
body.enjoy_chanpon #menu_title .title:before {
  background-image: url(image/enjoy/chanpon/title_bg.jpg);
}
body.enjoy_chanpon #menu_title .title h2 {
  background-image: url(image/enjoy/chanpon/title.png);
}
body.enjoy_marriage #menu_title .title:before {
  background-image: url(image/enjoy/marriage/title_bg.jpg);
}
body.enjoy_marriage #menu_title .title h2 {
  background-image: url(image/enjoy/marriage/title.png);
}

article.enjoy_index h3 {
  background-image: url(image/enjoy/enjoy_title.png);
}

/*20190206追記_バナー3カラム設定*/
article.enjoy_index table.nav td img{
	width: 400px;
}

article.enjoy_index table.nav th,
article.enjoy_index table.nav td {
  padding: 0;
}
article.enjoy_index table.nav th a,
article.enjoy_index table.nav td a {
  display: block;
  line-height: 0;
}
article.enjoy_morningmarket ul.nav, article.enjoy_powerspot ul.nav, article.enjoy_chanpon ul.nav, article.enjoy_marriage ul.nav {
  margin-left: 0;
  list-style: none;
  text-align: center;
}
article.enjoy_morningmarket ul.nav li a, article.enjoy_powerspot ul.nav li a, article.enjoy_chanpon ul.nav li a, article.enjoy_marriage ul.nav li a {
  position: relative;
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
article.enjoy_morningmarket ul.nav li a:hover, article.enjoy_powerspot ul.nav li a:hover, article.enjoy_chanpon ul.nav li a:hover, article.enjoy_marriage ul.nav li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
article.enjoy_morningmarket ul.nav li a:after, article.enjoy_powerspot ul.nav li a:after, article.enjoy_chanpon ul.nav li a:after, article.enjoy_marriage ul.nav li a:after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
article.enjoy_morningmarket ul.nav li.morningmarket a, article.enjoy_powerspot ul.nav li.morningmarket a, article.enjoy_chanpon ul.nav li.morningmarket a, article.enjoy_marriage ul.nav li.morningmarket a {
  background-color: #dc7048;
}
article.enjoy_morningmarket ul.nav li.powerspot a, article.enjoy_powerspot ul.nav li.powerspot a, article.enjoy_chanpon ul.nav li.powerspot a, article.enjoy_marriage ul.nav li.powerspot a {
  background-color: #7e5ba1;
}
article.enjoy_morningmarket ul.nav li.chanpon a, article.enjoy_powerspot ul.nav li.chanpon a, article.enjoy_chanpon ul.nav li.chanpon a, article.enjoy_marriage ul.nav li.chanpon a {
  background-color: #e9a600;
}
article.enjoy_morningmarket ul.nav li.marriage a, article.enjoy_powerspot ul.nav li.marriage a, article.enjoy_chanpon ul.nav li.marriage a, article.enjoy_marriage ul.nav li.marriage a {
  background-color: #e6535f;
}
article.enjoy_morningmarket table.enjoy, article.enjoy_powerspot table.enjoy, article.enjoy_marriage table.enjoy {
  background: transparent url(image/enjoy/bg.png) repeat left top;
}
article.enjoy_morningmarket table.enjoy > thead .title, article.enjoy_powerspot table.enjoy > thead .title, article.enjoy_marriage table.enjoy > thead .title {
  display: block;
  margin-bottom: 0;
  padding-top: 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
article.enjoy_morningmarket table.enjoy .image, article.enjoy_powerspot table.enjoy .image, article.enjoy_marriage table.enjoy .image {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background-color: #fff;
  border: 1px solid #aaa;
  text-align: center;
}
article.enjoy_morningmarket table.enjoy .image img, article.enjoy_powerspot table.enjoy .image img, article.enjoy_marriage table.enjoy .image img {
  vertical-align: bottom;
}
article.enjoy_morningmarket table.enjoy table td, article.enjoy_powerspot table.enjoy table td, article.enjoy_marriage table.enjoy table td {
  background-color: #fff;
}
article.enjoy_morningmarket h3 {
  background-image: url(image/enjoy/morningmarket/morningmarket_title.png);
}
article.enjoy_morningmarket h4 {
  padding-left: 10px;
  text-align: left;
}
article.enjoy_morningmarket table.enjoy > thead .title {
  color: #dc7048;
  background: transparent url(image/enjoy/morningmarket/icon.png) no-repeat left 9px;
}
article.enjoy_morningmarket table.enjoy table.images td {
  text-align: center;
  background-color: transparent;
}
article.enjoy_morningmarket table.exhibitors thead th {
  text-align: center;
}
article.enjoy_morningmarket table.exhibitors tbody th {
  background: transparent;
}
article.enjoy_powerspot h3 {
  background-image: url(image/enjoy/powerspot/powerspot_title.png);
}
article.enjoy_powerspot table.enjoy > thead .title {
  color: #7e5ba1;
  background: transparent url(image/enjoy/powerspot/icon.png) no-repeat left 9px;
}
article.enjoy_chanpon h3 {
  background-image: url(image/enjoy/chanpon/chanpon_title.png);
}
article.enjoy_chanpon h4 {
  text-align: left;
}
article.enjoy_chanpon table.chanpon .shop {
  position: relative;
  background: transparent url(image/enjoy/bg.png) repeat left top;
}
article.enjoy_chanpon table.chanpon .shop:before {
  position: absolute;
  left: 50%;
  display: block;
  content: "";
  background: transparent url(image/enjoy/chanpon/icon.png) no-repeat left top;
}
article.enjoy_chanpon table.chanpon .shop .title {
  font-weight: bold;
  text-align: center;
}
article.enjoy_chanpon table.chanpon .shop p {
  text-align: center;
}
article.enjoy_marriage h3 {
  background-image: url(image/enjoy/marriage/marriage_title.png);
}
article.enjoy_marriage table.enjoy > thead .title {
  color: #e6535f;
  background: transparent url(image/enjoy/marriage/icon.png) no-repeat left 9px;
}


@media only screen and (min-width: 741px) {
  body.enjoy_morningmarket #menu_title .title h2 {
    right: 770px;
  }
  body.enjoy_powerspot #menu_title .title h2 {
    right: 530px;
  }
  body.enjoy_chanpon #menu_title .title h2 {
    right: 710px;
  }
  body.enjoy_marriage #menu_title .title h2 {
    right: 870px;
  }

  article.enjoy_index h3 {
    height: 150px;
  }
  article.enjoy_morningmarket h3, article.enjoy_powerspot h3, article.enjoy_chanpon h3, article.enjoy_marriage h3 {
    height: 400px;
  }
  article.enjoy_morningmarket ul.nav, article.enjoy_powerspot ul.nav, article.enjoy_chanpon ul.nav, article.enjoy_marriage ul.nav {
    padding-top: 60px;
  }
  article.enjoy_morningmarket ul.nav li, article.enjoy_powerspot ul.nav li, article.enjoy_chanpon ul.nav li, article.enjoy_marriage ul.nav li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 10px;
    width: 350px;
  }
  article.enjoy_morningmarket ul.nav li a, article.enjoy_powerspot ul.nav li a, article.enjoy_chanpon ul.nav li a, article.enjoy_marriage ul.nav li a {
    padding: 20px 0;
  }
  article.enjoy_morningmarket ul.nav li a:after, article.enjoy_powerspot ul.nav li a:after, article.enjoy_chanpon ul.nav li a:after, article.enjoy_marriage ul.nav li a:after {
    right: 40px;
  }
  article.enjoy_morningmarket table.enjoy, article.enjoy_powerspot table.enjoy, article.enjoy_marriage table.enjoy {
    margin-bottom: 80px;
  }
  article.enjoy_morningmarket table.enjoy > thead .title, article.enjoy_powerspot table.enjoy > thead .title, article.enjoy_marriage table.enjoy > thead .title {
    padding-left: 50px;
    font-size: 34px;
  }
  article.enjoy_morningmarket table.enjoy th,
  article.enjoy_morningmarket table.enjoy td, article.enjoy_powerspot table.enjoy th,
  article.enjoy_powerspot table.enjoy td, article.enjoy_marriage table.enjoy th,
  article.enjoy_marriage table.enjoy td {
    padding: 20px;
  }
  article.enjoy_morningmarket table.enjoy .image, article.enjoy_powerspot table.enjoy .image, article.enjoy_marriage table.enjoy .image {
    padding: 15px;
  }
  article.enjoy_morningmarket table.enjoy > tbody td, article.enjoy_powerspot table.enjoy > tbody td, article.enjoy_marriage table.enjoy > tbody td {
    padding-bottom: 30px;
  }
  article.enjoy_morningmarket table.enjoy table.non_style .image, article.enjoy_powerspot table.enjoy table.non_style .image, article.enjoy_marriage table.enjoy table.non_style .image {
    padding: 10px;
  }
  article.enjoy_morningmarket table.morningmarket {
    margin: 0 auto 80px;
    width: 700px;
  }
  article.enjoy_morningmarket table.morningmarket th,
  article.enjoy_morningmarket table.morningmarket td {
    padding: 20px;
  }
  article.enjoy_morningmarket table.morningmarket th {
    text-align: center;
  }
  article.enjoy_morningmarket table.exhibitors tbody td {
    text-align: center;
  }
  article.enjoy_chanpon table.chanpon {
    margin-bottom: 80px;
    table-layout: fixed;
  }
  article.enjoy_chanpon table.chanpon .shop {
    padding: 70px 10px 10px 10px;
  }
  article.enjoy_chanpon table.chanpon .shop:before {
    top: 15px;
    margin-left: -20px;
    width: 42px;
    height: 42px;
  }
		
		
}
@media only screen and (max-width: 740px) {
  body.enjoy_index #menu_title .title h2 {
    width: 50%;
  }
  body.enjoy_morningmarket #menu_title .title {
    padding-right: 30%;
  }
  body.enjoy_morningmarket #menu_title .title h2 {
    width: 57.14286%;
  }
  body.enjoy_powerspot #menu_title .title {
    padding-right: 30%;
  }
  body.enjoy_powerspot #menu_title .title h2 {
    width: 91.42857%;
  }
  body.enjoy_chanpon #menu_title .title {
    padding-right: 30%;
  }
  body.enjoy_chanpon #menu_title .title h2 {
    width: 65.71429%;
  }
  body.enjoy_marriage #menu_title .title {
    padding-right: 30%;
  }
  body.enjoy_marriage #menu_title .title h2 {
    width: 42.85714%;
  }

  article.enjoy_index h3 {
    margin-bottom: 30px;
    padding-top: 17.44186%;
  }
  article.enjoy_morningmarket h3, article.enjoy_powerspot h3, article.enjoy_chanpon h3, article.enjoy_marriage h3 {
    margin-bottom: 30px;
    padding-top: 69.76744%;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  article.enjoy_morningmarket ul.nav, article.enjoy_powerspot ul.nav, article.enjoy_chanpon ul.nav, article.enjoy_marriage ul.nav {
    padding-top: 30px;
  }
  article.enjoy_morningmarket ul.nav li, article.enjoy_powerspot ul.nav li, article.enjoy_chanpon ul.nav li, article.enjoy_marriage ul.nav li {
    margin: 10px auto;
    width: 80%;
  }
  article.enjoy_morningmarket ul.nav li a, article.enjoy_powerspot ul.nav li a, article.enjoy_chanpon ul.nav li a, article.enjoy_marriage ul.nav li a {
    padding: 15px 0;
  }
  article.enjoy_morningmarket ul.nav li a:after, article.enjoy_powerspot ul.nav li a:after, article.enjoy_chanpon ul.nav li a:after, article.enjoy_marriage ul.nav li a:after {
    right: 20px;
  }
  article.enjoy_morningmarket table.enjoy, article.enjoy_powerspot table.enjoy, article.enjoy_marriage table.enjoy {
    margin-bottom: 40px;
  }
  article.enjoy_morningmarket table.enjoy > thead .title, article.enjoy_powerspot table.enjoy > thead .title, article.enjoy_marriage table.enjoy > thead .title {
    padding-left: 30px;
    font-size: 24px;
    -moz-background-size: 25px 25px;
    -o-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
  }
  article.enjoy_morningmarket table.enjoy .image, article.enjoy_powerspot table.enjoy .image, article.enjoy_marriage table.enjoy .image {
    padding: 10px;
  }
  article.enjoy_morningmarket table.enjoy > tbody .image, article.enjoy_powerspot table.enjoy > tbody .image, article.enjoy_marriage table.enjoy > tbody .image {
    margin-bottom: 10px;
  }
  article.enjoy_morningmarket table.exhibitors th,
  article.enjoy_morningmarket table.exhibitors td {
    display: table-cell;
    width: auto;
  }
  article.enjoy_morningmarket table.exhibitors tbody th,
  article.enjoy_morningmarket table.exhibitors tbody td {
    width: 50%;
  }
  article.enjoy_chanpon table.chanpon {
    margin-bottom: 40px;
  }
  article.enjoy_chanpon table.chanpon .shop {
    padding: 40px 10px 10px 10px;
  }
  article.enjoy_chanpon table.chanpon .shop:before {
    top: 10px;
    margin-left: -10px;
    width: 21px;
    height: 21px;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
		
}

/* Meat
/* ------------------------------------- */

body.enjoy_meat #menu_title .title:before {
  background-image: url(image/enjoy/meat/title_bg.jpg);
}

body.enjoy_meat #menu_title .title h2 {
  background-image: url(image/enjoy/meat/title.png);
}

article.meat_menu .center{
	text-align: center;
}

article.meat_menu .center img{
	margin: 20px auto;
}

body.meat_menu article table.menu .title{
  padding: 10px 0 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", "MS Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
body.meat_menu article table.menu .title span{
	font-size: 18px;
}

.menu_img{
	text-align: center;
}
.menu_name{
	padding: 8px 0 15px;
	line-height: 1.3em;
	font-size: 20px;
	font-weight: bold;
	color: #C9A063;
}

body.meat_menu article table.menu table{
	font-size: 14px;
}
body.meat_menu article table.menu table th{
	text-align: center;
}

.menu_small{
	font-size: 12px;
	color: #666;
}

article.meat_menu div.map {
  text-align: center;
}
article.meat_menu div.map iframe {
  width: 100% !important;
}


@media only screen and (min-width: 741px) {
  body.enjoy_meat #menu_title .title h2 {
    right: 710px;
  }
  article.meat_menu table.menu{
    table-layout: fixed;
  }
  article.meat_menu table.menu .title{
    font-size: 25px;
  }
  article.meat_menu table.menu table th{
    width: 6em;
  }
  article.meat_menu table.non_style.menu > tbody > tr > td{
  	padding: 10px 25px;
  }

  article.meat_menu div.map {
    padding-top: 100px;
  }

}
@media only screen and (max-width: 740px) {
  body.enjoy_meat #menu_title .title {
    padding-right: 30%;
  }
	
  body.enjoy_meat #menu_title .title h2 {
    width: 65.71429%;
  }
  body.meat_menu #menu_title .title h2 {
    width: 70%;
  }

  article.meat_menu table.menu .title{
    font-size: 23px;
  }
  
  .menu_name{
	  font-size: 17px;
  }

  article.meat_menu div.map {
    padding: 50px 20px 0;
  }
  article.meat_menu div.map iframe {
    height: 320px !important;
  }
}


/* --------------------------------------------------
	26. Quiz
-------------------------------------------------- */
body.quiz #menu_title .title:before {
  background-image: url(image/quiz/title_bg.png);
}
body.quiz #menu_title .title h2 {
  background-image: url(image/quiz/title.png);
}

article.quiz_index section.quiz h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.quiz_index section.prize h3 {
  background-image: url(image/quiz/prize_title.png);
}
article.quiz_index section.walking .quiz, article.quiz_index section.bike .quiz, article.quiz_index section.car .quiz {
  background: transparent url(image/quiz/line.png) repeat left top;
}
article.quiz_index section.walking .quiz ol, article.quiz_index section.bike .quiz ol, article.quiz_index section.car .quiz ol {
  margin: 0;
}
article.quiz_index section.walking .quiz ol li, article.quiz_index section.bike .quiz ol li, article.quiz_index section.car .quiz ol li {
  list-style-position: inside;
  background-color: #fbe572;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
article.quiz_index section.walking h3 {
  background-image: url(image/quiz/walking_title.png);
}
article.quiz_index section.bike h3 {
  background-image: url(image/quiz/bike_title.png);
}
article.quiz_index section.car h3 {
  background-image: url(image/quiz/car_title.png);
}
article.quiz_index section.form h3 {
  background-image: url(image/quiz/form_title.png);
}
article.quiz_index section.form .link {
  text-align: center;
}
article.quiz_form .step {
  text-align: center;
}
article.quiz_form table label {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 10px;
  cursor: pointer;
}
article.quiz_form table tr th .required {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 10px;
  padding: 2px 6px 4px;
  line-height: 1;
  color: #fff;
  background-color: #e84340;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.quiz_form table tr.error th {
  color: #fff;
  background-color: #e84340;
}
article.quiz_form table tr.error td select,
article.quiz_form table tr.error td textarea,
article.quiz_form table tr.error td input[type="text"],
article.quiz_form table tr.error td input[type="email"],
article.quiz_form table tr.error td input[type="password"] {
  border: 1px solid #e84340;
  -moz-box-shadow: inset 0 1px 2px rgba(232, 67, 64, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(232, 67, 64, 0.1);
  box-shadow: inset 0 1px 2px rgba(232, 67, 64, 0.1);
}
article.quiz_form table tr.error td .error {
  margin-left: 0;
  list-style: none;
  color: #e84340;
}
article.quiz_form .button {
  text-align: center;
}
article.quiz_form .button form {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
article.quiz_form .button input[type="submit"] {
  margin: 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -moz-appearance: button;
  -webkit-appearance: button;
}
article.quiz_form .button input.back {
  border: 1px solid #666666;
}
article.quiz_form .button input.confirm,
article.quiz_form .button input.send {
  color: #fff;
  background-color: #ca2e00;
  border: 1px solid #972200;
}

@media only screen and (min-width: 741px) {
  article.quiz_index section.quiz h3 {
    margin-bottom: 20px;
    font-size: 34px;
  }
  article.quiz_index section.prize {
    padding-top: 60px;
  }
  article.quiz_index section.prize h3 {
    height: 90px;
  }
  article.quiz_index section.walking, article.quiz_index section.bike, article.quiz_index section.car {
    padding-top: 100px;
  }
  article.quiz_index section.walking .time, article.quiz_index section.bike .time, article.quiz_index section.car .time {
    margin-bottom: 40px;
  }
  article.quiz_index section.walking .quiz, article.quiz_index section.bike .quiz, article.quiz_index section.car .quiz {
    padding: 20px;
  }
  article.quiz_index section.walking .quiz ol, article.quiz_index section.bike .quiz ol, article.quiz_index section.car .quiz ol {
    padding: 160px 20px 10px 20px;
    background: #fff url(image/quiz/quiz.png) no-repeat center 20px;
  }
  article.quiz_index section.walking .quiz ol li, article.quiz_index section.bike .quiz ol li, article.quiz_index section.car .quiz ol li {
    margin: 20px 0;
    padding: 10px 20px;
  }
  article.quiz_index section.form {
    padding-top: 100px;
  }
  article.quiz_index section.form h3 {
    height: 60px;
  }
  article.quiz_index section.form .link {
    padding-top: 20px;
  }
  article.quiz_form .step {
    padding: 40px 0;
  }
  article.quiz_form table th .required {
    font-size: 13px;
  }
  article.quiz_form table input.answer {
    width: 400px;
  }
  article.quiz_form table input.name {
    width: 200px;
  }
  article.quiz_form table input.address {
    width: 500px;
  }
  article.quiz_form table input.tel {
    width: 50px;
  }
  article.quiz_form table input.mail {
    width: 300px;
  }
  article.quiz_form table textarea {
    width: 900px;
  }
  article.quiz_form .button {
    padding-top: 40px;
  }
  article.quiz_form .button input[type="button"],
  article.quiz_form .button input[type="submit"] {
    padding: 15px 0;
    width: 500px;
    font-size: 18px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.quiz_form .button input.back:hover {
    background-color: #eeeeee;
  }
  article.quiz_form .button input.confirm:hover,
  article.quiz_form .button input.send:hover {
    background-color: #fd3a00;
  }
}
@media only screen and (max-width: 740px) {
  body.quiz #menu_title .title h2 {
    width: 85%;
  }

  article.quiz_index section.quiz h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 17px;
  }
  article.quiz_index section.prize {
    padding-top: 30px;
  }
  article.quiz_index section.prize h3 {
    padding-top: 11.84211%;
  }
  article.quiz_index section.walking, article.quiz_index section.bike, article.quiz_index section.car {
    padding-top: 40px;
  }
  article.quiz_index section.walking .time, article.quiz_index section.bike .time, article.quiz_index section.car .time {
    margin-bottom: 20px;
  }
  article.quiz_index section.walking .quiz, article.quiz_index section.bike .quiz, article.quiz_index section.car .quiz {
    padding: 10px;
  }
  article.quiz_index section.walking .quiz ol, article.quiz_index section.bike .quiz ol, article.quiz_index section.car .quiz ol {
    padding: 80px 20px 10px 20px;
    background: #fff url(image/quiz/quiz.png) no-repeat center 10px;
    -moz-background-size: 80px 70px;
    -o-background-size: 80px 70px;
    -webkit-background-size: 80px 70px;
    background-size: 80px 70px;
  }
  article.quiz_index section.walking .quiz ol li, article.quiz_index section.bike .quiz ol li, article.quiz_index section.car .quiz ol li {
    margin: 10px 0;
    padding: 5px 10px;
  }
  article.quiz_index section.form {
    padding-top: 40px;
  }
  article.quiz_index section.form h3 {
    padding-top: 5.55556%;
  }
  article.quiz_index section.form .link {
    padding-top: 10px;
  }
  article.quiz_form .step {
    padding: 20px 0;
  }
  article.quiz_form table th .required {
    font-size: 11px;
  }
  article.quiz_form table input[type="text"],
  article.quiz_form table textarea {
    width: 90%;
  }
  article.quiz_form table input.tel {
    width: 50px;
  }
  article.quiz_form .button {
    padding-top: 10px;
  }
  article.quiz_form .button input[type="submit"] {
    padding: 10px 0;
    width: 200px;
    font-size: 16px;
  }
}
/* --------------------------------------------------
	27. Asakatsu
-------------------------------------------------- */
body.asakatsu #menu_title .title:before {
  background-image: url(image/asakatsu/title_bg.jpg);
}
body.asakatsu #menu_title .title h2 {
  background-image: url(image/asakatsu/title.png);
}

article.asakatsu_index h4, article.asakatsu_gruel h4, article.asakatsu_sakurayama h4, article.asakatsu_powerspot h4, article.asakatsu_resort h4, article.asakatsu_mifuneyama h4 {
  padding-left: 10px;
  text-align: left;
}
article.asakatsu_index table.list .title, article.asakatsu_gruel table.list .title {
  margin-bottom: 10px;
  padding: 10px 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  border: 1px solid #666666;
}
article.asakatsu_sakurayama div.map, article.asakatsu_powerspot div.map, article.asakatsu_resort div.map, article.asakatsu_mifuneyama div.map {
  text-align: center;
}
article.asakatsu_sakurayama div.map iframe, article.asakatsu_powerspot div.map iframe, article.asakatsu_resort div.map iframe, article.asakatsu_mifuneyama div.map iframe {
  width: 100% !important;
}
article.asakatsu_sakurayama section.course h4, article.asakatsu_powerspot section.course h4, article.asakatsu_resort section.course h4, article.asakatsu_mifuneyama section.course h4 {
  padding: 0;
  text-align: center;
}
article.asakatsu_index section.asakatsu h3 {
  background-image: url(image/asakatsu/asakatsu_title.png);
}
article.asakatsu_index section.program h3 {
  background-image: url(image/asakatsu/program_title.png);
}
article.asakatsu_index section.library h3 {
  background-image: url(image/asakatsu/library_title.png);
}
article.asakatsu_index section.library table tr {
  border-bottom: 1px dotted #666666;
}
article.asakatsu_index section.library table tr td {
  padding: 20px 10px;
}
article.asakatsu_gruel h3 {
  background-image: url(image/asakatsu/gruel/title.png);
}
article.asakatsu_sakurayama h3 {
  background-image: url(image/asakatsu/sakurayama/title.png);
}
article.asakatsu_powerspot h3 {
  background-image: url(image/asakatsu/powerspot/title.png);
}
article.asakatsu_resort h3 {
  background-image: url(image/asakatsu/resort/title.png);
}
article.asakatsu_mifuneyama h3 {
  background-image: url(image/asakatsu/mifuneyama/title.png);
}

@media only screen and (min-width: 741px) {
  article.asakatsu_index table.list, article.asakatsu_gruel table.list {
    table-layout: fixed;
  }
  article.asakatsu_index table.list .title, article.asakatsu_gruel table.list .title {
    font-size: 24px;
  }
  article.asakatsu_sakurayama div.map, article.asakatsu_powerspot div.map, article.asakatsu_resort div.map, article.asakatsu_mifuneyama div.map {
    padding: 100px 0;
  }
  article.asakatsu_index section.asakatsu h3 {
    height: 60px;
  }
  article.asakatsu_index section.program {
    padding-top: 100px;
  }
  article.asakatsu_index section.library {
    padding-top: 100px;
  }
  article.asakatsu_index section.experience .experience a {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 700px;
    height: 180px;
    background: transparent url(image/asakatsu/experience.jpg) no-repeat center top;
    overflow: hidden;
  }
  article.asakatsu_index section.experience .experience a:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    border-left: 46px solid #688172;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.asakatsu_index section.experience .experience a span:before, article.asakatsu_index section.experience .experience a span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.asakatsu_index section.experience .experience a span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.asakatsu_index section.experience .experience a span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  article.asakatsu_index section.experience .experience a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    background: transparent url(image/asakatsu/experience_blur.jpg) no-repeat center top;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  article.asakatsu_index section.experience .experience a span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: transparent url(image/index/tourism_experience_title.png) no-repeat center center;
  }
  article.asakatsu_index section.experience .experience a:hover:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@media only screen and (max-width: 740px) {
  body.asakatsu #menu_title .title h2 {
    width: 70%;
  }

  article.asakatsu_index table.list .title, article.asakatsu_gruel table.list .title {
    font-size: 16px;
  }
  article.asakatsu_sakurayama div.map, article.asakatsu_powerspot div.map, article.asakatsu_resort div.map, article.asakatsu_mifuneyama div.map {
    padding: 50px 20px;
  }
  article.asakatsu_sakurayama div.map iframe, article.asakatsu_powerspot div.map iframe, article.asakatsu_resort div.map iframe, article.asakatsu_mifuneyama div.map iframe {
    height: 320px !important;
  }
  article.asakatsu_index section.asakatsu h3 {
    padding-top: 9.67742%;
  }
  article.asakatsu_index section.program {
    padding-top: 40px;
  }
  article.asakatsu_index section.library {
    padding-top: 40px;
  }
  article.asakatsu_index section.experience .experience a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 25.71429%;
    overflow: hidden;
    background: transparent url(image/asakatsu/experience.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  article.asakatsu_index section.experience .experience a:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    border-left: 21px solid #688172;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.asakatsu_index section.experience .experience a span:before, article.asakatsu_index section.experience .experience a span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  article.asakatsu_index section.experience .experience a span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  article.asakatsu_index section.experience .experience a span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  article.asakatsu_index section.experience .experience a span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent url(image/index/tourism_experience_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
}
/* --------------------------------------------------
	28. Instagram
-------------------------------------------------- */
body.instagram #menu_title .title:before {
  background-image: url(image/instagram/title_bg.jpg);
}
body.instagram #menu_title .title h2 {
  background-image: url(image/instagram/title.png);
}

article.instagram_index h3 {
  background-image: url(image/instagram/instagram_title.png);
}
article.instagram_index table.instagram a[target="_blank"]:after, article.instagram_index table.instagram a[href^="http"]:after {
  display: none;
}

@media only screen and (min-width: 741px) {
  article.instagram_index h3 {
    height: 80px;
  }
  article.instagram_index table.instagram {
    table-layout: fixed;
  }
  article.instagram_index .link {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 740px) {
  body.instagram #menu_title .title h2 {
    width: 60%;
  }

  article.instagram_index h3 {
    padding-top: 12.90323%;
  }
  article.instagram_index .link {
    padding-top: 30px;
  }
}
/* --------------------------------------------------
	29. Access
-------------------------------------------------- */
body.access #menu_title .title:before {
  background-image: url(image/access/title_bg.jpg);
}
body.access #menu_title .title h2 {
  background-image: url(image/access/title.png);
}

article.access_index h3 {
  background-image: url(image/access/access_title.png);
}
article.access_index h4 {
  padding-left: 10px;
  text-align: left;
}

@media only screen and (max-width: 740px) {
  body.access #menu_title .title h2 {
    width: 35%;
  }
}
/* --------------------------------------------------
	30. Brochure
-------------------------------------------------- */
body.brochure #menu_title .title:before {
  background-image: url(image/brochure/title_bg.jpg);
}
body.brochure #menu_title .title h2 {
  background-image: url(image/brochure/title.png);
}

article.brochure_index .get_acrobat_reader {
  text-align: center;
}
article.brochure_index .get_acrobat_reader a:after {
  display: none;
}

/* 20161108追加 */
.brochure_add{
	margin-top: 7em;
}
/* 20161108追加 END */

@media only screen and (max-width: 740px) {
  body.brochure #menu_title .title h2 {
    width: 90%;
  }
}
/* --------------------------------------------------
	31. Photo
-------------------------------------------------- */
body.photo #menu_title .title:before {
  background-image: url(image/photo/title_bg.jpg);
}
body.photo #menu_title .title h2 {
  background-image: url(image/photo/title.png);
}

article.photo_index h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.photo_index h4 {
  padding-left: 10px;
  text-align: left;
}
article.photo_index section.photo ul.list li {
  color: #fff;
  background-color: #1a1a1a;
}
article.photo_index section.photo ul.list li .title {
  padding: 5px 10px;
  color: #ff0;
  text-align: center;
}
article.photo_index section.photo ul.list li .image {
  margin-bottom: 5px;
  text-align: center;
}
article.photo_index section.photo ul.list li .image a {
  display: block;
  text-align: center;
}
article.photo_index section.photo ul.list li .image a:after {
  display: none;
}
article.photo_index section.photo ul.list li .category {
  text-align: center;
}
article.photo_index section.photo ul.list li .category a {
  color: #ff0;
}
article.photo_index aside.archive dl dt {
  margin: 20px 0 10px;
  border: 1px solid #666666;
}
article.photo_index aside.archive dl dt a {
  display: block;
  padding: 8px 10px;
  color: #222222;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1;
  text-decoration: none;
}
article.photo_index aside.archive dl dt.current a {
  color: #fff;
  background-color: #ca2e00;
}
article.photo_index aside.archive dl dd a {
  display: block;
  padding: 5px 10px;
  color: #222222;
  text-decoration: none;
}
article.photo_index aside.archive dl dd.current a {
  background-color: #eeeeee;
}

@media only screen and (min-width: 741px) {
  article.photo_index {
    overflow: hidden;
    *zoom: 1;
  }
  article.photo_index h3 {
    margin-bottom: 20px;
    font-size: 48px;
  }
  article.photo_index article.photo_index {
    overflow: hidden;
    *zoom: 1;
  }
  article.photo_index section.photo {
    float: right;
    width: 960px;
  }
  article.photo_index section.photo .attention {
    margin-bottom: 40px;
  }
  article.photo_index section.photo ul.list {
    overflow: hidden;
    *zoom: 1;
    margin-left: -30px;
  }
  article.photo_index section.photo ul.list li {
    float: left;
    margin-bottom: 40px;
    margin-left: 30px;
    width: 300px;
  }
  article.photo_index section.photo ul.list li:nth-child(3n + 1) {
    clear: both;
  }
  article.photo_index section.photo ul.list li .image {
    min-height: 350px;
  }
  article.photo_index section.photo ul.list li .image a {
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.photo_index section.photo ul.list li .image a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.photo_index section.photo ul.list li .image a img {
    max-width: 300px;
    max-height: 300px;
  }
  article.photo_index section.photo ul.list li .category {
    padding: 10px 10px 20px;
  }
  article.photo_index aside.archive {
    float: left;
    width: 200px;
  }
  article.photo_index aside.archive dl dt a {
    font-size: 24px;
    -moz-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
  }
  article.photo_index aside.archive dl dt a:hover {
    color: #fff;
    background-color: #ca2e00;
  }
  article.photo_index aside.archive dl dd a {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  article.photo_index aside.archive dl dd a:hover {
    background-color: #eeeeee;
  }
}
@media only screen and (max-width: 740px) {
  body.photo #menu_title .title h2 {
    width: 65%;
  }

  article.photo_index h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 24px;
  }
  article.photo_index section.photo {
    margin-bottom: 40px;
  }
  article.photo_index section.photo .attention {
    margin-bottom: 20px;
  }
  article.photo_index section.photo ul.list li {
    margin-bottom: 20px;
  }
  article.photo_index section.photo ul.list li .category {
    padding: 10px 5px;
  }
  article.photo_index aside.archive dl dt a {
    font-size: 18px;
  }
  article.photo_index aside.archive dl dd {
    border-bottom: 1px dotted #666666;
  }
}
/* --------------------------------------------------
	32. Emergency
-------------------------------------------------- */
body.emergency #menu_title .title:before {
  background-image: url(image/emergency/title_bg.jpg);
}
body.emergency #menu_title .title h2 {
  background-image: url(image/emergency/title.png);
}

article.emergency_index h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.emergency_index h4 {
  padding-left: 10px;
  text-align: left;
}

@media only screen and (min-width: 741px) {
  article.emergency_index h3 {
    margin-bottom: 20px;
    font-size: 48px;
  }
}
@media only screen and (max-width: 740px) {
  body.emergency #menu_title .title h2 {
    width: 50%;
  }

  article.emergency_index h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 24px;
  }
}
/* --------------------------------------------------
	33. Guide
-------------------------------------------------- */
body.guide #menu_title .title:before {
  background-image: url(image/guide/title_bg.jpg);
}
body.guide #menu_title .title h2 {
  background-image: url(image/guide/title.png);
}

article.guide_index h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.guide_index section.guide .attention h5:first-child {
  padding-top: 0;
}

@media only screen and (min-width: 741px) {
  article.guide_index h3 {
    margin-bottom: 20px;
    font-size: 34px;
  }
}
@media only screen and (max-width: 740px) {
  body.guide #menu_title .title h2 {
    width: 55%;
  }

  article.guide_index h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 17px;
  }
}
/* --------------------------------------------------
	34. Member
-------------------------------------------------- */
body.member #menu_title .title:before {
  background-image: url(image/member/title_bg.jpg);
}
body.member #menu_title .title h2 {
  background-image: url(image/member/title.png);
}

article.member_index h3, article.member_detail h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
  border-bottom: 1px solid #666666;
}
article.member_index section .list li {
  border-bottom: 1px dotted #666666;
}
article.member_index section .list li a {
  position: relative;
  display: block;
  color: #222222;
  text-decoration: none;
}
article.member_index section .list li a .date,
article.member_index section .list li a .title {
  display: block;
}
article.member_detail section > .date {
  display: block;
}
article.member_detail section > .detail {
  overflow: hidden;
  *zoom: 1;
}
article.member_detail section > .detail h3 {
  text-align: left;
}
article.member_detail section > .detail h4 {
  text-align: left;
}
article.member_detail section > .detail table {
  width: auto;
}
article.member_detail section > .detail table[align="center"] {
  margin-right: auto;
  margin-left: auto;
}
article.member_detail section > .detail table th {
  white-space: normal;
}
article.member_detail section > .detail img.mt-image-left {
  float: left;
}
article.member_detail section > .detail img.mt-image-right {
  float: right;
}
article.member_detail section > .detail p {
  min-height: 1em;
}
article.member_detail section > .detail em {
  font-style: italic;
}
article.member_detail section > .detail blockquote {
  background-color: #eee;
}

@media only screen and (min-width: 741px) {
  article.member_index h3, article.member_detail h3 {
    margin-bottom: 20px;
    font-size: 34px;
  }
  article.member_index section .list {
    margin-bottom: 60px;
  }
  article.member_index section .list li a {
    padding: 20px;
  }
  article.member_index section .list li a span {
    font-size: 14px;
  }
  article.member_index section .list li a .title {
    padding-top: 10px;
  }
  article.member_index section .list li a:hover .title {
    text-decoration: underline;
  }
  article.member_detail section h3 {
    margin-bottom: 40px;
  }
  article.member_detail section > .detail {
    margin-bottom: 60px;
  }
  article.member_detail section > .detail img.mt-image-left {
    margin: 0 20px 20px 0;
  }
  article.member_detail section > .detail img.mt-image-right {
    margin: 0 0 20px 20px;
  }
  article.member_detail section > .detail blockquote {
    margin: 20px 0;
    padding: 20px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 740px) {
  body.member #menu_title .title h2 {
    width: 90%;
  }

  article.member_index h3, article.member_detail h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 17px;
  }
  article.member_index section .list {
    margin-bottom: 30px;
  }
  article.member_index section .list a {
    padding: 10px 0;
  }
  article.member_index section .list a span {
    font-size: 12px;
  }
  article.member_detail section h3 {
    margin-bottom: 20px;
  }
  article.member_detail section > .detail {
    margin-bottom: 30px;
  }
  article.member_detail section > .detail img.mt-image-left {
    margin: 0 10px 10px 0;
  }
  article.member_detail section > .detail img.mt-image-right {
    margin: 0 0 10px 10px;
  }
  article.member_detail section > .detail table th,
  article.member_detail section > .detail table td {
    display: table-cell;
    width: auto;
  }
  article.member_detail section > .detail blockquote {
    margin: 10px 0;
    padding: 10px;
    font-size: 12px;
  }
}
/* --------------------------------------------------
	35. Link
-------------------------------------------------- */
body.link #menu_title .title:before {
  background-image: url(image/link/title_bg.jpg);
}
body.link #menu_title .title h2 {
  background-image: url(image/link/title.png);
}

article.link_index section.takeo h3 {
  background-image: url(image/link/takeo_title.png);
}
article.link_index section.saga h3 {
  background-image: url(image/link/saga_title.png);
}
article.link_index section.museum h3 {
  background-image: url(image/link/museum_title.png);
}
article.link_index section.traffic h3 {
  background-image: url(image/link/traffic_title.png);
}
article.link_index section.useful h3 {
  background-image: url(image/link/useful_title.png);
}

@media only screen and (min-width: 741px) {
  article.link_index section {
    padding-top: 100px;
  }
  article.link_index section.takeo {
    padding-top: 0;
  }
  article.link_index section h3 {
    height: 160px;
  }
}
@media only screen and (max-width: 740px) {
  body.link #menu_title .title h2 {
    width: 62.5%;
  }

  article.link_index section {
    padding-top: 50px;
  }
  article.link_index section.takeo {
    padding-top: 0;
  }
  article.link_index section h3 {
    padding-top: 22.85714%;
  }
}
/* --------------------------------------------------
	36. News
-------------------------------------------------- */
body.news #menu_title .title:before {
  background-image: url(image/news/title_bg.jpg);
}
body.news #menu_title .title h2 {
  background-image: url(image/news/title.png);
}

article.news_index h3, article.news_list h3, article.news_detail h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
  text-align: center;
  border-bottom: 1px solid #666666;
}
article.news_index section .list li, article.news_list section .list li {
  border-bottom: 1px dotted #666666;
}
article.news_index section .list li a, article.news_list section .list li a {
  position: relative;
  display: block;
  color: #222222;
  text-decoration: none;
}
article.news_index section .list li a .category,
article.news_index section .list li a .date, article.news_list section .list li a .category,
article.news_list section .list li a .date {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
article.news_index section .list li a .category, article.news_list section .list li a .category {
  padding: 5px 0;
  line-height: 1;
  color: #fff;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.news_index section.news .list li a .category, article.news_list section.news .list li a .category {
  background-color: #009f71;
}
article.news_index section.event .list li a .category, article.news_list section.event .list li a .category {
  background-color: #019fce;
}
article.news_index section.emergency .list li a .category, article.news_list section.emergency .list li a .category {
  background-color: #a20000;
}

article.news_index section.shinkansen .list li a .category, article.news_list section.shinkansen .list li a .category,
article.shinkansen_index section.news .list li a .shinkansen{
  background-color: #053e96;
}

article.news_detail section > .category,
article.news_detail section > .date {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
article.news_detail section > .category {
  padding: 5px 0;
  line-height: 1;
  color: #fff;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
article.news_detail section.news > .category {
  background-color: #009f71;
}
article.news_detail section.event > .category {
  background-color: #019fce;
}
article.news_detail section.emergency > .category {
  background-color: #a20000;
}

article.news_detail section.shinkansen > .category {
  background-color: #053e96;
}

article.news_detail section > h3 {
  text-align: left;
}
article.news_detail section > .detail {
  overflow: hidden;
  *zoom: 1;
}
article.news_detail section > .detail h3 {
  text-align: left;
}
article.news_detail section > .detail h4 {
  text-align: left;
}
article.news_detail section > .detail table {
  width: auto;
}
article.news_detail section > .detail table[align="center"] {
  margin-right: auto;
  margin-left: auto;
}
article.news_detail section > .detail table th {
  white-space: normal;
}
article.news_detail section > .detail img.mt-image-left {
  float: left;
}
article.news_detail section > .detail img.mt-image-right {
  float: right;
}
article.news_detail section > .detail p {
  min-height: 1em;
}
article.news_detail section > .detail em {
  font-style: italic;
}
article.news_detail section > .detail blockquote {
  background-color: #eee;
}

@media only screen and (min-width: 741px) {
  article.news_index h3, article.news_list h3, article.news_detail h3 {
    margin-bottom: 20px;
    font-size: 34px;
  }
  article.news_index section .list, article.news_list section .list {
    margin-bottom: 60px;
  }
  article.news_index section .list li a, article.news_list section .list li a {
    padding: 20px 20px 20px 260px;
    min-height: 195px;
  }
  article.news_index section .list li a span, article.news_list section .list li a span {
    font-size: 14px;
  }
  article.news_index section .list li a .image, article.news_list section .list li a .image {
    position: absolute;
    left: 20px;
    top: 20px;
    display: block;
    width: 220px;
    height: 155px;
    background: transparent no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  article.news_index section .list li a .category, article.news_list section .list li a .category {
    width: 120px;
    font-size: 12px;
  }
  article.news_index section .list li a .date, article.news_list section .list li a .date {
    margin-left: 10px;
  }
  article.news_index section .list li a .title, article.news_list section .list li a .title {
    display: block;
    padding-top: 10px;
  }
  article.news_index section .list li a:hover .image, article.news_list section .list li a:hover .image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  article.news_index section .list li a:hover .title, article.news_list section .list li a:hover .title {
    text-decoration: underline;
  }
  article.news_index section {
    margin-bottom: 100px;
  }
  article.news_index section.emergency {
    margin-bottom: 0;
  }
  article.news_list section .pager {
    margin-bottom: 60px;
  }
  article.news_detail section > .category {
    width: 120px;
    font-size: 12px;
  }
  article.news_detail section > .date {
    margin-left: 10px;
  }
  article.news_detail section h3 {
    margin-bottom: 40px;
  }
  article.news_detail section > .detail {
    margin-bottom: 60px;
  }
  article.news_detail section > .detail img.mt-image-left {
    margin: 0 20px 20px 0;
  }
  article.news_detail section > .detail img.mt-image-right {
    margin: 0 0 20px 20px;
  }
  article.news_detail section > .detail blockquote {
    margin: 20px 0;
    padding: 20px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 740px) {
  body.news #menu_title .title h2 {
    width: 45%;
  }

  article.news_index h3, article.news_list h3, article.news_detail h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 17px;
  }
  article.news_index section .list, article.news_list section .list {
    margin-bottom: 30px;
  }
  article.news_index section .list a, article.news_list section .list a {
    padding: 10px 0;
  }
  article.news_index section .list a span, article.news_list section .list a span {
    font-size: 12px;
  }
  article.news_index section .list a .image, article.news_list section .list a .image {
    display: none;
  }
  article.news_index section .list a .category, article.news_list section .list a .category {
    width: 8em;
    font-size: 10px;
  }
  article.news_index section .list a .date, article.news_list section .list a .date {
    margin-left: 5px;
  }
  article.news_index section .list a .title, article.news_list section .list a .title {
    display: block;
  }
  article.news_index section {
    margin-bottom: 50px;
  }
  article.news_index section.emergency {
    margin-bottom: 0;
  }
  article.news_list section .pager {
    margin-bottom: 30px;
  }
  article.news_detail section > .category {
    width: 8em;
    font-size: 10px;
  }
  article.news_detail section > .date {
    margin-left: 5px;
  }
  article.news_detail section h3 {
    margin-bottom: 20px;
  }
  article.news_detail section > .detail {
    margin-bottom: 30px;
  }
  article.news_detail section > .detail img.mt-image-left {
    margin: 0 10px 10px 0;
  }
  article.news_detail section > .detail img.mt-image-right {
    margin: 0 0 10px 10px;
  }
  article.news_detail section > .detail table th,
  article.news_detail section > .detail table td {
    display: table-cell;
    width: auto;
  }
  article.news_detail section > .detail blockquote {
    margin: 10px 0;
    padding: 10px;
    font-size: 12px;
  }
}
/* --------------------------------------------------
	37. Search
-------------------------------------------------- */
body.search #menu_title .title:before {
  background-image: url(image/search/title_bg.jpg);
}
body.search #menu_title .title h2 {
  background-image: url(image/search/title.png);
}

article.search_index h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.search_index h4 {
  padding-left: 10px;
  text-align: left;
}
article.search_index section.result h3 {
  border-bottom: 1px solid #666666 !important;
}
article.search_index section.result ul.list li .content {
  border-top: 1px dotted #666666;
}

@media only screen and (min-width: 741px) {
  article.search_index h3 {
    margin-bottom: 20px;
    font-size: 48px;
  }
  article.search_index section.result ul.list {
    margin-bottom: 40px;
  }
  article.search_index section.result ul.list li {
    padding-top: 40px;
  }
  article.search_index section.result ul.list li a {
    font-size: 30px;
  }
  article.search_index section.result ul.list li .content {
    margin-top: 10px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 740px) {
  body.search #menu_title .title h2 {
    width: 35%;
  }

  article.search_index h3 {
    margin-bottom: 10px;
    padding-top: 0 !important;
    font-size: 24px;
  }
  article.search_index section.result ul.list {
    margin-bottom: 20px;
  }
  article.search_index section.result ul.list li {
    padding-top: 20px;
  }
  article.search_index section.result ul.list li a {
    font-size: 18px;
  }
}


/* --------------------------------------------------
	38. Fukuyutaka
-------------------------------------------------- */

/* TOP
/* ------------------------------------- */

body.fukuyutaka_index #menu_title .title:before {
  background-image: url(image/fukuyutaka/title_bg.jpg);
}
body.fukuyutaka_index #menu_title .title h2 {
  background-image: url(image/fukuyutaka/title.png);
  background-position: center 3px;
}

body.fukuyutaka_index #menu_title .title{
	height: 750px;
	background-image: none;
}


article.fukuyutaka_index section.about h3 {
  height: auto !important;
  overflow: visible;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #222222;
  text-indent: 0;
  white-space: normal;
  background: none;
}
article.fukuyutaka_index section.stamp h3 {
  background-image: url(image/fukuyutaka/stamp_title.png);
}

.bn_fukuyutaka{
	margin: 30px 0 80px 0;
	text-align: center;
}

.bn_fukuyutaka a{
	display: inline-block;
}

.bn_fukuyutaka a:nth-child(2){
	margin: 0 20px;
}

article.fukuyutaka_index .center{
	text-align: center;
}

article.fukuyutaka_index .center img{
	margin: 20px auto;
}

article.fukuyutaka_index div.rule {
  background: transparent url(image/quiz/line.png) repeat left top;
}


article.fukuyutaka_index div.rule {
	padding-top: 100px;
}
article.fukuyutaka_index div.rule {
	padding: 20px;
	margin-bottom: 50px;
}
article.fukuyutaka_index div.rule ol{
	margin: 0;
	padding: 20px;
	background: #fff;
}
article.fukuyutaka_index div.rule ol li{
	margin: 20px 0;
	padding: 10px 20px 10px 40px;
	background-color: #FBE572;
	list-style: inside;
	list-style-type: decimal;
	text-indent: -1.4em;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.fukuyutaka_stamp th{
	text-align: center;
}

.fukuyutaka_stamp tr td:first-child{
	width: 20%;
	text-align: center;
}

.color_gray{
	background: #bbb;
}

article.fukuyutaka_index .prize{
	list-style: none;
}

article.fukuyutaka_index .prize li{
	display: inline-block;
	margin: 2px;
}

article.fukuyutaka_index .focus{
	background-color: #FFF0BF;
	font-size: 20px;
	font-weight: bold;
	color: #604C3F;
	line-height: 1.5em;
}
article.fukuyutaka_index .focus span{
	font-size: 130%;
	background: linear-gradient(rgba(255,214,0,0) 50%, #FFD600 40%);
	padding-right: 5px;
}


@media only screen and (max-width: 740px) {
	body.fukuyutaka_index #menu_title .title h2 {
		background-image: url(image/fukuyutaka/sp_title.png);
		background-position: center 3px;
	}
	
	body.fukuyutaka_index #menu_title .title{
		padding: 30px;
		height: auto;
	}
	
	.bn_fukuyutaka a:nth-child(2){
		margin: 0;
	}
	
	
	.fukuyutaka_list, .fukuyutaka_list td{
		border: none;
		padding: 3px 0;
	}
	article.fukuyutaka_index div.rule{
		padding: 10px;
	}
	article.fukuyutaka_index div.rule ol{
		padding: 10px;
	}
	article.fukuyutaka_index div.rule ol li{
		margin: 5px 0;
	}
	
	.fukuyutaka_stamp tr td:first-child{
		width: auto;
		font-weight: bold;
	}
	
	article.fukuyutaka .focus{
		font-size: 16px;
		line-height: 1.5em;
	}
}
@media only screen and (max-width: 660px) {
	article.fukuyutaka_index .prize li{
		width: 100%;
		margin: 2px auto;
	}
	article.fukuyutaka_index .prize li img{
		display: block;
		margin: auto;
	}
}


/* 栄養成分
/* ------------------------------------- */

body.fukuyutaka_nutrition #menu_title .title:before,
body.fukuyutaka_menu #menu_title .title:before {
  background-image: url(image/fukuyutaka/title_bg02.jpg);
}
body.fukuyutaka_nutrition #menu_title .title h2,
body.fukuyutaka_menu #menu_title .title h2 {
  background-image: url(image/fukuyutaka/title02.png);
}
body.fukuyutaka_nutrition #menu_title .title,
body.fukuyutaka_menu #menu_title .title{
	background-image: none;
}

body.fukuyutaka_nutrition #menu_title .title h2,
body.fukuyutaka_menu #menu_title .title h2{
	bottom: 0;
}

article.fukuyutaka_nutrition section h3 {
  background-image: url(image/fukuyutaka/nutrition_title.png);
}

article.fukuyutaka_nutrition div.focus{
	background: #F4E3BC;
	width: 1000px;
	border-radius: 10px;
}
article.fukuyutaka_nutrition div.focus img{
	margin: 10px 40px;
}
article.fukuyutaka_nutrition div.focus p{
	margin: 30px 15px;
	font-size: 18px;
}
article.fukuyutaka_nutrition div.focus:after{
	content:" ";
	display:block;
	clear:both;
}

.ul_nutrition:after {
	content:" ";
	display:block;
	clear:both;
}
.ul_nutrition{
	clear: both;
	list-style: none;
	margin: 70px auto 175px;
	letter-spacing: -.40em;
}
.ul_nutrition li{
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	letter-spacing: normal;
}
.ul_nutrition li:nth-child(6){
	margin-right: 0;
}

.ul_nutrition li a{
	display: table-cell;
	background: #E40012 url(image/fukuyutaka/icon_arrow_white.png) no-repeat center bottom 20px;
	opacity: 0.7;
	border-radius: 90px;
	width: 180px;
	height: 180px;
	padding-bottom: 15px;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ul_nutrition li:nth-child(2) a{
	background-color: #E85513;
}
.ul_nutrition li:nth-child(3) a{
	background-color: #182986;
}
.ul_nutrition li:nth-child(4) a{
	background-color: #2CA5DF;
}
.ul_nutrition li:nth-child(5) a{
	background-color: #8CC11F;
}
.ul_nutrition li:nth-child(6) a{
	background-color: #F6B42C;
}
.ul_nutrition li a:hover{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.div_nutrition:after {
	content:" ";
	display:block;
	clear:both;
}
.div_nutrition{
	margin-top: 50px;
}
.div_nutrition h4{
	width: 650px;
	padding-top: 0;
	text-align: left;
}
.div_nutrition p{
	width: 647px;
	padding-left: 0;
}


body.fukuyutaka_nutrition .bn_fukuyutaka,
body.fukuyutaka_menu .bn_fukuyutaka{
	margin-top: 100px;
	margin-bottom: 0;
}


@media only screen and (max-width: 740px) {
	body.fukuyutaka_nutrition #menu_title .title h2,
	body.fukuyutaka_menu #menu_title .title h2 {
		width: 30%;
	}
	
	article.fukuyutaka_nutrition div.focus{
		width: 100%;
	}
	article.fukuyutaka_nutrition div.focus p{
		font-size: 16px;
	}
	
	.ul_nutrition{
		margin: 50px auto 100px;
	}
	.ul_nutrition li{
		width: 33.3333%;
		margin: 0 auto 5%;
		text-align: center;
	}
	.ul_nutrition li div{
		width: 120px;
		margin: auto;
	}
	.ul_nutrition li a{
		margin: auto;
		background-size: 20%;
		background-position: center bottom 15px;
		border-radius: 50%;
		width: 120px;
		height: 120px;
		padding-bottom: 12px;
		font-size: 13px;
		line-height: 1.2em;
		box-sizing: border-box;
	}
	
	.div_nutrition{
		float: none;
		margin-top: 70px;
	}
	article .div_nutrition img.right{
		float: none;
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.div_nutrition h4{
		width: 100%;
	}
	.div_nutrition p{
		width: 100%;
	}
}
@media only screen and (max-width: 414px) {
	.ul_nutrition li{
		margin-bottom: 7px;
	}
	.ul_nutrition li div{
		width: 90px;
	}
	.ul_nutrition li a{
		background-size: 20%;
		background-position: center bottom 15px;
		width: 90px;
		height: 90px;
		padding-bottom: 12px;
		font-size: 12px;
	}
	
	article.fukuyutaka_nutrition div.focus img.left{
		float: none;
		display: block;
		margin: 10px auto;
	}
}



/* オリジナルメニュー
/* ------------------------------------- */

article.fukuyutaka_menu section h3 {
  background-image: url(image/fukuyutaka/menu_title.png);
}

article.fukuyutaka_menu .center{
	text-align: center;
}

article.fukuyutaka_menu .center img{
	margin: 20px auto;
}


body.fukuyutaka_menu article table.menu .title{
  padding: 10px 0 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", "MS Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
body.fukuyutaka_menu article table.menu .title span{
	font-size: 18px;
}

.menu_img{
	text-align: center;
}
.menu_name{
	padding: 8px 0 15px;
	line-height: 1.3em;
	font-size: 20px;
	font-weight: bold;
	color: #C9A063;
}

body.fukuyutaka_menu article table.menu table{
	font-size: 14px;
}
body.fukuyutaka_menu article table.menu table th{
	text-align: center;
}

.menu_small{
	font-size: 12px;
	color: #666;
}

article.fukuyutaka_menu div.map {
  text-align: center;
}
article.fukuyutaka_menu div.map iframe {
  width: 100% !important;
}


@media only screen and (min-width: 741px) {
  article.fukuyutaka_menu table.menu{
    table-layout: fixed;
  }
  article.fukuyutaka_menu table.menu .title{
    font-size: 25px;
  }
  article.fukuyutaka_menu table.menu table th{
    width: 6em;
  }
  article.fukuyutaka_menu table.non_style.menu > tbody > tr > td{
  	padding: 10px 25px;
  }

  article.fukuyutaka_menu div.map {
    padding-top: 100px;
  }

}
@media only screen and (max-width: 740px) {
  body.fukuyutaka_menu #menu_title .title h2 {
    width: 45%;
  }

  article.fukuyutaka_menu table.menu .title{
    font-size: 23px;
  }
  
  .menu_name{
	  font-size: 17px;
  }

  article.fukuyutaka_menu div.map {
    padding: 50px 20px 0;
  }
  article.fukuyutaka_menu div.map iframe {
    height: 320px !important;
  }
}





/* --------------------------------------------------
	39. 夏のキャンペーン（夏だ、まつりだ、わっしょい！キャンペーン）
-------------------------------------------------- */

body.cam #menu_title .title:before {
  background-image: url(image/cam/title_bg.jpg);
}
body.cam #menu_title .title h2 {
  background-image: url(image/cam/title.png);
}

body.cam section h3 {
  background-image: url(image/cam/cam_title.png);
}


body.cam article div.focus{
	padding: 20px 10px;
	margin: 0 10px;
	line-height: 1.8;
	font-weight: bold;
	text-align: center;
	text-align: left;
	background-color: #fff;

}


body.cam .focus img{
	width: 85px;
	float: left;
	margin-right: 15px;
}


body.cam article.cam ul{
	margin-left: 0;
}

body.cam article.cam .flow ul{
	border: 5px solid #eee;
	margin-bottom: 10px;
}

body.cam .flow li{
	font-size: 120%;
	margin: 30px;
	padding: 20px 0;
	text-align: center;
	display: block;
	background-color: #eee;
	position: relative;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

body.cam .flow li:after{
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	text-align: center;
	content: "▼";
	font-size: 50px;
	color: #aaa;
}

body.cam .flow li:last-child:after{
	content: none;
}


body.cam .present{
	text-align: center;
}

body.cam .present li{
	display: inline-block;
	margin: 0 2%;/*賞の数によって変更*/
}

body.cam .focus strong{
	display: block;
	margin: 0 20px;
	border-bottom: 1px solid #fff;
}

body.cam div.map iframe {
 	width: 100%;
}


body.cam .list_table{
	width: 100%;
	table-layout: fixed;
}

body.cam .list_table th{
	text-align: center;
}

body.cam .list_table th:first-child,
body.cam .list_table td:first-child{
	text-align: center;
}

@media only screen and (min-width: 740px) {
	body.cam .list_table th:first-child,
	body.cam .list_table td:first-child{
		width: 20%;
	}
}

@media only screen and (max-width: 740px) {
	body.cam .flow li{
		font-size: 100%;
		text-align: left;
		margin: 30px 5px;
		padding: 10px;
	}
}


@media only screen and (max-width: 740px) {
	body.cam #menu_title .title h2 {
		width: 45%;
	}
	
	body.cam .present li{
		display: block;
	}
	
	body.cam div.map iframe {
		height: 320px !important;
	}
	
	body.cam .list_table th,
	body.cam .list_table td{
		display: table-cell;
   }
}




/** DBバナー用設定 **/
@media only screen and (min-width: 741px) {
  
  body.cam #primary section.tourism {
    margin-bottom: 70px;
  }
  body.cam #primary section.tourism h3 {
    margin-bottom: 80px;
    height: 150px;
    background-image: url(image/index/tourism_title.png);
  }
  body.cam #primary section.tourism ul {
    overflow: hidden;
    *zoom: 1;
    list-style: none;
  }
  body.cam #primary section.tourism ul li a {
    position: relative;
    display: block;
    overflow: hidden;
  }
  body.cam #primary section.tourism ul.nav {
    margin: 0 0 40px -20px !important;
  }
  body.cam #primary section.tourism ul.nav li {
    float: left;
    margin: 0 0 20px 20px !important;
  }
  body.cam #primary section.tourism ul.nav li a {
    overflow: hidden;
  }
  body.cam #primary section.tourism ul.nav li a:after {
    position: absolute;
    right: -46px;
    bottom: -46px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 46px solid transparent;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.cam #primary section.tourism ul.nav li a span:before, body.cam #primary section.tourism ul.nav li a span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  body.cam #primary section.tourism ul.nav li a span:before {
    right: 15px;
    bottom: -4px;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.cam #primary section.tourism ul.nav li a span:after {
    right: 9px;
    bottom: 9px;
    width: 18px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  body.cam #primary section.tourism ul.nav li a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  body.cam #primary section.tourism ul.nav li a span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  body.cam #primary section.tourism ul.nav li a:hover:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  body.cam #primary section.tourism ul.nav li.spa {
    width: 580px;
  }
  body.cam #primary section.tourism ul.nav li.spa a {
    width: 580px;
    height: 180px;
    background: transparent url(image/index/tourism_spa.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.spa a:before {
    background: transparent url(image/index/tourism_spa_blur.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.spa a:after {
    border-left: 46px solid #59b068;
  }
  body.cam #primary section.tourism ul.nav li.spa a span {
    background: transparent url(image/index/tourism_spa_title.png) no-repeat center center;
  }
  body.cam #primary section.tourism ul.nav li.stay {
    margin: 200px 0 0 -580px !important;
    width: 580px;
  }
  body.cam #primary section.tourism ul.nav li.stay a {
    width: 580px;
    height: 180px;
    background: transparent url(image/index/tourism_stay.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.stay a:before {
    background: transparent url(image/index/tourism_stay_blur.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.stay a:after {
    border-left: 46px solid #59b0c4;
  }
  body.cam #primary section.tourism ul.nav li.stay a span {
    background: transparent url(image/index/tourism_stay_title.png) no-repeat center center;
  }
  body.cam #primary section.tourism ul.nav li.gourmet {
    width: 290px;
  }
  body.cam #primary section.tourism ul.nav li.gourmet a {
    width: 290px;
    height: 380px;
    background: transparent url(image/index/tourism_gourmet.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.gourmet a:before {
    background: transparent url(image/index/tourism_gourmet_blur.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.gourmet a:after {
    border-left: 46px solid #d17940;
  }
  body.cam #primary section.tourism ul.nav li.gourmet a span {
    background: transparent url(image/index/tourism_gourmet_title.png) no-repeat center center;
  }
  body.cam #primary section.tourism ul.nav li.porcelain {
    width: 290px;
  }
  body.cam #primary section.tourism ul.nav li.porcelain a {
    width: 290px;
    height: 380px;
    background: transparent url(image/index/tourism_porcelain.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.porcelain a:before {
    background: transparent url(image/index/tourism_porcelain_blur.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.porcelain a:after {
    border-left: 46px solid #b07c6d;
  }
  body.cam #primary section.tourism ul.nav li.porcelain a span {
    background: transparent url(image/index/tourism_porcelain_title.png) no-repeat center center;
  }
  body.cam #primary section.tourism ul.nav li.sightseeing {
    width: 380px;
  }
  body.cam #primary section.tourism ul.nav li.sightseeing a {
    width: 380px;
    height: 300px;
    background: transparent url(image/index/tourism_sightseeing.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.sightseeing a:before {
    background: transparent url(image/index/tourism_sightseeing_blur.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.sightseeing a:after {
    border-left: 46px solid #596ac4;
  }
  body.cam #primary section.tourism ul.nav li.sightseeing a span {
    background: transparent url(image/index/tourism_sightseeing_title.png) no-repeat center center;
  }
  body.cam #primary section.tourism ul.nav li.shopping {
    margin-left: 30px !important;
    width: 380px;
  }
  body.cam #primary section.tourism ul.nav li.shopping a {
    width: 380px;
    height: 300px;
    background: transparent url(image/index/tourism_shopping.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.shopping a:before {
    background: transparent url(image/index/tourism_shopping_blur.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.shopping a:after {
    border-left: 46px solid #e779b3;
  }
  body.cam #primary section.tourism ul.nav li.shopping a span {
    background: transparent url(image/index/tourism_shopping_title.png) no-repeat center center;
  }
  body.cam #primary section.tourism ul.nav li.experience {
    margin-left: 30px !important;
    width: 380px;
  }
  body.cam #primary section.tourism ul.nav li.experience a {
    width: 380px;
    height: 300px;
    background: transparent url(image/index/tourism_experience.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.experience a:before {
    background: transparent url(image/index/tourism_experience_blur.jpg) no-repeat center top;
  }
  body.cam #primary section.tourism ul.nav li.experience a:after {
    border-left: 46px solid #688172;
  }
  body.cam #primary section.tourism ul.nav li.experience a span {
    background: transparent url(image/index/tourism_experience_title.png) no-repeat center center;
  }
}
@media only screen and (max-width: 740px) {
  body.cam #primary section.tourism h3 {
    margin-bottom: 30px;
    padding-top: 23.4375%;
    background-image: url(image/index/tourism_title.png);
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.cam #primary section.tourism > .inner {
    padding: 0 !important;
  }
  body.cam #primary section.tourism ul {
    overflow: hidden;
    *zoom: 1;
  }
  body.cam #primary section.tourism ul li a {
    position: relative;
    display: block;
    overflow: hidden;
  }
  body.cam #primary section.tourism ul.nav {
    margin: 0 20px 10px !important;
  }
  body.cam #primary section.tourism ul.nav li {
    margin-bottom: 10px !important;
  }
  body.cam #primary section.tourism ul.nav li a {
    width: 100%;
    height: 0;
    padding-top: 28.125%;
    overflow: hidden;
  }
  body.cam #primary section.tourism ul.nav li a:after {
    position: absolute;
    right: -21px;
    bottom: -21px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.cam #primary section.tourism ul.nav li a span:before, body.cam #primary section.tourism ul.nav li a span:after {
    position: absolute;
    display: block;
    content: "";
    z-index: 2;
  }
  body.cam #primary section.tourism ul.nav li a span:before {
    right: 7px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.cam #primary section.tourism ul.nav li a span:after {
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  body.cam #primary section.tourism ul.nav li a span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body.cam #primary section.tourism ul.nav li.spa a {
    background: transparent url(image/index/tourism_spa.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.cam #primary section.tourism ul.nav li.spa a:after {
    border-left: 21px solid #59b068;
  }
  body.cam #primary section.tourism ul.nav li.spa a span {
    background: transparent url(image/index/tourism_spa_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.cam #primary section.tourism ul.nav li.stay a {
    background: transparent url(image/index/tourism_stay.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.cam #primary section.tourism ul.nav li.stay a:after {
    border-left: 21px solid #59b0c4;
  }
  body.cam #primary section.tourism ul.nav li.stay a span {
    background: transparent url(image/index/tourism_stay_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.cam #primary section.tourism ul.nav li.gourmet a {
    background: transparent url(image/index/tourism_gourmet.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.cam #primary section.tourism ul.nav li.gourmet a:after {
    border-left: 21px solid #d17940;
  }
  body.cam #primary section.tourism ul.nav li.gourmet a span {
    background: transparent url(image/index/tourism_gourmet_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.cam #primary section.tourism ul.nav li.porcelain a {
    background: transparent url(image/index/tourism_porcelain.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.cam #primary section.tourism ul.nav li.porcelain a:after {
    border-left: 21px solid #b07c6d;
  }
  body.cam #primary section.tourism ul.nav li.porcelain a span {
    background: transparent url(image/index/tourism_porcelain_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.cam #primary section.tourism ul.nav li.sightseeing a {
    background: transparent url(image/index/tourism_sightseeing.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.cam #primary section.tourism ul.nav li.sightseeing a:after {
    border-left: 21px solid #596ac4;
  }
  body.cam #primary section.tourism ul.nav li.sightseeing a span {
    background: transparent url(image/index/tourism_sightseeing_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.cam #primary section.tourism ul.nav li.shopping a {
    background: transparent url(image/index/tourism_shopping.jpg) no-repeat center -50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.cam #primary section.tourism ul.nav li.shopping a:after {
    border-left: 21px solid #e779b3;
  }
  body.cam #primary section.tourism ul.nav li.shopping a span {
    background: transparent url(image/index/tourism_shopping_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.cam #primary section.tourism ul.nav li.experience a {
    background: transparent url(image/index/tourism_experience.jpg) no-repeat center -50px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.cam #primary section.tourism ul.nav li.experience a:after {
    border-left: 21px solid #688172;
  }
  body.cam #primary section.tourism ul.nav li.experience a span {
    background: transparent url(image/index/tourism_experience_title.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  body.cam #primary section.tourism ul.guide li {
    float: left;
    width: 33.33333%;
  }
  body.cam #primary section.tourism ul.guide li a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    height: 0;
    padding-top: 110%;
  }
  body.cam #primary section.tourism ul.guide li.topics a {
    background: transparent url(image/index/tourism_topics.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.cam #primary section.tourism ul.guide li.recommended a {
    background: transparent url(image/index/tourism_recommended.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  body.cam #primary section.tourism ul.guide li.coupon a {
    background: transparent url(image/index/tourism_coupon.png) no-repeat left top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
}


/* --------------------------------------------------
	40. Ishin
-------------------------------------------------- */
/* 共通 
-------------------------------------------------- */
/** アンカーリンク**/
body.ishin section > .nav li {
	margin: 10px;
}
body.ishin section > .nav li a:after {
	/*! -moz-transform: rotate(135deg); */
	/*! -ms-transform: rotate(135deg); */
	/*! -webkit-transform: rotate(135deg); */
	transform: rotate(135deg);
}

/** 掲載情報**/
.spot_img{
	text-align: center;
}
.spot_name{
	padding: 8px 0 15px;
	line-height: 1.3em;
	font-size: 20px;
	font-weight: bold;
	color: #C9A063;
}

body.ishin article table.spot table{
	font-size: 14px;
}
body.ishin article table.spot table th{
	text-align: center;
}

.spot_small{
	font-size: 12px;
	color: #666;
}

/** マイマップ**/
body.ishin article div.map iframe {
	width: 100% !important;
}

/** レイアウト**/
body.ishin .center{
	text-align: center;
}

body.ishin article .center img{
	margin: 20px auto;
}

/** バナー**/
body.ishin .bn_ishin {
	margin: 100px 0 0 0 ;
	text-align: center;
}

body.ishin .bn_ishin a{
	display: inline-block;
	margin: 0 4px ;
	width: 100%;
	max-width: 380px;
}

body.ishin .bn_ishin a img{
	vertical-align: middle;
	display: block;
}


@media only screen and (min-width: 741px) {
	body.ishin section > .nav{
	text-align: center;
	}
	body.ishin section > .nav li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	}
	body.ishin section > .nav li a{
	width: 380px;
	}
	
	body.ishin article table.spot{
		table-layout: fixed;
	}
	body.ishin article table.spot table th{
		width: 6em;
	}
	body.ishin article table.non_style.spot > tbody > tr > td{
		padding: 10px 25px;
	}
	
	/** マイマップ**/
	body.ishin div.map {
		padding-top: 100px;
	}
}

@media only screen and (max-width: 740px) {
	/** マイマップ**/
	body.ishin div.map {
		padding: 50px 20px 0;
	}
	body.ishin div.map iframe {
		height: 320px !important;
	}
}

/* 維新ゆかりの地
-------------------------------------------------- */
article.ishin_index section:first-of-type h3{
	background-image: url(image/ishin/yukari_title.png);
}

article.ishin_index .kikan_stamprally{
	display: inline-block;
	padding: 10px 20px;
	font-weight: bold;
	background: #FBE572;
	border-radius: 10px;
}


article.ishin_index div.rule {
  background: transparent url(image/quiz/line.png) repeat left top;
}

article.ishin_index div.rule {
	padding-top: 100px;
}
article.ishin_index div.rule {
	padding: 20px;
	margin-bottom: 50px;
}
article.ishin_index div.rule ol{
	margin: 0;
	padding: 20px;
	background: #fff;
}
article.ishin_index div.rule ol li{
	margin: 20px 0;
	padding: 10px 20px 10px 40px;
	background-color: #FBE572;
	list-style: inside;
			list-style-type: disc;
	list-style-type: decimal;
	text-indent: -1.4em;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}



article.ishin_index .prize{
	list-style: none;
	margin: 0;
}

article.ishin_index .prize li{
	width: 100%;
	display: inline-block;
	margin: 2px;
	text-align: center;
}

@media only screen and (min-width: 741px) {
	body.ishin.ishin_index #menu_title .title:before {
	background-image: url(image/ishin/title_bg.jpg);
}
	
	article.ishin_index .kikan_stamprally{
	font-size: 200%;
}
	
	article.ishin_index .prize li{
		width: 230px;
	}
}

@media only screen and (max-width: 740px) {
	body.ishin.ishin_index #menu_title .title:before {
		background-image: url(image/ishin/sp_title_bg.jpg);
	}
	article.ishin_index div.rule {
		padding: 10px;
	}
	article.ishin_index div.rule  ol{
		padding: 10px;
	}
	article.ishin_index div.rule  ol li{
		margin: 5px 0;
	}
	
		article.ishin_index .kikan_stamprally{
	font-size: 125%;
}
	
}

/* 武雄DE乾杯プラン＆維新博覧会入場券付宿泊プラン
-------------------------------------------------- */


article.kanpai section:first-of-type h3{
	background-image: url(image/ishin/kanpai_title.png);
}

article.kanpai .focus {
	background-color: #FFF0BF;
	font-weight: bold;
	color: #604C3F;
	line-height: 1.5em;
}

article.kanpai .focus span {
	font-size: 130%;
	background: linear-gradient(rgba(255,214,0,0) 50%, #FFD600 40%);
	padding-right: 5px;
	color: red;
}

@media only screen and (min-width: 741px) {
	body.ishin.kanpai #menu_title .title:before {
		background-image: url(image/ishin/title_bg_kanpai.jpg);
	}
}

@media only screen and (max-width: 740px) {
body.ishin.kanpai #menu_title .title:before {
		background-image: url(image/ishin/sp_title_bg_kanpai.jpg);
	}
}


/* 維新イベント
-------------------------------------------------- */
article.event_ishin section:first-of-type h3{
	background-image: url(image/ishin/event_title.png);
}

@media only screen and (min-width: 741px) {
	body.ishin.event_ishin #menu_title .title:before {
		background-image: url(image/ishin/title_bg_event.jpg);
	}
}

@media only screen and (max-width: 740px) {
body.ishin.event_ishin #menu_title .title:before {
		background-image: url(image/ishin/sp_title_bg_event.jpg);
	}
}


@media only screen and (max-width: 410px) {
	body.ishin #menu_title .title h2 {
		background-size: 220px auto;
	}
}

/* --------------------------------------------------
	41. たけおの夏追加
-------------------------------------------------- */
.bn_summer{
	margin: 40px ;
	text-align: center;
}

.bn_summer a{
	margin: 0 5px;
}

@media only screen and (max-width: 740px) {
	.bn_summer{
		margin: 20px 0;
	}

	.bn_summer a{
		display: block;
		margin: 5px auto;
	}
}


/* あかり展バス
-------------------------------------------------- */

.akariten_bus{
	display: block;
	margin-bottom: 10px;
}

.akariten_bus:before{
	content: "";
	display: inline-block;
	width: 100px;
	height: 1.5em;
	margin-right: 10px;
	background-color: #72cc4c;
	border: 1px solid #333;
	vertical-align: middle;
}


.table_calendar th,
.table_calendar td{
	text-align: center;
}

.table_calendar .app{
	background-color: #72cc4c;
}

.akariten_bus_center{
	text-align: center;
	display: block;
	margin: auto;
}

.akariten_bus_tit{
	display: block;
}

.akariten_bus_tit img{
	display: inline-block;
	vertical-align: middle;
}

.bus_clear{
	width: 5px !important;
}

@media only screen and (max-width: 740px) {
	.table_calendar{
		table-layout: fixed;
	}
	
	.table_calendar th,
	.table_calendar td{
		display: table-cell;
	}
	
	.table_calendar td{
		font-size: 90%;
	}
}

/* --------------------------------------------------
	42. 武雄温泉すいすいタクシー
-------------------------------------------------- */
body.taxi #menu_title .title:before {
  background-image: url(image/taxi/title_bg.jpg);
}
body.taxi #menu_title .title h2 {
  background-image: url(image/taxi/title.png);
}

body.taxi section h3 {
  background-image: url(image/taxi/taxi_title.png);
}

body.taxi article.taxi .center{
    text-align: center;
    margin: 20px auto 40px;
}

body.taxi article.taxi .pdf_btn{
    width: 280px;
    margin: 30px auto;
    background: #333;
    font-weight: bold;
    display: block;
    text-align: center;
}

body.taxi article.taxi .pdf_btn a{
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    display: block;
}

body.taxi article.taxi .pdf_btn:hover{
    background: #ca2e00;
    transition: background-color 0.3s;
}


body.taxi article.taxi .focus{
    padding: 20px;
    margin: 30px auto;
    text-align: center;
    background-color: #FFF0BF;
    font-size: 20px;
    font-weight: bold;
    color: #604C3F;
    line-height: 1.5em;
}

body.taxi article.taxi .focus span{
    font-size: 16px;
}

body.taxi article.taxi table th{
    width: 25%;
}


@media only screen and (max-width: 740px) {
	body.taxi #menu_title .title h2 {
		width: 60%;
	}
    
    body.taxi article.taxi .pdf_btn{
        width: 200px;
    }
    body.taxi article.taxi .focus{
        text-align: left;
    }
    
    body.taxi article.taxi table th{
        width: 100%;
        text-align: center;
    }
}

/* --------------------------------------------------
	43. 武雄温泉駅発！ひみつの佐賀ツアー【日帰りバスツアー】
-------------------------------------------------- */


body.goto_travel #menu_title .title:before {
  background-image: url("image/goto_travel/title_bg.jpg");
}

body.goto_travel #menu_title .title h2 {
  background-image: url(image/goto_travel/title.png);
}


article.goto_travel_index section h3 {
	background-image: url("image/goto_travel/tour_title.png");
}

article ul.kome_ul{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

article a.no_icon::before,
article a.no_icon::after{
	content:none;
}


.kome_ul li{
	margin-left: 0 !important;
	padding-left: 1em;
	text-indent: -1em;
}

.ul_pdf{
	margin: 50px 50px 20px;
  display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
  -ms-flex-wrap:wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
}

.ul_pdf li{
	border: 1px solid #666;
	cursor: pointer;
	margin: 0px 20px 40px;
	flex: 1 1 42%;
	list-style: none;
	border: none;
	text-align: center;
}

.ul_pdf li img{
	border: 1px solid #666;
	display: block;
	margin: 0 auto 5px;
}

.ul_pdf li img{
	border: 1px solid #666;
	display: block;
	margin: 0 auto 5px;
}

article.goto_travel_index section > .nav li {
	margin: 10px;
}

article.goto_travel_index section > .nav li a:after {
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}


article.goto_travel_index ul.image li span {
  display: block;
  text-align: center;
	font-weight: bold;
}

article.goto_travel_index ul.image::after {
	content:" ";
	display:block;
	clear:both;
}

@media only screen and (min-width: 741px) {
	article.goto_travel_index section > .nav {
		text-align: center;
	}
	article.goto_travel_index section > .nav li {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
	}
	article.goto_travel_index section > .nav li a {
		width: 375px;
	}
	
	article.goto_travel_index  ul.image {
		overflow: hidden;
		margin-left: -30px;
		margin-top: 40px;
		margin-bottom: 40px;
  }
	
	article.goto_travel_index ul.image li {
		float: left;
		margin-left: 30px;
		width: 380px;
	}
}

@media only screen and (max-width: 740px) {
	article.goto_travel_index ul.image li {
		width: calc(50% - 15px);
		float: left;
		margin-right: 20px;
		text-align: center;
		margin-bottom: 20px;
	}
	
	article.goto_travel_index ul.image li:nth-child(2n){
		margin-right: 0;
	}
}