/* CSS Document */
.shopentry .outline .introBox {
  text-align: center;
  margin-bottom: 4.33em;
}
@media (max-width: 640px) {
  .shopentry .outline .introBox {
    margin-bottom: 6vw;
  }
}
.shopentry .outline .introBox .introTitle {
  font-size: 2.27em;
  letter-spacing: 0.1em;
  padding-bottom: 0.5em;
}
@media (max-width: 640px) {
  .shopentry .outline .introBox .introTitle {
    font-size: 1.87em;
  }
}
.shopentry .outline .introBox p {
  line-height: 1.73;
  padding-top: 1em;
}
.shopentry .outline .recruitBox {
  background-color: white;
  padding: 4.33em 0;
}
@media (max-width: 640px) {
  .shopentry .outline .recruitBox {
    padding: 6vw 4vw;
  }
}
.shopentry .outline .recruitBox table {
  box-sizing: border-box;
  max-width: 640px;
  width: 100%;
  border-collapse: collapse;
  border-top: #999999 1px solid;
  border-right: #999999 1px solid;
  border-left: #999999 1px solid;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 640px) {
  .shopentry .outline .recruitBox table tr, .shopentry .outline .recruitBox table th, .shopentry .outline .recruitBox table td {
    box-sizing: border-box;
    display: block;
  }
}
.shopentry .outline .recruitBox table td, .shopentry .outline .recruitBox table th {
  border-bottom: #999999 1px solid;
  padding: 1em 1em;
}
.shopentry .outline .recruitBox table th {
  background-color: #e6e6e6;
  border-right: #999999 1px solid;
  width: 5em;
}
@media (max-width: 640px) {
  .shopentry .outline .recruitBox table th {
    width: 100%;
    border-right: none;
  }
}
.shopentry .outline .recruitBox table td {
  width: calc(100% - 5em);
}
@media (max-width: 640px) {
  .shopentry .outline .recruitBox table td {
    width: 100%;
  }
  .shopentry .outline .recruitBox table td.noborder {
    border-bottom: none;
  }
}
.shopentry .outline .recruitBox table span {
  display: inline-block;
}
.shopentry .shopimage ul {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2em;
  margin-left: -2em;
}
@media (max-width: 640px) {
  .shopentry .shopimage ul {
    margin-bottom: 0;
    margin-left: 0;
  }
}
.shopentry .shopimage li {
  box-sizing: border-box;
  width: calc(50% - 2em);
  margin-bottom: 2em;
  margin-left: 2em;
}
@media (max-width: 640px) {
  .shopentry .shopimage li {
    width: 50%;
    margin-bottom: 0;
    margin-left: 0;
  }
}

.about .textBox {
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.7);
  width: 34.87em;
  padding: 3em;
}
@media (max-width: 640px) {
  .about .textBox {
  background-color: rgba(255, 255, 255, 0.7);
  width:100%;
  padding: 3em;
  }
}
.about .inner {
  padding-top: 12.13em;
}
.about .inner.leftBox {
  background: url(../images/about/about1.jpg) no-repeat top right/64.285%;
}
.about .inner.rightBox {
  background: url(../images/about/about2.jpg) no-repeat top left/64.285%;
  margin-top: 5.67em;
}
@media (max-width: 640px) {
  .about .inner.rightBox {
    margin-top: 8vw;
  }
}
.about .inner.rightBox .textBox {
  margin-right: 0;
  margin-left: auto;
}
@media (max-width: 640px) {
  .about .inner.leftBox, .about .inner.rightBox {
    background-position: top center;
    background-size: 92vw;
    padding: 59.72% 0 0;
  }
}
.about .title {
  font-weight: 500;
  font-size: 1.67em;
}
.about p {
  line-height: 1.73;
  padding-top: 1em;
}

.history .contentBox {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-direction: row-reverse;
  /* no prefix */
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 640px) {
  .history .contentBox {
    display: block;
  }
}
.history .contentBox:not(:first-of-type) {
  margin-top: 3.67em;
}
@media (max-width: 640px) {
  .history .contentBox:not(:first-of-type) {
    margin-top: 2em;
  }
}
.history .imgBox {
  max-width: 560px;
  width: 50%;
}
@media (max-width: 640px) {
  .history .imgBox {
    width: 82.6vw;
    margin-right: auto;
    margin-left: auto;
  }
}
.history .textBox {
  box-sizing: border-box;
  width: 50%;
  line-height: 1.75;
  letter-spacing: 0.1em;
  padding-top: 2.67em;
  padding-right: 6.67em;
}
@media (max-width: 640px) {
  .history .textBox {
    width: 100%;
    padding: 2em 0 0;
  }
}
.history .textBox p:not(:first-of-type) {
  padding-top: 2em;
}
.history .textBox dl {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
.history .textBox dt, .history .textBox dd {
  box-sizing: border-box;
  border-bottom: #4d4d4d 1px solid;
  padding-left: 0.3em;
  padding-bottom: 0.3em;
  margin-bottom: 0.5em;
}
.history .textBox dt {
  width: 8em;
}
.history .textBox dd {
  width: calc(100% - 8em);
}


.information .contentBox {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
}
@media (max-width: 640px) {
  .information .contentBox {
    display: block;
  }
}
.information .contentBox .imgBox {
  width: 560px;
}
@media (max-width: 640px) {
  .information .contentBox .imgBox {
    width: 100%;
  }
}
.information .contentBox .textBox {
  box-sizing: border-box;
  max-width: 25em;
  width: 100%;
  color:#333;
  margin-right: auto;
  margin-left: auto;
}
.information .contentBox .textBox dl {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  font-size: 1.07em;
  line-height: 1.75;
}
.information .contentBox .textBox dt:not(:first-of-type), .information .contentBox .textBox dd:not(:first-of-type) {
  padding-top: 1em;
}
@media (max-width: 640px) {
  .information .contentBox .textBox dt, .information .contentBox .textBox dd {
    padding-top: 1em;
  }
}
.information .contentBox .textBox dt {
  width: 7em;
}
.information .contentBox .textBox dd {
  width: calc(100% - 7em);
}
.information .contentBox .textBox .btn_bk {
  margin-top: 2em;
}

@media (min-width: 641px) {
	.sp{
		display:none;}
}


@media (max-width: 640px) {
  .pc{
		display:none;}
  
}

@media (min-width:641px){

.price_left{
	width:48%;
	float:left;}

.price_right{
	width:48%;
	float:right;}
}

.access_p1{
	font-size:18px;}