@charset "UTF-8";
* {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Meiryo, sans-serif;
}
h1, h2, h3, h4, .hn {
  font-family: "Helvetica Neue",Meiryo !important;
}
.yug {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Meiryo, sans-serif!important;
}
h1 {
  text-align: center;
  margin: 20px 0;
  letter-spacing: 1px;
}
h1 img {
  width: 64px;
}
p{

  color: #222;
}

h2,.h2 {
  color: #222;
  font-size: 40px;
  text-align: center;
  letter-spacing: 1px;
}

body {
  background-color: #F6F6F6;
  margin: 0 ;
}
body,html{
  width: 100%;
}


img {
  width: 100%;
}

a {
  text-decoration: none;
  color: #222;
  font-weight: bold;
}
a:hover {
  opacity: .7;
}

#container,
.container {
  width: 1200px;
  margin: 0 auto;
}
#container.contact-wrap{
  width: 910px;
}
#container.contact-wrap #main h2{
  font-size: 30px;
　margin-bottom: 60px;
　padding-top: 40px;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

#header {
  width: 1200px;
  margin: 0 auto;
}
#header h1 {
  height: 24px;
}

#header h1 a{
  display: block;
  float: none;
  width: auto;
  height: auto;
  background: none;
  text-indent: 0;
  margin: 0;
}

.slider-wrap {
  position: relative;
}

#slider {
  overflow: hidden;
  width: 100%;
  min-height: 740px;
  background-color: #999;
  margin: 0;
  padding: 0;
}
#slider .zs-bullets {
  display: none;
}

.bxslider, .bxslider * {
  transition: initial;
}

#slider > li[aria-hidden="false"] {
  animation: anime_zoom 6s linear;
}

#slider > li[aria-hidden="true"] {
  transform: scale(1);
}
.figure{
  margin: 5px;
}
.slider-container{
  margin: 60px -226px;
}
.loopslider{
  position: initial!important;
}
.slider-container .loopslider-next-button,
.slider-container .loopslider-prev-button{
  background: url(../images/arrow_right.png) no-repeat 0;
  top: unset!important;
  left: unset;
  right: -1px;
  bottom: 15px;
  width: 49px;
  height: 50px;
}
.slider-container .loopslider-prev-button{
  right: 46px;
  background: url(../images/arrow_left.png) no-repeat 0;
}
.loopslider-next-button svg,
.loopslider-prev-button svg {
  display: none;
}
@keyframes anime_zoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
h2 img,.h2 img {
  width: auto;
  max-width: 1200px;
}
.inner-content {
  opacity: 0;
  position: absolute;
  top: 47%;
  left: 50%;
  margin-top: -150px;
  margin-left: -396px;
  z-index: 9999;
}

.bx-wrapper {
  box-shadow: none !important;
  border: none !important;
}

