@charset "UTF-8";
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300);
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative;
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #eee url("https://www.bellclassic.co.jp/com/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url("https://www.bellclassic.co.jp/com/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url("https://www.bellclassic.co.jp/com/css/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("https://www.bellclassic.co.jp/com/css/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #fff url("https://www.bellclassic.co.jp/com/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("https://www.bellclassic.co.jp/com/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("https://www.bellclassic.co.jp/com/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #fff;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #fff;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #fff;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("https://www.bellclassic.co.jp/com/css/images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("https://www.bellclassic.co.jp/com/css/images/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("https://www.bellclassic.co.jp/com/css/images/ui-icons_ef8c08_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("https://www.bellclassic.co.jp/com/css/images/ui-icons_ef8c08_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("https://www.bellclassic.co.jp/com/css/images/ui-icons_ef8c08_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("https://www.bellclassic.co.jp/com/css/images/ui-icons_228ef1_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("https://www.bellclassic.co.jp/com/css/images/ui-icons_ffd27a_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px;
}

.ui-widget-overlay {
  background: #666 url("https://www.bellclassic.co.jp/com/css/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000 url("https://www.bellclassic.co.jp/com/css/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px;
}

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, legend, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

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

ul {
  list-style: none;
}

button {
  margin: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

img, embed, object, audio, video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

td, th {
  padding: 0;
  text-align: left;
}

html {
  font-size: 62.5%;
}

img {
  vertical-align: top;
}

/* for fuwel */
header img, footer img, .ttl_main img {
  vertical-align: top!important; }


/* ==========================================================================
   base
   ========================================================================== */
@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
  font-weight: 600;
}

body {
  color: #2f2c2c;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 300;
  font-size: 1.2em;
}

@media screen and (max-width: 768px) {
  body {
    line-height: 1.8;
  }
}

a {
  color: #2f2c2c;
  text-decoration: none;
}

a:hover {
  opacity: .7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: linear .5s;
  transition: linear .5s;
}

@media screen and (max-width: 760px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}

@media screen and (max-width: 760px) {
  .sp {
    display: block !important;
  }
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	LOADING
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99;
  display: block;
}

.preloader .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -28px;
}

.preloader .loader .loader_img {
  width: 16px;
  height: 16px;
  background-color: #dedede;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loadbounce 1.4s infinite ease-in-out both;
  animation: loadbounce 1.4s infinite ease-in-out both;
}

.preloader .loader .loader_img1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.preloader .loader .loader_img2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes loadbounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(0.8);
  }
}

@keyframes loadbounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

/* ---------
 header
 --------- */
.head {
  width: 100%;
  height: 60px;
  background: #fff;
  z-index: 100;
}

@media screen and (max-width: 600px) {
  .head {
    height: 50px;
  }
}

.head_box {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1000px) {
  .head_box {
    max-width: initial;
  }
}

.head_box .logo {
  margin-left: 20px;
}

@media screen and (max-width: 600px) {
  .head_box .logo {
    margin-left: 5%;
    height: 40px;
  }
  .head_box .logo img {
    height: 100%;
  }
}

@media screen and (max-width: 320px) {
  .head_box .logo {
    margin-left: 3%;
  }
}

.head_box .nav {
  font-family: 'Noto Serif JP', serif;
  font-weight: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.head_box .nav_call {
  font-size: 2.2rem;
  letter-spacing: .1rem;
  margin-right: 15px;
}

@media screen and (max-width: 600px) {
  .head_box .nav_call {
    display: none;
  }
}

.head_box .nav_call:before {
  content: '';
  background: url(../../img/sp/com/tel.svg) no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}

@media screen and (max-width: 600px) {
  .head_box .nav_call:before {
    content: none;
  }
}

.head_box .nav_contact {
  padding: 7px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

@media screen and (max-width: 600px) {
  .head_box .nav_contact {
    display: none;
  }
}

.head_box .nav_contact li {
  line-height: 1;
  font-size: 1.1rem;
}

.head_box .nav_contact li:first-child {
  margin-right: 10px;
  padding-right: 10px;
}

.head_box .nav_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 600px) {
  .head_box .nav_link {
    padding-right: 50px;
  }
}

.head_box .nav_link li {
  border-right: 1px solid #fff;
}

.head_box .nav_link li:last-child {
  border-right: none;
}

.head_box .nav_link li a,
.head_box .nav_link li .link,
.head_box .nav_link li .sns_link {
  height: 60px;
  width: 60px;
  display: block;
  color: #fff;
  text-align: center;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  .head_box .nav_link li a,
  .head_box .nav_link li .link,
  .head_box .nav_link li .sns_link {
    width: 50px;
    height: 50px;
  }
}

.head_box .nav_link li a .box,
.head_box .nav_link li .link .box,
.head_box .nav_link li .sns_link .box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 55%;
  width: 100%;
}

.head_box .nav_link li a .box .img,
.head_box .nav_link li .link .box .img,
.head_box .nav_link li .sns_link .box .img {
  display: block;
  margin: 0 auto 3px;
  width: 20px;
}

.head_box .nav_link li a .box .txt,
.head_box .nav_link li .link .box .txt,
.head_box .nav_link li .sns_link .box .txt {
  display: block;
  font-size: 1.0rem;
}

.head_box .nav_link li a.link .box .img,
.head_box .nav_link li .link.link .box .img,
.head_box .nav_link li .sns_link.link .box .img {
  width: 50%;
  height: 20px;
}

.head_box .nav_link li a.link .box .img img,
.head_box .nav_link li .link.link .box .img img,
.head_box .nav_link li .sns_link.link .box .img img {
  height: 85%;
  padding-top: 5%;
}

@media screen and (max-width: 600px) {
  .head_box .nav_link li .toggle_sns {
    opacity: 0;
    position: absolute;
    top: -100vh;
    left: 0;
    -webkit-transition: 1.4s;
    transition: 1.4s;
    z-index: 50;
    width: 100vw;
    background: rgba(255, 255, 255, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .head_box .nav_link li .toggle_sns li {
    padding: 5% 5% 5% 0;
    border-right: none;
  }
  .head_box .nav_link li .toggle_sns li:last-child {
    padding-right: 0;
  }
  .head_box .nav_link li .toggle_sns li.Line img {
    width: 22px;
  }
  .head_box .nav_link li .toggle_sns li.Fb img {
    width: 15px;
  }
  .head_box .nav_link li .toggle_sns li.Insta img {
    width: 16px;
  }
  .head_box .nav_link li .toggle_sns li.Tw img {
    width: 18px;
  }
  .head_box .nav_link li .toggle_sns li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .head_box .nav_link li .toggle_sns li a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #00658a;
    width: 35px;
    height: 35px;
  }
  .head_box .nav_link li .toggle_sns.on {
    opacity: 1;
    position: absolute;
    top: 50px;
    z-index: 50;
    -webkit-transition: .4s;
    transition: .4s;
  }
}

@media screen and (max-width: 600px) {
  .head_box .nav_link li .link {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 40;
  }
}

.togglemenu {
  opacity: 0;
  position: absolute;
  top: -2000%;
  -webkit-transition: 1.4s;
  transition: 1.4s;
  z-index: 50;
  background: rgba(255, 255, 255, 0.85);
  width: 100%;
}

@media screen and (max-width: 600px) {
  .togglemenu {
    top: -2000vh;
    background: #fff;
  }
}

.togglemenu_box {
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .togglemenu_box {
    max-width: initial;
  }
}

.togglemenu_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}

@media screen and (max-width: 600px) {
  .togglemenu_top {
    position: relative;
  }
}

.togglemenu_top .logo {
  margin-left: 20px;
  padding: 2px 0;
}

@media screen and (max-width: 600px) {
  .togglemenu_top .logo {
    margin-left: 5%;
    padding: 2% 0;
    width: 34.6666667%;
  }
}

.togglemenu_top .close {
  margin-right: 20px;
  padding: 17px 0;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  .togglemenu_top .close {
    width: 5.6666667%;
    margin-right: 5%;
    padding: 2% 0;
  }
}

.togglemenu .menu {
  max-width: 795px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .togglemenu .menu {
    max-width: initial;
  }
}

@media screen and (max-width: 600px) {
  .togglemenu .menu {
    padding: 0 5%;
    overflow-y: scroll;
    width: 100%;
    position: relative;
    z-index: 100;
  }
}