.silder_wrap {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.silder_wrap .bx-wrapper {
  margin: 60px -226px;
  position: initial !important;
}
.silder_wrap .bx-wrapper .bx-controls-direction a {
  top: initial !important;
  bottom: 0;
  background: url(../images/arrow_right.png) no-repeat 0;
}
.silder_wrap .bx-wrapper .bx-controls-direction .bx-prev:hover, .silder_wrap .bx-wrapper .bx-controls-direction .bx-prev:focus,
.silder_wrap .bx-wrapper .bx-controls-direction .bx-next:hover,
.silder_wrap .bx-wrapper .bx-controls-direction .bx-next:focus {
  background-position: 0;
}
.silder_wrap .bx-wrapper .bx-controls-direction .bx-prev {
  right: 47px;
  left: initial;
  width: 48px;
  height: 48px;
  background: url(../images/arrow_left.png) no-repeat 0;
}
.silder_wrap .bx-wrapper .bx-controls-direction .bx-next {
  width: 48px;
  height: 48px;
  right: 0;
}
.silder_wrap .bx-viewport {
  position: initial !important;
  min-height: 362px;
}

.btn {
  border: solid #55bbba 1px;
  font-size: 18px;
  text-align: center;
  padding: 18px;
  color: #222;
  width: 228px;
  display: block;
  font-weight: bold;
  margin: 0 auto;
  background: #FFF;
}

/*.info{
  margin: 0 auto 30px;
  text-align: center;
}
.info a{
  color: #55bbba;
  font-weight: bold;
  font-size: 18px;
} */
.info{
  border: solid 1px #222;
  padding: 5px 40px;
  margin: 0 auto 70px;
  text-align: center;
}
.info p{ 
  font-size: 14px;
}
.info p span{ 
  font-weight: bold;
}
.spotify{
  margin: 0 auto 70px;
  padding:20px 40px;
  background-color: #fffaa9;
}

.spotify p{
  font-size: 16px;
  width: 55%;
}
.spotify p span{
  font-family: "Helvetica Neue",Meiryo !important;
  font-weight:bold;
  font-size: 22px
}
.spotify .spotifyiframe{
  margin-left: 40px;
}

.about h2 {
  margin-top: 60px;
}
.about p {
  font-size: 18px;
  text-align: center;
  line-height: 38px;
  font-weight: bold;
}

.shop {
  padding: 0 50px;
}
.shop h2 {
  margin-top:0;
}
.shop h2 span {
  font-size: 16px;
  display: block;
  font-weight: normal;
}
.shop .section {
  width: 33.333%;
  padding: 20px 50px 30px;
  box-sizing: border-box;
  position: relative;
}
.shop .section:after {
  position: absolute;
  content: '';
  width: 73%;
  height: 1px;
  background: #222;
  bottom: 0;
  left: 13%;
}
.shop .section h3 {
  font-size: 16px;
  color: #7d7d7d;
  margin-bottom: 3px;
}
.shop .section p {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}
.shop .section p.hn {
  font-size: 26px;
}
.shop .section p.hn .sml{
  font-size: 20px;
}
.shop .section p.hn span{
  font-size:14px;
  font-weight: normal;
}
.shop .section a {
  font-size: 16px;
}
.shop .section .contact-c{
margin-top: 20px;
}
.shop .map {
  margin-top: 5px;
  display: block;
}
.shop .map img {
  width: 16px;
  margin-bottom: -4px;
  margin-left: 5px;
}

.shop #open0417 {
  margin-top: 40px;
  text-align: center;
  line-height: 1.8em;
}
.shop #open0417 p{
  font-weight: normal;
  margin: 0 0 10px;
}
.shop #open0417 p span{
  font-weight: bold;
  font-size: 18px;
}
.shop #open0417 .cv{
  background-color: #ffffff;
  padding: 40px 40px;
  width: 84%;
  margin: 40px auto;
  text-align: center;
}
#open0417 .cv p{
  font-weight: normal;
  font-size: 14px;
}
#open0417 .cv p span{
  font-weight: bold;
  font-size: 16px;
}
#open0417 .cv ul{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 20px 0 10px;
}
#open0417 .cv ul li{
  width: 50%;
  box-sizing: border-box;
  position: relative;
  list-style: none;
  padding: 10px;
}
#open0417 .cv ul li p{
  font-size: 14px;
  text-align: left;
  font-weight: normal;
}
#open0417 .cv ul li p span{
  font-weight: bold;
  font-size: 14px;
}
#open0417 .cv .onlineservice {
  padding-top: 30px;
  border-top: 1px solid #222;
}
#open0417 .cv .onlineservice p {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.shop .news {
  border: solid 1px #222;
  text-align: center;
  margin: 40px 50px 0;
}
.shop .news p span{
  font-size: 14px;
}
.onlinestore {
  margin-top: 70px;
}
.onlinestore p {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
.forbusiness {
  background: #b4d2ce;
  padding: 60px 0;
  margin-top: 100px;
}
.forbusiness p {
  font-size: 18px;
  text-align: center;
  line-height: 38px;
  font-weight: bold;
  margin-bottom: 0;
}
.forbusiness .main {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.forbusiness .main > .flex{
  margin-left: 60px;
  margin-right: -60px;
}
.forbusiness .section {
  width: 50%;
  padding: 20px 50px 50px;
  box-sizing: border-box;
  position: relative;
}
.forbusiness h3 {
  font-size: 24px;
}
.forbusiness h4 {
  font-size: 22px;
  margin: 0;
}
.forbusiness .form .img {
  width: 48px;
  margin: 15px 40px 30px 0;
}
.forbusiness .tel .img {
  width: 47px;
  margin: 15px 40px 30px 0;
}
.forbusiness .tel p {
  margin: 0;
  font-size: 22px;
  line-height: 25px;
  margin-top: 3px;
}
.forbusiness .tel p span {
  font-size: 14px;
}
.forbusiness .contact {
  margin-bottom: 30px;
}
.forbusiness .contact p.mt {
  font-size: 26px;
  line-height: 1em;
}
.forbusiness .contact p.mt span {
  font-size: 14px;
  font-weight: normal;
}
.forbusiness .contact a{
  text-align: center;
}


.r-line{
  position: relative;
}
.r-line:after{
  position: absolute;
  content: '';
  width: 1px;
  height: 200px;
  top: 56px;
  right: 68px;
  background: #222;
}

.recruit {
  margin-top: 85px;
}
.recruit p {
  text-align: right;
  width: 55%;
  font-weight: bold;
  font-size: 18px;
  color: #222;
}
.recruit .btn {
  margin: 0 60px;
}

#footer {
  padding-bottom: 30px;
}
#footer a, #footer p {
  font-weight: 100;
}
#footer p {
  margin: 0;
  line-height: 26px;
}
#footer p span {
  display: block;
  margin: 5px 0 7px;
}
#footer h3 {
  margin: 0;
}
#footer .container {
  border-top: #222 1px solid;
  margin-top: 85px;
  padding-top: 35px;
}
#footer .flex > * {
  width: 33.333%;
  box-sizing: border-box;
}