.togglemenu .menu_box {
  padding: 40px 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu_box {
    padding: 2% 0;
    margin-bottom: 5%;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .togglemenu .menu_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.togglemenu .menu_box li {
  width: 200px;
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu_box li {
    width: auto;
    margin-bottom: 3%;
    padding-bottom: 1%;
    border-bottom: 1px solid #a89d99;
    width: 46.5%;
  }
}

.togglemenu .menu_box li a {
  display: block;
  width: 100%;
  position: relative;
}

.togglemenu .menu_box li a:after {
  content: '';
  background: url(../../img/sp/com/arrow_pc.png) no-repeat center center;
  width: 5px;
  height: 9px;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.togglemenu .menu_box li a span {
  display: block;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.3;
}

.togglemenu .menu_box li a .mainttl {
  font-size: 1.4rem;
  margin-bottom: 5px;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu_box li a .mainttl {
    font-size: 1.0rem;
    margin-bottom: 0;
  }
}

.togglemenu .menu_box li a .subttl {
  font-size: 1.2rem;
  color: #95928a;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu_box li a .subttl {
    font-size: 0.8rem;
  }
}

.togglemenu .menu .infobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 25px;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu .infobox {
    display: block;
    margin-bottom: 3%;
  }
}

.togglemenu .menu .infobox .tell {
  font-size: 2.8rem;
  font-family: 'Noto Serif JP', serif;
  margin-right: 20px;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu .infobox .tell {
    display: none;
  }
}

.togglemenu .menu .infobox .tell:before {
  content: '';
  background: url(../../img/sp/com/tel.svg) no-repeat center center;
  background-size: cover;
  display: inline-block;
  width: 19px;
  height: 23px;
  margin-right: 5px;
  vertical-align: baseline;
}

.togglemenu .menu .infobox .tell_sp {
  display: none;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu .infobox .tell_sp {
    display: block;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    margin-bottom: 5%;
  }
  .togglemenu .menu .infobox .tell_sp a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: .5%;
    border-bottom: 1px solid #2f2c2c;
  }
  .togglemenu .menu .infobox .tell_sp a span {
    display: block;
  }
  .togglemenu .menu .infobox .tell_sp a .mark {
    width: 2.4rem;
    margin-right: 5px;
    padding-top: 2%;
  }
  .togglemenu .menu .infobox .tell_sp a .no {
    font-size: 2.4rem;
    line-height: 1;
  }
}

.togglemenu .menu .infobox .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu .infobox .sns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 5%;
  }
}

.togglemenu .menu .infobox .sns li {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  margin-right: 15px;
}

.togglemenu .menu .infobox .sns li:last-child {
  margin-right: 0;
}

.togglemenu .menu .infobox .sns li.Line img {
  width: 22px;
}

.togglemenu .menu .infobox .sns li.Fb img {
  width: 15px;
}

.togglemenu .menu .infobox .sns li.Insta img {
  width: 16px;
}

.togglemenu .menu .infobox .sns li.Tw img {
  width: 18px;
}

.togglemenu .menu .infobox .sns li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.togglemenu .menu .formbox {
  padding-bottom: 30px;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu .formbox {
    padding-bottom: 3%;
  }
}

.togglemenu .menu .formbox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.togglemenu .menu .formbox ul li {
  width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #00658a;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu .formbox ul li {
    width: 50%;
  }
}

.togglemenu .menu .formbox ul li:first-child {
  margin-right: 15px;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu .formbox ul li:first-child {
    margin-right: 5%;
  }
}

.togglemenu .menu .formbox ul li a {
  display: inline-block;
  padding: 10px 0 5px;
  font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 600px) {
  .togglemenu .menu .formbox ul li a {
    padding: 5% 0;
    display: block;
    width: 100%;
    line-height: 1.3;
    text-align: center;
  }
}

.togglemenu .menu .formbox ul li a .icon:before {
  content: '';
  display: inline-block;
}

.togglemenu .menu .formbox ul li a .icon.yoyaku:before {
  background: url(https://www.bellclassic.co.jp/com/img/blue/heart.png) no-repeat center center;
  width: 16px;
  height: 14px;
}

.togglemenu .menu .formbox ul li a .icon.contact:before {
  background: url(https://www.bellclassic.co.jp/com/img/blue/mail.png) no-repeat center center;
  width: 16px;
  height: 12px;
}

.togglemenu .menu .formbox ul li a .mainttl {
  font-size: 1.4rem;
  display: block;
  color: #00658a;
}

.togglemenu .menu .formbox ul li a .subttl {
  font-size: 0.8rem;
  color: #95928a;
  display: block;
}

.togglemenu.on {
  opacity: 1;
  position: fixed;
  top: 0;
  z-index: 50;
  -webkit-transition: .4s;
  transition: .4s;
  /* for fuwel */
  height: calc(100vh - 88px);
}

/* ---------
 main
 --------- */
main {
  display: block;
}

/* ---------
 footer
 --------- */
footer {
  margin-top: 100px;
}

@media screen and (max-width: 600px) {
  footer {
    margin-top: 10%;
  }
}

footer .contectbox {
  background: #ecf3f5;
  padding: 20px 0;
  margin-bottom: 50px;
}

@media screen and (max-width: 600px) {
  footer .contectbox {
    padding: 5% 0;
    margin-bottom: 5%;
  }
}

footer .contectbox ul {
  max-width: 680px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1000px) {
  footer .contectbox ul {
    margin: 0 auto;
    max-width: 73.3333333%;
  }
}

@media screen and (max-width: 600px) {
  footer .contectbox ul {
    max-width: 90%;
  }
}

footer .contectbox ul li {
  border: 2px solid #2f2c2c;
  background: #fff;
  width: 320px;
  padding: 3px;
}

@media screen and (max-width: 1000px) {
  footer .contectbox ul li {
    width: 48%;
  }
}

footer .contectbox ul li a {
  border: 1px solid #bbb0b0;
  display: block;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  line-height: 1;
}

@media screen and (max-width: 600px) {
  footer .contectbox ul li a {
    padding: 10% 0;
  }
}

footer .contectbox ul li a .mainttl {
  font-size: 2.6rem;
  display: block;
  margin-bottom: 5px;
}

@media screen and (max-width: 600px) {
  footer .contectbox ul li a .mainttl {
    font-size: 1.8rem;
    line-height: 1.3;
  }
}

footer .contectbox ul li a .subttl {
  font-size: 1.4rem;
  display: block;
}

@media screen and (max-width: 600px) {
  footer .contectbox ul li a .subttl {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}

footer .chapel {
  border-top: 1px solid #2f2c2c;
  border-bottom: 1px solid #2f2c2c;
  background: #fbf9f2;
  padding: 15px 0;
  margin-bottom: 75px;
}

@media screen and (max-width: 600px) {
  footer .chapel {
    margin-bottom: 8%;
    padding: 3% 0;
  }
}

footer .chapel_box {
  max-width: 715px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 1000px) {
  footer .chapel_box {
    max-width: 72%;
  }
}

@media screen and (max-width: 600px) {
  footer .chapel_box {
    max-width: initial;
    display: block;
  }
}

footer .chapel_box .logo {
  max-width: 350px;
}

@media screen and (max-width: 600px) {
  footer .chapel_box .logo {
    max-width: initial;
    width: 60%;
    margin: 0 auto 5%;
  }
}

footer .chapel_box .addbox {
  max-width: 350px;
}

@media screen and (max-width: 600px) {
  footer .chapel_box .addbox {
    max-width: initial;
    width: 92%;
    margin: 0 auto;
  }
}

footer .chapel_box .addbox .tell {
  font-size: 2.4rem;
}

@media screen and (max-width: 600px) {
  footer .chapel_box .addbox .tell {
    display: none;
  }
}

footer .chapel_box .addbox .tell:before {
  content: '';
  background: url(../../img/sp/com/tel.svg) no-repeat center center;
  display: inline-block;
  width: 16px;
  height: 19px;
  margin-right: 5px;
  vertical-align: baseline;
}

footer .chapel_box .addbox .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  footer .chapel_box .addbox .box {
    margin: 0 auto 3%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

footer .chapel_box .addbox .box .txt {
  font-size: 1.2rem;
}

@media screen and (max-width: 600px) {
  footer .chapel_box .addbox .box .txt {
    font-size: 1.1rem;
    line-height: 1.3;
    width: 100%;
  }
}

footer .chapel_box .addbox .box .txt span {
  display: block;
}

footer .chapel_box .addbox .box .map {
  margin-left: 5px;
  margin-bottom: 2px;
}

@media screen and (max-width: 600px) {
  footer .chapel_box .addbox .box .map {
    width: 15%;
  }
}

footer .chapel_box .addbox .contact_sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .chapel_box .addbox .contact_sp .img {
  margin-right: 15px;
}

@media screen and (max-width: 600px) {
  footer .chapel_box .addbox .contact_sp .img {
    margin-right: 3%;
    width: 15%;
  }
}

footer .chapel_box .addbox .contact_sp .txt {
  width: 90%;
  text-align: center;
}

footer .chapel_box .addbox .contact_sp .jp {
  font-size: 1.6rem;
  display: block;
}

@media screen and (max-width: 600px) {
  footer .chapel_box .addbox .contact_sp .jp {
    font-size: 1.3rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 340px) {
  footer .chapel_box .addbox .contact_sp .jp {
    font-size: 1.2rem;
  }
}

footer .chapel_box .addbox .contact_sp .en {
  font-size: 1.2rem;
  display: block;
}

@media screen and (max-width: 600px) {
  footer .chapel_box .addbox .contact_sp .en {
    font-size: 1.0rem;
    line-height: 1.3;
  }
}

footer .chapel_box .addbox .contact_sp .tel {
  width: 38%;
  padding: 3%;
  margin-right: 2%;
  background: #00658a;
}

footer .chapel_box .addbox .contact_sp .tel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

footer .chapel_box .addbox .contact_sp .contact {
  background: #fff;
  padding: 10px 15px;
}

@media screen and (max-width: 600px) {
  footer .chapel_box .addbox .contact_sp .contact {
    padding: 3% 5%;
    width: 60%;
  }
}

@media screen and (max-width: 600px) and (max-width: 340px) {
  footer .chapel_box .addbox .contact_sp .contact {
    padding: 3%;
  }
}

@media screen and (max-width: 600px) {
  footer .chapel_box .addbox .contact_sp .contact a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

footer .chapel_box .addbox .contact_sp .tel .img {
  width: 20%;
}

footer .linklist {
  max-width: 870px;
  margin: 0 auto 80px;
}

@media screen and (max-width: 600px) {
  footer .linklist {
    max-width: initial;
    margin: 0 5% 8%;
  }
}

footer .linklist_ttl {
  text-align: center;
  font-size: 2.1rem;
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 15px;
}

@media screen and (max-width: 600px) {
  footer .linklist_ttl {
    font-size: 1.5rem;
    margin-bottom: 1.5%;
  }
}

footer .linklist_mark {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 59px;
}

@media screen and (max-width: 600px) {
  footer .linklist_mark {
    width: 25%;
  }
}

footer .linklist_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 600px) {
  footer .linklist_box {
    display: block;
    text-align: center;
  }
}

footer .linklist_box .list .ttl {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.4rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  footer .linklist_box .list .ttl {
    font-size: 1.2rem;
    margin-bottom: 0;
    padding: 2% 0;
    border-bottom: 1px dashed #a89d99;
    position: relative;
    cursor: pointer;
  }
  footer .linklist_box .list .ttl:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5%;
    content: '';
    background: url(../../img/sp/com/foot_arrow-off.png) no-repeat center center;
    background-size: cover;
    width: 5px;
    height: 9px;
  }
}

footer .linklist_box .list .ttl.on:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5%;
  content: '';
  background: url(../../img/sp/com/foot_arrow-on.png) no-repeat center center;
  background-size: cover;
  width: 9px;
  height: 5px;
}

@media screen and (max-width: 600px) {
  footer .linklist_box .list ul {
    display: none;
  }
}

footer .linklist_box .list li {
  margin-bottom: 10px;
  font-size: 1.1rem;
}

@media screen and (max-width: 600px) {
  footer .linklist_box .list li {
    margin-bottom: 0;
    font-size: .9rem;
    background: #f2f0ea;
    border-bottom: 1px solid #fff;
    font-family: 'Noto Serif JP', serif;
  }
  footer .linklist_box .list li a {
    padding: 2% 0;
    display: block;
    position: relative;
  }
  footer .linklist_box .list li a:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 6%;
    content: '';
    background: url(../../img/sp/com/foot_innerarrow.png) no-repeat center center;
    background-size: cover;
    width: 3px;
    height: 6px;
  }
}

footer .linklist_box .list li:before {
  content: '—';
  display: inline-block;
  margin-right: 5px;
}

@media screen and (max-width: 600px) {
  footer .linklist_box .list li:before {
    content: none;
  }
}

footer .linklist_box .list .list-top {
  margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
  footer .linklist_box .list .list-top {
    margin-bottom: 2%;
  }
}

footer .copy {
  color: #fff;
  padding: 15px 0;
}

@media screen and (max-width: 600px) {
  footer .copy {
    padding: 1.5% 0;
    padding-bottom: 20%;
  }
}

footer .copy_link {
  text-align: center;
  margin-bottom: 5px;
}

footer .copy_link li {
  display: inline-block;
  line-height: 1;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #fff;
}

@media screen and (max-width: 600px) {
  footer .copy_link li {
    padding-right: 2%;
    margin-right: 2%;
  }
}

footer .copy_link li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

footer .copy_link li a {
  color: #fff;
  text-decoration: underline;
}

footer .copy_link li a:hover {
  text-decoration: none;
}

footer .copy_txt {
  text-align: center;
}

footer .bottom_banner {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  width: 100%;
}

footer .bottom_banner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  background: #2f2c2c;
  height: 70px;
}

footer .bottom_banner ul li {
  border-right: 1px solid #fff;
  height: 100%;
}

footer .bottom_banner ul li:last-child {
  border-right: none;
}

footer .bottom_banner ul li a {
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-size: 1.2rem;
  display: block;
  text-align: center;
  padding: 10px 0 15px;
}

footer .bottom_banner ul li a span {
  display: block;
}

footer .bottom_banner ul li a .img {
  margin-bottom: 2%;
  height: 30px;
}

footer .bottom_banner ul li a .img img {
  height: 100%;
}

footer .bottom_banner ul .tel {
  width: 20%;
}

footer .bottom_banner ul .yoyaku {
  width: 35%;
}

footer .bottom_banner ul .fair {
  width: 45%;
}

.ttl {
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .ttl {
    margin-bottom: 4%;
  }
}

.ttl span {
  display: block;
}

.ttl_main {
  margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
  .ttl_main {
    margin: 0 auto;
  }
}

.ttl_sub {
  color: #95928a;
  font-size: 1.3rem;
  font-weight: 200;
}

@media screen and (max-width: 600px) {
  .ttl_sub {
    font-size: .9rem;
    font-weight: 300;
    line-height: 1;
  }
}

.bgbox {
  position: absolute;
  top: 35%;
  left: 0vw;
  width: 100%;
  background: #eee;
  z-index: -1;
  height: 55%;
}

.button {
  margin: 0 auto;
  width: 310px;
}

@media screen and (max-width: 600px) {
  .button {
    width: 50%;
  }
}

.button a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  font-size: 1.5rem;
}