#footer a.link {
  position: relative;
  padding-left: 2rem;
  display: inline-block;
}
#footer a.link:before {
  position: absolute;
  content: '';
  top: 13px;
  left: 0;
  width: 1rem;
  height: 1px;
  background: #222;
}

#footer ul {
  list-style-type: none;
}
#footer ul li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 5px;
}
#footer ul li a {
  font-size: 14px;
}
#footer ul li:before {
  position: absolute;
  content: '';
  top: 12px;
  left: 0;
  width: 1rem;
  height: 1px;
  background: #222;
}
#footer ul.flex {
  justify-content: center;
}
#footer ul.flex li {
  padding: 9px;
  width: 54px;
}
#footer ul.flex li:before {
  display: none;
}
#footer .copyright {
  text-align: center;
  margin-top: -10px;
}
#footer a:visited, #footer a:link {
  color: #222;
}

#main {
  width: 100%;
}
#main p {
  margin: 40px 10px;
}
#main img {
  width: 0;
}
#main h2 {
  border: none;
}
#main h2:after {
  display: none;
}
#main table.apply_area {
  width: 100%;
  border: none;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}
#main table.apply_area tbody{
  display: table;
}
#main table.apply_area td, #main table.apply_area th {
  border: none;
}
#main table.apply_area th.title {
  width: 230px;
  display: block;
}

#main table input[type="text"], #main table textarea {
  padding: 8px;
  box-shadow: none;
  border: #777 solid 1px;
  width: 630px;
}
#main .buttonarea {
  display: flex;
  margin: 0px 150px;
}
#main .buttonarea input {
  margin: 15px;
}
#main .buttonarea .button {
  border: solid #55bbba 1px;
  font-size: 18px;
  text-align: center;
  padding: 18px;
  color: #222;
  width: 240px;
  display: block;
  margin: 0 auto;
  background: #FFF;
}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

input,textarea{
-webkit-appearance: none;
}
#content.apply .confirm + form .apply_area{
  padding: 0 12px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#content.apply .confirm + form .apply_area:after{
  position: absolute;
  content: '';
  bottom: 0;
  left: 7%;
  width: 85%;
  height: 1px;
  background: #777;
}
#content.apply .confirm + form .apply_area:last-child{
  background: #ff0;
}
#header h1 {
  font-size: initial;
}

.remote{
  text-align: center;
  width: 1000px;
  margin: 50px auto; 
  line-height: 1.8em;
  font-weight: bold;
}
.remote .title{
  font-size: 30px;
  font-weight: bold;
  margin: 20px 0 40px;
}
.remote .attention{ 
  margin-top: 50px;
  border: solid 1px #222;
  padding: 20px 30px;
  text-align: left;
  font-weight: normal;
}
.remote .attention p span{
  font-weight: bold;
} 

.remote .attention a{
  font-weight: bold;
  color: #55bbba;
} 
.calender{
  margin: 50px auto;
  width:1000px;
}