@media screen and (max-width: 600px) {
  .button a {
    font-size: .9rem;
    padding: 3% 0;
  }
}

.button.black {
  background: #2f2c2c;
  position: relative;
}

.button.black a {
  color: #fff;
}

.button.black a:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5%;
  content: '';
  background: url(../../img/sp/com/w_arrow.png) no-repeat center center;
  width: 6px;
  height: 12px;
  display: inline-block;
}

.button.white {
  border: 1px solid #2f2c2c;
  background: #fff;
  position: relative;
}

.button.white a {
  color: #2f2c2c;
}

.button.white a:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5%;
  content: '';
  background: url(../../img/sp/com/b_arrow.png) no-repeat center center;
  width: 6px;
  height: 12px;
  display: inline-block;
}

.button.white_line {
  border-bottom: 1px solid #2f2c2c;
  background: #fff;
  position: relative;
}

.button.white_line a {
  color: #2f2c2c;
}

.button.white_line a:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5%;
  content: '';
  background: url(../../img/sp/com/b_arrow.png) no-repeat center center;
  width: 6px;
  height: 12px;
  display: inline-block;
}

.imgbox {
  max-width: 600px;
  margin: 0 auto 120px;
}

@media screen and (max-width: 600px) {
  .imgbox {
    max-width: initial;
    margin: 0 10% 15%;
  }
}

.imgbox_ttl {
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .imgbox_ttl {
    margin-bottom: 2%;
  }
}

.imgbox_lead {
  text-align: center;
  margin-bottom: 15px;
  font-size: 1.5rem;
  font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 600px) {
  .imgbox_lead {
    margin-bottom: 1.5%;
    font-size: 1.1rem;
    line-height: 1.3;
  }
}

.imgbox_img {
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  height: 400px;
}

@media screen and (max-width: 600px) {
  .imgbox_img {
    margin-bottom: 1.5%;
    height: 280px;
  }
}

.imgbox_img img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: initial;
  height: 100%;
}

@media all and (-ms-high-contrast: none) {
  .imgbox_img img {
    max-width: none;
  }
}

.imgbox_imglink {
  margin-bottom: 15px;
}

@media screen and (max-width: 600px) {
  .imgbox_imglink {
    margin-bottom: 0;
  }
}

.imgbox .bx-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

@media screen and (max-width: 600px) {
  .imgbox .bx-wrapper {
    margin-bottom: 3%;
  }
}

.imgbox .bx-wrapper img {
  max-width: initial;
  width: auto !important;
}

@media all and (-ms-high-contrast: none) {
  .imgbox .bx-wrapper img {
    max-width: none;
  }
}

/*フェアタブメニュー*/
.fair_link {
  max-width: 1000px;
  border-bottom: 1px solid #95928a;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 1000px) {
  .fair_link {
    max-width: initial;
    margin: 0 5% 7%;
  }
}

.fair_link .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 245px;
  margin-bottom: -1px;
}

@media screen and (max-width: 600px) {
  .fair_link .list {
    width: 50%;
  }
  .fair_link .list .txt {
    font-size: 1.0rem;
  }
}

.fair_link .list.active {
  padding: 10px 0 5px;
  border-top: 1px solid #95928a;
  border-left: 1px solid #95928a;
  border-right: 1px solid #95928a;
  border-bottom: 2px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 600px) {
  .fair_link .list.active {
    padding: 2px 0;
  }
}

.fair_link .list.active .img {
  width: 15px;
  margin-right: 5px;
}

@media screen and (max-width: 600px) {
  .fair_link .list.active .img {
    width: 13px;
  }
}

.fair_link .list.active .img img {
  width: 100%;
  vertical-align: middle;
}

.fair_link .list.link {
  background: #eee;
  padding: 10px 0 5px;
}

@media screen and (max-width: 600px) {
  .fair_link .list.link {
    padding: 2px 0;
  }
}

.fair_link .list.link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fair_link .list.link a .img {
  width: 15px;
  margin-right: 5px;
}

@media screen and (max-width: 600px) {
  .fair_link .list.link a .img {
    width: 13px;
  }
}

.fair_link .list.link a .img img {
  width: 100%;
  vertical-align: middle;
}

.fair_link .list.bg {
  background: #eee;
}

.fair_link .list.bg a {
  padding: 10px 0 5px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 600px) {
  .fair_link .list.bg a {
    padding: 2px 0;
  }
}

.fair_link .list.bg a .img {
  width: 18px;
  margin-right: 5px;
}

@media screen and (max-width: 600px) {
  .fair_link .list.bg a .img {
    width: 15px;
  }
}

.fair_link .list.bg a .img img {
  width: 100%;
}

@media screen and (max-width: 600px) {
  .fair_link .list.bg a .img img {
    width: 15px;
    vertical-align: middle;
  }
}

.fair_link .list.bg_nolink {
  padding: 10px 0 5px;
  border-top: 1px solid #95928a;
  border-left: 1px solid #95928a;
  border-right: 1px solid #95928a;
  border-bottom: 2px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 600px) {
  .fair_link .list.bg_nolink {
    padding: 2px 0;
  }
}

.fair_link .list.bg_nolink .img {
  width: 18px;
  margin-right: 5px;
}

@media screen and (max-width: 600px) {
  .fair_link .list.bg_nolink .img {
    width: 15px;
  }
}

.fair_link .list.bg_nolink .img img {
  width: 100%;
}

@media screen and (max-width: 600px) {
  .fair_link .list.bg_nolink .img img {
    width: 15px;
    vertical-align: middle;
  }
}